.lx-header{
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	width:100%;
	background:linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(0,0,0,0));
}
.lx-header.lx-solid-header{
	position:static;
	background:#FFFFFF;
	border-bottom:1px solid #EEEEEE;
	box-shadow:0px 0px 10px #EEEEEE;
}
.lx-header-bottom-content{
	max-width:1170px;
	margin:auto;
	padding:50px 0px;
}
.lx-header-bottom-content > a{
	display:none;
}
.lx-header-logo{
	float:left;
	width:130px;
}
.lx-header-logo a{
	display:block;
}
.lx-header-logo a img{
	display:block;
	width:100%;
}
.lx-menu-mobile{
	display:none;
}
.lx-header-menu{
	float:right;
}
.lx-header-menu-content{
	max-width:1170px;
	margin:auto;
}
.lx-header-menu-content ul{
	float:left;
}
.lx-header-menu-content ul li{
	float:left;
}
.lx-header-menu ul li a{
	display:block;
	padding:14px 8px;
	font-family:'Montserrat';
	font-weight:600;
	text-transform:uppercase;
	color:#FFFFFF;
}
.lx-solid-header .lx-header-menu ul li a{
	color:#242424;
}
.lx-header-menu-content ul li a:hover{
	color:#183E99 !important;
}
.lx-header-menu-content ul li a.active{
	color:#183E99 !important;
}
.lx-header-cta{
	float:right;
	margin-left:20px;
}
.lx-header-cta a{
	display:inline-block;
	padding:12px 20px;
	font-family:'Montserrat';
	font-weight:400;
	text-transform:uppercase;
	background:#183E99 !important;
	color:#FFFFFF;
	border-radius:30px;
}
a.lx-signin{
	margin-left:10px;
	background:#FFFFFF;
	color:#242424;
	box-shadow:0px 0px 4px #BEBEBE;
}
.lx-header-bottom-scroll{
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	width:100%;
	background:#FFFFFF;
	box-shadow:0px 0px 4px #BEBEBE;
}
.lx-header-bottom-scroll .lx-header-menu ul li a{
	color:#242424;
}
.lx-header-bottom-scroll .lx-header-menu ul li a:hover{
	color:#183E99 !important;
}
.lx-header-bottom-scroll .lx-header-menu ul li a.active{
	color:#183E99 !important;
}
.lx-hero{
	position:relative;
	height:680px;
}
.lx-hero-title{
	position:absolute;
	z-index:10;
	bottom:0px;
	left:0px;
	width:100%;
	height:300px;
	display:flex;
}
.lx-hero-title h1{
	margin:auto;
	font-size:60px;
	color:#FFFFFF;
}
.lx-hero-item{
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	width:100%;
	height:680px;
}
.lx-hero-shadow{
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
}
.lx-hero-text{
	position:relative;
	width:65%;
	margin:auto;
	padding:40px;
	font-family:'Montserrat';
	text-transform:uppercase;
	text-align:center;
	color:#FFFFFF;
}
.lx-hero-text h1,.lx-hero-text h2{
	margin-bottom:10px;
	font-family:'Montserrat';
	font-size:34px;
}
.lx-suivi-coli{
	position:absolute;
	z-index:10;
	bottom:0px;
	display:flex;
	width:100%;
	padding:20px;
	background:#183E99 !important;
}
.lx-suivi-coli-content{
	max-width:1170px;
	margin:auto;
}
.lx-suivi-coli-content p{
	margin-bottom:10px;
	color:#FFFFFF;
}
.lx-suivi-coli-content div{
	width:400px;
	margin:auto;
}
.lx-suivi-coli-content div input[type='text']{
	display:inline-block;
	width:300px;
	padding:17px;
	background:#FFFFFF;
	border-radius:4px;
}
.lx-suivi-coli-content div a{
	display:inline-block;
	margin-left:10px;
	padding:13px 15px;
	background:#183E99 !important;
	color:#FFFFFF !important;
	border:1px solid #FFFFFF;
	border-radius:4px;
}
.lx-page-header{
	position:relative;
	display:flex;
	height:420px;
}
.lx-page-header-shadow{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
}
.lx-page-header-text{
	position:relative;
	margin:auto;
	padding:40px;
	font-family:'Montserrat';
	text-transform:uppercase;
	color:#FFFFFF;
}
.lx-page-header-text h1{
	margin-top:80px;
	font-family:'Montserrat';
	font-size:60px;
}
.lx-bloc{
	position:relative;
	padding:60px 0px;
}
.lx-bloc-title{
	max-width:1170px;
	margin:auto;
}
.lx-bloc-title h2{
	position:relative;
	margin-bottom:20px;
	padding:0px 15px;
	padding-bottom:30px;
	padding-left:30px;
	font-family:'Montserrat';
	font-size:34px;
	text-transform:uppercase;
	color:#242424;
}
.lx-bloc-title h2::after{
	content:'';
	position:absolute;
	top:-10px;
	left:45px;
	margin-left:-30px;
	width:60px;
	height:60px;
	background:#f26622 !important;
	opacity: 0.5;
    z-index: -1000;
}
.lx-bloc-title h2 span{
	color:#183E99 !important;
}
.lx-bloc-title p{
	line-height:24px;
}
.lx-bloc-content{
	max-width:1170px;
	margin:auto;
}
.lx-aboutus{
	display:flex;
	align-items:center;
}
.lx-aboutus img{
	width:100%;
}
.lx-aboutus p{
	margin-bottom:20px;
	font-size:18px;
	line-height:30px;
}
.lx-box1{
	margin-top:30px;
	padding:30px;
	text-align:center;
	background:#FFFFFF;
	border:2px inset #183E99 !important;
	transition:all ease 0.3s;
}
.lx-box1:hover{
	background:rgba(57,173,209,0.05);
}
.lx-box1 i{
	display:inline-block;
	margin-bottom:30px;
	font-size:50px;
}
.lx-box1 img{
	display:block;
	width:60px;
	margin:auto;
	margin-bottom:30px;
}
.lx-box1 h3{
	margin-bottom:20px;
	font-family:'Montserrat';
	font-size:20px;
	font-weight:600;
	color:#242424;
	transition:all ease 0.3s;
}
.lx-box1:hover h3{
	color:#183E99 !important;
}
.lx-box1 p{
	line-height:24px;
}
.lx-bg2{
	background:#0c1239;
}
.lx-title2{
	text-align:left;
}
.lx-title2 h2{
	float:left;
	margin-right:60px;
	color:#FFFFFF;
}
.lx-title2 h2::after{
	display:none;
}
.lx-title2 h2 span{
	display:block;
	color:#183E99 !important;
}
.lx-title2 p{
	margin-left:300px;
	padding-left:20px;
	font-size:20px;
	line-height:30px;
	color:#FFFFFF;
	border-left:2px solid #183E99 !important;
}
.lx-box2{
	margin-top:0px;
	padding:25px 20px;
	border:1px solid #232951;
	text-align:left;
	color:#FFFFFF;
	transition:all ease 0.5s;
}
.lx-box2:hover{
	border:1px solid #183E99 !important;
}
.lx-box2 i{
	position:relative;
	top:40px;
	float:left;
	margin-right:20px;
	transition:all ease 0.5s;
}
.lx-box2:hover i{
	top:0px;
	color:#183E99 !important;
}
.lx-box2 h3{
	margin-left:85px;
	color:#FFFFFF;
}
.lx-box2:hover h3{
	color:#FFFFFF;
}
.lx-box2 p{
	margin-left:85px;
}
.lx-shadow{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,71,0.3);
}
.lx-bloc[data-url-bg]{
	padding:90px 0px;
}
.lx-bloc-content2{
	max-width:960px;
}
.lx-box3{
	text-align:center;
}
.lx-box3 strong{
	font-size:50px;
	color:#FFFFFF;
}
.lx-box3 h3{
	padding:10px;
	font-family:'Montserrat';
	font-size:20px;
	font-weight:600;
	color:#FFFFFF;
}
/* Services */
.lx-carousel{
	position:relative;
	overflow:hidden;
	padding:10px 0px;
}
.lx-carousel ul{
	position:relative;
	width:99999px;
	overflow:hidden;
}
.lx-carousel ul li{
	float:left;
	padding:0px 15px;
}
.lx-services{
	position:relative;
}
.lx-services > i{
	position:absolute;
	z-index:2;
	top:-90px;
	right:9px;
	width:40px;
	height:40px;
	padding-top:11px;
	font-size:16px;
	text-align:center;
	color:#183E99 !important;
	border:1px solid #183E99 !important;
	border-radius:2px;
	cursor:pointer;
}
.lx-services > i.fa-angle-left{
	right:54px;
}
.lx-service-item{
	width:362px;
}
.lx-service-list .lx-service-item{
	width:auto;
}
.lx-service-item-img img{
	display:block;
	width:100%;
}
.lx-service-item-text{
	padding-top:20px;
}
.lx-service-item-text h4{
	margin-bottom:10px;
	font-size:24px;
	color:#183E99 !important;
}
.lx-service-item-text p{
	font-size:18px;
	line-height:30px;
}
.lx-howitworks-process{
	margin-top:50px;
}
.lx-howitworks-process ul li{
	position:relative;
	float:left;
	width:20%;
	padding:0px 15px;
}
.lx-howitworks-process ul li img{
	display:block;
	margin:0px auto 15px;
}
.lx-howitworks-process ul li img.arrow{
	position:absolute;
	top:-30px;
	left:65%;
	width:60%;
	transform:rotate(30deg);
	opacity:0.3;
}
.lx-howitworks-process ul li span{
	float:left;
	display:inline-block;
	width:32px;
	height:32px;
	margin-right:10px;
	font-size:22px;
	font-weight:600;
	text-align:center;
	background:#183E99 !important;
	color:#FFFFFF;
	border-radius:50%;
}
.lx-box-pricing{
	padding:50px 20px;
	background:#FFFFFF;
	box-shadow:0px 0px 10px #DDDDDD;	
}
@media(max-width:767px){
	.lx-box-pricing{
		padding:50px 30px;;	
	}
}
.lx-box-pricing h3{
	margin-bottom:40px;
	font-size:30px;
	text-transform:uppercase;
	text-align:center;
	color:#183E99 !important;
}
.lx-box-pricing span{
	display:block;
	margin:20px 0px;
	font-family:'Montserrat';
	font-size:30px;
	text-align:center;
}
.lx-box-pricing strong{
	font-size:60px;
}
.lx-box-pricing p{
	margin-bottom:20px;
	font-size:16px;
	color:#828282;
}
.lx-box-pricing p i{
	float:left;
	position:relative;
	top:-2px;
	margin-right:8px;
	color:#183E99 !important;
}
.lx-box-pricing a{
	display:table;
	margin:30px auto 0px;
	padding:10px 20px;
	font-weight:500;
	background:#183E99 !important;
	color:#FFFFFF;
	border-radius:6px;
	box-shadow:0px 0px 4px #BEBEBE;
}
.lx-tarif-item{
	margin-top:30px;
	padding:30px 15px;
	background:#FCFCFC;
	border:1px solid #E3E3E3;
	border-bottom:2px solid #183E99 !important;
}
.lx-tarif-item h3{
	margin-bottom:10px;
	font-family:'Montserrat';
	font-weight:600;
	text-align:center;
}
.lx-tarif-item span{
	display:block;
	text-align:center;
	color:#BEBEBE;
}
.lx-tarif-list{
	margin-top:30px;
	height:200px;
	background:#FFFFFF;
	border:1px solid #E3E3E3;
	overflow:auto;
}
.lx-tarif-list ul li{
	padding:5px 10px;
	background:#FCFCFC;
	border-bottom:1px dashed #EEEEEE;
}
.lx-tarif-list ul li:nth-child(2n+1){
	background:#FEFEFE;
}
.lx-add-form{
	max-width:760px;
	margin:auto;
}
.lx-textfield{
	margin-bottom:0px;
}
.lx-textfield span{
	display:inline-block;
	margin-bottom:5px;
}
.lx-textfield input[type='text']{
	width:100%;
	padding:15px;
	border:1px solid #EEEEEE;
	border-radius:2px;
	box-shadow:0px 0px 5px #F8F8F8 inset;
}
.lx-textfield input[type='number']{
	width:100%;
	padding:15px;
	border:1px solid #EEEEEE;
	border-radius:2px;
}
.lx-textfield input[type='password']{
	width:100%;
	padding:15px;
	border:1px solid #EEEEEE;
}
.lx-textfield select{
	width:100%;
	padding:15px;
	border:1px solid #EEEEEE;
}
.lx-textfield textarea{
	width:100%;
	height:100px;
	padding:15px;
	border:1px solid #EEEEEE;
	resize:none;
}
.lx-submit a{
	display:inline-block;
	margin-top:3px;
	padding:15px 40px;
	font-family:'Montserrat';
	background:#183E99 !important;
	color:#FFFFFF;
}
.lx-textfield p{
	font-size:12px;
	font-style:italic;
	color:#BEBEBE;
}
.lx-tarifs{
	padding:0px 15px;
}
.lx-tarifs select{
	width:240px;
	padding:15px;
	border:1px solid #242424;
}
.lx-tarifs > div{
	max-height:500px;
	margin-top:40px;
	overflow:auto;
}
.lx-tarifs table{
	width:100%;
}
.lx-tarifs table tr:first-child td{
	font-weight:600;
	background:#F8F8F8 !important;
}
.lx-tarifs table tr:nth-child(2n+1){
	background:#FCFCFC;
}
.lx-tarifs table td{
	padding:15px;
	border:1px solid #EEEEEE;
}
#lx-map{
	display:block;
	width:100%;
	height:500px;
}
.lx-api{
	margin:0px 15px;
}
.lx-api p{
	margin-bottom:20px;
	line-height:22px;
}
.lx-api pre{
	margin-bottom:20px;
	padding:15px;
	background:#424242;
	color:#FFFFFF;
	border:1px solid #EEEEEE;
	overflow:auto;
}
.lx-api table{
	margin-bottom:20px;
	border:1px solid #EEEEEE;
	border-collapse: collapse;
}
.lx-api table tr:first-child td{
	font-weight:bold;
}
.lx-api table td{
	padding:15px;
	background:#FDFDFD;
	border:1px solid #EEEEEE;
}
.lx-floating-response{
	position:fixed;
	z-index:99999;
	bottom:20px;
	left:0px;
	display:none;
	padding:0px 20px;
	width:100%;
	text-align:center;
	cursor:pointer;
}
.lx-floating-response p{
	position:relative;
	display:inline-block;
	max-width:300px;
	padding:17px 20px 20px;
	font-size:16px;
	background:rgba(0,0,0,0.8);
	color:#FFFFFF;
	border-radius:4px;
}
.lx-floating-response p.lx-error{
	border-bottom:3px solid #e50000;
}
.lx-floating-response p.lx-succes{
	border-bottom:3px solid green;
}
.lx-floating-response p i{
	position:relative;
	top:6px;
	line-height:1px;
}
.lx-floating-response p i:last-child{
	position:absolute;
	right:3px;
	top:10px;
	font-size:16px;
	line-height:1px;
}
.lx-floating-response p i.fa{
	top:2px;
}
.lx-footer{
	position:relative;
}
.lx-footer-top-content{
	position:relative;
	z-index:2;
	max-width:1170px;
	margin:auto;
	padding:45px 0px;
}
.lx-footer-top-content h2{
	margin-bottom:20px;
	font-size:24px;
	font-family:'Montserrat';
	font-weight:600;
	text-transform:uppercase;
	color:#FFFFFF;
}
.lx-footer-about p{
	margin-top:15px;
	font-size:16px;
	font-weight:300;
	line-height:26px;
	color:rgba(255,255,255,0.9);
}
.lx-footer-about ul{
	margin-top:40px;
}
.lx-footer-about ul li{
	display:inline-block;
	margin-right:20px;
}
.lx-footer-about ul li a{
	font-size:20px;
	color:#FFFFFF;
}
.lx-footer-contact p{
	margin-top:15px;
	font-size:16px;
	font-weight:300;
	line-height:26px;
	color:rgba(255,255,255,0.9);
}
.lx-footer-bottom{
	background:#232951;
}
.lx-footer-bottom-content{
	position:relative;
	z-index:2;
	max-width:1170px;
	margin:auto;
	padding:30px 15px;
}
.lx-footer-bottom-content ul{
	float:left;
}
.lx-footer-bottom-content ul li{
	float:left;
}
.lx-footer-bottom-content ul li a{
	display:inline-block;
	margin-right:10px;
	font-size:16px;
	font-weight:300;
	color:rgba(255,255,255,0.9);
	border-bottom:1px solid #FFFFFF;
}
.lx-footer-bottom-content ul li a i{
	float:left;
}
.lx-footer-bottom-content p{
	float:right;
	font-size:16px;
	font-weight:300;
	line-height:26px;
	color:rgba(255,255,255,0.9);
}
.lx-footer-bottom-content p span{
	color:#183E99 !important;
}
.lx-to-top{
	position:fixed;
	z-index:10;
	right:20px;
	bottom:60px;
	display:block;
	width:50px;
	height:50px;
	padding-top:10px;
	font-size:20px;
	text-align:center;
	color:#183E99 !important;
	background:#232951;
	border:2px solid #183E99 !important;
	border-radius:8px;
}
/* Popup */
.lx-popup{
	position:fixed;
	top:0px;
	left:0px;
	z-index:99999;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	display:none;
	overflow:auto;
}
.lx-popup-inside{
	display:flex;
	height:100%;
}
.lx-popup-content{
	position:relative;
	display:table;
	margin:auto;
	opacity:0.0;
	transform:scale(0.9);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.lx-popup-content > a{
	position:absolute;
	right:8px;
	top:8px;
	color:#242424;
}
.lx-form{
	min-width:600px;
	background:#FFFFFF;
}
.lx-form-title{
	padding:10px;
	text-align:center;
	background:#F8F8F8;
}
.lx-popup .lx-add-form{
	padding:15px;
}
.lx-popup .lx-textfield{
	margin-bottom:0px;
}
.lx-popup .lx-textfield span{
	display:inline-block;
	margin-bottom:5px;
}
.lx-popup .lx-textfield input[type='text']{
	width:100%;
	padding:10px;
	border:1px solid #EEEEEE;
	border-radius:2px;
	box-shadow:0px 0px 5px #F8F8F8 inset;
}
.lx-popup .lx-textfield input[type='number']{
	width:100%;
	padding:10px;
	border:1px solid #EEEEEE;
	border-radius:2px;
}
.lx-popup .lx-textfield input[type='password']{
	width:100%;
	padding:10px;
	border:1px solid #EEEEEE;
	border-radius:2px;
}
.lx-popup .lx-textfield select{
	width:100%;
	padding:10px;
	border:1px solid #EEEEEE;
	border-radius:2px;
}
.lx-popup .lx-textfield textarea{
	width:100%;
	height:100px;
	padding:10px;
	border:1px solid #EEEEEE;
	border-radius:2px;
	resize:none;
}
.lx-popup .lx-textfield p{
	font-size:12px;
	font-style:italic;
	color:#BEBEBE;
}
.lx-floating-response{
	position:fixed;
	z-index:99999;
	bottom:20px;
	left:0px;
	display:none;
	padding:0px 20px;
	width:100%;
	text-align:center;
	cursor:pointer;
}
.lx-floating-response p{
	position:relative;
	display:inline-block;
	max-width:300px;
	padding:17px 20px 20px;
	font-size:16px;
	background:rgba(0,0,0,0.8);
	color:#FFFFFF;
	border-radius:4px;
}
.lx-floating-response p.lx-error{
	border-bottom:3px solid #e50000;
}
.lx-floating-response p.lx-succes{
	border-bottom:3px solid green;
}
.lx-floating-response p i{
	position:relative;
	top:6px;
	line-height:1px;
}
.lx-floating-response p i:last-child{
	position:absolute;
	right:3px;
	top:10px;
	font-size:16px;
	line-height:1px;
}
.lx-floating-response p i.fa{
	top:2px;
}
.lx-colihistory{
	padding:30px !important;
}
.lx-colihistory table{
	width:100%;
	margin-top:15px;
	border-top:1px solid #DDDDDD;
}
.lx-colihistory table tr:nth-child(2n+1){
	background:#FBFBFB;
}
.lx-colihistory table td:first-child{
	border-left:1px solid #DDDDDD;
}
.lx-colihistory table td{
	padding:15px;
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
}
@media(max-width:1024px){
	.lx-header-bottom-content{
		padding:30px;
	}
	.lx-header-menu-content{
		padding:30px 15px;
	}
	.lx-menu-mobile{
		position:absolute;
		z-index:10;
		top:34px;
		right:30px;
		display:block;
	}
	.lx-menu-mobile a{
		font-size:26px;
		color:#FFFFFF;
	}
	.lx-solid-header .lx-menu-mobile a{
		color:#242424;
	}
	.lx-header-menu{
		position:absolute;
		z-index:10;
		top:100px;
		left:0px;
		display:none;
		width:100%;
		background:#FFFFFF;
		border-top:1px solid #E3E3E3;
	}
	.lx-header-menu ul{
		float:none;
	}
	.lx-header-menu ul li{
		float:none;
		margin:0px;
	}
	.lx-header-menu ul li a{
		color:#242424;
		border-bottom:1px solid #F5F5F5;
	}
	.lx-header-cta{
		float:none;
		clear:both;
		margin:0px;
	}
	.lx-suivi-coli-content{
		padding:15px;
	}
	.lx-title2{
		padding:0px 15px;
	}
}
@media(max-width:768px){
	.lx-header{
		position:fixed;
		z-index:12;
		top:0px;
		left:0px;
		background:#242424;
		border-bottom:1px solid #E3E3E3;
	}
	.lx-header-socials ul li{
		margin-left:15px;
	}
	.lx-header-contact{
		display:none;
	}
	.lx-header-bottom-content > a{
		position:absolute;
		top:35px;
		right:20px;
		display:block;
		font-size:30px;
		color:#242424;
	}
	.lx-hero-title h1{
		font-size:40px;
	}
	.lx-hero-item{
		padding-top:154px;
		background-size:auto auto !important;
		background-position:center center !important;
	}
	.lx-hero-text{
		width:100%;
		max-width:100%;
		margin-top:100px;
		left:auto !important;
		right:auto !important;
	}
	.lx-hero-text h2{
		font-size:22px;
	}
	.lx-hero-text p{
		font-size:16px;
	}	
	.lx-suivi-coli{
		padding:15px;
	}
	.lx-suivi-coli-content{
		width:100%;
		padding:0px;
	}
	.lx-suivi-coli-content div{
		width:100%;
	}
	.lx-suivi-coli-content div input[type='text']{
		width:190px;
	}
	.lx-aboutus{
		display:block;
	}
	.lx-title2 h2{
		float:none;
		margin-right:0px;
		margin-left:20px;
	}
	.lx-title2 p{
		margin-left:20px;
		padding-right:20px;
	}
	.lx-howitworks-process ul li{
		width:100%;
		padding:15px;
	}
	.lx-howitworks-process ul li span{
		float:none;
		margin-bottom:5px;
	}
	.lx-howitworks-process ul li img.arrow{
		display:none;
	}
	.lx-form{
		width:100%;
		min-width:100%;
	}
	.lx-footer-bottom-content ul{
		float:none;
		display:table;
		margin:auto;
	}
	.lx-footer-bottom-content p{
		float:none;
		margin-top:10px;
		text-align:center;
	}
}

/* Reviews */
.testim {
  width: 100%;
  position: relative;
  /* top: 50%; */
  /* -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%); */
}

.testim .wrap {
  position: relative;
  width: 100%;
  /* max-width: 1020px; */
  padding: 40px 20px;
  margin: auto;
}

.testim .arrow {
  display: block;
  position: relative;
  color: #333;
  cursor: pointer;
  font-size: 2em;
  /* top: 50%; */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s ease-in-out;    
  -ms-transition: all .3s ease-in-out;    
  -moz-transition: all .3s ease-in-out;    
  -o-transition: all .3s ease-in-out;    
  transition: all .3s ease-in-out;
  padding: 5px;
  z-index: 22222222;
}

.testim .arrow:before {
  cursor: pointer;
}

.testim .arrow:hover {
  color: #183E99;
}
  

.testim .arrow.left {
  left: 70px;
  display:none;
}

.testim .arrow.right {
  right: 70px;
}

.testim .dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 60px;
  left: 0;
  display: block;
  z-index: 3333;
  height: 12px;
}

