Uncategorised Visitas: 8

{source}<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");

*{
margin: 0;
padding: 0;
}
section {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

.content--section--page {
line-height: 1.5;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

.content--section--page {
-webkit-text-size-adjust: none;
margin-left: -20px;
}
@-ms-viewport {
width: device-width;
}

.content--section--page {
-ms-overflow-style: scrollbar;
}

@media screen and (max-width: 480px) {

html,
body {
min-width: 320px;
}

}

html {
box-sizing: border-box;
}

*,
*:before,
*:after {
box-sizing: inherit;
}

body {
background-color: #2e3141;
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../images/imagenes/hands-g5b847e6ef_1920.jpg");
background-size: auto,
cover;
background-attachment: fixed,
fixed;
background-position: center, center;
}

body.is-preload *,
body.is-preload *:before,
body.is-preload *:after {
-moz-animation: none !important;
-webkit-animation: none !important;
-ms-animation: none !important;
animation: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}

/* Type */

/*body,*/
input,
select,
textarea {
/*color: #ffffff;*/
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 16.5pt;
font-weight: 300;
line-height: 1.65;
}

@media screen and (max-width: 1680px) {

body,
input,
select,
textarea {
font-size: 13pt;
}

}

@media screen and (max-width: 1280px) {

body,
input,
select,
textarea {
font-size: 12pt;
}

}

@media screen and (max-width: 980px) {

body,
input,
select,
textarea {
font-size: 12pt;
}

}

@media screen and (max-width: 736px) {

body,
input,
select,
textarea {
font-size: 12pt;
}

}

@media screen and (max-width: 480px) {

body,
input,
select,
textarea {
font-size: 12pt;
}

}

.major-description {
margin: 0 0 2em 0;
color: #FFFFFF;
}

/*h1,
h2,
h3,
h4,
h5,
h6 {
color: #ffffff;
font-family: Raleway, Helvetica, sans-serif;
font-weight: 700;
letter-spacing: 0.1em;
margin: 0 0 1em 0;
text-transform: uppercase;
}*/

h1.major,
h2.major,
h3.major,
h4.major,
h5.major,
h6.major {
padding-bottom: 1em;
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
color: #ffffff;
font-family: Raleway, Helvetica, sans-serif;
font-weight: 700;
letter-spacing: 0.1em;
margin: 0 0 1em 0;
text-transform: uppercase;
}

#banner h2{
padding-bottom: 1em;
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
color: #ffffff;
font-family: Raleway, Helvetica, sans-serif;
font-weight: 700;
letter-spacing: 0.1em;
margin: 0 0 1em 0;
text-transform: uppercase;
}

h2.major {
font-size: 1.2em;
}

h3.major {
font-size: 0.9em;
}

h4.major {
font-size: 0.7em;
}

h5.major {
font-size: 0.7em;
}

h6.major {
font-size: 0.7em;
}

@media screen and (max-width: 736px) {

h2.major {
font-size: 1em;
}

h3.major {
font-size: 0.8em;
}

}

hr.major {
border: 0;
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
margin: 2.5em 0;
}

hr.major {
margin: 4em 0;
}

/* Row */

.row {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
}

.row>* {
box-sizing: border-box;
}

.row.gtr-uniform>*> :last-child {
margin-bottom: 0;
}

.row.aln-left {
justify-content: flex-start;
}

.row.aln-center {
justify-content: center;
}

.row.aln-right {
justify-content: flex-end;
}

.row.aln-top {
align-items: flex-start;
}

.row.aln-middle {
align-items: center;
}

.row.aln-bottom {
align-items: flex-end;
}

.row>.imp {
order: -1;
}

.row>.col-1 {
width: 8.33333%;
}

.row>.off-1 {
margin-left: 8.33333%;
}

.row>.col-2 {
width: 16.66667%;
}

.row>.off-2 {
margin-left: 16.66667%;
}

.row>.col-3 {
width: 25%;
}

.row>.off-3 {
margin-left: 25%;
}

.row>.col-4 {
width: 33.33333%;
}

.row>.off-4 {
margin-left: 33.33333%;
}

.row>.col-5 {
width: 41.66667%;
}

.row>.off-5 {
margin-left: 41.66667%;
}

.row>.col-6 {
width: 50%;
}

.row>.off-6 {
margin-left: 50%;
}

.row>.col-7 {
width: 58.33333%;
}

.row>.off-7 {
margin-left: 58.33333%;
}

.row>.col-8 {
width: 66.66667%;
}

.row>.off-8 {
margin-left: 66.66667%;
}

.row>.col-9 {
width: 75%;
}

.row>.off-9 {
margin-left: 75%;
}

.row>.col-10 {
width: 83.33333%;
}

.row>.off-10 {
margin-left: 83.33333%;
}

.row>.col-11 {
width: 91.66667%;
}

.row>.off-11 {
margin-left: 91.66667%;
}

.row>.col-12 {
width: 100%;
}

.row>.off-12 {
margin-left: 100%;
}

.row.gtr-0 {
margin-top: 0;
margin-left: 0em;
}

.row.gtr-0>* {
padding: 0 0 0 0em;
}

.row.gtr-0.gtr-uniform {
margin-top: 0em;
}

.row.gtr-0.gtr-uniform>* {
padding-top: 0em;
}

.row.gtr-25 {
margin-top: 0;
margin-left: -0.4375em;
}

.row.gtr-25>* {
padding: 0 0 0 0.4375em;
}

.row.gtr-25.gtr-uniform {
margin-top: -0.4375em;
}

.row.gtr-25.gtr-uniform>* {
padding-top: 0.4375em;
}

.row.gtr-50 {
margin-top: 0;
margin-left: -0.875em;
}

.row.gtr-50>* {
padding: 0 0 0 0.875em;
}

.row.gtr-50.gtr-uniform {
margin-top: -0.875em;
}

.row.gtr-50.gtr-uniform>* {
padding-top: 0.875em;
}

.row {
margin-top: 0;
margin-left: -1.75em;
}

.row>* {
padding: 0 0 0 1.75em;
}

.row.gtr-uniform {
margin-top: -1.75em;
}

.row.gtr-uniform>* {
padding-top: 1.75em;
}

.row.gtr-150 {
margin-top: 0;
margin-left: -2.625em;
}

.row.gtr-150>* {
padding: 0 0 0 2.625em;
}

.row.gtr-150.gtr-uniform {
margin-top: -2.625em;
}

.row.gtr-150.gtr-uniform>* {
padding-top: 2.625em;
}

.row.gtr-200 {
margin-top: 0;
margin-left: -3.5em;
}

.row.gtr-200>* {
padding: 0 0 0 3.5em;
}

.row.gtr-200.gtr-uniform {
margin-top: -3.5em;
}

.row.gtr-200.gtr-uniform>* {
padding-top: 3.5em;
}

@media screen and (max-width: 1680px) {

.row {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
}

.row>* {
box-sizing: border-box;
}

.row.gtr-uniform>*> :last-child {
margin-bottom: 0;
}

.row.aln-left {
justify-content: flex-start;
}

.row.aln-center {
justify-content: center;
}

.row.aln-right {
justify-content: flex-end;
}

.row.aln-top {
align-items: flex-start;
}

.row.aln-middle {
align-items: center;
}

.row.aln-bottom {
align-items: flex-end;
}

.row>.imp-xlarge {
order: -1;
}

.row>.col-1-xlarge {
width: 8.33333%;
}

.row>.off-1-xlarge {
margin-left: 8.33333%;
}

.row>.col-2-xlarge {
width: 16.66667%;
}

.row>.off-2-xlarge {
margin-left: 16.66667%;
}

.row>.col-3-xlarge {
width: 25%;
}

.row>.off-3-xlarge {
margin-left: 25%;
}

.row>.col-4-xlarge {
width: 33.33333%;
}

.row>.off-4-xlarge {
margin-left: 33.33333%;
}

.row>.col-5-xlarge {
width: 41.66667%;
}

.row>.off-5-xlarge {
margin-left: 41.66667%;
}

.row>.col-6-xlarge {
width: 50%;
}

.row>.off-6-xlarge {
margin-left: 50%;
}

.row>.col-7-xlarge {
width: 58.33333%;
}

.row>.off-7-xlarge {
margin-left: 58.33333%;
}

.row>.col-8-xlarge {
width: 66.66667%;
}

.row>.off-8-xlarge {
margin-left: 66.66667%;
}

.row>.col-9-xlarge {
width: 75%;
}

.row>.off-9-xlarge {
margin-left: 75%;
}

.row>.col-10-xlarge {
width: 83.33333%;
}

.row>.off-10-xlarge {
margin-left: 83.33333%;
}

.row>.col-11-xlarge {
width: 91.66667%;
}

.row>.off-11-xlarge {
margin-left: 91.66667%;
}

.row>.col-12-xlarge {
width: 100%;
}

.row>.off-12-xlarge {
margin-left: 100%;
}

.row.gtr-0 {
margin-top: 0;
margin-left: 0em;
}

.row.gtr-0>* {
padding: 0 0 0 0em;
}

.row.gtr-0.gtr-uniform {
margin-top: 0em;
}

.row.gtr-0.gtr-uniform>* {
padding-top: 0em;
}

.row.gtr-25 {
margin-top: 0;
margin-left: -0.4375em;
}

.row.gtr-25>* {
padding: 0 0 0 0.4375em;
}

.row.gtr-25.gtr-uniform {
margin-top: -0.4375em;
}

.row.gtr-25.gtr-uniform>* {
padding-top: 0.4375em;
}

.row.gtr-50 {
margin-top: 0;
margin-left: -0.875em;
}

.row.gtr-50>* {
padding: 0 0 0 0.875em;
}

.row.gtr-50.gtr-uniform {
margin-top: -0.875em;
}

.row.gtr-50.gtr-uniform>* {
padding-top: 0.875em;
}

.row {
margin-top: 0;
margin-left: -1.75em;
}

.row>* {
padding: 0 0 0 1.75em;
}

.row.gtr-uniform {
margin-top: -1.75em;
}

.row.gtr-uniform>* {
padding-top: 1.75em;
}

.row.gtr-150 {
margin-top: 0;
margin-left: -2.625em;
}

.row.gtr-150>* {
padding: 0 0 0 2.625em;
}

.row.gtr-150.gtr-uniform {
margin-top: -2.625em;
}

.row.gtr-150.gtr-uniform>* {
padding-top: 2.625em;
}

.row.gtr-200 {
margin-top: 0;
margin-left: -3.5em;
}

.row.gtr-200>* {
padding: 0 0 0 3.5em;
}

.row.gtr-200.gtr-uniform {
margin-top: -3.5em;
}

.row.gtr-200.gtr-uniform>* {
padding-top: 3.5em;
}

}

@media screen and (max-width: 1280px) {

.row {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
}

.row>* {
box-sizing: border-box;
}

.row.gtr-uniform>*> :last-child {
margin-bottom: 0;
}

.row.aln-left {
justify-content: flex-start;
}

.row.aln-center {
justify-content: center;
}

.row.aln-right {
justify-content: flex-end;
}

.row.aln-top {
align-items: flex-start;
}

.row.aln-middle {
align-items: center;
}

.row.aln-bottom {
align-items: flex-end;
}

.row>.imp-large {
order: -1;
}

.row>.col-1-large {
width: 8.33333%;
}

.row>.off-1-large {
margin-left: 8.33333%;
}

.row>.col-2-large {
width: 16.66667%;
}

.row>.off-2-large {
margin-left: 16.66667%;
}

.row>.col-3-large {
width: 25%;
}

.row>.off-3-large {
margin-left: 25%;
}

.row>.col-4-large {
width: 33.33333%;
}

.row>.off-4-large {
margin-left: 33.33333%;
}

.row>.col-5-large {
width: 41.66667%;
}

.row>.off-5-large {
margin-left: 41.66667%;
}

.row>.col-6-large {
width: 50%;
}

.row>.off-6-large {
margin-left: 50%;
}

.row>.col-7-large {
width: 58.33333%;
}

.row>.off-7-large {
margin-left: 58.33333%;
}

.row>.col-8-large {
width: 66.66667%;
}

.row>.off-8-large {
margin-left: 66.66667%;
}

.row>.col-9-large {
width: 75%;
}

.row>.off-9-large {
margin-left: 75%;
}

.row>.col-10-large {
width: 83.33333%;
}

.row>.off-10-large {
margin-left: 83.33333%;
}

.row>.col-11-large {
width: 91.66667%;
}

.row>.off-11-large {
margin-left: 91.66667%;
}

.row>.col-12-large {
width: 100%;
}

.row>.off-12-large {
margin-left: 100%;
}

.row.gtr-0 {
margin-top: 0;
margin-left: 0em;
}

.row.gtr-0>* {
padding: 0 0 0 0em;
}

.row.gtr-0.gtr-uniform {
margin-top: 0em;
}

.row.gtr-0.gtr-uniform>* {
padding-top: 0em;
}

.row.gtr-25 {
margin-top: 0;
margin-left: -0.4375em;
}

.row.gtr-25>* {
padding: 0 0 0 0.4375em;
}

.row.gtr-25.gtr-uniform {
margin-top: -0.4375em;
}

.row.gtr-25.gtr-uniform>* {
padding-top: 0.4375em;
}

.row.gtr-50 {
margin-top: 0;
margin-left: -0.875em;
}

.row.gtr-50>* {
padding: 0 0 0 0.875em;
}

.row.gtr-50.gtr-uniform {
margin-top: -0.875em;
}

.row.gtr-50.gtr-uniform>* {
padding-top: 0.875em;
}

.row {
margin-top: 0;
margin-left: -1.75em;
}

.row>* {
padding: 0 0 0 1.75em;
}

.row.gtr-uniform {
margin-top: -1.75em;
}

.row.gtr-uniform>* {
padding-top: 1.75em;
}

.row.gtr-150 {
margin-top: 0;
margin-left: -2.625em;
}

.row.gtr-150>* {
padding: 0 0 0 2.625em;
}

.row.gtr-150.gtr-uniform {
margin-top: -2.625em;
}

.row.gtr-150.gtr-uniform>* {
padding-top: 2.625em;
}

.row.gtr-200 {
margin-top: 0;
margin-left: -3.5em;
}

.row.gtr-200>* {
padding: 0 0 0 3.5em;
}

.row.gtr-200.gtr-uniform {
margin-top: -3.5em;
}

.row.gtr-200.gtr-uniform>* {
padding-top: 3.5em;
}

}

@media screen and (max-width: 980px) {

.row {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
}

.row>* {
box-sizing: border-box;
}

.row.gtr-uniform>*> :last-child {
margin-bottom: 0;
}

.row.aln-left {
justify-content: flex-start;
}

.row.aln-center {
justify-content: center;
}

.row.aln-right {
justify-content: flex-end;
}

.row.aln-top {
align-items: flex-start;
}

.row.aln-middle {
align-items: center;
}

.row.aln-bottom {
align-items: flex-end;
}

.row>.imp-medium {
order: -1;
}

.row>.col-1-medium {
width: 8.33333%;
}

.row>.off-1-medium {
margin-left: 8.33333%;
}

.row>.col-2-medium {
width: 16.66667%;
}

.row>.off-2-medium {
margin-left: 16.66667%;
}

.row>.col-3-medium {
width: 25%;
}

.row>.off-3-medium {
margin-left: 25%;
}

.row>.col-4-medium {
width: 33.33333%;
}

.row>.off-4-medium {
margin-left: 33.33333%;
}

.row>.col-5-medium {
width: 41.66667%;
}

.row>.off-5-medium {
margin-left: 41.66667%;
}

.row>.col-6-medium {
width: 50%;
}

.row>.off-6-medium {
margin-left: 50%;
}

.row>.col-7-medium {
width: 58.33333%;
}

.row>.off-7-medium {
margin-left: 58.33333%;
}

.row>.col-8-medium {
width: 66.66667%;
}

.row>.off-8-medium {
margin-left: 66.66667%;
}

.row>.col-9-medium {
width: 75%;
}

.row>.off-9-medium {
margin-left: 75%;
}

.row>.col-10-medium {
width: 83.33333%;
}

.row>.off-10-medium {
margin-left: 83.33333%;
}

.row>.col-11-medium {
width: 91.66667%;
}

.row>.off-11-medium {
margin-left: 91.66667%;
}

.row>.col-12-medium {
width: 100%;
}

.row>.off-12-medium {
margin-left: 100%;
}

.row.gtr-0 {
margin-top: 0;
margin-left: 0em;
}

.row.gtr-0>* {
padding: 0 0 0 0em;
}

.row.gtr-0.gtr-uniform {
margin-top: 0em;
}

.row.gtr-0.gtr-uniform>* {
padding-top: 0em;
}

.row.gtr-25 {
margin-top: 0;
margin-left: -0.4375em;
}

.row.gtr-25>* {
padding: 0 0 0 0.4375em;
}

.row.gtr-25.gtr-uniform {
margin-top: -0.4375em;
}

.row.gtr-25.gtr-uniform>* {
padding-top: 0.4375em;
}

.row.gtr-50 {
margin-top: 0;
margin-left: -0.875em;
}

.row.gtr-50>* {
padding: 0 0 0 0.875em;
}

.row.gtr-50.gtr-uniform {
margin-top: -0.875em;
}

.row.gtr-50.gtr-uniform>* {
padding-top: 0.875em;
}

.row {
margin-top: 0;
margin-left: -1.75em;
}

.row>* {
padding: 0 0 0 1.75em;
}

.row.gtr-uniform {
margin-top: -1.75em;
}

.row.gtr-uniform>* {
padding-top: 1.75em;
}

.row.gtr-150 {
margin-top: 0;
margin-left: -2.625em;
}

.row.gtr-150>* {
padding: 0 0 0 2.625em;
}

.row.gtr-150.gtr-uniform {
margin-top: -2.625em;
}

.row.gtr-150.gtr-uniform>* {
padding-top: 2.625em;
}

.row.gtr-200 {
margin-top: 0;
margin-left: -3.5em;
}

.row.gtr-200>* {
padding: 0 0 0 3.5em;
}

.row.gtr-200.gtr-uniform {
margin-top: -3.5em;
}

.row.gtr-200.gtr-uniform>* {
padding-top: 3.5em;
}

}

@media screen and (max-width: 736px) {

.row {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
}

.row>* {
box-sizing: border-box;
}

.row.gtr-uniform>*> :last-child {
margin-bottom: 0;
}

.row.aln-left {
justify-content: flex-start;
}

.row.aln-center {
justify-content: center;
}

.row.aln-right {
justify-content: flex-end;
}

.row.aln-top {
align-items: flex-start;
}

.row.aln-middle {
align-items: center;
}

.row.aln-bottom {
align-items: flex-end;
}

.row>.imp-small {
order: -1;
}

.row>.col-1-small {
width: 8.33333%;
}

.row>.off-1-small {
margin-left: 8.33333%;
}

.row>.col-2-small {
width: 16.66667%;
}

.row>.off-2-small {
margin-left: 16.66667%;
}

.row>.col-3-small {
width: 25%;
}

.row>.off-3-small {
margin-left: 25%;
}

.row>.col-4-small {
width: 33.33333%;
}

.row>.off-4-small {
margin-left: 33.33333%;
}

.row>.col-5-small {
width: 41.66667%;
}

.row>.off-5-small {
margin-left: 41.66667%;
}

.row>.col-6-small {
width: 50%;
}

.row>.off-6-small {
margin-left: 50%;
}

.row>.col-7-small {
width: 58.33333%;
}

.row>.off-7-small {
margin-left: 58.33333%;
}

.row>.col-8-small {
width: 66.66667%;
}

.row>.off-8-small {
margin-left: 66.66667%;
}

.row>.col-9-small {
width: 75%;
}

.row>.off-9-small {
margin-left: 75%;
}

.row>.col-10-small {
width: 83.33333%;
}

.row>.off-10-small {
margin-left: 83.33333%;
}

.row>.col-11-small {
width: 91.66667%;
}

.row>.off-11-small {
margin-left: 91.66667%;
}

.row>.col-12-small {
width: 100%;
}

.row>.off-12-small {
margin-left: 100%;
}

.row.gtr-0 {
margin-top: 0;
margin-left: 0em;
}

.row.gtr-0>* {
padding: 0 0 0 0em;
}

.row.gtr-0.gtr-uniform {
margin-top: 0em;
}

.row.gtr-0.gtr-uniform>* {
padding-top: 0em;
}

.row.gtr-25 {
margin-top: 0;
margin-left: -0.3125em;
}

.row.gtr-25>* {
padding: 0 0 0 0.3125em;
}

.row.gtr-25.gtr-uniform {
margin-top: -0.3125em;
}

.row.gtr-25.gtr-uniform>* {
padding-top: 0.3125em;
}

.row.gtr-50 {
margin-top: 0;
margin-left: -0.625em;
}

.row.gtr-50>* {
padding: 0 0 0 0.625em;
}

.row.gtr-50.gtr-uniform {
margin-top: -0.625em;
}

.row.gtr-50.gtr-uniform>* {
padding-top: 0.625em;
}

.row {
margin-top: 0;
margin-left: -1.25em;
}

.row>* {
padding: 0 0 0 1.25em;
}

.row.gtr-uniform {
margin-top: -1.25em;
}

.row.gtr-uniform>* {
padding-top: 1.25em;
}

.row.gtr-150 {
margin-top: 0;
margin-left: -1.875em;
}

.row.gtr-150>* {
padding: 0 0 0 1.875em;
}

.row.gtr-150.gtr-uniform {
margin-top: -1.875em;
}

.row.gtr-150.gtr-uniform>* {
padding-top: 1.875em;
}

.row.gtr-200 {
margin-top: 0;
margin-left: -2.5em;
}

.row.gtr-200>* {
padding: 0 0 0 2.5em;
}

.row.gtr-200.gtr-uniform {
margin-top: -2.5em;
}

.row.gtr-200.gtr-uniform>* {
padding-top: 2.5em;
}

}

@media screen and (max-width: 480px) {

.row {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
}

.row>* {
box-sizing: border-box;
}

.row.gtr-uniform>*> :last-child {
margin-bottom: 0;
}

.row.aln-left {
justify-content: flex-start;
}

.row.aln-center {
justify-content: center;
}

.row.aln-right {
justify-content: flex-end;
}

.row.aln-top {
align-items: flex-start;
}

.row.aln-middle {
align-items: center;
}

.row.aln-bottom {
align-items: flex-end;
}

.row>.imp-xsmall {
order: -1;
}

.row>.col-1-xsmall {
width: 8.33333%;
}

.row>.off-1-xsmall {
margin-left: 8.33333%;
}

.row>.col-2-xsmall {
width: 16.66667%;
}

.row>.off-2-xsmall {
margin-left: 16.66667%;
}

.row>.col-3-xsmall {
width: 25%;
}

.row>.off-3-xsmall {
margin-left: 25%;
}

.row>.col-4-xsmall {
width: 33.33333%;
}

.row>.off-4-xsmall {
margin-left: 33.33333%;
}

.row>.col-5-xsmall {
width: 41.66667%;
}

.row>.off-5-xsmall {
margin-left: 41.66667%;
}

.row>.col-6-xsmall {
width: 50%;
}

.row>.off-6-xsmall {
margin-left: 50%;
}

.row>.col-7-xsmall {
width: 58.33333%;
}

.row>.off-7-xsmall {
margin-left: 58.33333%;
}

.row>.col-8-xsmall {
width: 66.66667%;
}

.row>.off-8-xsmall {
margin-left: 66.66667%;
}

.row>.col-9-xsmall {
width: 75%;
}

.row>.off-9-xsmall {
margin-left: 75%;
}

.row>.col-10-xsmall {
width: 83.33333%;
}

.row>.off-10-xsmall {
margin-left: 83.33333%;
}

.row>.col-11-xsmall {
width: 91.66667%;
}

.row>.off-11-xsmall {
margin-left: 91.66667%;
}

.row>.col-12-xsmall {
width: 100%;
}

.row>.off-12-xsmall {
margin-left: 100%;
}

.row.gtr-0 {
margin-top: 0;
margin-left: 0em;
}

.row.gtr-0>* {
padding: 0 0 0 0em;
}

.row.gtr-0.gtr-uniform {
margin-top: 0em;
}

.row.gtr-0.gtr-uniform>* {
padding-top: 0em;
}

.row.gtr-25 {
margin-top: 0;
margin-left: -0.3125em;
}

.row.gtr-25>* {
padding: 0 0 0 0.3125em;
}

.row.gtr-25.gtr-uniform {
margin-top: -0.3125em;
}

.row.gtr-25.gtr-uniform>* {
padding-top: 0.3125em;
}

.row.gtr-50 {
margin-top: 0;
margin-left: -0.625em;
}

.row.gtr-50>* {
padding: 0 0 0 0.625em;
}

.row.gtr-50.gtr-uniform {
margin-top: -0.625em;
}

.row.gtr-50.gtr-uniform>* {
padding-top: 0.625em;
}

.row {
margin-top: 0;
margin-left: -1.25em;
}

.row>* {
padding: 0 0 0 1.25em;
}

.row.gtr-uniform {
margin-top: -1.25em;
}

.row.gtr-uniform>* {
padding-top: 1.25em;
}

.row.gtr-150 {
margin-top: 0;
margin-left: -1.875em;
}

.row.gtr-150>* {
padding: 0 0 0 1.875em;
}

.row.gtr-150.gtr-uniform {
margin-top: -1.875em;
}

.row.gtr-150.gtr-uniform>* {
padding-top: 1.875em;
}

.row.gtr-200 {
margin-top: 0;
margin-left: -2.5em;
}

.row.gtr-200>* {
padding: 0 0 0 2.5em;
}

.row.gtr-200.gtr-uniform {
margin-top: -2.5em;
}

.row.gtr-200.gtr-uniform>* {
padding-top: 2.5em;
}

}

@media screen and (max-width: 360px) {

.row {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
}

.row>* {
box-sizing: border-box;
}

.row.gtr-uniform>*> :last-child {
margin-bottom: 0;
}

.row.aln-left {
justify-content: flex-start;
}

.row.aln-center {
justify-content: center;
}

.row.aln-right {
justify-content: flex-end;
}

.row.aln-top {
align-items: flex-start;
}

.row.aln-middle {
align-items: center;
}

.row.aln-bottom {
align-items: flex-end;
}

.row>.imp-xxsmall {
order: -1;
}

.row>.col-1-xxsmall {
width: 8.33333%;
}

.row>.off-1-xxsmall {
margin-left: 8.33333%;
}

.row>.col-2-xxsmall {
width: 16.66667%;
}

.row>.off-2-xxsmall {
margin-left: 16.66667%;
}

.row>.col-3-xxsmall {
width: 25%;
}

.row>.off-3-xxsmall {
margin-left: 25%;
}

.row>.col-4-xxsmall {
width: 33.33333%;
}

.row>.off-4-xxsmall {
margin-left: 33.33333%;
}

.row>.col-5-xxsmall {
width: 41.66667%;
}

.row>.off-5-xxsmall {
margin-left: 41.66667%;
}

.row>.col-6-xxsmall {
width: 50%;
}

.row>.off-6-xxsmall {
margin-left: 50%;
}

.row>.col-7-xxsmall {
width: 58.33333%;
}

.row>.off-7-xxsmall {
margin-left: 58.33333%;
}

.row>.col-8-xxsmall {
width: 66.66667%;
}

.row>.off-8-xxsmall {
margin-left: 66.66667%;
}

.row>.col-9-xxsmall {
width: 75%;
}

.row>.off-9-xxsmall {
margin-left: 75%;
}

.row>.col-10-xxsmall {
width: 83.33333%;
}

.row>.off-10-xxsmall {
margin-left: 83.33333%;
}

.row>.col-11-xxsmall {
width: 91.66667%;
}

.row>.off-11-xxsmall {
margin-left: 91.66667%;
}

.row>.col-12-xxsmall {
width: 100%;
}

.row>.off-12-xxsmall {
margin-left: 100%;
}

.row.gtr-0 {
margin-top: 0;
margin-left: 0em;
}

.row.gtr-0>* {
padding: 0 0 0 0em;
}

.row.gtr-0.gtr-uniform {
margin-top: 0em;
}

.row.gtr-0.gtr-uniform>* {
padding-top: 0em;
}

.row.gtr-25 {
margin-top: 0;
margin-left: -0.3125em;
}

.row.gtr-25>* {
padding: 0 0 0 0.3125em;
}

.row.gtr-25.gtr-uniform {
margin-top: -0.3125em;
}

.row.gtr-25.gtr-uniform>* {
padding-top: 0.3125em;
}

.row.gtr-50 {
margin-top: 0;
margin-left: -0.625em;
}

.row.gtr-50>* {
padding: 0 0 0 0.625em;
}

.row.gtr-50.gtr-uniform {
margin-top: -0.625em;
}

.row.gtr-50.gtr-uniform>* {
padding-top: 0.625em;
}

.row {
margin-top: 0;
margin-left: -1.25em;
}

.row>* {
padding: 0 0 0 1.25em;
}

.row.gtr-uniform {
margin-top: -1.25em;
}

.row.gtr-uniform>* {
padding-top: 1.25em;
}

.row.gtr-150 {
margin-top: 0;
margin-left: -1.875em;
}

.row.gtr-150>* {
padding: 0 0 0 1.875em;
}

.row.gtr-150.gtr-uniform {
margin-top: -1.875em;
}

.row.gtr-150.gtr-uniform>* {
padding-top: 1.875em;
}

.row.gtr-200 {
margin-top: 0;
margin-left: -2.5em;
}

.row.gtr-200>* {
padding: 0 0 0 2.5em;
}

.row.gtr-200.gtr-uniform {
margin-top: -2.5em;
}

.row.gtr-200.gtr-uniform>* {
padding-top: 2.5em;
}

}
/* Icon */

.icon {
text-decoration: none;
border-bottom: none;
position: relative;
}

.icon:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}

