@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');

ul{list-style: none;}
*:focus { outline: 0!important;}
textarea{ resize: none; }
a{text-decoration: none;  -webkit-font-smoothing: antialiased;color: #000;}
svg *,
body *{-webkit-transition: all 0.4s;transition: all 0.4s; }
a{text-decoration: none!important;}
html{  scroll-behavior: smooth;}
body {font-family: 'Raleway', sans-serif; font-size: 0.875em;color: #575756;background-color: transparent!important;overflow-x: hidden;position:relative;}
.limit {max-width: 1200px;}

::-webkit-scrollbar {width:8px;position:absolute !important;}
::-webkit-scrollbar-track {background:#CFDDE8;}
::-webkit-scrollbar-thumb {background:#000;}

.title{	width: 100%;padding-bottom: 10px;margin-bottom:10px; color: #237D26;letter-spacing: 0; font-size: 30px;position: relative;display: inline-block;font-weight: 700;text-transform: uppercase;}
.title:after {
	content: "";
	position: absolute;
	right: 0;
	top: 3px;
	width: 86px;
	height: 66px;
	background-repeat: no-repeat;
	background-color:#fff;
	background-position:  right center;
}
.title:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 3px;
	width: 100%;
	height: 2px;
	background:#FF910F ;
}



.title.small{font-size: 40px;color: #000;}

.title span{color: #fff;}

p{font-size: 16px;line-height: 26px;color: #575756;font-weight: 400;}

.btn-two,
.btn-one{
	justify-content: center;display: inline-flex;background:transparent;text-align: center;padding: 9px 25px;color:#fff;font-size: 14px;
	border-radius: 30px;	min-width: 200px;align-items: center;border: 2px solid #fff;
}
.btn-one:hover{color: #000; background: #fff;}
.btn-one svg{width: 30px; margin-left: 10px;}
.btn-one svg path{}

.btn-two{background: #fff;color: #237D26;padding: 6px 25px;min-height: 40px;border-color: #237D26;}
.btn-two:hover{color: #fff; background: #237D26;}
.btn-two svg{width: 28px; margin-left: 10px;}

.bg-img .caption h1{color: #fff;}

/* header */
.header {position: fixed;z-index:9;top: 0;}
.header *{transition: all .3s;}
.header .navbar {width: 1200px; margin:0 auto;height: 90px;border-bottom: 1px solid #fff;}
.navbar-nav a{
	line-height: 34px;
	display: flex;
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	padding: 0px 20px;
	text-align: center; 
	position: relative;
	margin: 0;
	backface-visibility: hidden;
	-webkit-filter: blur(0);
	filter: blur(.0px);
	height: 100%;
	align-items: center;
}

.navbar-nav a:before{
	content:"";position:absolute;width:100%;height: 9px; background: #FF8C0A; bottom:-4px;right: 0;left: 0;margin: auto; opacity: 0;transition: all .3s;
	border-radius: 5px;
}
.navbar-nav a.current, .navbar-nav a:hover{color: #fff;background: #ffffff38;}
.navbar-nav a:hover:before, .navbar-nav a.current:before{opacity: 1;}

.header .topScroll{bottom: inherit;top: 0;margin-top: 0;border: 0; }
.header .topScroll a:hover:before,
.header .topScroll a.current:before{opacity: 1;bottom: 0px;}
.brand { position: relative; }
.header .infos,
.header .infos a{color: #fff;}
.header .infos span{color: #fff;display: inline-block;margin: 0 5px;}
.topScroll .header .infos{opacity: 0;}

.header .navbar:after{
	content: '';
	position: absolute;
	top: 0;
	left: -449px;
	width: 200%;
	height: 100px;
	z-index: -1;
}
.topScroll .header{height: 80px;}

.topScroll .header:after{
	content: '';
	position: fixed;
	width: 100%;
	height: 60px;
	background: #fff;
	box-shadow: 0 0 42px 12px #00000014;
}
.topScroll .header a{color: #237D26;}

.header .r{display: none;}
.topScroll .header .r{display: block;}
.topScroll .header .d{display: none;}
.topScroll .header .social svg path{
	fill: #FE900E;
}


.topScroll .bthome img {width: 70px;}
.topScroll .header .navbar{ border-color:transparent ;  }

body:not(.topScroll) #navbarResponsive{height: 100%;}



.header .bthome{max-width: 210px;}
.header .social svg {width: 27px;}
.header .social svg path{fill: #fff;}

.header .social a:hover svg path{fill: #12491D;}

/* section banner	 */
#banner {height: 800px;background-size: cover!important;background-position: center center!important;position: relative;}
#bannertop{border:0 ;position: absolute;top: 0;left: 0;width: 100%;z-index: -1;}
#bannertop .item{height: 800px;padding: 0;}

.caption {color: #fff; padding-top: 150px;}
.caption h1 {color:#fff;font-size: 64px; line-height: 80px;font-weight: 600;}
.caption h1 span{color: #fddf01;}
.caption p{font-size: 24px;font-weight: 400;color: #fff;line-height: 26px;}
.caption a.btn-one {font-weight: 500;}

#bannertop .flex-control-nav{bottom: 0;z-index: 2;}
#bannertop .flex-control-paging li a.flex-active{background: #ffed00;}
#bannertop .flex-control-paging li a{border: 1px solid #ffed00;}
#banner{z-index: 0;}

.splide__arrow svg{display: none;}

.splide__arrow {
	background-image: url('../img/arrow.svg');
	background-color: transparent;
	opacity: 1!important;
	background-position: center;
	background-repeat: no-repeat;
}

.splide__arrow--next{
	transform: rotate(180deg);
}


/* =============------------============================== */

#box-top { margin-top: -82px; z-index: 1; position: relative; }
#box-top .item .top{min-height: 150px;}

#box-top .item a{text-align: center; display: block;min-height: 200px;position: relative;background: #fff;box-shadow: 0 0 82px -10px #00000070;border-radius: 10px;padding: 10px}
#box-top .item a h3{font-size: 18px;font-weight: 700;margin: 10px 0 0;color: #237d26;border-bottom: 1px solid #eeeeee82;margin-bottom: 10px;padding-bottom: 10px;}
#box-top .item a p{margin: 0;line-height: 17px;font-size: 14px;transition: all 0;color: #FE910F;}

#box-top .item:hover a{background: #FE910F;box-shadow: none;}
#box-top .item:hover h3,
#box-top .item:hover p{color: #fff;}
#box-top .item:hover svg path{stroke: #fff;}


/* section-next	----------------------------- */
.next-section{padding: 30px;position: relative; background:transparent }

.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 50px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #f5b700;
	border-radius: 23px;
}
.scroll-btn .mouse>* {
	position: absolute;
	display: block;
	top: 29%;
	left: 59%;
	width: 2px;
	height: 10px;
	margin: -4px 0 0 -4px;
	background: #f5b700;
	-webkit-animation: ani-mouse 2s linear infinite;
	-moz-animation: ani-mouse 2s linear infinite;
	animation: ani-mouse 2s linear infinite;
}




@-webkit-keyframes pulse {
	0% {
		opacity: 0;
		background-position: center top;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}
	10% {
		opacity: 0;
	}
	50% {
		opacity: 1;
		-moz-background-size: 75% auto;
		-o-background-size: 75% auto;
		-webkit-background-size: 75% auto;
		background-size: 75% auto;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		background-position: center bottom;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}
}
@-moz-keyframes pulse {
	0% {
		opacity: 0;
		background-position: center top;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}
	10% {
		opacity: 0;
	}
	50% {
		opacity: 1;
		-moz-background-size: 75% auto;
		-o-background-size: 75% auto;
		-webkit-background-size: 75% auto;
		background-size: 75% auto;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		background-position: center bottom;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}
}
@-ms-keyframes pulse {
	0% {
		opacity: 0;
		background-position: center top;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}
	10% {
		opacity: 0;
	}
	50% {
		opacity: 1;
		-moz-background-size: 75% auto;
		-o-background-size: 75% auto;
		-webkit-background-size: 75% auto;
		background-size: 75% auto;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		background-position: center bottom;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}
}
@keyframes pulse {
	0% {
		opacity: 0;
		background-position: center top;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}
	10% {
		opacity: 0;
	}
	50% {
		opacity: 1;
		-moz-background-size: 75% auto;
		-o-background-size: 75% auto;
		-webkit-background-size: 75% auto;
		background-size: 75% auto;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		background-position: center bottom;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}
}



/* section-services	----------------------------- */
.section-services{z-index: 1; position: relative;}

#list-services{position: relative;  }
#list-services .box {position: relative;height: 410px;background-size: cover;cursor: pointer;    box-shadow: 0 18px 30px 15px #0000002e;}
#list-services .box span{width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 1;background-repeat: no-repeat;background-size: cover;}
#list-services .box .content {z-index: 2;position: relative;background: transparent;}
#list-services .box .content .ico {height: 100px;}
#list-services .box .content .ico svg{height: 70px;}
#list-services .box .content p{font-weight: ;font-size: 13px;color: #fff;line-height: 20px;}
#list-services .box .content h3{color: #fff;font-weight: 800;font-size: 24px;}

#list-services .box span + span{opacity: 0;}
#list-services .box:hover  span {opacity: 1;}
#list-services .box:hover{transform: scale(1.1);}
#list-services .box:hover svg path{fill:#000;}
#list-services .box:hover p,
#list-services .box:hover h3{color: #000;}

#list-services .box .btn{ border: 1px solid #fff;color: #fff;border-radius: 30px;margin-top: 30px;padding: 10px 40px;}
#list-services .box:hover .btn{background: #1d1d1b;border-color:#1d1d1b ;}


#box-top .box .item a .title:after,
.modal-content .title:after{display: none;}

#box-top .box .item a .title,
.modal-content .title{border: 0!important;}


.modal-header{overflow: hidden;  height: 57px;}
#serviceModal .btn-close,
#productModal .btn-close{position: absolute;top: 0; right: 0;z-index: 1;background-color: #f7cc5a;opacity: 1;border-radius: 0;margin: 0;}
.modal-body .title{color: #f7cc5a;font-weight: bold;font-size: 26px;}

#serviceModal .top,
#productModal .top {padding: 10px;text-align: center;background:#237D26;overflow: hidden;}

#serviceModal h6,
#productModal h6{font-weight: 500;display: block;font-size: 22px;color: #fff;}

#serviceModal .btn-close ,
#productModal .btn-close {padding: 12px;background: #981f28;color: #fff;font-size: 30px;line-height: 0;	font-weight: 300;}

#serviceModal .btn-close:hover,
#productModal .btn-close:hover{background: #000;}

#serviceModal h4,
#productModal h4{color: #fff; margin: auto;font-weight: 300;font-size: 18px;}

#serviceModal h5,
#productModal h5{font-weight: 900;font-size: 26px;color: #41a7cf;}

#serviceModal .modal-content a,
#productModal .modal-content a{text-align: center;color: #000;font-size: 24px;display: block;}

#serviceModal .modal-content .img,
#productModal .modal-content .img{background-size: 80%;background-repeat: no-repeat;width: 100%;height: 100%;background-position: center;}

#serviceModal .modal-content .action,
#productModal .modal-content .action {text-align: center;}

#serviceModal .modal-content .action a,
#productModal .modal-content .action a{background:#03598c ;color: #fff;display: inline-block;font-size: 16px;}
#productModal .modal-content .action a:hover{background: #0489c2;}
#productModal .modal-content{ min-height: 560px;}



#box-galeria a{position: relative;display: block;}
#box-galeria a:after{
	content: '';
	top: 0;
	left: 0;
	position: absolute;
	background:  #ff8c0a91 url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' fill='%23fff' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cpath d='M36.1,4.9C19,4.9,4.9,19,4.9,36.1c0,17.3,14,31.3,31.2,31.3c6.4,0,12.3-2,17.3-5.2c0,0,30.5,30.5,31,31 c2.4,2.4,6.3,2.4,8.8,0c2.4-2.5,2.4-6.4,0-8.8c-0.4-0.3-31-31-31-31c3.2-5,5.2-10.9,5.2-17.3C67.5,19,53.5,4.9,36.1,4.9L36.1,4.9z M36.1,60c-13.1,0-23.6-10.7-23.6-23.8c0-13.1,10.6-23.6,23.6-23.6C49.3,12.5,60,23.1,60,36.1C60,49.3,49.3,60,36.1,60z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all .3s;
}
#box-galeria a:hover:after{
	opacity: 1;
}





@media (min-width: 992px){
	.modal-lg, .modal-xl {
		max-width: 1000px;
	}
}


/* ============  HRES ==========*/
.box-hours .item div{border: 2px solid #f5b700;position: relative;height: 150px;}
.box-hours .item div:after{content: '';position: absolute;bottom: -2px;right: -2px;height: 0px;width: 0px;border: 12px solid;border-color: #f5b700 #f5b700 transparent transparent;transform: rotate(90deg);transition: all .3s;}
.box-hours .item a div{display: block;}
.box-hours .item:not(.item-1) a:hover div{background: #f5b700;}
.box-hours .item:not(.item-1) a:hover div:after{border-color: #fff #fff transparent transparent;}
.box-hours .item a div span{width: 100%;}
.box-hours .item a div span.one{opacity: 1;visibility:visible;position: absolute; color: #000;font-size: 16px;padding: 0 32px;} 
.box-hours .item a div span.three,
.box-hours .item a div span.two{opacity: 0;visibility: hidden; }
.box-hours .item a div span.three{position: absolute;top: 0; }
.box-hours .item a div span.three p{color: #000;font-size: 14px;line-height: 19px;margin: 5px 0 0;}
.box-hours .item a div span svg{width: 30px;display: inline-block;}
.box-hours .item.item-1{opacity: .5;}
.box-hours .item:not(.item-1) a:hover div span.one{opacity: 0;visibility: hidden;}
.box-hours .item a:hover div span.three{color: #fff;opacity: 1;visibility: visible;transform: translateY(20px); }
.box-hours .item a:hover div span.two{color: #fff;font-size: 12px;opacity: 1;visibility: visible;transform: translateY(35px);  }


/* ============SECTION team==========*/

.section-team{position: relative; padding-top: 50px;}
.section-team .container{z-index: 2;position: relative;}
.section-team .title-one{color: #e8017f;font-weight: 900;display: block;padding-bottom: 70px;}
.section-team p{}
.section-team .top{position: relative;}
.section-team .top:before{
	content: '';
	background-image: url('../img/maquina.png');
	background-size: cover;
	width: 300px;
	height: 541px;
	position: absolute;
	top: 55px;
	left: -70px;
	z-index: 0;
}
.section-team:after{content: '';position: absolute;left: 0;bottom: 83px;width: 100%;height: 55%;background: #f1f1f1;z-index: -1;}
.section-team .item h4{ color:#f5b700;font-family: 'old_london_alternateregular';font-size: 2rem;}
.section-team .item h4 span{ color:#000;}
.section-team .item p{font-size: 16px;}
.section-team .item ul li a {font-size: 12px; width: 24px;height: 24px;background: #f5b700;display: flex;align-items: center;justify-content: center;border-radius: 100%; color: #fff;margin: 0 5px;}
.section-team .item ul li a:hover{background: #000;}

/* ============SECTION section-products ==========*/

.section-products p{font-size: 20px;}
.section-products h3{color: #237D26;font-size: 18px;}

.section-products{position: relative;overflow: hidden;}
.section-products .nav-cat{padding: 0;overflow: hidden;}
.section-products .nav-cat li a{padding: 4px 20px;display: block;color: #237D26; font-weight: 500;position: relative;background: #F6F6F6;margin-bottom:10px ;border-radius: 10px;}
.section-products .nav-cat li.active a, .section-products .nav-cat li a:hover{background: #FF900E;color: #fff;}
.section-products .nav-cat li a:after{content: '';position: absolute;top:0; right: 0;height: 100%;}

.section-products .item .box{position: relative;background: #fff;}
.section-products .item .box .img{
	transition: all .3s;width: 100%;height: 195px;border-radius: 100px;border: 4px solid #ffffff;background: rgb(128,128,128);overflow: hidden;
	background: -moz-linear-gradient(0deg, rgba(223,223,223,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(223,223,223,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(223,223,223,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#ffffff",GradientType=1);
}

.section-products .item .box .img .thumb{width: 100%;height: 200px;background-repeat: no-repeat;background-size: contain;border-radius: 100%;background-position: center;}

.section-products .item:hover .box .img{border-color:#FE900E ;}

.section-products .item .box h4{font-size: 16px;font-weight: 800;margin: 10px 0 0;color: #237D26;}
.section-products .item .box p{font-size: 13px;line-height: 20px;}
.section-products .item .box .content{position: relative;}
.section-products .item .box .btn{
	z-index: 2;background: #fff;color: #237D26;border-radius: 40px;width: 80%;position: absolute;bottom: -20px;padding: 10px;border: 2px solid #237D26;
}
.section-products .item:hover .box .btn{background: #FE900E;color: #ffffff;border-color: #FE900E;}
.section-products .top p{color: #fff;}

#list-products{position: relative;}

.section-products .title:after{background-image: url('../img/title-prod.svg');}





/* ============SECTION about ==========*/
.section-about .title:after{background-image: url('../img/title-about.png');}

.section-about .title span{color: #000;min-height: 550px;}
.section-about .parallax{position: relative;}
.section-about .text p{color: #8B8B8B;}
.section-about .img{    margin: 0 0 -398px;}
.section-about h4{color: #237D26;font-size: 18px;}

.section-about .image{position: relative;}
.section-about .image:after{
	content: '';
	position: absolute;
	top: -54px;
	width: 100%;
	height: 100%;
	background: rgb(125,125,125);
	background: -moz-linear-gradient(0deg, rgba(125,125,125,0.4766281512605042) 0%, rgba(255,255,255,0.2945553221288515) 50%);
	background: -webkit-linear-gradient(0deg, rgba(125,125,125,0.4766281512605042) 0%, rgba(255,255,255,0.2945553221288515) 50%);
	background: linear-gradient(0deg, rgba(125,125,125,0.4766281512605042) 0%, rgba(255,255,255,0.2945553221288515) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7d7d7d",endColorstr="#ffffff",GradientType=1);
	z-index: -1; 
}

/* ============SECTION Action==========*/

.section-action{ position: relative; min-height:400px; margin-top: -150px;padding: 108px 0 40px;}
.section-action .container{position: relative;z-index: 1}
.section-action p{font-size:18px;font-weight: 400;color:#fff;line-height: 22px;margin: 0;}
.section-action h3{font-size: 50px;color: #fff;font-weight: bold;}
.section-action h3 span {color: #ffdf01;display: block;}
.section-action .btn-one{padding: 10px 20px;border-width: 2px;}

.section-action .box{
	background: #ffffff36;
	backdrop-filter: blur(7px);
	padding: 50px;
	border-radius: 24px;
	position: relative;
	margin: 26px 74px;
}
.section-action .box:after{
	content: '';
	width: 80%;
	border: 2px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}


.zindex{z-index: -1;}
.no-indent{text-indent: 0!important;}

/* contact========================================== */
.section-contact .title:after{background-image: url('../img/title-contact.svg');background-color: transparent;}
.section-contact .title:before{	width: 93%;}

.wpcf7-form-control{width: 100%;border: 0;padding: 10px 0; }
.section-contact {padding: 0;color: #fff;}
.section-contact .top{background: #f6f6f6;}
.section-contact p{color: #fff;}

.section-contact .box{position: relative;z-index: 1;}
.section-contact .infos{position: relative;	z-index: 1;}
.section-contact .infos h6{font-weight: 900;font-size: 30px;}
.section-contact label{color: #fff;width: 100%;}

.section-contact .infos a{color: #fff;display: block;margin-bottom: 10px;margin-right: 10px;}
.section-contact .infos a svg{margin-right: 5px;}
.section-contact .infos a svg path{fill: #048abf;width: 20px;}
.section-contact .infos a svg circle{fill: #048abf;}

.section-contact .infos a.btn {padding: 10px;display: block;color: #000;}
.section-contact .infos a:hover{color: #fff;}
.section-contact .infos .whats a{font-size: 24px;text-transform: uppercase;}
.section-contact .infos .whats a svg{width: 50px;height: 50px;}

.section-contact form{position: relative;}
.section-contact form p{width: 100%;}

.section-contact input{background: transparent;border:0;margin-bottom: 10px;width: 100%;color: #fff;padding-left: 5px;background: #ffffff38;}
.section-contact .check{ font-size: 12px; }
.section-contact textarea{height: 212px;background: #ffffff38;border: 0;color: #fff;padding-left: 5px;}
.section-contact .wpcf7-submit{background: transparent; color: #fff;position: absolute;right: 0;width: 150px;margin:  0;border-radius: 30px;border: 1px solid #fff;}
.section-contact .wpcf7-submit:hover{background: #fff;color: #237D26; }




.section-contact .btn-one{display: inline-block!important;}
.section-contact .btn-one:hover{color: #12491D!important;}

.section-contact .social p{width: auto;display: flex;}




div.wpcf7-mail-sent-ok {border: 2px solid #45cec6;background: #281a1791;color: #fff;}
.wpcf7-checkbox .wpcf7-list-item-label{display: none;}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{position: absolute;top:-40px;background: red;color: #fff;border: 0;}
.wpcf7-response-output{color: #721c24;background-color: #f8d7da;border-color: #f5c6cb!important;margin: 1em 0 0;}

.wpcf7-not-valid{border-bottom: 2px solid red;}
.wpcf7-not-valid-tip{display: none!important;}
.your-message{margin-top: 21px;}
.your-message textarea{height: 205px}
span.wpcf7-list-item{margin: 0}


.form-work p{color: #8B8B8B;}

.form-work .top {background: transparent;}

.form-work form input{
	box-shadow: 0 0 5px 5px #eee;
	border-radius: 5px;
	color: #464646;
	box-shadow: 0 4px 10px 0px #e1e1e1;
}
.form-work form label{color: #12491D;margin-bottom: 5px;display: block;}

.form-work form label.file{
	width: 60%;
	display: block;
	border: 2px solid #FE9916;
	border-radius: 20px;

}
.form-work form .ft input{box-shadow: none;margin: 0;}
.form-work form .ft input.wpcf7-file{padding: 9px 12px 8px!important;}
.form-work form .ft > p {display: flex;}
.form-work form .ft .wpcf7-submit{
	border: 2px solid #237D26;
	color: #237D26;
}


.section-about .title:after{background-image: url('../img/title-work.jpg');}

.form-work .title:after{background-image: url('../img/title-work.jpg');}



#map_canvas{height: 400px;border-top: 0;}
#contato .title{color: #fff;}

/* FOOTER========================================== */
.footer{position: relative;background:#237D26;}
.footer p{color: #fff;font-size: 13px;font-weight: 500;margin-bottom: 0;}
.footer span{color: #fff;}
.footer .title{color: #fff;}
.footer ul {padding: 0;}
.footer ul li a{ color: #fff;position: relative;display: block;margin:10px 0;font-size: 16px;}
.footer ul li a:before{content: '';width: 30px;height: 2px;background: #f6b700;position: absolute;top: 13px;left: -45px;opacity: 0;transition: all .3s;}
.footer ul li a:hover:before{opacity: 1;}
.footer ul li a:hover{font-weight: bold;}

.footer .nav .col-md-4:not(:last-child){	border-right: 1px solid #f6b700;}

.footer #goTop{position: absolute;display: block;width: 50px;height: 50px;background: #FF9210;bottom: 0;left: 0;cursor: pointer;z-index: 1;}
.footer #goTop:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -6px;
	bottom: 0;
	width: 0;
	border-style: solid;
	border-width: 11px 9px;
	border-color: transparent transparent #fff transparent;
	height: 0;
}

.footer #goTop:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -5px;
	bottom: 0;
	width: 0;
	border-style: solid;
	border-width: 11px 9px;
	border-color: transparent transparent #fff transparent;
	height: 0;
	z-index: 1;
}



#WhatsApp-button{position:fixed; bottom: 20px; left: 20px; z-index:9;}
#WhatsApp-button .ico{
	width: 50px;
	height: 50px;
	background-color: #25d366;
	border-radius: 50%;
}
#WhatsApp-button .text{
	font-size:16px;
	background: white;
	color: #000;
	padding: 2px 12px;
	margin-left: 17px;
	border-radius: 11px;
	position: relative;
	font-weight: 300;
}

#WhatsApp-button .text:after {
	content: "";
	border-style: solid;
	border-width: 10px 19px 10px 0;
	border-color: transparent white transparent #ea4848;
	height: 0;
	position: absolute;
	left: -7px;
	top: 5px;
	width: 0;
}



#WhatsApp-button a{display: block;color: #fff;font-size: 32px;text-align: center;}
#WhatsApp-button .ico:after {
	content: "";
	background-color: #25d366;
	position: absolute;
	width: 50px;
	height: 50px;
	box-sizing: content-box;
	top: 0;
	left: 0;
	border-radius: 50%;
	animation: blur 2s linear infinite;
	z-index:-1;
}
@keyframes blur {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	25% {
		transform: scale(1.3);
		opacity: 0.7;
	}
	50% {
		transform: scale(1.6);
		opacity: 0.4;
	}
	75% {
		transform: scale(2);
		opacity: 0.1;
	}
	100% {
		transform: scale(2.3);
		opacity: 0.0;
	}
}



/* animations -----------------------------------*/
@-webkit-keyframes ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	100% {opacity: 0;top: 29%;}
}
@-moz-keyframes ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	100% {opacity: 0;top: 29%;}
}
@keyframes ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	100% {opacity: 0;top: 29%;}
}

/* Layout styles -----------------------------------*/

@media (max-width: 990px) {
	.social,
	.container{max-width: 100%;}
	.header {width: 100%;}
	#navbarResponsive{margin: -10px 0 0 0;position: absolute;width: 100%;top: 43px;background: #000;padding: 31px;box-shadow: 0 19px 23px 2px #00000061;}
	.section-contact .box p {font-size: 14px;}
	.footer #goTop{right: 11px;}
	.header .navbar{margin: 0;}
	.services-wrapper .offset-md-2{margin-left:0;}
	.single-item .slick-prev.slick-arrow,
	.slick-responsive .slick-prev.slick-arrow{left: 0;}
	.single-item .slick-next.slick-arrow,
	.slick-responsive .slick-next.slick-arrow{right: 0;}	
	.navbar-nav a:after,
	#banner .flex-direction-nav{ display: none;}
	#navbarResponsive {   margin: -2px 0 0;   left: 0;}

}

.mgoBlack{display:none;}

@media (max-width: 575px) {
	.caption { margin-top: 72px;}
	.caption .two span { font-size: 24px;}
	.section-action .box{border-left:0; bo
    rder-right: 0;}
	.slick-responsive .slick-next.slick-arrow{    top: 71px;}
	.section-clients .slick-responsive .slick-next.slick-arrow {right: -4px!important;top: 70px;}
	.search-field{  width: 90%;}
	.section-contact .three p:last-child {  font-size: 23px;}
	#banner .caption{margin: 0;padding-top:0; }
	.caption .one p{    font-size: 20px;}
	header .social{margin: auto;}
	.top-contact{display: none;}
	#bannertop .flex-control-nav {top: 22%;left: 0;	}
	.caption .one {padding: 17px;}
	.caption .one p{    line-height: 28px;}
	.section-contact .infos a.phone {font-size: 16px;}
	.footer-social{justify-content: normal!important;  }
	.footer .justify-content-between{margin: 0!important;}

}

@media (max-width: 1366px) {
	#banner .flex-prev{ left: 1%!important;}
	#banner .flex-next{right: 1%!important;}
	#banner { margin-top: 0;}
	.caption { margin: 62px 0 0 0;}
	.section-services .item{margin-bottom: .5rem!important;}
	.section-services .item a{line-height: 50px!important;}

}

@media (max-width: 1200px) {
	.header .navbar { width: 100%;}
}


@media (max-width: 700px) and (orientation: landscape){
	#banner .item {height: 125vh;}
	.slick-responsive .slick-prev.slick-arrow{left: -30px;}
	.navbar-toggler i{color: #fff;}
}

@media (max-width: 768px) {	
	.services-wrapper .offset-md-2{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.navbar-nav a:after{display: block;}
	.navbar-toggler{color:#fff;}
	.section-brands .title:after{display: none;}
	.section-team .title-one:before{background-size: 100%;width: 81px;height: 81px; top: -33px; }
	.section-brands .title:before{background-size: contain;width: 81px; height: 50px; top: -3px;}
	.section-contact .title,
    .title,
	.title-one {font-size: 26px;}
	.section-team{padding-top: 70px;}
	.section-action{height: 340px;}
	.section-action p {font-size: 26px;font-weight: 400;color: #fff;line-height: 34px;margin: 0;}
	#bannertop #obj{display: none;}
	.section-brands { padding-top: 10px;}
	#list-services .item a:before{display: none;}
	.header .navbar{bottom: inherit;top: 0;}
	#bannertop .flex-control-nav {top: auto!important; bottom: 0!important;left: 0;width: 100%;}
	#bt-toggler{z-index: 2;outline: none!important;    box-shadow: none!important;}
	.navbar-nav a:before{display: none;}
	#list-services a {  font-size: 6vw;}
	.section-services .item { margin-bottom: 1rem!important;}   
	.section-contact{padding: 0px 0 30px;}
	.section-contact p{font-size: 22px!important;}
	#modalService h4 { margin: 0; font-size: 11px;}
	#modalService #content ul li, #modalService p{font-size: 14px;}
	.footer{margin: -86px 0 0;}
    .bg-img .caption h1{font-size: 42px;line-height: 53px;}
    #box-top{    margin-top: 20px;}
    #box-top .item{    margin-bottom: 26px;}
    body:not(.topScroll) #navbarResponsive{height: auto;}
    .header .navbar{height: 70px;}
    .header { height: 80px;}
    .bthome img { width: 70px;}
    #navbarResponsive{ top: 61px;}
    .topScroll .header a{color:#fff;}
     .header a{display:block; text-align:center;}
     .header .infos{display:none;}
     .section-products .nav-cat {display:flex;flex-wrap: wrap;}
       .section-products .nav-cat li{  width: 33%;}
    .section-products .nav-cat li a{display:flex; align-items: center; justify-content: center;padding:4px;    border: 1px solid white;}
    #box-galeria img{width:100%;}
    .section-action{    padding: 20px 0 40px;}
.section-action h3 {  font-size: 24px;}
.section-action p { font-size: 16px;line-height: 27px;}
	#produtos .row > div:first-child p{margin-top: 8px;}
    .section-about .image:after{    height: 700vh;}
    .section-products .item .box .img{    border-radius: 50px;}
    .section-contact .box p { font-size: 14px!important;}    
    .brand{padding-left: 15px;}
    
    
}