/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?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=Sancreek&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; }

.ora { color: #ff8800;}
.whi { color: #fff;}
.bei { color: #eeead3;}
.blu { color: #00a3aa;}
.red { color: #e0023f;}
.yel { color: #fdb913;}
.gre { color: #87c822;}
.bla { color: #171333;}
.lig { font-weight: 400;}
.bold { font-weight: 600;}

.title { font-family: 'Sancreek'; font-size: 38pt; line-height: 44pt; font-weight: 300;}
.title2 { font-family: 'Poppins'; font-size: 26pt; line-height: 30pt; font-weight: 600;}
.title3 { font-family: 'Poppins'; font-size: 24pt; line-height: 27pt; font-weight: 700;}
.text  { font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 19pt; line-height: 22pt; } 
.sub { font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 14pt; line-height: 19pt; letter-spacing: 0.2px;}

.dish { font-family: 'Poppins', sans-serif; color:#1f3046;  font-weight: 600; font-size: 11pt; line-height: 13pt; display: block; width: 70%;  float: left; margin: 3% 5% 1% 0;}
.pri { font-family: 'Poppins', sans-serif; font-weight: 600; width: 25%; clear: none; display: block; float: right; text-align: right; line-height: 13pt; font-size: 11pt; margin: 3% 0 1% 0; color:#1f3046;}
.des { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 10pt; line-height: 13pt; letter-spacing: 0; display: block; float: left; width: 100%; color: #171333;}
#izq .des, #der .des { width: 85%; }
.opt { color: #e0023f;}
i { letter-spacing: 0; font-weight: bold;}

/*PORTAL*/
#portal2 .sub, #portal3 .sub { font-size: 1.5vw; line-height: 2vw; font-weight: 400;} 
#portal2 .title2, #portal3 .title2 { font-size: 3.7vw; line-height: 4vw;} 

/*MODULOS*/
#mod1.sub { font-size: 10.5pt; line-height: 11pt;}
#section1 .title, #section3 .title { font-family: 'Sancreek'; font-size: 5vw; line-height: 5vw;}
#mod2.sub, #mod3.sub { font-size: 1.5vw; line-height: 2vw; font-weight: 400;}

/*A LA CARTE*/
.num { color: #e0023f; font-weight: 500;}

/*SPECIALS*/
.specials .sub { font-weight: 500; font-size: 13pt; line-height: 18pt; letter-spacing: 4px;}
.specials .title3 { font-size: 26pt; line-height: 28pt;}
.specials #mod4 .title3 { font-size: 40pt; line-height: 46pt;}
.specials .text { font-weight: 400; font-size: 17pt; line-height: 22pt;}
p { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 10pt; line-height: 13pt;}

footer a:hover { color:#87c822;}
.site a:hover { color: #fdb913;}
.site { font-family: 'Poppins', sans-serif; font-size: 8.5pt; line-height: 10pt; }
#foot2.text, #foot3 .text  { font-size: 9.5pt; line-height: 14.5pt; font-weight: 300;}
#foot2 .sub, #foot3 .sub  { font-size: 11pt; line-height: 16pt; font-weight: 400;}
footer .icon-facebook-square, footer .icon-google-plus, footer .icon-instagram { font-size: 24pt; margin-right: 10px; line-height: 30pt; color: #fdb913;}
footer .icon-facebook-square:hover, footer .icon-google-plus:hover, footer .icon-instagram:hover { color:#87c822;}

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

@media screen and (max-width: 900px) {
    .title { font-size: 38pt; line-height: 44pt; font-weight: 300;}
    .title2 { font-size: 26pt; line-height: 30pt;}
    .sub { font-size: 13pt; line-height: 19pt;} 
    #mod1.sub { font-size: 10pt; line-height: 11pt;}
    #section3 .title { font-size: 5.2vw; line-height: 5vw;}
    #mod2.sub, #mod3.sub { font-size: 2.4vw; line-height: 3vw;}
    .des { width: 80%;}
    
/*PORTAL*/
    #portal2 .sub, #portal3 .sub { font-size: 2vw; line-height: 2.6vw; font-weight: 400;} 
    #portal2 .title2, #portal3 .title2 { font-size: 4vw; line-height: 5vw;} 
    
/*SPECIALS*/
    .specials .sub { font-weight: 500; font-size: 13pt; line-height: 18pt; letter-spacing: 4px;}
    .specials .title3 { font-size: 26pt; line-height: 28pt;}
    .specials .text { font-size: 14pt; line-height: 20pt;}
    p { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 10pt; line-height: 13pt;}
}

@media screen and (max-width: 681px) {
    .title { font-size: 35pt; line-height: 44pt;}
    .title2, #portal2 .title2, #portal3 .title2 { font-size: 28pt; line-height: 30pt;}
    .specials #mod4 .title3 { font-size: 26pt; line-height: 28pt;}
    .text  { font-size: 15pt;line-height:22pt;}
    .TabbedPanelsContent .text  { font-size: 20pt;line-height:22pt;}
    .sub, #portal2 .sub, #portal3 .sub { font-size: 13pt; line-height: 16pt; } 
    .text { font-size: 11pt; line-height: 14.5pt;}
    #section1 .title, #section3 .title { font-size: 38pt; line-height: 42pt;}
    #mod2.sub, #mod3.sub { font-size: 14pt; line-height: 18pt;}
    texto { font-size: 12pt; line-height: 25pt;}
}