.icon>.label {
display: none;
}

.icon:before {
line-height: inherit;
}

.icon.solid:before {
font-weight: 900;
}

.icon.brands:before {
font-family: 'Font Awesome 5 Brands';
}

/* Image */

.image {
border-radius: 5px;
border: 0;
display: inline-block;
position: relative;
}

.image img {
border-radius: 5px;
display: block;
}

.image.left,
.image.right {
max-width: 40%;
}

.image.left img,
.image.right img {
width: 100%;
}

.image.left {
float: left;
padding: 0 1.5em 1em 0;
top: 0.25em;
}

.image.right {
float: right;
padding: 0 0 1em 1.5em;
top: 0.25em;
}

.image.fit {
display: block;
margin: 0 0 2em 0;
width: 100%;
}

.image.fit img {
width: 100%;
}

.image.main {
display: block;
margin: 0 0 3em 0;
width: 100%;
}

.image.main img {
width: 100%;
}
.img-draw{
max-width: none;
}

/* Features */

.features {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 2em 0;
}

.features article {
padding: 1.75em 1.75em 0.1em 1.75em;
background-color: #353849;
border-radius: 5px;
margin: 1.5em 3em 1.5em 0;
width: calc(50% - 1.5em);
}

.features article:nth-child(2n) {
margin-right: 0;
}