.testim .dots .dot {
  list-style-type: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #183E99;
  margin: 0 10px;
  cursor: pointer;
  -webkit-transition: all .5s ease-in-out;    
  -ms-transition: all .5s ease-in-out;    
  -moz-transition: all .5s ease-in-out;    
  -o-transition: all .5s ease-in-out;    
  transition: all .5s ease-in-out;
  position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
  background: #183E99;
  border-color: #183E99;
}

.testim .dots .dot.active {
  -webkit-animation: testim-scale .5s ease-in-out forwards;   
  -moz-animation: testim-scale .5s ease-in-out forwards;   
  -ms-animation: testim-scale .5s ease-in-out forwards;   
  -o-animation: testim-scale .5s ease-in-out forwards;   
  animation: testim-scale .5s ease-in-out forwards;   
}
  
.testim .cont {
  position: relative;
  overflow: hidden;
}

.testim .cont > div {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 70px 0;
  opacity: 0;
}

.testim .cont > div.inactive {
  opacity: 1;
}
  

.testim .cont > div.active {
  position: relative;
  opacity: 1;
}
  

.testim .cont div .img img {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
  border-radius: 50%;
}

.testim .cont div h2 {
  color: #183E99;
  font-size: 1em;
  margin: 15px 0;
}

.testim .cont div p {
  font-size: 1.15em;
  color: #333;
  width: 70%;
  margin: auto;
}

