@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{	border-bottom: 2px solid #fede00;margin-bottom:20px; color: #02385a;letter-spacing: 0; font-size: 30px;position: relative;padding:0 10px 2px;display: inline-block;font-weight: 800;text-transform: uppercase;width:auto ;}
.title:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -11px;
	width: 0;
	border-style: solid;
	border-width: 9px 11px 0;
	border-color: #fede00 transparent transparent  transparent;
	height: 0;
}

.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: 13px;
	border-radius: 30px;	min-width: 200px;align-items: center;border: 1px 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: #575756;padding: 6px 25px;min-height: 40px;}
.btn-two:hover{color: #575756; background: #fff;}
.btn-two svg{width: 28px; margin-left: 10px;}

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

/* header */
.header {position: relative;z-index:9;top: 0;}
.header .navbar {width: 1200px; margin:0 auto;height: 103px;}
.navbar-nav a{
	line-height: 34px;
	display: block;
	color: #048abf;
	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);
}
.navbar-nav a:before{content:"";position:absolute;width:100%;height: 7px; background: #ffde00; bottom:-20px;right: 0;left: 0;margin: auto; opacity: 0;transition: all .3s;}
.navbar-nav a.current, .navbar-nav a:hover{color: #03598c;}
.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: -20px;}
.brand { position: relative; }

.header .infos a{color: #fff;}
.header .infos span{color: #fff;display: inline-block;margin: 0 5px;}
.header .topScroll .infos{opacity: 0;}

.header .navbar:after{
	content: '';
	position: absolute;
	top: 0;
	left: -449px;
	width: 300%;
	height: 100px;
	background: #fff;
	z-index: -1;
	box-shadow: 0 7px 10px rgb(0 0 0 / 12%);
}
.header .topScroll{height: 80px;}
.header .bthome{max-width: 210px;}
.header .social svg {width: 20px;}
.header .social svg path{fill: #0489c1;}

.header .topScroll{padding-top: 0!important;}
.header .navbar.topScroll:after{height: 70px;transition: all .3s;}


/* section banner	 */
#banner {height: 100vh;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: 100vh;padding: 0;}

.caption {color: #fff; }
.caption h1 {color:#fff;font-size: 64px; line-height: 112px;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{top: 80%;z-index: 2;}
#bannertop .flex-control-paging li a.flex-active{background: #fff;}
#bannertop .flex-control-paging li a{border: 1px solid #fff;}
#banner{z-index: 0;}

#banner .flex-direction-nav a{opacity: 1!important;font-size: 0;width: 50px;height: 50px;}
#banner .flex-prev{left: 5%;  }
#banner .flex-next{right: 5%;  }

#banner .flex-direction-nav a:before{
	content: '';
	width: 50px;
	height: 50px;
	background: url(../img/expand-arrow--v2.png) center no-repeat;
	background-size: contain;
}
#banner .flex-next:before{transform: rotateY(200deg);}



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

#box-top { margin-top: -95px; z-index: 1; position: relative; }
#box-top .box{background: #fff;box-shadow: 0 0 82px -10px #00000070; padding: 0;}
#box-top .box .item {min-height: 170px;position: relative;}
#box-top .box .item .top{height: 65px;}
#box-top .box .item .top svg{width: 45px;}
#box-top .box .item .top svg path{fill: #186599;}

#box-top .box .item a{display: block;height: 100%;position: relative;}
#box-top .box .item a .title{font-size: 14px;font-weight: 800;margin: 10px 0 0;color: #02385a;}
#box-top .box .item a p{margin: 0;line-height: 17px;font-size: 13px;transition: all 0;}
#box-top .box .item a .ico-footer{display: none;}
#box-top .box .item a .ico-footer svg {width: 0;transition: all .3s;}
#box-top .box .item a .ico-footer svg path{fill: #048abf;}



#box-top .box .item:before{content: '';width: 100%; height: 100%;background: #048abf;position: absolute;top: 0;left: 0;opacity: 0;transition: all .3s;}
#box-top .box .item:hover > div{z-index: 1;}
#box-top .box .item:hover:before{opacity: 1; transform: scale(1.2);}
#box-top .box .item:hover svg path{fill: #fff;}
#box-top .box .item:hover svg {width: 40px;}

#box-top .box .item:hover .title,
#box-top .box .item:hover p{color: #fff;}
#box-top .box .item:hover a .ico-footer{display: block;}
#box-top .box .item:hover a .ico-footer svg {width: 30px;}


/* 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 #ccc;
	border-radius: 23px;
}
.scroll-btn .mouse>* {
	position: absolute;
	display: block;
	top: 29%;
	left: 59%;
	width: 2px;
	height: 10px;
	margin: -4px 0 0 -4px;
	background: #ccc;
	-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:#03598c;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: auto;background-repeat: no-repeat;width: 100%;height: 100%;background-position: center 0;}

#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;}



@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{position: relative;overflow: hidden;}
.section-products .nav-cat{background: #f6f6f6;border-radius: 20px;padding: 0;overflow: hidden;}
.section-products .nav-cat li a{padding: 10px 20px;display: block;color: #01375b; font-weight: 500;position: relative;}
.section-products .nav-cat li.active a,
.section-products .nav-cat li a:hover{background: #048abf;color: #fff;}
.section-products .nav-cat li a:after{content: '';position: absolute;top:0; right: 0;border-right: 1px solid #ccc;width: 0;height: 100%;}

.section-products .item .box{border-radius: 5px 10px 0 0;box-shadow: 0 18px 30px 15px #0000002e;position: relative;background: #fff;}
.section-products .item .box .img{width: 100%;height: 200px;background-repeat: no-repeat;background-size: cover;border-radius: 5px 10px 0 0;}
.section-products .item .box:before{transition: all .3s; content: '';position: absolute;top: 0;top: 0;left: 0;width: 100%;height: 100%;background: #02385a7a;z-index: 1;opacity: 0;border-radius: 5px 10px 0 0;}
.section-products .item .box h4{font-size: 16px;font-weight: 900;margin: 10px 0 0;color: #02385a;}
.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: #048abf;color: #fff;border-radius: 40px;width: 80%;position: absolute;bottom: -20px;padding: 10px;text-transform: uppercase;}
.section-products .item:hover .box .btn{background: #ffde00;color: #023958;}
.section-products .item:hover .box:before{opacity: 1;}
.section-products:after{content: '';position: absolute;top: 0; left: 0;width: 20%;height: 100%;z-index: -1;}
.section-products .top p{color: #fff;}

#list-products{position: relative;}
#list-products:after{
	content: '';
	width: 200%;
	height: 80%;
	background: #ededed;
	position: absolute;
	left: -50%;
	top: -10%;
	bottom: 0;
	margin: auto;
	z-index: -1;
}

/* ============SECTION about ==========*/

.section-about .title span{color: #000;min-height: 550px;}
.section-about .parallax{position: relative;}
.section-about .text p{color: #fff;}

.section-about .img{    margin: 0 0 -398px;}


/* ============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:22px;font-weight: 400;color:#fff;line-height: 58px;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: 20px 20px;}



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

.section-performance{ position: relative;padding: 108px 0 40px;}
.section-performance .performance-list{background: #ededed; padding: 50px 0;}
.section-performance .performance-list .list{margin-top: 35px;}
.section-performance .performance-list .item{min-height: 200px;width: 100%; position: relative;cursor: pointer;}

.section-performance .performance-list .item .image{width: 100%;height: 100%;display: block;background-size: cover;position: absolute;top: 0;left: 0;background-position: center;}

.section-performance .performance-list .item .content{position: relative;z-index: 1;opacity: 0;}
.section-performance .performance-list .item .content span{color: #fff;font-weight: bold;font-size: 22px;display: block;}
.section-performance .performance-list .item .content svg{width: 30px;}


.section-performance .performance-list .single p{font-size: 14px;}
.section-performance .performance-list .single h4{color: #013658;font-size: 24px;font-weight: 800;text-transform: uppercase;}

.section-performance .performance-list .list .item:before {
	transition: all .3s;
	content: '';
	position: absolute;
	top: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #02385ac7;
	z-index: 1;
	opacity: 0;
}
.section-performance .performance-list .list .item.active:before,
.section-performance .performance-list .list .item:hover:before,
.section-performance .performance-list .item.active .image,
.section-performance .performance-list .item:hover .image{transform: scale(1.1);opacity: 1;}

.section-performance .performance-list .list .item.active .content,
.section-performance .performance-list .list .item:hover .content{opacity: 1;}

.section-performance .performance-list .btn-one{
	background: #03598c;
	color: #fff;
	display: inline-block;
	font-size: 16px;    padding: 15px 25px;
}





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

/* contact========================================== */
.wpcf7-form-control{width: 100%;border: 0;padding: 10px 0; }
.section-contact {padding: 0;}
.section-contact .top{background: #f6f6f6;}



.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: #738589;width: 100%;}

.section-contact .infos a{color: #738589;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: #f1f1f1;}
.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: 1px solid #048abf;margin-bottom: 10px;width: 100%;color: #000;padding-left: 5px;}
.section-contact .check{ font-size: 12px; }
.section-contact textarea{height: 212px;background: transparent;border: 1px solid #048abf;color: #000;padding-left: 5px;}
.section-contact .wpcf7-submit{background: #048abf;color: #fff;position: absolute;right: 0;width: 150px;margin: -8px 0;border-radius: 30px;}
.section-contact .wpcf7-submit:hover{background: #fff;color: #000; }


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}


#map_canvas{height: 400px;border-top: 5px solid #03598c;}

/* FOOTER========================================== */
.footer{position: relative;background:#02385a;}
.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: #048abf;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 #048abf 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; border-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: 0 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-one {font-size: 26px;}
	.section-action{height: 340px;}
	.section-action p {font-size: 26px;font-weight: 400;color: #fff;line-height: 34px;margin: 0;}
	.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;}
	.navbar-nav a:before{display: none;}
	.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;}
	.caption h1{font-size: 30px;    line-height: 34px;	}
	.brand{padding: 15px}
	.header .navbar:after{height: 88px;}
	.header .navbar.topScroll:after{height: 54px!important;}
	.section-action h3 {    font-size: 34px;}
	#list-services .box .btn{padding: 1px 40px;}
}