.features article .image {
border-radius: 5px 5px 0 0;
display: block;
margin-bottom: 1.75em;
margin-left: -1.75em;
margin-top: -1.75em;
position: relative;
width: calc(100% + 3.5em);
}

.features article .image img {
border-radius: 5px 5px 0 0;
width: 100%;
}

@media screen and (max-width: 980px) {

.features article {
margin: 1em 2em 1em 0;
width: calc(50% - 1em);
}

}

@media screen and (max-width: 736px) {

.features article {
padding: 1.5em 1.5em 0.1em 1.5em;
margin: 0.875em 1.75em 0.875em 0;
width: calc(50% - 0.875em - 1px);
}

.features article .image {
margin-bottom: 1.5em;
margin-left: -1.5em;
margin-top: -1.5em;
width: calc(100% + 3em);
}

}

@media screen and (max-width: 480px) {

.features {
display: block;
}

.features article {
width: 100%;
margin: 0 0 2em 0 !important;
}

}
/* Banner */

#banner {
padding: 10em 0 4.75em 0;
}

#banner .inner {
margin: 0 auto;
width: 55em;
}

#banner .logo {
-moz-transition: opacity 2s ease, -moz-transform 1s ease;
-webkit-transition: opacity 2s ease, -webkit-transform 1s ease;
-ms-transition: opacity 2s ease, -ms-transform 1s ease;
transition: opacity 2s ease, transform 1s ease;
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
margin: 0 0 1.3em 0;
}