.testim .cont div.active .img img {
  -webkit-animation: testim-show .5s ease-in-out forwards;            
  -moz-animation: testim-show .5s ease-in-out forwards;            
  -ms-animation: testim-show .5s ease-in-out forwards;            
  -o-animation: testim-show .5s ease-in-out forwards;            
  animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
  -webkit-animation: testim-content-in .4s ease-in-out forwards;    
  -moz-animation: testim-content-in .4s ease-in-out forwards;    
  -ms-animation: testim-content-in .4s ease-in-out forwards;    
  -o-animation: testim-content-in .4s ease-in-out forwards;    
  animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
  -webkit-animation: testim-content-in .5s ease-in-out forwards;    
  -moz-animation: testim-content-in .5s ease-in-out forwards;    
  -ms-animation: testim-content-in .5s ease-in-out forwards;    
  -o-animation: testim-content-in .5s ease-in-out forwards;    
  animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
  -webkit-animation: testim-hide .5s ease-in-out forwards;            
  -moz-animation: testim-hide .5s ease-in-out forwards;            
  -ms-animation: testim-hide .5s ease-in-out forwards;            
  -o-animation: testim-hide .5s ease-in-out forwards;            
  animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
  -webkit-animation: testim-content-out .4s ease-in-out forwards;        
  -moz-animation: testim-content-out .4s ease-in-out forwards;        
  -ms-animation: testim-content-out .4s ease-in-out forwards;        
  -o-animation: testim-content-out .4s ease-in-out forwards;        
  animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
  -webkit-animation: testim-content-out .5s ease-in-out forwards;    
  -moz-animation: testim-content-out .5s ease-in-out forwards;    
  -ms-animation: testim-content-out .5s ease-in-out forwards;    
  -o-animation: testim-content-out .5s ease-in-out forwards;    
  animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
  0% {
      -webkit-box-shadow: 0px 0px 0px 0px #eee;
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      -webkit-box-shadow: 0px 0px 10px 5px #eee;        
      box-shadow: 0px 0px 10px 5px #eee;        
  }

  70% {
      -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
      box-shadow: 0px 0px 10px 5px #ea830e;        
  }

  100% {
      -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
      box-shadow: 0px 0px 0px 0px #ea830e;        
  }
}

