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

*{
	font-family: 'Montserrat', sans-serif;
}

p{
	color: #474747;
}

a{
	transition: all .6s;
}

img{
	max-width: 100%;
}

#header{
	position: relative;
	z-index: 1;
}

.logo{
	margin: 25px 0;
	float: left;
}

.topo{
	background: #1d2b59;
	padding: 5px 0;
	color: #fff;
	border-bottom: 3px solid #009fe3;
	font-size: 13px;
}

.header_search{
	width: 165px;
	float: left;
}

.header_search input{ 
	height: 28px;
	border-radius: 15px;
	border:none;
 }

.header_search button{ 
	height: 28px;
	padding-top: 5px;
	border:none;
	background-color: #fff;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;	
 }

.social{
	float: right;
	margin: -5px 0;
}

.social a.btn{
	display: inline-block !important;
	vertical-align: middle !important;
	line-height: 10px !important;
	border-radius: 0;
	background: #1fa4e0;
	padding: 12px 9px !important;
}
/********************** Inicio Menu *******************************/
#menu-toggle {cursor: pointer; display: none; }		

 
#menu {
	float: right;
	margin-top: 40px;
}
 
#menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

#menu > ul > li {
	margin: 0 3px;
}

#menu ul li{ 
	float:left; 
	height: 35px; 
	position: relative;
}

#menu ul li a{ 
	font-size: 14px; 
	display: block; 
	height: auto; 
	
	padding: 0px 10px; 
	line-height: 35px;
	font-weight: 600;
	color: #0e1770;
	text-transform: uppercase;
	text-decoration: none;
} 

#menu ul li a:hover{ 
	background: #e3292a;
	color: #fff;
}  

#menu ul li a.active{ 
	background: #e3292a;
	color: #fff;
}  

#menu ul li.sep{
	width: 2px;
	background: url(../img/icones/sep.png) no-repeat center;
	
}



/* Submenu */
#menu li ul {position: absolute; z-index:99999; top: 33px; left:0px; display: none; width:195px; margin-left:0px; padding-top: 1px;}
#menu li ul li { height:auto; width:195px; background:#271d67; }
#menu ul li:hover > ul {display: block; }
#menu li ul li a{height:auto; line-height:20px; color: #fff; padding: 8px 10px; font-size:90%; background: #271d67; border-bottom:1px solid #4359a2;}
#menu li ul li a:hover{background: #009fe3;}
#menu li ul li:last-child a{border-bottom: none;}

#menu li ul .submenu2 {
	top: 0;
	left: 195px;
}
 
@media only screen and (min-width: 1200px) { 
	#menu.nav-fixed {position: fixed; left: 0; top:0; margin-top: 0; z-index: 199; background: #0084d1; width: 100%; padding: 5px 0; }
	#menu.nav-fixed > ul{ display: block; margin: 0 auto; float: none; text-align: center; }
	#menu.nav-fixed > ul > li{display: inline-block; vertical-align: top; float: none; height: 50px;}
	#menu.nav-fixed > ul > li > a{line-height: 50px; color: #fff;}

	#menu.nav-fixed > ul > li > ul {
		top: 50px;
	}

	#menu.nav-fixed li ul{text-align: left;}

	/*#menu.nav-fixed ul a:hover{background: #fff; color: #0084d1;}
	#menu.nav-fixed li ul{text-align: left; display: none; top: 34px;}*/
	#menu.nav-fixed ul li.social { padding-top: 5px; }
} 


#painel-home ul{
	padding-left: 0;
	list-style: none;
}

.content-home{
	position: relative; 
}

.content-home h2{
	color: #e3292a;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 800;
}
.content-home .btn{
	color: #de2728;
	border-radius: 0;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 15px;
	border-color: #de2728;
}
.content-home .btn:hover{
	background: #de2728;
	color: #fff;
}
 