#banner .logo .icon {
border-radius: 100%;
border: solid 2px rgba(255, 255, 255, 0.125);
cursor: default;
display: inline-block;
font-size: 5em;
height: 2.25em;
line-height: 2.25em;
text-align: center;
width: 2.25em;
color: #FFFFFF;
}

#banner h2 {
-moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, -moz-filter 0.25s ease;
-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, -webkit-filter 0.25s ease;
-ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease, -ms-filter 0.25s ease;
transition: opacity 0.5s ease, transform 0.5s ease, filter 0.25s ease;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-moz-transition-delay: 0.65s;
-webkit-transition-delay: 0.65s;
-ms-transition-delay: 0.65s;
transition-delay: 0.65s;
-moz-filter: blur(0);
-webkit-filter: blur(0);
-ms-filter: blur(0);
filter: blur(0);
opacity: 1;
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
font-size: 2.25em;
margin-bottom: 0.8em;
padding-bottom: 0.4em;
}

#banner .major-description {
-moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, -moz-filter 0.25s ease;
-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, -webkit-filter 0.25s ease;
-ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease, -ms-filter 0.25s ease;
transition: opacity 0.5s ease, transform 0.5s ease, filter 0.25s ease;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-moz-transition-delay: 0.8s;
-webkit-transition-delay: 0.8s;
-ms-transition-delay: 0.8s;
transition-delay: 0.8s;
-moz-filter: blur(0);
-webkit-filter: blur(0);
-ms-filter: blur(0);
filter: blur(0);
opacity: 1;
font-family: Raleway, Helvetica, sans-serif;
font-size: 1em;
font-weight: 200;
letter-spacing: 0.1em;
line-height: 2;
text-transform: uppercase;
}

