/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Oi&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ranchers&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";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-instagram:before {
  content: "\f16d";
}
.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;
  color:#00a3aa;
  font-size: 14pt;
}
.icon-cross:before {
  content: "\e907";
}
.icon-grid:before {
  content: "\e908";
}
.icon-location-pin:before {
  content: "\e90d";
  vertical-align: middle;
  color:#00a3aa;
  font-size: 15pt;
}
.icon-minus:before {
  content: "\e909";
}
.icon-mobile:before {
  content: "\e90e";
  vertical-align: middle;
  color:#00a3aa;
  font-size: 13pt;
}
.icon-plus:before {
  content: "\e90a";
}
.icon-popup:before {
  content: "\e90b";
}

a:link { color: #fff; text-decoration:none; }
a:visited { color: #fff }
a:active { color: #f37721; }

.whi { color: #fff;}
.red { color: #e2352f;}
.yel { color: #fbb813;}
.blu { color: #00447a;}
.gre { color: #17aaa6;}
.bla { color: #171333;}
.lig { font-weight: 400;}
.med { font-weight: 600;}

h1 {
 font-family: 'Ranchers', sans-serif; 
 font-size: 5.4vw;
 margin: 0;
 line-height: 5.6vw;
 color: #FFCFD3;
 background-image: linear-gradient(20deg, #e2352f 26%, #bd1f25 54%); 
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 
}
h2 {
 font-family: 'Poppins', sans-serif;
 font-weight: 400;
 font-size: 23pt;
 margin: 0;
}

h3 {
 font-family: 'Oi', sans-serif;
 font-weight: 400;
 font-size: 4.7vw;
  line-height: 4.4vw;
 margin: 0;
}
.popup h3 { font-size: 35pt; line-height: 26pt;}
.popup h2 { font-size: 23pt; line-height: 26pt;}

h4 {
 width: 100%;
 font-family: 'Poppins', sans-serif;
 font-weight: 500;
 font-size: 20pt;
 line-height: 26pt;
 letter-spacing: 0.2px;
 margin: 0;
 display: block;
 float: left;
}

#slide h3 {
 font-family: 'Oi', sans-serif;
 font-weight: 400;
 font-size: 4.7vw;
 line-height: 4.4vw;
 margin: 0;
 text-shadow: 1px 0px 35px rgb(0,0,0,1);
}
.p {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2pt;
    font-size: 13pt;
    background: #17aaa6;
    color: #872913; padding: 1% 3%;
}

#section2 h3 { color: #fff; font-size: 3vw; line-height: 2.9vw;}
#section2 p  { color: #fff; font-size: 1.9vw; line-height: 2.5vw;}

p { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 10.9pt; line-height: 15.4pt; color: #201d1b;}

#section3 p { font-size: 15pt; line-height: 15.4pt; font-weight: 300;}

.title {
  font-family: 'Ranchers';
  font-size: 35pt; line-height: 40pt;
  color: #FFCFD3;
  background-image: linear-gradient(10deg, #0574af 5%, #013c6b 40%); 
  background-clip: text; 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}

#title .sub { font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 26pt; line-height: 30pt; letter-spacing: 0.2px; text-transform: capitalize;}
#TabbedPanels1 #title p { font-weight: 500; font-size: 12pt; line-height: 15pt; width: 100%; margin-top: 1%; letter-spacing: 2pt;}
#TabbedPanels1 #title i { font-size: 11pt; line-height: 15pt; width: 100%; font-weight: 300;}

.sub { font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 14pt; line-height: 19pt; letter-spacing: 0.2px;}

#TabbedPanels1 h2 { font-family: 'Poppins', sans-serif; color:#e2352f;  font-weight: 600; font-size: 11.5pt; line-height: 13pt; display: block; width: 70%;  float: left; margin: 3% 5% 1% 0;
}
#TabbedPanels1 h3 { font-family: 'Poppins', sans-serif; font-weight: 600; width: 25%; clear: none; display: block; float: right; text-align: right; line-height: 13pt; font-size: 11.5pt; margin: 3% 0 1% 0; color:#e2352f;}
#TabbedPanels1 p { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 10.6pt; line-height: 14.6pt; letter-spacing: 0; display: block; float: left; width: 85%; color: #471517; margin: 0;}
#TabbedPanels1 i { font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 10.6pt; line-height: 14.6pt; letter-spacing: 0; display: block; float: left; width: 85%; color: #4f5051; margin: 0;}
#TabbedPanels1 p.opt { color: #05669a; letter-spacing: 0.5px; text-transform: uppercase; font-size: 10.3pt; font-weight: 500;}

/**ABOUT - SPECIALS**/
.specials #izq p { font-size: 14pt; line-height: 21pt; font-weight: 300; text-align: right; color: #000;}
.specials #der p, .about #der p { color: #000;}
.about #izq p { font-size: 14pt; line-height: 21pt; font-weight: 400; text-align: right; color: #fff; text-shadow: 2px 0px 12px rgb(0,0,0,0.9);}

.mar { font-family: 'Ranchers'; font-size: 30pt; text-transform: uppercase;}
.specials p b, .about p b { font-size: 13pt; line-height: 20pt; text-transform: uppercase; letter-spacing: 1.2pt; color: #00447a;}

/**FOOTER**/
footer p { font-size: 9.5pt; line-height: 14pt; font-weight: 300; color: #fff; }
footer h2 { font-size: 11pt; line-height: 13pt; font-weight: 300; color: #fbb813; margin: 0;}
footer a:hover { color:#17aaa6;}
.site a:hover { color: #fbb813;}
.site { font-family: 'Poppins', sans-serif; font-size: 8.5pt; line-height: 10pt; }
footer .icon-facebook-square, footer .icon-google-plus, footer .icon-instagram { font-size: 22pt; margin-right: 6px; line-height: 30pt; color: #fff;}
footer .icon-facebook-square:hover, footer .icon-google-plus:hover, footer .icon-instagram:hover { color:#17aaa6;}

texto {
	font-family: 'Poppins', sans-serif; font-size: 13pt; line-height: 22pt; font-weight: 300; 
}

@media screen and (max-width: 800px) {
.title { font-size: 38pt; line-height: 44pt; font-weight: 300;}
    
#section2 h3 { font-size: 26pt; line-height: 26pt;}
#section2 p  { font-size: 12pt; line-height: 15pt;}
    
#slide h3 { font-size: 24pt; line-height: 30pt; }
.p { font-size: 14pt; }
.mar { font-size: 35pt;}
.specials p b, .about p b { font-size: 13pt;}  
}  

@media screen and (max-width: 681px) {
    #section2 h3 { font-size: 30pt; line-height: 30pt;}
    #section2 p  { font-size: 14pt; line-height: 18pt;}
    #section3 h1 { font-size: 35pt; line-height: 30pt;}
    #section3 p { font-size: 15pt; line-height: 8pt; font-weight: 300;}

h1 { font-size: 30pt; line-height: 35pt;}
p { font-size: 12pt; line-height: 18pt;}
    
.popup h3 { font-size: 30pt; line-height: 20pt;}
.popup h2 { font-size: 20pt; line-height: 20pt;}

.mar { font-size: 35pt;}
.specials p b, .about p b { font-size: 13pt;} 
}