@-moz-keyframes testim-scale {
  0% {
      -moz-box-shadow: 0px 0px 0px 0px #eee;
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      -moz-box-shadow: 0px 0px 10px 5px #eee;        
      box-shadow: 0px 0px 10px 5px #eee;        
  }

  70% {
      -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
      box-shadow: 0px 0px 10px 5px #ea830e;        
  }

  100% {
      -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
      box-shadow: 0px 0px 0px 0px #ea830e;        
  }
}

@-ms-keyframes testim-scale {
  0% {
      -ms-box-shadow: 0px 0px 0px 0px #eee;
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      -ms-box-shadow: 0px 0px 10px 5px #eee;        
      box-shadow: 0px 0px 10px 5px #eee;        
  }

  70% {
      -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
      box-shadow: 0px 0px 10px 5px #ea830e;        
  }

  100% {
      -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
      box-shadow: 0px 0px 0px 0px #ea830e;        
  }
}

@-o-keyframes testim-scale {
  0% {
      -o-box-shadow: 0px 0px 0px 0px #eee;
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      -o-box-shadow: 0px 0px 10px 5px #eee;        
      box-shadow: 0px 0px 10px 5px #eee;        
  }

  70% {
      -o-box-shadow: 0px 0px 10px 5px #ea830e;        
      box-shadow: 0px 0px 10px 5px #ea830e;        
  }

  100% {
      -o-box-shadow: 0px 0px 0px 0px #ea830e;        
      box-shadow: 0px 0px 0px 0px #ea830e;        
  }
}