@media screen and (max-width: 1280px) {

#banner {
padding: 7em 0 8.25em 0;
background-color: #2e3141;
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../images/imagenes/EQUIPO_JUANXXIII/CEYDA/Partners-CEYDA-Banner_0.jpg");
background-size: auto,
cover;
background-position: center,
center;
margin-bottom: -6.5em;
margin-top: -20px;
}

}

@media screen and (max-width: 980px) {

#banner {
padding: 12em 3em 12.375em 3em;
margin-bottom: -4.75em;
}

#banner .inner {
width: 100%;
}

}

@media screen and (max-width: 736px) {

#banner {
padding: 5em 2em 4.25em 2em;
margin-bottom: -2.5em;
}

#banner .logo {
margin: 0 0 1em 0;
text-align: center;
color: #FFFFFF;
}

#banner .logo .icon {
font-size: 5rem;
}

#banner h2 {
font-size: 2.5em;
text-align: center;
}

#banner .major-description {
font-size: 1.5em;
text-align: center;
}

}

body.is-preload #banner .logo {
-moz-transform: translateY(0.5em);
-webkit-transform: translateY(0.5em);
-ms-transform: translateY(0.5em);
transform: translateY(0.5em);
opacity: 0;
}

body.is-preload #banner h2 {
opacity: 0;
-moz-transform: translateX(0.25em);
-webkit-transform: translateX(0.25em);
-ms-transform: translateX(0.25em);
transform: translateX(0.25em);
-moz-filter: blur(2px);
-webkit-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
}

