/* Add here all your CSS customizations */
.color-green1{color: #2f9f91 !important; }
.color-green2{color: #257e78 !important; }
.color-white{color: white !important;}
.bg-green{background-color: #257e78 !important;}
.bg-green2{background-color: #2f9f91 !important;}
.bg-gray{background-color: #e4e3e3 !important;}
.bg-gray2{background-color: #cac4c1 !important;}

.fs-13{font-size: 13px;}
.fs-16{font-size: 16px !important;}
.uppercase{text-transform: uppercase;}
.lh-80{line-height: 80px;}

.box-slider{
	background-color: rgba(47, 159, 145, 0.7);
    padding: 20px 40px !important;
    color: white !important;
    text-align: center !important;
	-webkit-transform: skewX(-15deg);
	-moz-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	-o-transform: skewX(-15deg);
	transform: skewX(-15deg);
}
.box-slider .wrapper{
	-webkit-transform: skewX(15deg);
	-moz-transform: skewX(15deg);
	-ms-transform: skewX(15deg);
	-o-transform: skewX(15deg);
	transform: skewX(15deg);
	text-shadow: 1px 1px 2px #101010;
}
.btn{border-radius: 0 !important;}
.btn-dark{
	background-color: #2e9a8d !important;
    border-color: #2e9a8d !important;
    color: white !important;
}
.diagonal-box{
	width: 100%;
	position: relative;
	background-image: url();
	padding-bottom: 30px;
}
.diagonal-box .img1{
	position: relative;
	z-index: 2;
}
.diagonal-box .img2{
	position: absolute;
	top: 0;
	z-index: -1;
}
.diagonal-box:hover .img2{z-index: 3; left: 0;}
.diagonal-box .info-wrapper{
	position: absolute;
    bottom: 25px;
    z-index: 5;
	padding: 20px 62px 85px 70px;
    text-align: center;
}
.diagonal-box .info-wrapper p{text-align: justify;}
.diagonal-box .info-wrapper h2{margin-bottom: 0px !important;font-size: 1.8em;line-height: 27px;}
.info-wrapper h2, .info-wrapper p{color: white !important;}
.btn-verMas{
	border: 1px solid white;
	color: white;
}
.btn-verMas:hover{
	border: 1px solid white;
	color: white;
}
.line-tb{
	padding: 30px 0;
	border-top: 1px solid #e4e3e3;
	border-bottom: 1px solid #e4e3e3;
}
.cont-map{
	height: 100%;
}
footer a:hover{
	color: #257e78 !important;
}
.btn-send{
	background-color: #2f9f91 !important;
	color: white !important;
	font-weight: 400 !important;
	font-size: 16px !important;
}
.disabled-btn{
	pointer-events: none;
	background: #cac4c1 !important;
}
.ham-der{
	position: absolute !important;
    right: 0;
}
.logo-leadme{
    width: 175px;
    height: 48px;
    margin-top: 20px;
}
#icons-movil{display: none;}
#gepham-body #mainNav li:nth-child(1) a{background: #ffffff;color: #333 !important;}
#material-body #mainNav li:nth-child(2) a{background: #ffffff;color: #333 !important;}
#esterilizacion-body #mainNav li:nth-child(3) a{background: #ffffff;color: #333 !important;}
#desechables-body #mainNav li:nth-child(4) a{background: #ffffff;color: #333 !important;}
#jeringas-body #mainNav li:nth-child(5) a{background: #ffffff;color: #333 !important;}
#soluciones-body #mainNav li:nth-child(6) a{background: #ffffff;color: #333 !important;}
#mayoristas-body #mainNav li:nth-child(7) a{background: #ffffff;color: #333 !important;}
@media (min-width: 1200px){
	.sticky-header-active header .container {
	    max-width: 1340px;
	}
}
@media (max-width: 991px){
	.hide-movil{display: none;}
}
@media (max-width: 500px){
	#header .header-border-right{
		border: none !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
	}
	.fa-phone{font-size: 1.8em !important;}
	.diagonal-box .info-wrapper{padding: 20px 70px 85px 78px;}
	.diagonal-box.last .info-wrapper{padding: 20px 60px 85px 75px;}
	.owl-stage-outer img{max-width: 145px !important;margin:auto !important;}
	.hide-movil-small{display: none !important;}
	#icons-movil{
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		background: white;
		z-index: 99;
		height: 60px;
	}
	#icons-movil ul{list-style-type: none;padding-left: 25px;}
	#footer{padding-bottom: 50px;}
}
@media (max-width: 377px){
	#icons-movil ul .pr-5{padding-right: 1.4rem!important;}
}
@media (max-width: 322px){
	#icons-movil ul {padding-left: 12px;}
	#icons-movil ul .pr-5{padding-right: 1rem!important;}
	.diagonal-box .info-wrapper{padding: 20px 53px 68px 70px;}
	.diagonal-box .info-wrapper h2{font-size: 1.3em;}
	.diagonal-box .info-wrapper p{margin-bottom: 5px;}
}