@keyframes testim-scale {
  0% {
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      box-shadow: 0px 0px 10px 5px #eee;        
  }

  70% {
      box-shadow: 0px 0px 10px 5px #ea830e;        
  }

  100% {
      box-shadow: 0px 0px 0px 0px #ea830e;        
  }
}

@-webkit-keyframes testim-content-in {
  from {
      opacity: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
  }
  
  to {
      opacity: 1;
      -webkit-transform: translateY(0);        
      transform: translateY(0);        
  }
}

@-moz-keyframes testim-content-in {
  from {
      opacity: 0;
      -moz-transform: translateY(100%);
      transform: translateY(100%);
  }
  
  to {
      opacity: 1;
      -moz-transform: translateY(0);        
      transform: translateY(0);        
  }
}

@-ms-keyframes testim-content-in {
  from {
      opacity: 0;
      -ms-transform: translateY(100%);
      transform: translateY(100%);
  }
  
  to {
      opacity: 1;
      -ms-transform: translateY(0);        
      transform: translateY(0);        
  }
}

@-o-keyframes testim-content-in {
  from {
      opacity: 0;
      -o-transform: translateY(100%);
      transform: translateY(100%);
  }
  
  to {
      opacity: 1;
      -o-transform: translateY(0);        
      transform: translateY(0);        
  }
}