body.is-preload #banner p {
opacity: 0;
-moz-transform: translateX(0.5em);
-webkit-transform: translateX(0.5em);
-ms-transform: translateX(0.5em);
transform: translateX(0.5em);
-moz-filter: blur(2px);
-webkit-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
}
/* Wrapper */

#wrapper>header {
padding: 11em 0 2.25em 0;
}

#wrapper>header .inner {
margin: 0 auto;
width: 55em;
}

#wrapper>header h2 {
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
font-size: 2em;
margin-bottom: 0.8em;
padding-bottom: 0.4em;
}

#wrapper>header p {
font-family: Raleway, Helvetica, sans-serif;
font-size: 1em;
font-weight: 200;
letter-spacing: 0.1em;
line-height: 2;
text-transform: uppercase;
}

@media screen and (max-width: 1280px) {

#wrapper>header {
padding: 9em 0 6.25em 0;
background-color: #2e3141;
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../images/imagenes/EQUIPO_JUANXXIII/CEYDA/Partners-CEYDA-Banner_0.jpg");
background-size: auto,
cover;
background-position: center,
0% 30%;
margin-bottom: -6.5em;
}

}

@media screen and (max-width: 980px) {

#wrapper>header {
padding: 11em 3em 7.375em 3em;
background-size: auto,
cover;
background-position: center,
0% 0%;
margin-bottom: -4.75em;
}

#wrapper>header .inner {
width: 100%;
}

}

@media screen and (max-width: 736px) {

#wrapper>header {
padding: 6.5em 2em 3em 2em;
background-size: auto,
125%;
margin-bottom: -2.5em;
}

#wrapper>header h2 {
font-size: 1.25em;
}

#wrapper>header p {
font-size: 0.8em;
}

}

.wrapper {
background-color: #2e3141;
margin: 6.5em 0;
position: relative;
color: #fff;
}

.wrapper:before,
.wrapper:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
}

.wrapper:before {
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
}

.wrapper:after {
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
}

.wrapper:before,
.wrapper:after {
background-repeat: no-repeat;
background-size: 100% 100%;
content: '';
display: block;
height: 6.5em;
position: absolute;
width: 100%;
}

.wrapper:before {
left: 0;
top: -6.5em;
}

.wrapper:after {
-moz-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
bottom: -6.5em;
left: 0;
}

.wrapper.alt:before {
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}

.wrapper.alt:after {
-moz-transform: scaleY(-1) scaleX(-1);
-webkit-transform: scaleY(-1) scaleX(-1);
-ms-transform: scaleY(-1) scaleX(-1);
transform: scaleY(-1) scaleX(-1);
}

.wrapper .inner {
padding: 3em 0 1em 0;
margin: 0 auto;
width: 55em;
}

.wrapper.style2 {
background-color: #353849;
}

.wrapper.style2:before,
.wrapper.style2:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
}

.wrapper.style2:before {
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
}

.wrapper.style2:after {
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
}

.wrapper.style3 {
background-color: #3d4051;
}

.wrapper.style3:before,
.wrapper.style3:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
}

.wrapper.style3:before {
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
}

.wrapper.style3:after {
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
}

.wrapper.style4 {
background-color: #454858;
}

.wrapper.style4:before,
.wrapper.style4:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
}

.wrapper.style4:before {
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
}

.wrapper.style4:after {
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
}

.wrapper.style5 {
background-color: #4d5060;
}

.wrapper.style5:before,
.wrapper.style5:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
}

.wrapper.style5:before {
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
}

.wrapper.style5:after {
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
}

.wrapper.style6 {
background-color: #555867;
}

.wrapper.style6:before,
.wrapper.style6:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
}

.wrapper.style6:before {
box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
}

.wrapper.style6:after {
box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
}

.wrapper.spotlight {
background-color: #4c5c96;
}

.wrapper.spotlight:before,
.wrapper.spotlight:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E");
}

.wrapper.spotlight:before {
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
}

.wrapper.spotlight:after {
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
}

.wrapper.spotlight .inner {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}

.wrapper.spotlight .image {
border-radius: 100%;
margin: 0 3em 2em 0;
width: 22em;
overflow: hidden;
/*-ms-flex: 1;*/
}

.wrapper.spotlight .image img {
/*border-radius: 100%;*/
width: 150%;
}

.wrapper.spotlight .content {
width: 100%;
/*-ms-flex: 2;*/
}

.wrapper.spotlight:nth-child(2n - 1) .inner {
-moz-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: right;
}

.wrapper.spotlight:nth-child(2n - 1) .image {
margin: 0 0 2em 3em;
}

.wrapper.spotlight.style2 {
background-color: #45558d;
}

.wrapper.spotlight.style2:before,
.wrapper.spotlight.style2:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2345558d%3B' /%3E%3C/svg%3E");
}

.wrapper.spotlight.style2:before {
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
}

.wrapper.spotlight.style2:after {
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
}

