/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,100..900&family=Parkinsans:wght@300..800&family=Shantell+Sans:ital,wght@0,300..800;1,300..800&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:#5bb857;
  font-size: 14pt;
}
.icon-cross:before {
  content: "\e907";
}
.icon-grid:before {
  content: "\e908";
}
.icon-location-pin:before {
  content: "\e90d";
  vertical-align: middle;
  color:#5bb857;
  font-size: 15pt;
}
.icon-minus:before {
  content: "\e909";
}
.icon-mobile:before {
  content: "\e90e";
  vertical-align: middle;
  color:#5bb857;
  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: inherit; }

.whi { color: #fff;}
.ora { color: #ef421a;}
.pin { color: #ff2dab;}
.pur { color: #ff85eb;}
.gre { color: #5bb857;}
.gre2 { color: #91e18d;}
.bla { color: #000;}
.lig { font-weight: 200;}

.popup h3 { font-size: 35pt; line-height: 26pt;}
.popup h2 { font-size: 23pt; line-height: 26pt;}

h1 {
 font-family: 'Shantell Sans', sans-serif; 
 font-size: 35pt;
 margin: 0;
 font-weight: 800;
 font-style: italic;
 line-height: 55pt;
 text-transform: uppercase;
}
h2 {
 font-family: 'Shantell Sans', sans-serif;
 font-weight: 600;
 font-size: 73pt;
 line-height: 60pt;
 margin: 0;
}

h3 {
 font-family: 'Big Shoulders', sans-serif;
 font-weight: 200;
 font-size: 3.8vw;
 line-height: 4vw;
 margin: 0;
}
h3 b { font-weight: 500; font-size: 4vw;line-height: 4.8vw;}
h4 {
 font-family: 'Shantell Sans', sans-serif;
 font-weight: 700;
 font-size: 3.2vw;
 font-style: italic;
 line-height: 4vw;
 margin: 0;
}

.med { font-weight: 500;}

p { font-family: 'Parkinsans', sans-serif; font-weight: 300; font-size: 13pt; line-height: 18pt; margin: 0;}

/**MODULOS**/
.section2 a h1 { font-family: 'Big Shoulders', sans-serif; font-size: 5.8vw; font-weight: 200; font-style: normal;}
.section2 a h2 { font-size: 7vw; line-height: 3vw; transition: 0.5s ease;}
.section2 a p { font-size: 1.6vw; line-height: 2.2vw; width: 70%; margin: 8% 15% 0;}
.section2 a h2:hover { font-size: 7.3vw; line-height: 3vw; transition: 0.5s ease;}
.section3 h1 { font-family: 'Big Shoulders', sans-serif;  font-size: 48pt; margin: 0; font-weight: 300; line-height: 55pt; text-transform: inherit; font-style: normal;}
.section3 h2 { font-size: 7vw; font-style: italic; font-weight: 800; margin: 0 0 8%;}

/**CONTACT**/
.contact h1 { font-size: 46pt; line-height: 46pt;}
.contact h3 { font-size: 30pt; line-height: 34pt;}
.contact .icon-location-pin:before, .contact .icon-mobile:before { font-size: 25pt;}
.contact .icon-facebook-square:before, .contact .icon-instagram:before, .contact .icon-google-plus:before  { font-size: 30pt; color: #ff2dab; margin-right: 4px;}

/**SLIDE**/
.sl-txt h1 { font-family: 'Big Shoulders', sans-serif; font-size: 5vw; font-weight: 400; font-style: normal;}
.sl-txt h2 { font-size: 5.5vw; font-style: italic; font-weight: 700; line-height: 5vw;}
.sl-txt p { font-size: 1.7vw; display: block; margin: 13% 20% 0; width: 60%; line-height: 2.4vw;}
.head .sl-txt { font-family: 'Big Shoulders', sans-serif; font-size: 6vw; letter-spacing: 2pt; font-weight: 500;}

.p {
    font-family: 'Parkinsans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2pt;
    font-size: 13pt;
    background: #17aaa6;
    color: #872913; padding: 1% 3%;
}

#play p { font-size: 14.5pt; text-transform: uppercase; letter-spacing: 5pt; font-weight: 500; line-height: 16pt;}

/**MENU**/
#TabbedPanels1 h1 { font-size: 35pt; line-height: 37pt;}
#TabbedPanels1 h4 { font-family: 'Big Shoulders', sans-serif; font-size: 38pt; line-height: 40pt; font-weight: 400; font-style: normal;}
#TabbedPanels1 h2 { font-family: 'Parkinsans', sans-serif;  color:#ef421a;  font-weight: 600; font-size: 11.5pt; line-height: 13pt; display: block; width: 70%;  float: left; margin: 3% 5% 1% 0;}
#TabbedPanels1 h2.sub { font-family: 'Parkinsans', sans-serif; color: #000; font-size: 15pt; font-weight: 300; margin: 0; line-height: 20pt;}
#TabbedPanels1 h3 { font-family: 'Parkinsans', 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:#ef421a;}
#TabbedPanels1 p { font-family: 'Parkinsans', sans-serif; font-weight: 400; font-size: 10.6pt; line-height: 14.6pt; letter-spacing: 0; display: block; float: left; width: 85%; color: #000; margin: 0;}
#TabbedPanels1 i { font-weight: 300; margin: 0; font-style: normal;}
#TabbedPanels1 p.opt { color: #5bb857; font-size: 10.6pt; font-weight: 500; margin: 0 0 0 3%;}


/**FOOTER**/
footer h1 { font-family: 'Parkinsans', sans-serif; font-size: 13pt; line-height: 13pt; font-weight: 300; color: #ef421a; margin: 0; text-transform: inherit; font-style: normal;}
#foot2 p { font-size: 10pt; line-height: 15pt; font-weight: 300; color: #fff;}
#foot3 p, #foot3 p a { font-size: 10pt; line-height: 15pt; font-weight: 300; color: #5bb857;}
#foot3 p a:hover { color: #fff;}

#foot2 a:hover { color:#5bb857;}
.site, .site a { font-family: 'Parkinsans', sans-serif; font-size: 7.5pt; line-height: 12pt; color: #7b7b7b;}
.site a:hover { color: #7b7b7b;}

footer .icon-facebook-square, footer .icon-google-plus, footer .icon-instagram { font-size: 24pt; margin-right: 6px; line-height: 35pt; color: #fff;}
footer .icon-facebook-square:hover, footer .icon-google-plus:hover, footer .icon-instagram:hover { color:#5bb857;}



@media screen and (max-width: 800px) {    
.p { font-size: 14pt; }
    
/**MODULOS**/
.section2 a h1 { font-size: 35pt; line-height: 20pt;}
.section2 a h2 { font-size: 40pt; line-height: 40pt;}
.section2 a h2:hover { font-size: 44pt; line-height: 40pt;}
.section2 a p { font-size: 12pt; line-height: 15pt; width: 80%; margin: 8% 10% 0;}
.section3 h2 { font-size: 35pt; margin: 0 0 18%; line-height: 20pt;}
.section3 h1 { font-size: 30pt; line-height: 35pt;}
    
h3 { font-size: 4.1vw; line-height: 4.2vw;}
h3 b { font-size: 4.3vw; line-height: 5.2vw;}
h4 { font-size: 3.5vw; line-height: 4vw; }
    
.head .sl-txt { font-size: 42pt;}
}  

@media screen and (max-width: 681px) {
h1 { font-size: 30pt; line-height: 35pt;}
h3 { font-size: 30pt; line-height: 35pt;}
h3 b { font-size: 35pt; line-height: 35pt;}
h4 { font-size: 30pt; line-height: 35pt;}
p { font-size: 12pt; line-height: 18pt;}
    
#play p { font-size: 12pt; letter-spacing: 4pt; line-height: 13.5pt;}

.popup h3 { font-size: 30pt; line-height: 20pt;}
.popup h2 { font-size: 20pt; line-height: 20pt;}
    
.section2 a h2 { font-size: 40pt; line-height: 40pt;}
.section2 a h2:hover { font-size: 42pt; line-height: 40pt;}
    
.section3 h1 { font-size: 30pt; line-height: 35pt;}
.section3 h2 { margin: 0 0 8%;} 
    
#TabbedPanels1 h1 { font-size: 30pt; line-height: 37pt;}
#TabbedPanels1 h2.sub { font-family: 'Parkinsans', sans-serif; color: #000; font-size: 15pt; font-weight: 300; margin: 0; line-height: 20pt; width: 100%;}
#TabbedPanels1 h4 { font-size: 34pt; line-height: 30pt;} 
#TabbedPanels1 h2, #TabbedPanels1 h3 { font-size: 12.5pt; line-height: 14pt;}
#TabbedPanels1 p { font-size: 11pt; line-height: 15pt;}   
    
/**SLIDE**/
.sl-txt h1 { font-size: 32pt;}
.sl-txt h2 { font-size: 35pt; line-height: 35pt;}
.sl-txt p { font-size: 13pt; margin: 40% 10% 0; width: 80%; line-height: 17pt;}
    
/**CONTACT**/
.contact h3 { font-size: 24pt; line-height: 30pt;}
}