@keyframes testim-content-in {
  from {
      opacity: 0;
      transform: translateY(100%);
  }
  
  to {
      opacity: 1;
      transform: translateY(0);        
  }
}

@-webkit-keyframes testim-content-out {
  from {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
  
  to {
      opacity: 0;
      -webkit-transform: translateY(-100%);        
      transform: translateY(-100%);        
  }
}

@-moz-keyframes testim-content-out {
  from {
      opacity: 1;
      -moz-transform: translateY(0);
      transform: translateY(0);
  }
  
  to {
      opacity: 0;
      -moz-transform: translateY(-100%);        
      transform: translateY(-100%);        
  }
}

@-ms-keyframes testim-content-out {
  from {
      opacity: 1;
      -ms-transform: translateY(0);
      transform: translateY(0);
  }
  
  to {
      opacity: 0;
      -ms-transform: translateY(-100%);        
      transform: translateY(-100%);        
  }
}

@-o-keyframes testim-content-out {
  from {
      opacity: 1;
      -o-transform: translateY(0);
      transform: translateY(0);
  }
  
  to {
      opacity: 0;
      transform: translateY(-100%);        
      transform: translateY(-100%);        
  }
}

@keyframes testim-content-out {
  from {
      opacity: 1;
      transform: translateY(0);
  }
  
  to {
      opacity: 0;
      transform: translateY(-100%);        
  }
}

@-webkit-keyframes testim-show {
  from {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
  
  to {
      opacity: 1;
      -webkit-transform: scale(1);       
      transform: scale(1);       
  }
}

@-moz-keyframes testim-show {
  from {
      opacity: 0;
      -moz-transform: scale(0);
      transform: scale(0);
  }
  
  to {
      opacity: 1;
      -moz-transform: scale(1);       
      transform: scale(1);       
  }
}

@-ms-keyframes testim-show {
  from {
      opacity: 0;
      -ms-transform: scale(0);
      transform: scale(0);
  }
  
  to {
      opacity: 1;
      -ms-transform: scale(1);       
      transform: scale(1);       
  }
}

@-o-keyframes testim-show {
  from {
      opacity: 0;
      -o-transform: scale(0);
      transform: scale(0);
  }
  
  to {
      opacity: 1;
      -o-transform: scale(1);       
      transform: scale(1);       
  }
}

@keyframes testim-show {
  from {
      opacity: 0;
      transform: scale(0);
  }
  
  to {
      opacity: 1;
      transform: scale(1);       
  }
}

@-webkit-keyframes testim-hide {
  from {
      opacity: 1;
      -webkit-transform: scale(1);       
      transform: scale(1);       
  }
  
  to {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
}

@-moz-keyframes testim-hide {
  from {
      opacity: 1;
      -moz-transform: scale(1);       
      transform: scale(1);       
  }
  
  to {
      opacity: 0;
      -moz-transform: scale(0);
      transform: scale(0);
  }
}

@-ms-keyframes testim-hide {
  from {
      opacity: 1;
      -ms-transform: scale(1);       
      transform: scale(1);       
  }
  
  to {
      opacity: 0;
      -ms-transform: scale(0);
      transform: scale(0);
  }
}

@-o-keyframes testim-hide {
  from {
      opacity: 1;
      -o-transform: scale(1);       
      transform: scale(1);       
  }
  
  to {
      opacity: 0;
      -o-transform: scale(0);
      transform: scale(0);
  }
}

@keyframes testim-hide {
  from {
      opacity: 1;
      transform: scale(1);       
  }
  
  to {
      opacity: 0;
      transform: scale(0);
  }
}

@media all and (max-width: 300px) {
body {
  font-size: 14px;
}
}

@media all and (max-width: 500px) {
.testim .arrow {
  font-size: 1.5em;
}

.testim .cont div p {
  line-height: 25px;
}

}