.wrapper.spotlight.style3 {
background-color: #3f4e85;
}

.wrapper.spotlight.style3:before,
.wrapper.spotlight.style3:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233f4e85%3B' /%3E%3C/svg%3E");
}

.wrapper.spotlight.style3:before {
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
}

.wrapper.spotlight.style3:after {
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
}

.wrapper.spotlight.style4 {
background-color: #39477c;
}

.wrapper.spotlight.style4:before,
.wrapper.spotlight.style4:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2339477c%3B' /%3E%3C/svg%3E");
}

.wrapper.spotlight.style4:before {
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
}

.wrapper.spotlight.style4:after {
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
}

.wrapper.spotlight.style5 {
background-color: #324072;
}

.wrapper.spotlight.style5:before,
.wrapper.spotlight.style5:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23324072%3B' /%3E%3C/svg%3E");
}

.wrapper.spotlight.style5:before {
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
}

.wrapper.spotlight.style5:after {
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
}

.wrapper.spotlight.style6 {
background-color: #2d3a69;
}

.wrapper.spotlight.style6:before,
.wrapper.spotlight.style6:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232d3a69%3B' /%3E%3C/svg%3E");
}

.wrapper.spotlight.style6:before {
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
}

.wrapper.spotlight.style6:after {
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
}

@media screen and (max-width: 980px) {

.wrapper {
margin: 4.75em 0;
}

.wrapper:before,
.wrapper:after {
height: 4.75em;
}

.wrapper:before {
top: -4.75em;
}

.wrapper:after {
bottom: -4.75em;
left: 0;
}

.wrapper .inner {
padding: 3em 3em 1em 3em;
width: 100%;
}

.wrapper.spotlight .image {
margin: 0 2em 2em 0;
width: 32em;
}

.wrapper.spotlight:nth-child(2n - 1) .image {
margin: 0 0 2em 2em;
}

}

@media screen and (max-width: 736px) {

.wrapper {
margin: 2.5em 0;
}

.wrapper:before,
.wrapper:after {
height: 2.5em;
}

.wrapper:before {
top: -2.5em;
}

.wrapper:after {
bottom: -2.5em;
left: 0;
}

.wrapper .inner {
padding: 2em 2em 0.1em 2em;
}

.wrapper.spotlight .inner {
-moz-align-items: -moz-flex-start;
-webkit-align-items: -webkit-flex-start;
-ms-align-items: -ms-flex-start;
align-items: flex-start;
}

.wrapper.spotlight .image {
width: 19em;
margin: 0 1.75em 2em 0;
}

.wrapper.spotlight:nth-child(2n - 1) .image {
margin: 0 0 2em 1.75em;
}

}

@media screen and (max-width: 480px) {

.wrapper.spotlight .inner {
display: block;
}

.wrapper.spotlight .image {
margin: 0 0 1em 0 !important;
max-width: 85%;
width: 12em;
}

}

@media screen and (max-width: 360px) {

.wrapper .inner {
padding: 2em 1.5em 0.1em 1.5em;
}

}
/* aditional-info */
#aditional-info .inner {
padding: 2.5em 0 1.5em 0 ;
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
width: 55em;
color: #fff;
}

#aditional-info .inner a{
color: #fff;
}

#aditional-info .recomended-info li{
margin-left: 1.5em;
}

#aditional-info .inner > * {
width: 100%;
}

#aditional-info .inner form {
margin: 0 3em 0 0;
width: calc(50% - 1.5em);
}

#aditional-info .inner .contact {
width: calc(50% - 1.5em);
list-style: none;
text-decoration: none;
}

@media screen and (max-width: 1280px) {

#aditional-info {
background-color: #2e3141;
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../images/imagenes/bg2.jpg");
background-size: auto,
cover;
background-position: center,
center;
margin-top: -6.5em;
padding-top: 6.5em;
margin-bottom: -15px;

}

}

@media screen and (max-width: 980px) {

#aditional-info {
margin-top: -4.75em;
padding-top: 4.75em;
margin-bottom: -15px;
}

#aditional-info .inner {
padding: 3em 3em 1em 3em ;
display: block;
width: 100%;
}

#aditional-info .inner form {
width: 100%;
margin: 0 0 4em 0;
}

#aditional-info .inner .contact {
width: 100%;
margin: 0 0 4em 0;
}

#aditional-info .inner .copyright {
margin: 4em 0 2em 0;
}

}

@media screen and (max-width: 736px) {

#aditional-info {
margin-top: -2.5em;
padding-top: 2.5em;
}

#aditional-info .inner {
padding: 2em 2em 0.1em 2em ;
}

#aditional-info .inner form {
margin: 0 0 3em 0;
}

#aditional-info .inner .contact {
margin: 0 0 3em 0;
}

}

@media screen and (max-width: 480px) {

#aditional-info .inner .copyright li {
border-left: 0;
display: block;
margin: 1em 0 0 0;
padding-left: 0;
}

#aditional-info .inner .copyright li:first-child {
margin-top: 0;
}

}

@media screen and (max-width: 360px) {

#aditional-info .inner {
padding: 2em 1.5em 0.1em 1.5em ;
}

}
</style>
<section class="content--section--page">
<section id="banner">
<div class="inner">
<div class="logo"><span class=" icon fa-solid fa-handshake"></span></div>
<h2>asociados</h2>
<p class="major-description">Raz&oacute;n de ser de nuestra Cooperativa</p>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">

<!-- One -->
<section id="one" class="wrapper spotlight style1">
<div class="inner">
<a href="#" class="image"><img class="img-draw" src="/images/imagenes/EQUIPO_JUANXXIII/CEYDA/stone-g04ed9d738_640.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Origen</h2>
<p class="major-description">Nace a partir de la voluntad y acci&oacute;n de cada una de las
personas que comparten
necesidades
socioecon&oacute;micas al igual que una jerarquía de valores y principios.
En este sentido, el asociado es aquella persona miembro de la cooperativa que, libre,
consciente, voluntaria y responsablemente se dispone a formar parte de la misma,
comprometi&eacute;ndose a proporcionar su esfuerzo y ayudarse mutuamente con el resto de los
miembros,
con el fin de satisfacer necesidades comunes.</p>
</div>
</div>
</section>

<!-- Two -->
<section id="two" class="wrapper alt spotlight style2">
<div class="inner">
<a href="#" class="image"><img class="img-draw" src="/images/imagenes/EQUIPO_JUANXXIII/CEYDA/pexels-element-digital-1550337.jpg"
alt="" /></a>
<div class="content">
<h2 class="major">Derechos del asociado</h2>
<p class="major-description">Entre los derechos del asociado se deben mencionar la utilidad de los
servicios de voz y voto; a
los excedentes y al inter&eacute;s que se reconozca al capital, a elegir y ser elegido, a la
informaci&oacute;n, a peticionar de adhesi&oacute;n, de receso y a la educaci&oacute;n y
capacitaci&oacute;n.</p>
</div>
</div>
</section>