.content-blue{
	background: url(../img/bghome.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	padding: 50px 0;
}

.content-blue h3{
	color: #fff;
	font-size: 30px;
}
.content-blue p{
	color: #fff;
}

.nav-btn{
	background: #005579;
	background: -moz-linear-gradient(top, #017baf 0%, #0171a0 50%, #005579 100%);
	background: -webkit-linear-gradient(top, #017baf 0%,#0171a0 50%,#005579 100%);
	background: linear-gradient(to bottom, #017baf 0%,#0171a0 50%,#005579 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017baf', endColorstr='#005579',GradientType=0 );

}
.nav-btn a{
	vertical-align: middle;
	display: inline-block;
	color: #fff;
	font-weight: 800;
	font-size: 14px;
	padding: 15px 0;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	width: 18%;
}
.div{
	width: 1%;
	background: url(../img/icones/div.png) no-repeat center;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
}

.carousel{
	padding: 0 55px;
 }   
	.owl-prev, .owl-next{display: block; height: 62px; width: 45px; position: absolute; z-index: 200; text-indent: -9999px; top:50%; 
		background-image: url(../img/icones/arrow.png); background-repeat: no-repeat; margin-top: -31px;}
	.owl-prev {background-position: 0 0; left: -55px; }
	.owl-next {background-position: -50px 0; right: -55px; }
	.item,
	.item2{
		display: block; 
		margin: 0 auto; 
		float: none !important; 
		max-width: 320px;
	} 
		.item2{
			max-width: 250px;
		}
	.item{
		padding: 8px;
		background: #fff;
		-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
		-moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.75);
		box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.75);
		margin-bottom: 5px;
	}	
	.item img{
		vertical-align: middle;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		width: auto !important;
		display: block;
		    max-height: 100%;
		margin: 0 auto;
	}
	.tag{
		color: #e3292a;
		border-bottom: 1px solid #d4d4d4;
		padding-bottom: 5px;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.item figure{
		height: 185px;
		width: 100%;
		display: block;
	}
	.item h4{
		color: #1d2b59;
		min-height: 40px;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.item .btn{
		background: #1d2b59;
		border-radius: 0;
		color: #fff;
		font-weight: bold;
		display: block;
		text-align: left;
		padding: 11px 25px !important;
	}
	.item .btn:hover{
		background-color: #e3292a;
	}

.tt-red{
	color: #e3292a;
	font-size: 30px;
	font-weight: 800;
}

.midias{
	float: right;
	margin-top: -44px;
	margin-right: 55px;
}

	.midias a{
		background-color: #e3292a;
		border-radius: 0;
	}

	.midias a svg{
		fill: #fff;
		width: 20px;
		height: 20px; 
	}

.zoom{display: block; text-align: center; width: 100%; overflow: hidden;}
.zoom img {transition: all .5s; vertical-align: middle; width: 100%;}
.zoom:hover img {transform: scale(1.3); transition: all .5s;}

.page-header{
	background: url(../img/page-header.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	padding: 55px 0;
	margin-bottom: 40px;
}
	.page-header h2{
		color: #fff;
		text-transform: uppercase;
		font-size: 32px;
		font-weight: 800;
		margin: 0;
	}

.tit,
.tt{
	color: #e3292a;
	font-size: 16px;
	font-weight: 800;
}

.tit{
	font-size: 26px;
}

.subtt{
	color: #1d2b59;
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 600;
}

.topic{
	color: #e3292a;
	border-bottom: 1px solid #1fa4e0;
	font-size: 18px;
}

.topic strong{
	font-weight: 800;
}

.list{
	padding: 0;
	list-style: none;
	margin-left: 0;
}

.list li:before{
	content: ""; 
	width: 7px;
	height: 7px;
	border-radius: 50%;
	float: left;
	margin: 8px 0 0 -15px;
	background-color: #e3292a;
}

.list-square li:before{
	border-radius: 0;
}

.list li{
	padding-left: 15px;
	color: #474747;
}

.menu-lateral ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

a.seta{
	background-image: url(../img/icones/seta.png);
	background-position: 13px center;
	background-repeat: no-repeat;
}

.menu-lateral li a{
	display: block;
	padding: 18px 10px 18px 30px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	background-color: #066088;
}

.menu-lateral li li a{
	padding: 10px 30px;
	background-color: #1fa4e0;
	border-top: 1px solid #12719c;
	border-bottom: 1px solid #50c9ff;
}
.menu-lateral li li a:hover{
	text-decoration: none;
	background-color: #e3292a;
}

.produto{
	max-width: 100%;
	margin-bottom: 15px;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

.produto .tag{
	border-bottom: none;
	text-align: right;
} 

.produto h4{
	border-bottom: 1px solid #d4d4d4;
}

.prod{
	padding: 15px 15px 5px 15px;
	margin-bottom: 30px;
/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.6);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.6);*/
}

.prod p{
	font-size: 12px;
}
.prod .btn{
	background-image: none;
	text-align: center;
}

.marcas {
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    height: 200px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
}

 .marcas img{
 	display: block;
 	margin: 0 auto;
 	max-width: 80%;
 }

 .noticia{
 	border-bottom: 1px dotted #a5a5a5;
 	margin-bottom: 30px;
 }

 .noticia h3{
 	color: #d34e03;
 	font-size: 22px;
 }

 .noticia time{
 	color: #999;
 }

.pagination .active a.page-link{
 	background: #d34e03;
 	border-color: #d34e03;
 }

 .pagination a.page-link{
 	color: #d34e03;
 }

 .btn-volta{
 	background: #d34e03;
 	color: #fff;
 }

 .btn-volta:hover{
  	background: #da560d;
  }

.cabecalho h2{
	color: #0275d8;
	font-size: 22px;
	margin-bottom: 5px;
}

.cabecalho time{
	color: #737373;
}

 #form input{
 	height: 45px;
 	border:1px solid #ccc;
 }

 #form label{
 	color: #1d2b59;
 	font-size: 13px;
 	font-weight: 600;
 }

 #form .btn{
 	background: #009fe3;
 	color: #fff;
 	margin-top: 20px;
 	border-radius: 0;
 	height: 50px;
 	text-transform: uppercase;
 	font-size: 16px;
 	border: none;
 	cursor: pointer;
 }

  #form .btn:hover{
  	background: #1d2b59;
  }

 .captcha{
 	float: left;
 	border:1px solid #ccc;
 	margin-right: 10px;
 	padding: 9px 5px 9px 10px;
 }

 #captcha{
 	width: 180px;
 	float: left !important;
 }
 
