/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@200;400&family=Dela+Gothic+One&family=Outfit:wght@200;300;500;700&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?6y9lb8');
  src:  url('fonts/icomoon.eot?6y9lb8#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?6y9lb8') format('truetype'),
    url('fonts/icomoon.woff?6y9lb8') format('woff'),
    url('fonts/icomoon.svg?6y9lb8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook-square:before {
  content: "\f082";
  font-size: 30pt;
  margin-right: 8px;
  line-height: 45pt;
}
.icon-google-plus:before {
  content: "\f0d5";
  font-size: 30pt;
  margin-right: 8px;
  line-height: 45pt;
}
.icon-instagram:before {
  content: "\f16d";
  font-size: 30pt;
  margin-right: 8px;
  line-height: 45pt;
}
.icon-chevron-left:before {
  content: "\e900";
}
.icon-chevron-right:before {
  content: "\e901";
}
.icon-controller-paus:before {
  content: "\e902";
}
.icon-controller-play:before {
  content: "\e903";
}
.icon-download:before {
  content: "\e904";
}
.icon-resize-100:before {
  content: "\e905";
}
.icon-resize-full-screen:before {
  content: "\e906";
}
.icon-clock:before {
  content: "\e90c";
  vertical-align: middle;
}
.icon-cross:before {
  content: "\e907";
}
.icon-grid:before {
  content: "\e908";
}
.icon-location-pin:before {
  content: "\e90d";
  vertical-align: middle;
  font-size: 37pt;
  line-height: 45pt;
}
.icon-minus:before {
  content: "\e909";
}
.icon-mobile:before {
  content: "\e90e";
  vertical-align: middle;
  font-size: 30pt;
  line-height: 45pt;
}
.icon-plus:before {
  content: "\e90a";
}
.icon-popup:before {
  content: "\e90b";
}
a {text-decoration:none;}
a:link { color: inherit; text-decoration:none;}
a .icon-instagram, a .icon-facebook-square, a .icon-google-plus { color: #fff;}

a:hover .icon-instagram, a:hover .icon-facebook-square, a:hover .icon-google-plus { color: #aaaa7f;}
#modulo6 a .icon-instagram, #modulo6 a .icon-facebook-square, #modulo6 a .icon-google-plus, #modulo6 .icon-mobile, #modulo6 .icon-location-pin { color: #aaaa7f;}
#modulo6 a:hover .icon-instagram, #modulo6 a:hover .icon-facebook-square, #modulo6 a:hover .icon-google-plus { color: #273459;}


.whi { color:#fff;}
.blu { color: #273459;}
.gre { color: #aaaa7f;}
.black { color: #000;}
.med { font-weight: 300;}
.bold { font-weight: 700;}

.title {
    font-family: 'Dela Gothic One', sans-serif; font-size: 30pt; line-height:36pt;}
.sub {
    font-family: 'BioRhyme', sans-serif; font-size:  30pt; line-height: 32pt; font-weight: 200;}
.sub2 {
    font-family: 'BioRhyme', sans-serif; font-size:  25pt; line-height: 30pt;}
.sub3 {
    font-family: 'BioRhyme', sans-serif; font-size:  15pt; line-height: 20pt; font-weight: 400;}
.hig {
    font-family: 'BioRhyme', sans-serif; font-size:  30pt; line-height: 36pt; font-weight: 200; border: 2px solid #273459; color:#273459; padding: 1% 10%; border-radius: 60px;} 
.text {
  font-family: 'Outfit', sans-serif; font-weight:200; font-size: 16pt; line-height:22pt;}
.text2 {
  font-family: 'Outfit', sans-serif; font-weight:300; font-size: 14pt; line-height:18pt;} 
#modulo3.text {
  font-family: 'Outfit', sans-serif; font-weight:200; font-size: 22pt; line-height:28pt;}
.dish {
  font-family: 'Outfit', sans-serif; font-weight: 700; font-size: 10.5pt; line-height: 13pt; letter-spacing: 1.5pt; text-transform: uppercase; display: block; color: #273459; margin-top: 6px;}
.desc {
  font-family: 'Outfit', sans-serif; font-weight: 300; font-size: 11pt; line-height: 14pt; display: block; margin: 0 0 10px; color: #303135;}
.opt {
  font-family: 'Outfit', sans-serif; font-weight: 500; font-size: 10pt; line-height: 13pt; letter-spacing: 1px; color: #aaaa7f; margin-left: 10px; display: block;}

texto {
    color: #273459; font-family: 'Outfit', sans-serif; font-weight:700; font-size: 12pt; line-height:15pt;}

#slide .sub  { font-size:  20pt; line-height: 25pt; font-weight: 200;}
#slide .title { font-size: 50pt; line-height: 40pt;}
.section a { font-weight: 400; color: #aaaa7f;}
.section a.active { color: #273459; font-weight: 400;}
.section a:hover { color: #273459; border-bottom: 2px solid #273459;}


#title.sub { line-height: 30pt;}
#col1 .text, #col2 .text, #col3 .text, #col4 .text { font-weight:200; font-size: 25pt; line-height:30pt;}
section.pans #izq .opt, section.pans #der .opt {
    margin: 0;}

#izq a { color: #273459; font-weight: 300;}
#izq a:hover { font-weight: 700;}

#modulo6 .title { font-size: 26pt; line-height: 28pt; }
#foot2 .sub, #foot3 .sub {
  font-size: 13pt; line-height: 16pt; font-weight: 200;}
#foot2.text, #foot3.text {
  font-size: 11pt; line-height:16pt;}
#foot2.text a:hover, #foot3.text a:hover {
    color: #aaaa7f; }
#foot3 a { color: #fff;}
#copy.text, #copy.text a {
  font-family: 'Outfit', sans-serif; font-weight:600; font-size: 12pt; line-height:18pt; color: #273459;}
#copy.text a:hover { color: #fff;}

@media screen and (max-width: 800px) {
    .title { font-size: 30pt; line-height: 40pt;}
    .sub { font-size: 30pt; line-height: 30pt; }  
    .dish { margin-top: 8px;}
    .opt { line-height: 15pt;}
    #modulo3.text { font-size: 18pt; line-height: 22pt;}
    #foot2 .sub, #foot3 .sub { font-size: 11pt; line-height: 14pt; } 
    #foot2.text, #foot3.text { font-size: 10pt; line-height:14pt;}
    #copy.text, #copy.text a {  font-size: 10pt;}
    #slide .sub { font-size:  16pt; line-height: 22pt; font-weight: 400;}
    #slide .title { font-size: 40pt; line-height: 30pt;} 
    texto { color: #273459; font-family: 'Outfit', sans-serif; font-weight:700; font-size: 13pt; line-height:18pt; margin-top: 12px; vertical-align: middle; margin-right: 10px;}
}

@media screen and (max-width: 581px) {
    .title {
        font-size: 28pt; line-height: 34pt;}
    .sub {
        font-size: 28pt; line-height: 30pt;}  
    .text {
        font-size: 14pt; line-height:18pt; }
    #modulo3.text { font-size: 16pt; line-height: 20pt;}
    #copy.text, #copy.text a {  font-size: 9pt; line-height: 11pt;}
    #slide .title { font-size: 36pt; line-height: 26pt;} 
    #slide .sub { font-size:  15pt; line-height: 19pt;}
    .dish { font-size: 11.5pt; line-height: 15pt; margin-top: 6px;}
    .desc { font-size: 12pt; line-height: 15pt;}
    .opt { font-size: 11pt; line-height: 14pt;}
}