@charset "utf-8";
/* SERVICES */

.pServices{
	z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	}

.pServices p {
	margin: 0
	}


#imgCont{
	width: 100%;
	padding-top: 250px;
	height: 100%;
	position: absolute;
	bottom: 0
	}






@media (max-width: 99px){
#imgCont{
	padding-top: 258px;
	}
}

@media (min-width: 100px) and (max-width: 199px){
#imgCont{
	padding-top: 197px;
	}
}

@media (min-width: 200px) and (max-width: 299px){
#imgCont{
	padding-top: 195px;
	}
}

@media (min-width: 300px) and (max-width: 399px){
#imgCont{
	padding-top: 181px;
	}
}

@media (min-width: 400px) and (max-width: 499px){
#imgCont{
	padding-top: 219px;
	}
}

@media (min-width: 500px) and (max-width: 599px){
#imgCont{
	padding-top: 238px;
	}
}




#clienCont{
	width: 84vw;
	top: 0;
	position: absolute;

}

@media (max-height: 620px), (max-width: 760px){

	.pItemServic{
		font-size: 11px;
		letter-spacing: 0px!important;
		line-height: 13px!important;
	}

}
@media (min-width: 600px) {
	
	#clienCont{
		margin: 11vh 8vw;
	}
	
	.pServices{
		margin: 1vh 0px;
		width: 85%;
		}
	#imgCont{
		display: none;
	}
}
@media (max-width: 599px) {
	
	#clienCont{
		margin: 13vw 8vw;
	}

	.pServices{
		margin: 20px 0px;
		width: 95%;
		}
	.itemServCont{
	}
	.swiper-container, .swiper-scrollbar{
	}
	.itemServCont{
		height: 70vh!important;
		min-height: 600px;
	}
	.swiper-scrollbar.centerH{
		display: none;
	}
}

@media (min-width: 1151px) {

.clientItem, .clientItemVD{
	height: 70px;
	}
.titleItemServ:hover p{
	font-size: 1.2em;
	margin-top: 20px;
	}
.titleItemServ p{
	font-size: 1em;
	margin-top: 15px;
	}
.titleItemServ:hover p.disable{
	font-size: 1.35em!important;
	margin-top: 15px!important;
	}
.titleItemServ p.disable{
	font-size: 1.5em!important;
	margin-top: 15px!important;
	}
.titleItemServ.disable{
	top: 10%;	
	}
}


@media (max-width: 1150px) {

.clientItem, .clientItemVD{
	height: 50px;
}
.titleItemServ:hover p{
	font-size: .95em;
	margin-top: 12px;
	}
.titleItemServ p{
	font-size: .85em;
	margin-top: 7px;
	}
.titleItemServ:hover p.disable{
	font-size: .75em!important;
	margin-top: 7px!important;
	}
.titleItemServ p.disable{
	font-size: .85em!important;
	margin-top: 7px!important;
	}
.titleItemServ.disable{
	top: 8%;	
	}
}

.titleItemServ:hover p{
	opacity: 1
}


.itemServCont{
	height: 58vh;
	margin-top: 8vh
}

.itemServCont div{
	padding: 0;
}
.itemServCont .titleItemServ {
	width: 100%
}

.itemBoxServ{
	height: 0%;
	width: 95%;
	margin-left: 2.5%;
	border-radius: 20px;
	-webkit-transition: height .3s, border 0.7s;
    transition: height .3s, border .7s;
	background-color: hsla(65,100%,50%,0.00);
	border: solid 0.5px transparent;
	z-index: 20;
	text-align: center
}

@keyframes bgBOX {
    from {background-color: hsla(65,100%,50%,1.00);}
    to {background-color: hsla(0,0%,100%,0.00);}
}

.itemBoxServ.active{
	height: 90%;
	border: solid 0.5px #CFCFCF;
    animation-name: bgBOX;
    animation-duration: 1s;
}
.clientItemVD.disable, .clientItem.disable{
	opacity: 0!important;
	height: 0
}

.titleItemServ{
	-webkit-transition: top 1s;
    transition: top 1s;
}

.titleItemServ {
	text-align: center;
	z-index: 2
}
.titleItemServ p{
	font-family: Gotham_Black;
	color: #424242;
	-webkit-transition: font-size .5s, margin .5s, opacity .5s;
    transition: font-size .5s, margin .5s, opacity .5s;
	opacity: 0

}
.titleItemServ:hover .clientItemVD{
	transform: translateX(-99%) translateY(5%);
	opacity: 1
}

.clientItemVD{
	transform: translateX(-100%);
	position: absolute;
	opacity: 0;
    -webkit-transition: transform .5s, opacity .5s, height 1s;
    transition: transform .5s, opacity .5s, height 1s;
}
.clientItem{
	position: relative;
	z-index: 5;
    -webkit-transition: opacity .5s, height 1s;
    transition: opacity .5s, height 1s;
}
.pItemServic{
	width: 85%;
	position: absolute;
	margin: 0% 5%;
	letter-spacing: 0px;
	z-index: 0;
	top: 53%;
	transform: translateY(-60%);
/*	font-size: 13px; */
	opacity: 0;
    -webkit-transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s;	
}
.disable + .itemBoxServ .pItemServic{
	transform: translateY(-50%);
	opacity: 1;
    -webkit-transition: transform .5s, opacity 2s;
    transition: transform .5s, opacity 2s;	
}




/* MOBILE */
.swiper-container{
	background-color: transparent!important;
}

.swiper-slide{
	padding: 0px 8vw 75px;
}

.itemBoxServMobi{
	border: solid 0.5px #CFCFCF;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
	height: 100%;
	width: 100%;
	padding: 20px;
	text-align: center;
}

.swiper-slide-active .itemBoxServMobi div .clientItemVDMobi{
	transform: translateX(-95%) translateY(8%);
	opacity: 1
}

.clientItemVDMobi{
	position: absolute;
    -webkit-transition: transform 2s, opacity 1s, height 1s;
    transition: transform 2s, opacity 1s, height 1s;
	transform: translateX(-100%);
	opacity: 0
}
.clientItemMobi{
	position: relative;
	z-index: 5;
    -webkit-transition: opacity .5s, height 1s;
    transition: opacity .5s, height 1s;
}

.clientItemMobi, .clientItemVDMobi{
	height: 90px;
	margin-bottom: 15px;
}
.titleItemServMobi{
	font-family: Gotham_Black;
	color: #424242;
	font-size: 1.7em;
	-webkit-transition: font-size .5s, margin .5s;
    transition: font-size .5s, margin .5s;
	margin-bottom: 20px;
}

@media (max-width: 379px) and (min-width:325px) {
	.clientItemMobi, .clientItemVDMobi{
		height: 65px;
	}
	.titleItemServMobi{
		font-size: 1.3em;
		margin-bottom: 10px;
	}
	
}

@media (max-width: 324px) {
	.clientItemMobi, .clientItemVDMobi{
		display: none;
	}
	.titleItemServMobi{
		font-size: 1.1em;
		margin-bottom: 10px;
	}
}

@media (max-height: 760px), (max-width: 400px){

	.pItemServicMobi{
		font-size: 12px;
		letter-spacing: 0px!important;
		line-height: 15px!important;
	}

}