/************************************************\
» Theme using Spectre
» https://picturepan2.github.io/spectre/
--------------------------------------------------
» Notes:
»»» Child theme of Quark
--------------------------------------------------
           By Epoch Online 2019
\************************************************/

/************************************************\
» Type
\************************************************/
/* @import url('https://fonts.googleapis.com/css?family=Lobster|Open+Sans&display=swap'); */

/* Global */
body { font-family: 'Open Sans', sans-serif; }
#null { font-family: 'Lobster', cursive; }

/* Color */
a,
a:visited,
a:focus { color: #57B7B7 }
a:hover { color: #79d5d4 }

/* Size */
h1 { font-size: 3rem }
h2 { font-size: 2rem }
h3 { font-size: 1.6rem }
h4 { font-size: 1.3rem }
h5 { font-size: 1rem }
h6 { font-size: .9rem}

/************************************************\
» TEMPLATE LAYOUT
\************************************************/

/* Objects **************************************/
.img-s { max-width: 5rem }
.img-m { max-width: 10rem }
.img-l { max-width: 20rem  }
.img-xl { max-width: 40rem  }
hr { border: none; border-top: solid 1px #79d5d4; margin: 1rem 0 }

/* Global ***************************************/
#start { padding-top: 5% }
.one-page-anchor { margin: 60px 0 -50px 0 }
.content-tabs .column,
.content-slider-tabs .column,
.mfp-content .column { text-align: justify; }

/* Header ***************************************/
.header-fixed #header { z-index: 2 }
#header { font-size: .8rem }
#header nav.navbar { white-space: nowrap; }
#header .dropmenu ul.navigation { display: inline-block;  }
#header .xtra-nav { display: inline; vertical-align: middle; }
#header .xtra-nav li { max-width: 22px; display: inline-block; vertical-align: middle; }
#header ul.navigation li:first-child { display: none; }
#header ul li a { padding: 7px 10px }
#header.scrolled .navbar-brand #logo-orivarzea-h path { fill: #79d5d4 !important }
#header.scrolled .dropmenu ul li a.active,
#header.scrolled .dropmenu ul li a:focus,
#header.scrolled .dropmenu ul li a:hover { color: #79d5d4 !important }
#header .dropmenu ul li a:hover { color: rgba(255,255,255,1)!important }
#header .lang a ,
#header .social a { box-sizing: content-box; padding: 7px 3px; min-width: 22px; }
#header .lang.en a{ padding-right: 10px }
#header .navigation { text-transform: uppercase; padding-top: 5px }
#header .logo svg { height: 2.5rem; }
#header .logo svg path { fill: #FFF !important }
#header .logo svg { height: 2.7rem; }
#header .logo.navbar-section svg { opacity: 1 }
#header .navbar-section svg { opacity: .7 }
#header .navbar-section svg:hover { opacity: 1 }
#header.scrolled .navbar-section svg path { fill: #79d5d4!important }
.header-dark.header-transparent #header:not(.scrolled) { background: rgba(0,0,0,.1) }

/* Mobile Menu ***********************************/
.mobile-container { }
.mobile-menu .button_container span { background: #FFF}
.mobile-menu.scrolled .button_container {  top: .5rem }
.mobile-menu.scrolled .button_container span { background: #79d5d4; top: }
.mobile-container .mobile-menu { z-index: 100 }
.mobile-container .mobile-logo a {  }
.mobile-container .overlay-menu { margin-top: 4rem}
.mobile-container .navigation { list-style: none; font-size: 1rem; text-transform: uppercase; }
.mobile-container .navigation a { color: #FFF }
.mobile-container .lang,
.mobile-container .social {display: inline-block; }
.mobile-container .lang a,
.mobile-container .social a { display: inline-block; box-sizing: content-box; padding: 7px 3px; min-width: 22px; }

/* EO Templates ********************************/

/* Global */
/* Email Fixo na lateral direita */
.contacts-fixed { background: #57B7B7; font-size: 3rem; opacity: .8; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; margin-top: -10%; position: fixed; right: 0; top: 50%; z-index: 1000; -webkit-transition: .25s ease-in-out; /* Safari */ transition: .25s ease-in-out; -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5); }
.contacts-fixed:hover { background: #79d5d4; opacity: 1 }
.contacts-fixed ul { list-style: none; margin: 0 0 .8rem 0; }
.contacts-fixed li { padding: 0; margin: 0}
.contacts-fixed a  { width: 100%; text-align: center; color: #FFF; padding: 0 1rem 0 1rem; display: inline-block; -webkit-transition: .25s ease-in-out; /* Safari */ transition: .25s ease-in-out; }
.contacts-fixed a:hover { opacity: .7 }
.contacts-fixed .social { font-size: 65% }
/* Informação legal em popup*/
.carousel-white-popup.popup-politica { padding: 2rem 4rem }

/* » Shared Modular */
/* »»» shared with modular text and modular form */
#modular-hero .container { position: relative; z-index: 7;}
.dark-background { background: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; right:0; top: 0; position: absolute; z-index: 5}
.dark-background-section .container,
.dark-background-section input[type=text],
.dark-background-section input[type=email],
.dark-background-section textarea { background: none;}
.dark-background-section input[type=text],
.dark-background-section input[type=email] { border: none; border-bottom: solid 1px #FFF }
.dark-background-section .btn,
.dark-background-section button,
.dark-background-section .btn:hover,
.dark-background-section button:hover {  }
.dark-background-section .btn:hover,
.dark-background-section button:hover { opacity: .6 }

/***/

/* » Modular Hero */
#modular-hero { padding: 0; padding-bottom: 40%; overflow: hidden; background-color: #000 }
#modular-hero .hero-image { background-size: cover; background-attachment: fixed; height: 70vh; margin: 0 auto; overflow-x: hidden; position: relative; width: 100%; z-index: 1;  }
#modular-hero .hero-text { left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%,-50%); }
#modular-hero .main-content { position: absolute; padding-top: 40%; z-index: 1; }
#modular-hero #to-start { bottom: 1.5rem; z-index: 1}
#modular-hero .youtube-hero-bg { position: absolute; z-index: 1; width: 100%; height: 0; padding-bottom: 56.25%; top: 0; bottom: 0 }
#modular-hero .youtube-hero-bg iframe { position: absolute; top: -10%; left: 0; width: 100%; height: 100%; }
#modular-hero .youtube-hero-img-bg { position: absolute; top:0; bottom:0; left:0; right: 0; background-position: center center; background-repeat: no-repeat; text-align: center; }
#modular-hero .youtube-hero-img-bg img { max-width: 40%; margin-top: 8%; }
.hero-headline.one,
.hero-headline.two,
.hero-headline.three { position: absolute; display: block;	top: 50%; margin-top: -1rem; text-shadow: 0px 0px 10px #000; width: 50%; text-align: center; font-size: 2rem; animation-duration: 20s; animation-timing-function: ease-in; animation-iteration-count: infinite; z-index: 8; }
.hero-headline.one { animation-name: anim-1; }
.hero-headline.two { animation-name: anim-2; }
.hero-headline.three { animation-name: anim-3; }
@keyframes anim-1 { 0%, 4.3% { left: -100%; opacity: 0; } 4.3%,28% { left: 18%; opacity: 1; } 28%,46.33% { left: 25%; opacity: 1; } 46.33%, 100% { left: 110%; opacity: 0; } }
@keyframes anim-2 { 0%, 33.33% { left: -100%; opacity: 0; }  38.63%, 61% { left: 18%; opacity: 1; } 61%, 86.66% { left: 25%; opacity: 1; } 86.66%, 100% { left: 110%; opacity: 0; } }
@keyframes anim-3 { 0%, 66.66% { left: -100%; opacity: 0; } 70.96%, 88% { left: 18%; opacity: 1; } 88%, 91.62% { left: 25%; opacity: 1; } 91.62%,100% { left: 110%; opacity: 0; } }

/***/

/* » Modular Tabs */
.tabs { padding-left: 0; margin: 2rem 0 0; }
.tabs a { border: none; color: #6a6a6a; display: block; float: left; font-size: 1rem; line-height: 36px; padding: 0 10px; text-align: center; text-decoration: none; }
.tabs a img { -webkit-transition: .25s ease-in-out; /* Safari */ transition: .25s ease-in-out; margin-bottom: 1rem; }
.tabs a:hover img,
.tabs a.active img { filter: saturate(2); filter: brightness(1.2); -webkit-transition: .25s ease-in-out; /* Safari */ transition: .25s ease-in-out; }
.tabs li { list-style: none; }
.tabs .active { color: #2c2c2c; font-weight: 700; }
.hide { display: none; }
.tabs.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.tabs.clearfix:after { clear: both; }
.tabs.clearfix { zoom: 1; }
.tabs .content {  width: 100%;}
.modular-tabs-content,
.modular-tabs-nav { overflow-x: hidden; }
/* »»» tabs design layout */
/* »»»»»» titulo do modular */
.title-tabs { text-align: center; text-transform: uppercase; }
.title-tabs h1,
.title-tabs h2,
.title-tabs h3 { font-weight: 400; }
/* »»»»»» título de cada tab (também há classe para o título de uma tab específica) */
.tab-title { margin: .5rem 0 1rem; text-align: center; text-transform: uppercase; }
.tab-title h1,
.tab-title h2,
.tab-title h3 { font-weight: 400; color: #79d5d4 }
/* »»»»»» Outros */
.tab-content { padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem }
.background-tabs { color: #FFF; padding-bottom: 15%; text-align: center;}
.background-tabs h1,
.background-tabs h2,
.background-tabs h3,
.background-tabs h4 { color: #FFF; font-family: 'Lobster', cursive; font-size: 3.5rem; text-shadow: 2px 2px 8px #000;  }

/***/

/* » Modular Tabs slider */
.modular-tabs-slider-content .slick-slider { overflow-x: hidden; }
/* »»» Tab Nav  */
.tabs-slider-wrapper { background-color: #79d5d4; margin-bottom: 2rem; overflow-x: hidden; }
.tabs-slider-wrapper .tabs a {padding: 0 3%;}
.tabs-slider-wrapper .tabs a:hover img,
.tabs-slider-wrapper .tabs a.active img { filter: brightness(0) invert(1); -webkit-transition: .25s ease-in-out; /* Safari */ transition: .25s ease-in-out; }
/* »»» Slider Image  */
.tab-slider-image-outer { height: 70vh; display: table;  overflow: hidden; width: 100%; }
.tab-slider-image-inner { outline: 0; display: table-cell; vertical-align: middle; }
.tab-slider-image-inner img { max-height: 100%;  }
/* »»» Slider Title  */
.modular-tabs-slider-content  .tabs-slide-title { text-align: center; text-transform: uppercase; color: #79d5d4 }
/* »»» Slider Arrows  */
.modular-tabs-slider-content .slick-arrow.slick-next:before,
.modular-tabs-slider-content .slick-arrow.slick-prev:before { content: none; }
.modular-tabs-slider-content .slick-arrow { height: 64px; width: 36px; z-index: 1; top:40%; border: solid 10px #FFF; box-sizing: content-box; opacity: .5 }
.modular-tabs-slider-content .slick-arrow:hover { opacity: 1 }
.modular-tabs-slider-content .slick-arrow.slick-next { background: #FFF url("../images/icon-arrow-left.png") no-repeat; right: 5px; }
.modular-tabs-slider-content .slick-arrow.slick-prev { background: #FFF url("../images/icon-arrow-right.png") no-repeat; left: 5px;  }
/* »»» Misc  */
.modular-tabs-slider-content .slick-slide:focus { outline: none; }

/***/

/* » Modular Carousel */
.modular-carousel { overflow-x:  hidden; }
.title-carousel { text-align: center; text-transform: uppercase; }
.title-carousel h1,
.title-carousel h2,
.title-carousel h3 { font-weight: 400; }
.carousel-content { padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem }
.background-carousel { color: #FFF; padding-bottom: 15%; text-align: center;}
.background-carousel h1,
.background-carousel h2,
.background-carousel h3,
.background-carousel h4 { color: #FFF; font-family: 'Lobster', cursive; font-size: 3.5rem; text-shadow: 2px 2px 8px #000;  }
.modular-carousel-content .slick-slide:focus { outline: none; }
.modular-carousel-slider-slick { margin: 2rem }
/* »»» Slider Arrows  */
.modular-carousel-content .slick-arrow.slick-next:before,
.modular-carousel-content .slick-arrow.slick-prev:before { content: none; }
.modular-carousel-content .slick-arrow { height: 64px; width: 36px; z-index: 1; top:40%; opacity: .5}
.modular-carousel-content .slick-arrow:hover { opacity: 1 }
.modular-carousel-content .slick-arrow.slick-next { background: url("../images/icon-arrow-left.png") no-repeat; right: -40px; }
.modular-carousel-content .slick-arrow.slick-prev { background: url("../images/icon-arrow-right.png") no-repeat; left: -40px;  }
/* »»» Cada slide */
.carousel-title { color: #79d5d4; font-family: 'Lobster', cursive; margin: 1rem 0; text-align: center; min-height: 4rem; }
.carousel-buttons { list-style: none;  text-align: center; margin: 0; }
.carousel-buttons li { display: inline-block; width: 32%; text-align: center;}
.carousel-buttons li a { color: #000 }
.carousel-buttons li a:hover,
.carousel-buttons li a:focus { text-decoration: none; color: #79d5d4; }
.carousel-buttons li svg,
.carousel-buttons li img { max-width: 2.5rem; display: inline-block; }
.carousel-buttons li a:hover svg,
.carousel-buttons li a:hover img { opacity: .8; display: inline-block;  }
/* »»» Popup Carousel */
.carousel-white-popup { box-shadow: 0 0 8px #000; position: relative;  background: #FFF; padding: 20px; width: auto; max-width: 1200px; margin: 20px auto; border-radius: .5rem }
.carousel-white-popup .column { padding-right:  1rem; padding-left: 1rem; }
.carousel-white-popup .carousel-title  { border-top: dotted 1px #CCC; padding-top: 1rem }
.carousel-white-popup .text-left-column  ul { border-bottom: dotted 1px #CCC; list-style: none; margin: 0; }
.carousel-white-popup .text-left-column li { border-top: dotted 1px #CCC; padding: .4rem  0; margin: 0 }
.carousel-white-popup .text-right-column { line-height: 1.5rem }
.carousel-white-popup .text-left-column .popup-title,
.carousel-white-popup .text-right-column .popup-title { margin-top: 0; text-transform: uppercase; color: #79d5d4; }


/* Footer ***************************************/
#footer { background-color: #E4F4F4 !important; color: #000; padding-bottom: 3rem; text-align: left; }
#footer ul { list-style: none; margin: 0; padding: 0 10px; }
#footer p { padding: 0 10px; }
#footer .footer-title { background-color: #79d5d4; color: #FFF; margin-bottom: 1.5rem; padding: 6px 10px; text-transform: uppercase; }


/* Plugins *************************************/
/* Cookie Consent */
.cc-window .cc-link { display: none; }
.cc-window .cc-btn { border-radius: 1rem }


/* Misc classes ********************************/
.hide { display: none; }
.text-center { text-align: center; }
.white-text { color: #FFF }
.position-relative { position: relative; }
.invert-column-order { flex-direction: row-reverse; }
.padding-md { padding: 6% }
.padding-x-md { padding: 0 6%; }
.padding-y-md { padding: 6% 0; }



/************************************************\
» RESPONSIVE LAYOUT
\************************************************/

@media (max-width: 1280px) {
}
@media (max-width: 960px) {
}
@media (max-width: 840px) {
  /* Global */
  .contacts-fixed { display: none }
}
@media (max-width: 840px) {
}
/* Mobile layout */
@media (max-width: 600px) {

  /* » Modular Tabs */
  .tabs a { line-height: normal; }
  /* » Modular Tabs slider */
  /* »»» Slider Arrows  */
  .modular-tabs-slider-content .slick-arrow { height: 54px; width: 32px; top:25%; border: solid 4px #FFF }
  .modular-tabs-slider-content .slick-arrow.slick-next { background: #FFF url("../images/icon-arrow-left.png") center center no-repeat; background-size: cover; right: 0; }
  .modular-tabs-slider-content .slick-arrow.slick-prev { background: #FFF url("../images/icon-arrow-right.png") center center no-repeat; background-size: cover;  left: 0;  }
  /* »»» Slider Image  */
  .tab-slider-image-outer { height: auto; }
  /* Misc classes */
  .padding-md,
  .padding-x-md,
  .padding-y-md { padding: 0; }
}
@media (max-width: 480px) {
}