/* ==================================================
   AREA SERVICIOS 
================================================== */

.subtitulo-servicio {
	padding-right: 20px;
}

.botones-servicio {
        display:inline-block;
		padding-right: 15px;
  		border: none;
  		padding: 5px 10px;
  		text-align: center;
  		text-decoration: none;
  		border-radius: 3px;
  		font-size: 16px;
  		margin: 10px 2px 30px 2px;
  		transition-duration: 0.4s;
  		cursor: pointer;
	
  }

.btn-servicios1 {
  	background-color: #20A5FF;
	color: white;
	
  	
}

.btn-servicios1:hover {
  background-color: #FF0000;
  color: white;
}

.btn-servicios2 {
  	background-color:white;
	color: #002C74;
	
}

.btn-servicios2:hover {
  background-color: #FF0000;
  color: white;
}

/* INICIO ENCABEZADO */
.altura-slider-servicio{min-height:360px;background-repeat:no-repeat;background-position:center center}

@media only screen and (min-width: 768px) and (max-width: 991px){.altura-slider-servicio{min-height:400px}}

@media (max-width: 575px){.altura-slider-servicio{min-height:200px}}

@media only screen and (min-width: 576px) and (max-width: 767px){.altura-slider-servicio{min-height:350px}}


.degradado-servicio{position:relative;z-index:1}

.degradado-servicio::before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;bottom:0;right:0;z-index:0;background-repeat:no-repeat}

.slider-area .titular-servico h2{color:#fff;font-size:60px;font-family: Montserrat, sans-serif;font-weight:800;text-transform:uppercase}

.degradado-servicio::before{
	background-image:
		-moz-linear-gradient(0deg, rgba(2,8,52,0.8) 15%, rgba(2,8,52,0.6) 50%,rgba(2,8,52,0.8) 85%);
	background-image:
		-webkit-linear-gradient(0deg, rgba(2,8,52,0.8) 15%, rgba(2,8,52,0.6) 50%,rgba(2,8,52,0.8) 85%);
	background-image:
		-ms-linear-gradient(0deg, rgba(2,8,52,0.8) 15%, rgba(2,8,52,0.6) 50%,rgba(2,8,52,0.8) 85%);
}



@media only screen and (min-width: 300px) and (max-width: 767px){
	.slider-area .titular-servico h2{
		color:#fff;
		font-size:30px;
		font-family: Montserrat, sans-serif;
		font-weight:600;
		text-transform:uppercase
	}
}


/* Termina ENCABEZADO */


.area-servicio .imagen-servicio-izquierda{
	width:100%;
	height: 100%;
	position: absolute;
	left: 0;
    bottom: 0;
	background-image: url("../img/principales/w2079_elevada.jpg");
	background-size:cover;
	background-position: center;
	
}




/* LISTA OL LI DERECHA SERVICIOS */

.area-servicio .politica-wrapper .right-content ol {
  list-style: none;
  counter-reset: mi-contador;
	
	font-size:20px;
	font-family: Montserrat, sans-serif;
	line-height: 1.5;
	
}
.area-servicio .politica-wrapper .right-content ol li {
  counter-increment: mi-contador;
}
.area-servicio .politica-wrapper .right-content ol li::before {
  content: counter(mi-contador ) ". ";
  color: #20A5FF;
  font-weight: bold;
	padding-right: 10px;
}




/* ALTO DE WRAPP CONTENIDO IZQ Y DER */

.area-servicio .politica-wrapper{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	height: 500px;
	border-top: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	
}

/*  CONTENIDO IZQUIERDA  */

.area-servicio .politica-wrapper .left-content{
	width:100%;padding:50px 100px;
	background-color: #20A5FF;
}


/*  CONTENIDO IZQUIERDA  IMAGEN DEBAJO */



.area-servicio .imagen{
	width:100%;
	height: 25%;
	margin-top: 20px;
	left: 0;
    bottom: 0;
	background-image: url("../img/principales/w2079_elevada.png");
	background-size:cover;
	background-position: center;
}





@media only screen and (min-width: 300px) and (max-width: 767px){
	.area-servicio .politica-wrapper .left-content
	{width:100%;
		padding-left:50px;
		padding-right:50px
	}
	
	
}




/*  CONTENIDO DERECHA  */

.area-servicio .politica-wrapper .right-content{
	width:100%;
	padding-left:100px;
	padding-right: 100px;
	padding-top: 100px;
	
	
}

.area-servicio .politica-wrapper .right-content  h3{
	font-size:40px;
	font-weight:700;
	
}

.area-servicio .politica-wrapper .right-content .parrafo2 p{
	margin-bottom:20px;
	font-size:20px;
	font-family: Montserrat, sans-serif;
	line-height: 1.5;
	padding-left: 20px;
	border-left: 2.5px solid #196CD9;
	
}



		
		



@media only screen and (min-width: 300px) and (max-width: 767px){
	
	
	.area-servicio .politica-wrapper{
	
	
		height: 100%;
	}
	
	
	.area-servicio .politica-wrapper .right-content{
	width:100%;
	padding-left:20px;
	padding-right: 20px;
	padding-top: 40px;
		
}

.area-servicio .politica-wrapper .right-content  h3{
	font-size:40px;
	font-weight:700;
	
}

.area-servicio .politica-wrapper .right-content .parrafo2 p{
	margin-bottom:20px;
	font-size:20px;
	font-family: Montserrat, sans-serif;
	line-height: 1.5;
	padding-left: 20px;
	border-left: 2.5px solid #196CD9;
	
}
	
	
	/*  CARRUSEL SERVICIO cel*/


	
	
	
	.carrusel-servicio{
		
		margin-top: 10px;
		
		
}
	
	
}



.owl-carousel .owl-nav div{background:rgba(255,255,255,0.8) none repeat scroll 0 0;height:40px;left:20px;line-height:40px;font-size:22px;color:#646464;opacity:1;visibility:visible;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:all 0.3s ease 0s;width:40px}

.owl-carousel .owl-nav div.owl-next{left:auto;right:30px}

.owl-carousel .owl-nav div.owl-next i{position:relative;right:0;top:1px}

.owl-carousel .owl-nav div.owl-prev i{position:relative;right:1px;top:0px}

.owl-carousel:hover .owl-nav div{opacity:1;visibility:visible}

.owl-carousel:hover .owl-nav div:hover{color:#fff;background:#ff3500}