@import url(http://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700);

body{font-family: 'Oswald', sans-serif; font-weight: 300;}
h1,h2,h3,h4,h5,h6{font-family: 'Oswald', sans-serif; margin-top:5px; margin-bottom:5px; text-transform:uppercase;}
h3, .h3 { font-size: 20px;}

.clwht, .clwht p, .clwht h1, .clwht h2, .clwht h3, .clwht h4, .clwht h5, .clwht h6, .clwht a{ color:#fff !important;}
.clblk, .clblk p, .clblk h1, .clblk h2, .clblk h3, .clblk h4, .clblk h5, .clblk h6, .clblk a{ color:#000 !important;}

.bg-green{ background:#61b22f;}
.bg-greendark{ background:#55a225;}
.bg-cinz{ background:#363f4f;}
.bg-cinzclr{ background:#454c5a;}

.h100{ height:100%;}

.op100{ opacity:1 !important;}
.dark-op30{ background:rgba(0,0,0,.3);}

.noborder{ border:none !important;}
.txtc{ text-align:center;}

.w10{ width:10%;}
.w20{ width:20%;}
.w25{ width:25%;}
.w40{ width:40%;}
.w50{ width:50%;}
.w60{ width:60%;}

/*FORMUL*/
.cat-contact .owl-carousel .page-section{ padding: 75px 0 0;}
.areaform form, .areadress > div{ padding:0 20%;}
.contact-item a{ color:#fff !important; font-size:80%; opacity:.6;}
.contact-item a:hover{ opacity:1;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
.areadress .contact-item{ padding-left:0;}
.areadress .ci-title{opacity: .4; color:#fff;}
.areadress .ci-text{ color:#fff; padding-bottom:35px;}

/*MENU ICON*/
.menuicn img{ padding:0 20%;}

/*CAT PAGE*/
.catimg{ width:60%;}
.catbottom{ position:absolute; bottom:75px; left:0;}
.catbottom li{padding-bottom:10px;}
.catbottom .tpl-alt-tabs{ font-size:9px;line-height: 11px;}
.catbottom .gericon img{ padding:10px 15px 2px;}
.catbottom .alt-tabs-icon{ margin-bottom:2px;}
.catbottom li.col-xs-6 img{padding: 10px 35% 2px;}
.catbottom .txt{font-size: 13px; line-height: 17px; padding: 30px; margin: 0;}
.listprod .listxt span, .listprod .listxt{ font-size:11px}
.listprod .linktxt a{ display: block;  padding: 10px 2px; text-decoration: none;}
.listprod .linktxt a.bg-green:hover, .listprod .linktxt a.bg-greendark:hover{background:#fff; color:#55a225 !important;}
.listprod .linkh a{height: 100%; background:none;}
.listprod .linkh a:hover, .listprod .linkh a:focus{ background:#fff; color:#55a225 !important;}


/*RODAPE*/
body .widget{ border-left:1px solid #ccc; padding-left: 15px;margin-bottom: 30px;}
.widget-body { color: #fff;}
address{margin-bottom: 10px;}
.widget p{margin-bottom: 10px; line-height: 1.42857143;}
.widget-title { margin-bottom: 10px;}
footer .content{ padding:0 40px}
.widget-title{ opacity:.4;}
.txtrodape h5{ margin-bottom:0px;}
.footer-social-links{ float:right;}
.footer-made a{color: #999 !important;}
.footer-made a span{ color:#fff;}

/*CENAS*/
.dtqtxt{padding-left:60px; padding-right:60px;}
.dtqtxt span{ font-weight:500; text-transform:uppercase; letter-spacing: 1px;}
.no-padding {padding-right: 0 !important;padding-left: 0 !important; padding-top:0 !important; padding-bottom:0 !important;}
.no-padding-lr {padding-right: 0 !important;padding-left: 0 !important;}
.no-margin{ margin:0 !important;}
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:  flex;}
.d-flex {  display: -ms-flexbox!important;  display: flex!important;}
.mrg-auto { margin-top: auto!important; margin-bottom: auto!important;}
.mrg-autovw { margin: auto!important;}
.bgcover{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
.bdr-w{ border:1px solid #fff;}
.borderimg{ border:10px solid #fff;}
.borderimg:hover{ border-color:#55a225;}
.breakl{text-align:center;}
.breakl img{}
body .mobile-on .desktop-nav{ margin-top:40px; padding:0;}
.mobile-on .desktop-nav ul{background:#61b22f;}
.mobile-on .desktop-nav ul li a{color:#fff !important;}
.mobile-on .desktop-nav ul li a:hover{ color:#363f4f !important;}
.secpagepb p{ margin-bottom:15px;}
.form div.success{ background:#61b22f !important; border-color:#61b22f !important;}

/*HOME DTSQ*/
.home-dtsq.img1{ background:url(../images/dtsq/gerihygiene-control-pragas.jpg)  no-repeat center center; padding:25px 40px;}
.home-dtsq .content{ width:100%; min-height:340px;}
.home-dtsq .content .info{ position:absolute; height: calc(100% - 50px);}
.home-dtsq .subcontent{padding:15px; float:right; right:40px; position: absolute; height: calc(100% - 50px);}
.home-dtsq .subcontent .itens{ position:absolute; bottom:25px; right:25px; text-align:right;}
.home-dtsq .subcontent .itens span{ float:none; display:block; margin-right:5px; text-transform:uppercase; font-size:0.9em;}
.home-dtsq .subcontent .itens span:after{ content:"|"; float:right; margin-left: 3px;}
.home-dtsq.img2{ background:url(../images/dtsq/gerihygiene-produtos-higiene.jpg)  no-repeat center center; padding:25px 40px;}
.icn{ max-height:90px; position:absolute; bottom:15px; left:20px;}
.txt-dtsq p{ margin:0;}

/*SLIDER*/
.owl-carousel .page-section, .owl-carousel .owl-wrapper{height: calc(100vh - 75px);}
.owl-carousel .page-section{padding: 240px 0 140px;}
.owl-carousel .page-section .slidertitle{ text-align:left; margin-bottom:0 !important; margin-top:2px !important;}
.owl-carousel .page-section h1{ font-size: 42px;}
.owl-carousel .page-section h5{ font-size: 16px; font-weight:300; opacity:.7;}
.owl-pagination{ bottom:100px;}
.owl-controls{ z-index:10000;}
.home-section .owl-carousel{ width:100%;}
.owl-carousel .page-section .slidertitle{ background:rgba(0,0,0,.25); display:table;}

/*BOTTOM SLIDER*/
.bottomslider{ position: absolute; height:75px; margin-top: -75px;  line-height: 75px;  z-index: 999; background: rgba(255,255,255,.6);bottom: 0;}
.slogan{ background: rgba(255,255,255,.6); text-align:center; font-weight:300; font-size:15px;}
.mainmenu{ display:table;}
.mainmenu i{ height: 100%;  display: table-cell; vertical-align: middle;  text-align: center; font-size: 21px;}
.mainmenu span{ display:block;}

/*NAV*/
.nav-logo-wrap{background: #61b22f; position: absolute;}
.nav-logo-wrap .logo{padding:30px 15%;}
.nav-logo-wrap .logo img{ border:1px solid #fff; }

/*Grelha*/
.tpl-alt-tabs{ letter-spacing:0;}
.tpl-alt-tabs li a{ padding:0;}
.servgrid li{padding: 30px 0;}
.servgrid .alt-tabs-icon{ margin-bottom:0;}
.servgrid span{ font-size:12px;}
.gericon img{padding: 0 25%;}
.servgrid .noimg{padding: 25px 0;}

@media (min-width: 40.063em){
.servgrid .tpl-alt-tabs{ font-size:11px;}
}

@media (min-width: 64.063em){
.servgrid .tpl-alt-tabs{ font-size:12px;}	
}

@media (min-width: 80.063em){

}

@media (min-width: 103.125em){
.home-dtsq.img1, .home-dtsq.img2{ background-size:100% auto;}
}

@media only screen and (max-width: 64.062em) and (min-width: 40.063em){
.areaform form, .areadress > div{ padding:0 10%;}
}

@media (max-width: 64.062em){
.home .nav-logo-wrap{ position:relative;}
.home .abrv.row-eq-height{display: block !important;}
.home .abrv.row-eq-height .secpagepb{ padding:40px 60px;}
}

@media (max-width: 40.062em){
.nav-logo-wrap .logo{ height:115px;padding: 5px;}
.owl-carousel .page-section {padding: 140px 0 140px;}
.slogan{font-size: 13px;}
.no-padding-mob {padding-right: 0 !important;padding-left: 0 !important; padding-top:0 !important; padding-bottom:0 !important;}
.mob.row-eq-height{ display: block;}
.mob.dtqtxt, .mob.dtqtxt p{ padding:20px}
.tpl-alt-tabs{ font-size:10px;}
.home .servgrid li {height: 120px; max-height: 160px;}
.home-dtsq.img1, .home-dtsq.img2{ padding: 25px 25px;}
.home-dtsq .icn{max-height: 65px;}
.catbottom li{height: 80px; max-height: 80px}
.catbottom  li a {padding: 0 4px;}
.catbottom .gericon img {padding: 10px 5px 2px;}
.catimg img{ margin-top:-50px;}
.areaform form, .areadress > div{ padding:0 15px;}
.mob.dnone{ display:none !important;}
.form textarea{ height:30px !important;}
.bgimg2{background-position: 80%;}
.home-dtsq .subcontent .itens{ font-size:85%;float: right;  width: 70%;}
body.home .mobile-on .desktop-nav{ margin-top:0;}
}

@media only screen and (max-width: 29.875em){
	
}