/*
Theme Name: Clean
Theme URI:
Description: Theme By Celeuma.
Author: Daniel Weigmann
Author URI: https://celeuma.pt
Version: 0.2
Tags: Celeuma
*/

/* CSS clear */

html{margin: 0!important;padding: 0;overflow-x: hidden;}
body{margin: 0;height:100%;font-variant-ligatures: no-common-ligatures;font-size: 14px;color:#fff;font-family: 'Quicksand', sans-serif!important;overflow-x: hidden!important;}

h1, h2, h3, h4, h5, h6{font-weight: normal;clear: both;}
hr{background-color: #999;border: 0;height: 1px;margin-bottom: 1.5em;}
pre{font: 11px Monaco, monospace;line-height: 1.5;margin-bottom: 1.5em;}
code{font: 11px Monaco, monospace;}
p{margin: 4px 0 12px 0;}
a:hover{color: #532333;}
.clear{clear:both;height: 100px;}
.clear2{clear:both;height: 50px;}
*, ::after, ::before {  list-style-type: none;}

.b{font-weight: 700;}

.conteiner2 {max-width: 2500px;  margin: 0 auto;}

/* CSS top */
.no-margin {margin: 0px!important;}
.no-padding {padding: 0px!important;}
#wpadminbar{display: none;}
#back-to-top {color:#222!important;}

h1{font-size: 20px;}
h2{font-size: 26px;margin-top: 25px;font-weight: 700;margin-bottom: 5px;}
#wrapper{position:relative;   min-height: 100vh;}
.pwidth{max-width:1920px;margin: 0 auto;position: relative;width:100%}
.w80 {width: 80%;}

/* CSS HEDER e MENU */
#header{   z-index: 999;top: 0; font-family: 'Kulim Park', sans-serif}
.headercontent{position: relative;margin: 0 auto;}
#header .logo{    padding: 10px 30px 50px 30px;
    
    height: 140px;
 
    background-image: url(images/bg-logo.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 400px;
    display: flex;
    justify-content: center; }
#header .logo img{margin-top: 14px;}
.menubar{position: relative;z-index: -9;}
#menu{float: right;font-size: 13px;padding: 0px;margin: 0px;list-style: none;text-transform: uppercase;}
.menu-toggle {position: relative;float: right;padding: 7px 10px 4px 10px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;cursor: pointer;margin: 18px 0px 8px 0px;display: none;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.menu-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #888;margin-bottom: 4px;}
.menuiten{float:left;position: relative;font-style: normal;    letter-spacing: 0.54px;   display: block;    padding: 40px 20px;    cursor: pointer;}
a.menuiten{color:#fff;display: block;}
a.menuiten:hover{color:#fff;display: block;}
#menu .menuiten:hover{text-decoration: none;}
#menu .menuiten:hover a{color:#fff;}
#header .active{background-image: url(images/atv-menu.svg);background-size: 70px;  background-repeat: no-repeat;  background-position-x: center;}
#header .active a{color:#000 !important;}
#header .active a:hover{color:#000;}
.mobile{background-color: #30b5b2;padding: 10px 25px;right: 0px;position: absolute;display: none;width: 100%;    z-index: -1;}
.mobile .menuiten{float: none;height: auto;text-align: center;}
.mobile .submenu{position: relative;}
.submenu{list-style: none;position: absolute;background: #203a36;padding: 5px 0px;font-size: 12px;display: none;    width: 200px;    margin-left: -30px;    margin-top: 40px;}
#menu .menuiten .submenu a{color:#f1f1f1;padding:10px 15px 10px 30px;}
#menu .menuiten .submenu a:hover{background: #fff;color:#000;font-weight: 700;color:#E40F5B;}
.form_error{background-color: #ffcccc;}
.left{float: left;}
.right{float: right;}
#back-to-top {position: fixed;bottom: 40px;right: 40px;z-index: 9999;width: 32px;height: 32px;text-align: center;line-height: 30px;background: #f5f5f5;color: #444;cursor: pointer;border: 0;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;}
#back-to-top:hover {background: #e9ebec;}
#back-to-top.show {opacity: 1;}
#load{position: fixed;width: 100%;height:100%;background-repeat: no-repeat; background-position: center;background-color: #ddd;z-index: 9999;}
#load .uil-ring-css{position: absolute;top:50%;left:50%;margin-top: -120px;margin-left: -120px;}
.logo svg {     max-width: 300px;  margin-top: 12px;}
h1.logo2 {display: inline-block;  margin: 0;  text-decoration: none !important;}
#header .logo strong {position: absolute;  top: -999em;  left: -999em; width: 0; height: 0;  font-size: 0;  line-height: 0;  text-indent: -999em;  overflow: hidden;}
.clang {position: absolute;  right: 0;  margin-top: 40px;}
.clangimg a {  color: #FFF!important;font-weight: 100}
.clangimg {color: #f9f9f9;font-weight: bold;}

.bg-total {background:url(../images/bg1.svg) bottom left no-repeat, url(../images/bg2.svg)top right no-repeat ; min-height:100vh;  background-size: contain, auto;
    display: flex;
    align-items: center;
    justify-content: center;}


.center{    z-index: 999;}

.text-centro{ 
  font-size: 62px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
color: #383838;}
.menubar img{    width: 100%;max-width: 350px;}

a.mailto{  
  font-size: 32px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
color: #77ae30;}

/* CSS mobile */
@media (max-width: 1366px){   
  .divtop2  {padding: 0 20px;}
  .content-top2 {padding: 20px;}
  .txt {
    font-size: 10px;
    line-height: 1.2;
}
.box-txt-header {    width: 100%;
padding: 5px 25px;
margin:  0;}

}
@media (max-width: 1245px){    
#menu {font-size: 10px;}
.menuiten {letter-spacing: 0.2px;padding: 40px 14px;}
}
@media (max-width: 948px){    
    .menu-toggle{	display: block;    }
     #header .logo img{margin-top: 14px;    max-width: 90%;}
     .menuiten, .menuiten a{color: #fff; }
     .menuiten{padding: 20px 30px;  }
     .top {margin-top: 100px;}
     .logo svg { margin-top: 0px;position: relative;     }
     #fazemos { width: auto;       float: none;   }
     .no-margin {margin: 0!important;}
     #banner .banner-img {background-position-x: center;}
     #banner {     margin: 0px;}
     .owl-slide-title {      text-transform: uppercase;      font-size: 48px; }
     h3.subtitle {      font-size: 22px; }
     .owl-carousel .owl-slide {      min-height: 100vh; }
     .text-top-banner  h1{font-size: 35px; width: 100%;}
     .text-top-banner  p{font-size: 15px; width: 100%;}
     .top-banner {      height: 100vh; }
     .top-banner-proj {height: 30vh;min-height: 250px;}
     .text-top-banner {      top: 20%;  }
     .text-top-banner p, .text-top-banner h3 {width: auto;}
     .mg-bottom {margin-bottom: 50px;}
     .owl-slide-title {margin-left: 100px;}
      h3.subtitle {   margin-left: 150px;   }
      .pwidth{padding:0 15px;}
      #header .active{background-image: url(images/atv-menu.svg);background-size: 30px;  background-repeat: no-repeat;  background-position-y: 10px;}
      .top-banner-proj .text-top-banner  p, .text-top-banner  h3{  width: 100%;}
      h2.home-title {        margin-bottom: 80px; }
      .content {font-size: 40px!important;    min-width: 90%!important;}
      span.form-label {line-height: 5;}
      .mb25 {margin-bottom: 25px;}
      .mb35 {margin-bottom: 35px;}
      #footer {text-align: center;}
	
	  
	  .ginga-park {position:relative;margin-top: 450px;    width: 500px;}
	  .full-roteiro-box {    bottom: unset}
	  
}
    


@media (max-width: 845px){
	.divtop2 {justify-content: center;padding:unset}
	.content-top2 {text-align: center;
    color: #fff;
    padding: 25px 0px;
}
	hr{margin:15px auto!important;}
	.line2-content {    line-height: 1;
    font-size: 30px;
    letter-spacing: 3px;
    color: #ffffff;}
}	
@media (max-width: 768px){
  .no-padding-mb{padding:0px!important;}
  .col-md-5ths {    width: 100%;   }
  .text-banner {    margin-top: -150px; }
  .meio-three {background-image: url(images/800.jpg);}
  .logo svg {    max-width: 250px;}
  .maxw-50 {width:50%!important;margin:50px 0px!important;}
   .banner-img { height: 1274px!important; }
   .mobile-meio{height: 1050px;}
   .map-dktp{display: none!important;}
   .margin0{margin:0!important;padding:0!important}
   .col-md-8{display:none!important;}
   .total-banner {background-image:url(../images/fields-greenhouse.jpg);   background-repeat: no-repeat;background-size: 100%;  }
   .bg-total {background-size: contain, contain;}
   .menubar{margin:0 15px}
   .text-centro {
   font-size: 32px;}
}





@media (max-width: 495px){
  .content {font-size: 30px!important;    margin-top: 50px!important;}
  .text-banner {    margin-top: -100px; }
  .meio-two {font-size: 25px;}
  .meio-three {background-image: url(images/450.jpg);font-size: 25px;}
  .img-do img {width: 40%;}
  .full-roteiro-box{transform: scale(0.9);}
  .ginga-park-content {    padding: 50px 15px 80px 15px;}
  .ginga-park{max-width: 90%;}
  .subtitle-ginga-park {max-width:80%}
  .full-roteiro-box {    right: -20px;z-index: 99999999;}
  .subfooter-line2 {    padding-top: 100px;}
}


@media (max-width: 450px){    
    #footer{	height: auto;	position: relative;      }    
    .owl-slide-title {      text-transform: uppercase;      font-size: 28px; }
    h3.subtitle {      font-size: 18px; }
    .top-banner-proj {height: 60vh;margin-bottom: 50px;}
	
}
@media (max-width: 375px){  


}
 @media (max-width: 350px){  

.top200 {max-height: 350px;}
#header .logo {width: 280px;display:block;}
 }



 @media (min-width: 600px) {
	.label {    width: 15.5%;  }
	.panel {    order: 99;width: 100%;  }
  }



@media (min-width: 769px){
	
	.bikers {position: absolute;    bottom: 0;    width: 100%;    height: 562px;left:0}
	
	.banner-img { height: 100vh; }
	.map-mobi{display:none!important;}
	.menubar{   margin-left:30%}
}


@media (min-width: 949px){
    #menu{display: block!important;    }

img.bike1 {margin-left: -50px;}

img.bike2 {margin-left: -350px;}
img.bike3 {margin-left: -250px;}


.ginga-park { position:absolute; bottom:100px;    max-width: 500px;  }

.movebike {  left: 300px;}
.movebike2 {  left: 100px;}
.movebike3 {  left: 200px;}

.subfooter { padding: 200px 0;}
#total-banner{display: flex;
justify-content: center;}
}