/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@200..800&family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Love+Ya+Like+A+Sister&family=Unkempt:wght@400;700&display=swap');


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?dti4gq');
  src:  url('fonts/icomoon.eot?dti4gq#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?dti4gq') format('truetype'),
    url('fonts/icomoon.woff?dti4gq') format('woff'),
    url('fonts/icomoon.svg?dti4gq#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-clock-o:before {
  content: "\f017";
}
.icon-facebook-square:before {
  content: "\f082";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-whatsapp:before {
  content: "\f232";
}
.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-cross:before {
  content: "\e907";
}
.icon-grid:before {
  content: "\e908";
}
.icon-leaf:before {
  content: "\e90c";
  color: #2ab1ac;
  font-size: 20px;
  margin-right: 5px;
}
.icon-menu:before {
  content: "\e90f";
}
.icon-minus:before {
  content: "\e909";
}
.icon-mobile:before {
  content: "\e90e";
}
.icon-paper-plane:before {
  content: "\e90d";
}
.icon-plus:before {
  content: "\e90a";
}
.icon-popup:before {
  content: "\e90b";
}


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

.ora { color: #f9aa35;}
.bei { color: #2ab1ac;}
.whi { color: #fff;}
.bla { color: #422418;}
.nar { color: #f35b49;}
.win { color: #84433e;}

h1 { font-family: "Love Ya Like A Sister", serif; font-size: 55px; line-height: 60px; margin: 0;}
h2 { font-family: "Bricolage Grotesque", serif; font-weight: 300; font-size: 43px; line-height: 30px; margin: 0;}
h3 { font-family: "Bricolage Grotesque", sans-serif; font-size: 42px; color: #422418; margin: 0; line-height: 48px;}
p { font-family: "Bricolage Grotesque", sans-serif; font-size: 14pt; line-height:18pt; letter-spacing: 0.5px; color: #422418;}
p a:hover { color:#7ab32a;}

h4 { font-family: "Shadows Into Light Two", sans-serif;  color: #422418;  font-weight: 800; font-size: 24px; line-height: 24px; display: block; width: 70%;  float: left; margin: 5% 5% 4% 0; letter-spacing: 0.3px;}
h5 { font-family: "Bricolage Grotesque", sans-serif; font-weight: 400; width: 25%; clear: none; display: block; float: right; text-align: right; line-height: 24px; font-size: 20px; margin: 7% 0 1% 0; color: #84433e; letter-spacing: 0;}
.menu p { display: block; width: 100%;  float: left; font-weight: 300; font-size: 15px; line-height: 19px; margin: 0; font-family: 'Bricolage Grotesque', sans-serif;}
h6 { width: 100%; clear: both; display: block; margin: 0; font-family: "Bricolage Grotesque", sans-serif; font-weight: 500; font-size: 15px; line-height: 19px; letter-spacing: 0.3px;}
h6 i { font-weight: 300;}
.pri { color: #422418; font-weight: 400;}
.title h2 { font-weight: 100; font-family: "Love Ya Like A Sister", serif;}
.title p { font-family: 'Bricolage Grotesque', sans-serif; font-size: 17px; line-height: 20px; font-weight: 400; letter-spacing: 0.8px; text-transform: uppercase;}

#col8 h3 { font-size: 30px; line-height: 36px;}
#col8 h3 i { font-size: 25px; font-weight: 100;}

#slide .slide-txt { display: block; position: absolute; width: 90%; text-align: center; margin: 31% 5% 0; z-index: 1000; clear: none; float: left;}
#slide h3 {  color: #fff; font-family: "Bricolage Grotesque", sans-serif; font-size: 76px; margin: 0; font-weight: 300; text-transform: uppercase; line-height: 80px;}
#slide h1 { text-transform: uppercase; font-family: "Bricolage Grotesque", sans-serif; font-size: 100px; color: #fff;}

/**section menu**/
#head .slide-txt { display: block; position: absolute; width: 90%; text-align: center; margin: 23% 5% 0; z-index: 10; clear: none; float: left;}
#head h1 { font-family: "Love Ya Like A Sister", serif; text-transform: uppercase; font-size: 65px; z-index: 10; font-weight: 700;}
.menu #modulo1 h3 a, .menu #modulo2 h3 a { font-family: "Bricolage Grotesque", sans-serif; font-size: 38px; color: #2ab1ac; margin: 0; vertical-align: middle; font-weight: 500;}
.menu #modulo1 h3 a:hover, .menu #modulo2 h3 a:hover { cursor: pointer; transition: 0.2s ease; color: #f9aa35; vertical-align: middle; font-weight: 700;}

footer p, footer p a { font-size: 13.5px; line-height: 18.5px; font-weight: 300; color: #fff;}
footer p b { letter-spacing: 1px; font-size: 14.5px; font-weight: 600;}
footer p a:hover { color:#f9aa35;}
#copy, #copy a { font-family: "Bricolage Grotesque", sans-serif; font-size: 13px; line-height: 13pt; font-weight: 400; color:#fff;}
#copy a:visited, #copy a:actived { color:#fff;}

@media screen and (max-width: 800px) {
h1 { font-size: 42px; line-height: 40px;}
h2 { font-size: 35px; line-height: 30px;}
p { font-size: 11pt; line-height:14pt;}
    
#slide h3 { font-size: 55px; line-height: 75px;}
#slide h1 { font-size: 75px;}
    
#head .slide-txt { margin: 29% 5% 0; }
#head h1 { font-size: 45px;}
    
#col8 h3 { font-size: 25px; line-height: 30px;}

}

@media screen and (max-width: 581px) {
h1 { font-size: 52px; line-height: 50px;}
#slide .slide-txt {  margin: 75% 5% 0;}
#slide h3, #slide h1 { text-shadow: 4px 0 20px rgb(0,0,0,0.6);}
#head .slide-txt { margin: 32% 5% 0; }
#head h1 { font-size: 35px;}
}