#footer{
	padding: 30px 0 0 0;
	background: #1d2b59;
	color: #fff;
	border-top: 5px solid #e3292a;
}

#footer address,
#footer p{
	color: #fff;
	font-size: 14px;
}

.rodape{
	background: #101b3f;
	margin-top: 15px;
	padding: 8px 0;
}
	
#footer .btn{
	background: #1fa4e0;
	border-radius: 0;
	width: 45px;
	height: 45px;
	padding: 8px 0 0 0;
}

#footer svg{
	fill: #fff;
	width: 25px;
	height: 25px;
}

.pratica{
	float: right;
	margin-left: -100px;
}

.fancybox-type-iframe .fancybox-inner {
  height: 450px !important;
}
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {position: relative; max-width: 100% !important; margin: 0 auto; padding: 0; *zoom: 1;}
.bx-wrapper img {width: 100%; display: block;}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 5px; width: 100%; padding: 0;  z-index: 1000; }
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px; background: url(../js/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}

/* PAGER */
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-pager-item {padding: 5px 0;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #dcdada; text-indent: -9999px; display: block; width: 20px; border:2px solid #fff; height: 20px; margin: 0 2px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #3879bb;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 5%; background-position: 0 0; }
.bx-wrapper .bx-next {right: 5%; background-position: -50px 0; }
.bx-wrapper .bx-prev:hover ,
.bx-wrapper .bx-next:hover {opacity: 1;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -31px; outline: 0; width: 45px; height: 62px; text-indent: -9999px; z-index: 9999;
background-image: url(../img/icones/arrow.png); background-repeat: no-repeat; opacity: 0.6;}

.bx-wrapper .bx-controls-direction a.disabled { display: none;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; display: block; font-size: .85em; padding: 10px;}

/* OWL CAROUSEL */
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}

.barratopo{display:none} 
.pull {display: none; background: url(../img/icones/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; cursor: pointer;}

@media(max-height: 295px){
 #menu{
 	 overflow-y: scroll;
 }
}

.navbar-toggler-icon{
	 background: url(../img/icones/pull.png) no-repeat -3px -3px;
}
.navbar-toggler{
	border:1px solid #fff;
}
@media only screen and (max-width: 1200px) { 
	.pull {display: block; float: right; padding: 0 40px 0 0; }
	.bgplb{ background-position: right bottom; }
	#menu {background: #0084d1; position: fixed; left: -100%; top: 0; padding-top: 35px; z-index: 99999; width: 200px; height:100vh; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0;}
	#menu ul{float: none !important; margin: 0 0; }
	#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom:1px solid #1ea3f1;}
	#menu ul li a {text-align: left; color: #fff; font-size: 1em; height: auto; line-height: 18px; padding: 10px 0 10px 10px; margin: 0; } 
	#menu ul li.sep{display: none;}
	#menu ul li:hover > ul {display: block; }
	#menu ul li ul{position:relative; top:0px; margin:0px; } 
	#menu ul li ul a{font-size: 85%;}
	#menu li ul ul a{background: #006baa;}
	#menu-toggle:checked + #menu { left: 0 !important; }
	.barratopo{position:fixed; display: block; left: 0; top: 0; padding: 0; font-size:14px; width: 100%; height: 35px;
	 z-index:1000; background: #006baa; }
	.barratopo span {color: #fff; position: absolute; line-height:35px; left: 10px;}
	.barratopo span img{margin: 0px 5px 0 0px;}

	#menu li ul .submenu2 {
		left: 0;
	}
 
 	#header {
 		margin-top: 35px; 
 	}
 	
 	.logo{
 		float: none;
 		display: block;
 		margin: 15px auto;
 		max-width: 245px;
 	}

 	.menu-lateral{
 		background-color: #20a5e0;
 	}

}