<!-- Three -->
<section id="three" class="wrapper spotlight style3">
<div class="inner">
<a href="#" class="image"><img class="img-draw" src="/images/imagenes/EQUIPO_JUANXXIII/CEYDA/team-gdefb2556c_640.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Obligaciones del asociado</h2>
<p class="major-description">Como contraparte de estos derechos, el asociado debe estar en las
obligaciones de: suscribir e
integrar cuotas sociales, operar íntegramente con la Cooperativa, concurrir a las asambleas,
cumplir con las resoluciones de los &oacute;rganos sociales, de lealtad, de informarse del
avance de la
entidad y de participar activamente de educación y capacitación cooperativa.</p>
</div>
</div>
</section>

<!-- Four -->
<!-- Four -->
<section id="four" class="wrapper alt style1">
<div class="inner">
<h2 class="major">Beneficios del asociado</h2>
<p class="major-description">El asociado que cumpla con las obligaciones expuestas en el estatuto de la Cooperativa Juan XXIII, sobre los deberes del asociado, podrá gozar de múltiples beneficios.</p>
<section class="features">
<article>
<a href="#" class="image"><img src="/images/imagenes/EQUIPO_JUANXXIII/CEYDA/Beneficios/Sale-markus-spiske-3806753.jpg" alt="" /></a>
<h3 class="major">Compras</h3>
<p>Nuestros asociados gozar&aacute;n de descuentos en compras, en nuestras sucursales de supermercados.</p>
</article>
<article>
<a href="#" class="image"><img src="/images/imagenes/EQUIPO_JUANXXIII/CEYDA/Beneficios/laboratory-g88c0d6540_1920.jpg" alt="" /></a>
<h3 class="major">Medicamentos/laboratorios</h3>
<p>EL asociado recibir&aacute; un reembolso del costo de los medicamentos/laboratorios, siempre y cuando, este presente factura de los mismos.</p>
</article>
<article>
<a href="#" class="image"><img src="/images/imagenes/EQUIPO_JUANXXIII/CEYDA/Beneficios/grave-g3114e3744_1920.jpg" alt="" /></a>
<h3 class="major">Gastos funerarios</h3>
<p>Es una asistencia en gastos que la Cooperativa hace a sepelios de sus asociados (Padre, madre o hijo del asociado).</p>
</article>
<article>
<a href="#" class="image"><img src="/images/imagenes/EQUIPO_JUANXXIII/CEYDA/Beneficios/doctor-g89b09f03c_1920.jpg" alt="" /></a>
<h3 class="major">Medicina general</h3>
<p>Se brinda al asociado un reembolso en consulta de medicina general. Esto aplica con ciertas normas establecidas en la Cooperativa.</p>
</article>
<article>
<a href="#" class="image"><img src="/images/imagenes/EQUIPO_JUANXXIII/CEYDA/Beneficios/glasses-gfbaa33928_1920.jpg" alt="" /></a>
<h3 class="major">Lentes</h3>
<p>Un apoyo exclusivamente para asociados, y con disponibilidad limitada.</p>
</article>
<article>
<a href="#" class="image"><img src="/images/imagenes/EQUIPO_JUANXXIII/CEYDA/Beneficios/special-tratamient-g7de4fbedf_1920.jpg" alt="" /></a>
<h3 class="major">Tratamientos especiales</h3>
<p>Aplicables s&oacute;lo si est&aacute; bajo alg&uacute;n tratamiento de salud especial.</p>
</article>
<article>
<a href="#" class="image"><img src="/images/imagenes/EQUIPO_JUANXXIII/CEYDA/Beneficios/old-g9870a0621_1920.jpg" alt="" /></a>
<h3 class="major">Asociados (as) con necesidades especiales</h3>
<p>Aplicables a asociados que est&aacute;n bajo alg&uacute;n tratamiento de salud especial, con una edad superior a los 60 años. Aplican restricciones establecidas por la Cooperativa.</p>
</article>
<article>
<a href="#" class="image"><img src="/images/imagenes/EQUIPO_JUANXXIII/CEYDA/Beneficios/special-girl-g147e4648e_1920.jpg" alt="" /></a>
<h3 class="major">Hijos discapacitados de asociados</h3>
<p>Ayuda aplicable a hijos de asociados que padezcan de alguna capacidad especial. Aplican restricciones establecidas por la Cooperativa.</p>
</article>
</section>
</div>
<div class="inner">
<h2 class="major">Requisitos</h2>
<p>Para recibir los beneficios, se debe tener en cuenta:</p>
<ul class="contact" style="list-style: none;">
<li class="icon solid fa-user-check">
Cumplir con sus deberes como asociado (a).
</li>
<li class="icon solid fa-arrow-up-1-9 "> Un (1) a&ntilde;o m&iacute;nimo de pertenecer a la cooperativa como asociado (a).</li>
<li class="icon solid fa-money-bill"> Cumplir con el pago de aportaciones y compromisos financieros con la Cooperativa.</li>
</ul>
<p style="font-size: 30pt; text-align:center; color:darkseagreen;">Aporte mensual B/. 5.00</p>
</div>
</section>
</section>
<section id="aditional-info">
<div class="inner">
<h2 class="major">¿C&oacute;mo asociarse?</h2>
<p>Los aspirantes a ser asociados, deben cumplir con una serie de requisitos enumerados, a
continuaci&oacute;n:</p>
<ul class="contact">
<li class="icon solid fa-users-rectangle">
Asistir al seminario de inducci&oacute;n.
</li>
<li class="icon solid fa-receipt"> Copia de ficha o talonario de pago.</li>
<li class="icon solid fa-address-card"> Copia de carnet de Seguro Social.
<li class="icon solid fa-id-card"> Copia de carnet de jubilado (en caso de serlo).</li>
<li class="icon solid fa-list-ol"> Llenar el formulario de ingreso y adjuntar la siguiente información:
<ul class="recomended-info">
<li> Una foto tama&ntilde;o carnet.</li>
<li> Copia de c&eacute;dula.</li>
<li> Referencia del cap&iacute;tulo al cual pertenece, seg&uacute;n el lugar de residencia.</li>
</ul>
</li>
<li class="icon solid fa-money-bill-1"> Pagar la cuota de ingreso que se&ntilde;ala el estatuto.</li>
</ul>
</div>
<div class="inner">
<h2 class="major">Pre-Inscripci&oacute;n</h2>
<p>Si deseas formar parte de nuestra membres&iacute;a, contacte al Centro de Educaci&oacute;n y Desarrollo
del Asociado (C.E.Y.D.A.) v&iacute;a telef&oacute;nica al: 998-6649 &oacute; visite sus oficinas,
ubicadas en el local de ahorro y cr&eacute;dito, en la central de Santiago, Veraguas, en la parte
trasera de la Catedral.</p>
</div>
</section>
</section>{/source}