@media only screen and (max-width: 767px) { 
	.bx-wrapper .bx-controls-direction a {
		top: 80%;
	}

	.item .btn{
		font-size: 13px;
	}
}
@media only screen and (max-width: 480px) {
	.midias{
		display: block;
		float: none;
	    margin: 10px auto;
	    max-width: 114px;
	}
}

.codephix_blog_post_video {
  width: 700px;
  max-width: 90%;
  margin: 25px auto 0 auto;
}
.codephix_embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.codephix_embed-container iframe, .codephix_embed-container object, .codephix_embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.codephix_embed-container embed, .codephix_embed-container video, .codephix_embed-container iframe, .codephix_embed-container iframe[style] {
  max-width: 100%;
}




/* Whatsapp */
.wobble-hor-bottom {
	-webkit-animation: wobble-hor-bottom 0.8s 4s;
			animation: wobble-hor-bottom 0.8s 4s;
  }
  
  @-webkit-keyframes wobble-hor-bottom {
	0%,
	100% {
	  -webkit-transform: translateX(0%);
			  transform: translateX(0%);
	  -webkit-transform-origin: 50% 50%;
			  transform-origin: 50% 50%;
	}
	15% {
	  -webkit-transform: translateX(-10px) rotate(-6deg);
			  transform: translateX(-10px) rotate(-6deg);
	}
	30% {
	  -webkit-transform: translateX(10px) rotate(6deg);
			  transform: translateX(10px) rotate(6deg);
	}
	45% {
	  -webkit-transform: translateX(-10px) rotate(-3.6deg);
			  transform: translateX(-10px) rotate(-3.6deg);
	}
	60% {
	  -webkit-transform: translateX(5px) rotate(2.4deg);
			  transform: translateX(5px) rotate(2.4deg);
	}
	75% {
	  -webkit-transform: translateX(-3px) rotate(-1.2deg);
			  transform: translateX(-3px) rotate(-1.2deg);
	}
  }
  @keyframes wobble-hor-bottom {
	0%,
	100% {
	  -webkit-transform: translateX(0%);
			  transform: translateX(0%);
	  -webkit-transform-origin: 50% 50%;
			  transform-origin: 50% 50%;
	}
	15% {
	  -webkit-transform: translateX(-10px) rotate(-6deg);
			  transform: translateX(-10px) rotate(-6deg);
	}
	30% {
	  -webkit-transform: translateX(5px) rotate(6deg);
			  transform: translateX(5px) rotate(6deg);
	}
	45% {
	  -webkit-transform: translateX(-5px) rotate(-3.6deg);
			  transform: translateX(-5px) rotate(-3.6deg);
	}
	60% {
	  -webkit-transform: translateX(5px) rotate(2.4deg);
			  transform: translateX(5px) rotate(2.4deg);
	}
	75% {
	  -webkit-transform: translateX(-3px) rotate(-1.2deg);
			  transform: translateX(-3px) rotate(-1.2deg);
	}
  }
  
  
  .chat {
	  position: fixed;
	  right: 30px;
	  bottom: 30px;
	  z-index: 1000;
  }
  
  .chat-whatsapp {
	  background: #25d366;
	  display: flex;
	  height: 60px;
	  width: 60px;
	  border-radius: 50%;
	  align-items: center;
	  justify-content: center;
  
  }
  
  .chat-whatsapp img {
	  width: 40px;
	  height: 40px;
  }
  
  
  
  .chat-text {
	  position: absolute;
	  right: 62px;
	  background: #fff;
	  box-shadow: 2px 2px 2px rgba(0,0,0,.3);
	  white-space: nowrap;
	  font-size: 14px;
	  color: #333;
	  padding: 10px;
	  border-radius: 10px;
	  display: none;
	  font-weight: 500;
  }
  
  .chat-whatsapp:hover .chat-text,
  .chat-whatsapp:focus .chat-text {
	  display: inline-block;
  }
  
  .chat-arrow {
	  background: none;
	  height: 0;
	  width: 0;
	  position: absolute;
	  right: -10px;
	  top: 14px;
	  border: 5px solid transparent;
	  border-left-color: #fff;
  }
  
  
  .chat-whatsapp {
	animation: alerta 1.5s infinite;
	transition: box-shadow 500ms ease-in-out;  
	box-shadow: 0 0 0 0 rgba(9, 165, 19, 0.70);
  }
  
  @keyframes alerta {
	0% {
	  transform: scale();
	}
	70% {
	  transform: scale();
	  box-shadow: 0 0 0 30px rgba(69, 152, 27, 0);
	}
	  100% {
	  transform: scale();
	  box-shadow: 0 0 0 0 rgba(69, 152, 27, 0);
	}
  }
  /* End Whatsapp */