@charset "utf-8";
/* CSS Document */

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.hr2{
	height:2px;
	background:#003459;
}

.hr3{
	height: 1px;
	margin:0
}

/*===========================================
FUENTE DE PÁGINA
============================================*/
*{	
	font-family:fuente_body;
}

@font-face{
	font-family:fuente_body;
	src:url(../fonts/DINPro.otf)
}

@font-face{
	font-family:fuente_h3;
	src:url(../fonts/mavenPro-Regular.ttf);
}

@font-face{
	font-family:fuente_title;
	src:url(../fonts/DINPro-Black.otf);
}





@font-face{
	font-family:blufish;
	src:url(../fonts/blufishbold.otf)
}

@font-face{
	font-family:fuente_especial_01;
	src:url(../fonts/Montserrat-Bold.otf);
}



.model_h1{
	color:#32A6FB;
	font-weight: bold;
	font-family: fuente_especial_01;
	
}




.spambot:hover{
	background:url(../images/spambot_hvr.png);
}

.subirpagina{
	background:url(../images/btn_up.png);
	height: 58px;
	width: 58px;
	display: none;
	position: fixed;
	bottom:0;
	left:50%;
	margin-left:-29px;
}
/*=====================================================================
	HEADER
=======================================================================*/
header{
	text-align: right;
	justify-content: space-between;
	justify-content: center;
	align-items: center;
	display: flex;
	padding: 7px 0px 7px 0;
	background: linear-gradient(-90deg,#164987,#1F233F);
	border-bottom: 1px solid #3984F8;
	box-shadow: 0px 6px 30px 15px rgba(9,36,76,0.80);
	position: relative;
	z-index: 99;
}


.element-contact{
	justify-content:flex-end;
	align-items: center;
	display:flex;
}
.element-contact p{
	display:inline-block;
	margin: 5px;
}
.element-contact .hvr{
	width: 200px;
	height: 30px;
	justify-content: space-between;
	justify-content: center;
	align-items: center;
	display: inline-flex;
	text-decoration: none;
	background:#FFFFFF;
	border-radius: 25px;
	color:#3B3B3B;
	margin-left: 10px;
}

.element-contact .hvr-icon-grow-rotate{
	width:160px;
}

.element-contact .w-resp{
	width:160px;
	display: none;
	background:rgb(187, 255, 0);
	color:#003786;
}

.element-contact .w-desktop{
	width:250px;
	background:rgb(187, 255, 0);
	color:#003786;
}
.element-contact .hvr:hover{
	
	background:rgb(187, 255, 0);
	color:#003786;
}
.element-contact .hvr-icon-bounce {
	width:255px;
	color:black;
}

.element-contact .hvr-icon-grow-rotate {
	
	color:black;
}


.element-contact .icon-redes{
	font-size: 20px;
	margin-left: 15px;
	color:white;
}

.element-contact .icon-redes:hover{
	font-size: 23px;
	color:rgb(187, 255, 0)
}

/*===========================================
	MENU OCULTO
============================================*/
#menu_hidden{
	position:fixed;
	z-index: 1000;
	display: none;
	background:url(../images/banner.png) no-repeat;
	background-size: cover;
	margin:0;
	
}

#menu{
	background-image: url(../images/banner.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	font-family: fuente_h3;
	
}
.logo{
	height: 120px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	justify-content: center;
	align-items: center;
}



.menu{
	display:flex;
}

.menu a {
	margin-top: -2px;
	flex:1;
	display: inline-flex;
	justify-content: space-between;
	justify-content: center;
	align-items: center;
	height: 122px;
	text-decoration: none;
	color:white;
	transition: background 0.5s ease-in-out;
	text-transform: capitalize; 
	
}

/*MENU INTERACTIVO*/

 .servicio_item{
	 height: 50px;
	background: url(../images/icon_ser.png) no-repeat center  -8px;
	transition: background 0.3s ease-in-out;
	 
}

.home_item{
	 height: 50px;
	background: url(../images/icon_home.png) no-repeat center  -8px;
	transition: background 0.3s ease-in-out;
	 
}

.pack_item{
	 height: 50px;
	background: url(../images/icon_pack.png) no-repeat center  -8px;
	transition: background 0.3s ease-in-out;
	 
}

.cotiz_item{
	 height: 50px;
	background: url(../images/icon_cotiz.png) no-repeat center  -8px;
	transition: background 0.3s ease-in-out;
	 
}

.cont_item{
	 height: 50px;
	background: url(../images/icon_cont.png) no-repeat center  2px;
	transition: background 0.3s ease-in-out;
	 
}
.tar_item{
	 height: 50px;
	background: url(../images/icon_tar.png) no-repeat center  2px;
	transition: background 0.3s ease-in-out;
	 
}

.menu .active {
	background: rgba(7,25,74,0.65);
	color: rgb(187, 255, 0);
	
}

/*activos*/
.menu .active .item_menu .active_home{
	background: url(../images/icon_home.png) center  -79px;
}

.menu .active .item_menu .active_prod{
	background:url(../images/icon_ser.png) center -79px no-repeat;
}

.menu .active .item_menu .active_pack{
	background:url(../images/icon_pack.png)center  -79px no-repeat;
}

.menu .active .item_menu .active_cotiz{
	background:url(../images/icon_cotiz.png)center  -79px no-repeat;
}
.menu .active .item_menu .active_contacto{
	background:url(../images/icon_cont.png)center  -79px no-repeat;
}


/*fin de activos*/
.menu a:hover{
	background-color:rgba(7,25,74,0.65);
	color: rgb(187, 255, 0);
}

/*activos*/
.menu .active .item_menu .item_active{
	background-position:center -79px;
}


/*efecto hover menu*/
.menu a:hover .servicio_item{
	background: url(../images/icon_ser.png) no-repeat center -79px;
}

.menu a:hover .home_item{
	background: url(../images/icon_home.png) no-repeat center  -79px;
}

.menu a:hover .pack_item{
	background: url(../images/icon_pack.png) no-repeat center  -79px;
}

.menu a:hover .cotiz_item{
	background: url(../images/icon_cotiz.png) no-repeat center  -79px;
}

.menu a:hover .cont_item{
	background: url(../images/icon_cont.png) no-repeat center  -79px;
}
.menu a:hover .tar_item{
	background: url(../images/icon_tar.png) no-repeat center  -79px;
}

/*INICIO DE DATES*/
.m_d{
	background: url(../images/background_002.png.jpg) no-repeat;
	background-position: top center;
	background-attachment: fixed;
}
#message{
	background:url(../images/banner2.png) center no-repeat;
	background-size: cover;
	height: 145px;
	background-color:white;
}

.frase{
	text-align: center;
}

.texto_frase h1{
	margin-top:30px;
	font-size:40px;
	color:#2E2D2D;
	font-family: fuente_especial_01;
}

.texto_frase h3{
	font-size: 20px;
	margin:0;
	font-family:fuente_h3;
}



.date_img .dates-hidden{
		display: none;
	}

.background_blue{
	height: 450px;
	transform:skewX(20deg);
	transition: transform 1s ease-in-out;
}

.contenedor_date{
	position: absolute;
	height:450px;
	top:0;
	left:0;
	display: flex;
}

.date_item{
	flex:1;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.date{
	overflow: hidden;	
	height: 250px;
	text-align: center;
}

.date_img{
	transition: margin-top .3s ease-in-out;
}


.date:hover .date_img{
	margin-top:-220px;
}

.date:hover .date_text{
	display:block;
	
}

.date_text{
	display:none;
	
}

.date_text img{
	border-radius: 55px;
	border:3px solid #fff;
	box-shadow: 0px 20px 10px -10px #ccc;
}
/*FIN DE DATES*/


/*===================================================================
	SLIDE
===================================================================*/
.slide1{background:url(../images/slide2.jpg)}
.slide2{background:url(../images/slide3.jpg)}
.slide3{background:url(../images/slide4.jpg)}
.slide4{background:url(../images/slide1.jpg)}

.banner-altura-400{
	height:600px;
	width:100%;
	background-size: cover;
	background-position: center;
}

#homepage_slider video { 
    min-height: 100% !important;
    min-width: 100% !important;
	height: auto !important;
    width: auto !important;
	overflow: hidden;
}

#homepage_slider img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}

.carousel-inner>.item>img {
  display: block;
  line-height: 1;
}

/*INICIO DEL FOOTER */

.footer{
	background:url(../images/background_003.jpg) center;
	color:white;
}


.title_footer{
	border:1px solid #FFFFFF;
	border-radius:15px;
	width: 250px;
	padding:5px 5px 5px 15px;
	font-size: 15px;
}
.footer span {
	color:#32A6FB
}

.footer a{
	text-decoration:none;
	color:white;
}

.footer a:hover{
	color:#32A6FB
}
.footer .img_footer{
	float:left;
	position: absolute;
	margin-top:-14px;
}

.footer-item{
	margin-top:60px;
	margin-bottom: 10px;
}
/*FIN DEL FOOTER*/

/*INICIO DE PRODUCTO*/
.colum-img{
	margin-bottom: 30px;
	text-align: center;
}
.colum-img h1{
	border: 1px solid #00A8E8; 
	border-radius:5px;
	color:#00A8E8;
	font-size:20px;
	width: 300px;
	margin:0 auto;
	margin-top: 45px;
	margin-bottom: 35px;
	padding: 20px;
	text-align: center;
	
}

.combo_producto{
	cursor:pointer;
	display: none;
}

.combo_producto i{
	float:right;
}

.combo{
	display:none;
}

.combo p{
	border-bottom:1px solid #E8E8E8
}

.combo a{
	text-decoration:none;
}
.combo a:hover{
	color:#6F6E6E
}

/*
.panel-default{
	border:none;
}
*/
.inner-producto{
	margin-bottom:25px;
}
.producto_container{
	border-radius: 10px;
	border:1px solid #D1D1D1;
	padding:0;
	overflow: hidden;
}

.producto_img{
	padding: 0px;
}

.img{
	height: 210px;
	overflow:hidden;
}

.producto_img img{
	width: 100%;
	margin:0 auto;
	transition: transform 1s ease-in-out;
}
.producto_img img:hover{
	transform: scale(1.22);
}

.kind h6{
	margin:0 auto;
	padding: 25px;
	font-size: 15px;
	font-weight: bold;
	color:#2D2D2D;
	text-transform: uppercase;
}

.kind hr{
	margin:0 auto;
	margin-bottom: 10px;
	width: 300px;
}


.info_pro{
	background:#EDEDED;
	text-align:center;
	margin-left: 15px;
	border-radius:10px;
	height: 30px;
	width: 100px;
	color:#00A8E8;
	cursor: pointer;
	text-decoration: none;
	font-weight: normal;
	overflow: hidden;
}

.info_pro:hover{
	background: #00A8E8;
	color:#EDEDED;
	
}

.info_pro i{
	padding-top: 5px;
	font-size: 20px;
}
.icon_call{
	text-align:right;
}

.icon_call a{
	color:#00A8E8;
	margin-left:15px;
	padding: 5px;
}

.icon_call a:hover{
	background: #00A8E8;
	color:white;
}

.colum-tags{
	background:#ECECEC;
	border-left: 2px solid #CFCFCF;
}
.tags_style{
	border-bottom:2px solid #989898;
	color:#989898;
	font-size: 15px;
	letter-spacing: 1.5px;
	font-family:fuente_tags;
}


.colum-tags p{
	margin-left:15px;	
	border-bottom: 1px solid #E0E0E0
	
}

.colum-tags a{
	text-decoration:none;
	color:#6E6E6E;
	font-family:fuente_tags_item;
	font-size: 12px;

}

.colum-tags a:hover{
	color: #000000;
}
.colum-tags i{
	color:red;
	vertical-align: super;
	font-size: 12px;
}


/*detalles */ 
.detalles-heading{
	background:#082F64;
	height: 55px;
}
.detalles_p .close-detalles{
	padding: 15px;
	color:white;
	float: left;
	font-size: 25px;
	cursor: pointer;
}

.detalles_p .close-detalles:hover{
	color:#007CAD;
}

.detalles_p{
	width:497px;
	height: 100%;
	background:#F5F5F5;
	position: fixed;
	display: none;
	top:0;
	right:0;
	float:right;
	z-index: 1000;
	text-align: left;
	overflow: auto;
}

.detalles_p::-webkit-scrollbar {
    width: 8px;
}

.detalles_p::-webkit-scrollbar-thumb {
    background-color:#095A87;
	
} 

.detalles_p::-webkit-scrollbar-button {
      background-color:#888888;
}


.detalle_img{
	width:300px;
	height: 200px;
	margin-bottom: 15px;
	overflow: hidden;
	margin:0 auto;
}


.detalles_info{
	margin-top:25px;
}

.detalles_info h6{
	padding-left:35px;
}

.detalles_p h4{
	padding: 15px 0 0 25px;
	color:#45586A;
	font-size: 20px;
	
}

.detalles_p table{
	margin:0 auto;
}
.detalles_p table tr{
	border-bottom:1px solid #828282;
	border-top: 1px solid #DDDDDD;
	height: 30px;
	
}

.detalles_p table th{
	color:#45586A;
	font-weight: bold;
	
}

.detalles_bn{
	margin-top: 35px;
	text-align: center;
}

.detalles_bn p{
	font-size:13px;
	color:#00171F;
	padding: 20px;
}
.detalles_bn a{
	color:#00171F;
	border:1px solid #00171F;
	border-radius: 25px;
	padding: 10px;
	text-decoration: none;
	margin-left: 12px;
}

.detalles_bn a:hover{
	color:white;
	background:#00171F;
}

.espacio{
	display:none;
}
/*fin de detalles

/*FIN DE PRODUCTO*/


/*========================================================
	packagin
========================================================*/
.video-packagin{
	margin-top:20px;
}

.packagin hr{
	margin:0
}

.packagin h1{
	font-weight:bold;
}

.packagin img{
	text-align:center;
}



.packagin-text{
	background:#003459;
	height: 350px;
	margin-top: 30px;
	margin-bottom: 30px;
	color:white;
	font-size: 16px;
	padding: 15px;
}

.packagin-text a{
	height:40px;
	width: 250px;
	display: flex;
	justify-content: space-between;
	justify-content: center;
	align-items: center;
	background:#D7D7D7;
	text-decoration: none;
	margin-top: 30px;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	color:#222222;
}
.kind{
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0;
}

.kind p{
	font-size:30px;
	font-family: blufish;
	margin-bottom: 30px;
	display:flex;
	align-items:  center;
}

.kind .a-btn{height:45px;width: 45px;background:url(../images/botones-king.png) -4px -2px;display: inline-block;cursor:pointer;margin-right: 8px;}
.kind .a-btn:hover{height:45px;width: 45px;background:url(../images/botones-king.png) -4px -52px;display: inline-block;cursor:pointer;}
.kind .b-btn{height:45px;width: 45px;background:url(../images/botones-king.png) -49px -2px;display: inline-block;cursor:pointer;margin-right: 8px;}
.kind .b-btn:hover{height:45px;width: 45px;background:url(../images/botones-king.png) -49px -52px;display: inline-block;cursor:pointer;}
.kind .c-btn{height:45px;width: 45px;background:url(../images/botones-king.png) -94px -2px;display: inline-block;cursor:pointer;margin-right: 8px;}
.kind .c-btn:hover{height:45px;width: 45px;background:url(../images/botones-king.png) -94px -52px;display: inline-block;cursor:pointer;}
.kind .d-btn{height:45px;width: 45px;background:url(../images/botones-king.png) -138px -2px;display: inline-block;cursor:pointer;margin-right: 8px;}
.kind .d-btn:hover{height:45px;width: 45px;background:url(../images/botones-king.png) -138px -52px;display: inline-block;cursor:pointer;}
.kind .e-btn{height:45px;width: 45px;background:url(../images/botones-king.png) -183px -2px;display: inline-block;cursor:pointer;margin-right: 8px;}
.kind .e-btn:hover{height:45px;width: 45px;background:url(../images/botones-king.png) -183px -52px;display: inline-block;cursor:pointer;}
.kind .f-btn{height:45px;width: 45px;background:url(../images/botones-king.png) -228px -2px;display: inline-block;cursor:pointer;margin-right: 8px;}
.kind .f-btn:hover{height:45px;width: 45px;background:url(../images/botones-king.png) -228px -52px;display: inline-block;cursor:pointer;}
.kind .g-btn{height:45px;width: 45px;background:url(../images/botones-king.png) -273px -2px;display: inline-block;cursor:pointer;margin-right: 8px;}
.kind .g-btn:hover{height:45px;width: 45px;background:url(../images/botones-king.png) -273px -52px;display: inline-block;cursor:pointer;}


.modal-pack-kind{
	height:350px;
	width: 350px;
	position: fixed;
	top:50%;
	left:50%;
	margin-left:-175px;
	margin-top:-175px;
	background:#F0F0F0;
	box-shadow: 0 0 10px -5px #000;
	z-index: 15;
	overflow: hidden;
	display: none;
}

.modal-pack-kind i{
	font-size:18px;
	float:right;
	cursor: pointer;
}


.mask{
	background:rgba(0,0,0,0.8);
	position: fixed;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	z-index: 14;
	display: none;
}

.modal-k-a{	background:url(../images/pack-modal-a.png) bottom #fff;	background-size: cover;}
.modal-k-b{	background:url(../images/modal-k-b.jpg) bottom;background-size: cover;}
.modal-k-c{	background:url(../images/modal-k-c.jpg) bottom;background-size: cover;}
.modal-k-d{	background:url(../images/modal-k-d.jpg) bottom;background-size: cover;}
.modal-k-e{	background:url(../images/modal-k-e.jpg) bottom;background-size: cover;}
.modal-k-f{	background:url(../images/modal-k-f.jpg) bottom;background-size: cover;}
.modal-k-g{	background:url(../images/modal-k-g.jpg) bottom;background-size: cover;}

/*=================================================================
	FORMULARIO CONTACTO
=================================================================*/
.formulario-contacto{
	padding:50px;
	text-align: center;
}

.formulario-contacto h3{
	text-align:left;
}
.formulario-contacto input{
	width: 100%;
	height: 38px;
	margin-bottom: 10px;
	background: rgba(255,255,255,0.6);
	border:1px solid #414040;
	padding-left: 15px;
	border-radius: 5px;
	
}

.formulario-contacto input::placeholder{
	color:#414040;
}

.formulario-contacto input:focus{
	border-color:#2694EF;
    outline: 0 none;
}

.formulario-contacto textarea{
	height:180px;
	width: 100%;
	background: rgba(255,255,255,0.6);
	border:1px solid #414040;
	padding-left: 15px;
	border-radius: 5px;
}

.formulario-contacto textarea::placeholder{
	color:#414040;
}
.formulario-contacto textarea:focus{
	border-color:#2694EF;
    outline: 0 none;
}

.contacto-body{
	background: url(../images/contacto-img.jpg) no-repeat;
	background-position: left;
}

.formulario-contacto button{
	height:40px;
	border-radius: 5px;
}
/*======================================================
	RESPONSIVO
=======================================================*/

@media screen and (max-width:1520px){
	.background_blue{
	transform:skewX(10deg);
}
	
}
@media screen and (max-width:768px){
	.banner-altura-400{
	height:400px
}
	
	.element-contact .w-resp{
	display: flex;
	width: 200px;
	font-size:17px;
		font-weight: bold;
}

	.grey{
		display: none;
	}
	
	.element-contact{
		text-align:center;
	}
	
	.element-contact .icon-phone{
	font-size:15px;
}
	.element-contact .icon-redes{
		margin-right: 0;
		font-size: 15px;

	}
	.texto_frase h1{
	margin-top:40px;
	font-size:28px;
}

.texto_frase h3{
	font-size: 16px;
	margin:0;
	color:#969595
}

	
	/*BOTON MENU_RESPONSIVE*/
	#menu_btn, .menu{
		display:none;
		background: #07194A;
		position: relative;
		z-index: 5;
	}
	.menu a {
		display:flex;
		height: 35px;
		justify-content: center;
		align-items: center;
	}
	.menu a:hover{
		border-bottom:3px solid white;
	}
	
	.home_item,.servicio_item, .cotiz_item, .cont_item, .pack_item, .tar_item {
		display:none;
	}
	#menu_btn{
		color:#fff;
		background:#01061F;
		text-align: center;
		cursor: pointer;
		height: 35px;
		z-index: 35;
		display: flex;
        flex-direction:row;
        align-items: center;
        justify-content: center;
	}
	
	.cierramenu{
		display: none;
		background:black;
		position: fixed;
		height: 100%;
		width:100%;
		top:0%;
		left: 0%;
		z-index: 0;
		opacity: 0.5;
	}
	
	#menu_btn:hover .label_btn{
		background-color:#32A6FB;
	}
	#menu_btn:hover .label_btn:after{
		background-color: #32A6FB;
	}
	#menu_btn:hover .label_btn:before{
		background-color: #32A6FB;
	}
	
    
    .label_btn:after,
    .label_btn:before,
    .label_btn{
        
        transition: .5s;
      position: absolute;
        width: 20px; 
        content: '';
        
        background-color: white;
    }
    
    .label_btn{
        
        height: 3px;
        
    }
    
    .label_btn:before{
        height: 3px;
		left: 0px;
		top: 7px;
    }
       .label_btn:after{
        height: 3px;
		   left: 0px;
           top: -7px;
           
    }
    
    
    .cruz{
        transition: 1s;
      transform: rotateZ(45deg);
		background-color: #32A6FB;
    } 
    
    .cruz:before{
        
        transition: 1s;
        top:0px;
           transform: rotateZ(90deg);
		background-color: #32A6FB;
        
    }
    .cruz:after{
        transition: .5s;
        top:0px;
           transform: rotateZ(0deg);
		background-color: #32A6FB;
      
    }
	
	/*FIN DEL BOTON RESPONSIVO*/
	
	/*DATES RESPONSIVE*/
	.background_blue{
	transform:skewX(0deg);
}
	.background_blue{
		display:none;
	}
	.contenedor_date{
	position: relative;
	display: block;
}
	
	.date{
		height:150px;
	}
	
	.date_img h3{
		margin:0;
		font-size: 15px;
	}
	.date_text h3, h5{
		display:none
	}
	
	.date_text p{
		margin-top:50px;
	}
	.date_text img{
		display:none;
	}
	.date_item{
	display: block;
	text-align: center;
}
	
	.date:hover .date_img{
	margin-top:0px;
	filter:grayscale(1)}
	
	
	.date_img .img-hidden-xs{
		display: none;
	}

	
	.date_img .dates-hidden{
		display: block;
	}
	
	.date_img .dates-hidden img{
		width: 100px;
	}

	.kind .kind-btn{
	display:none;
}
	
	/*============================
	PRODUCTO-RESPONSIVO
	============================*/
	.h1-hidden{
		display:none
	}
	.combo_producto{
	display: block;
	margin:0;
}

.combo_producto i{
	float:right;
}


	
}

@media screen and (max-width:600px){
	
	
	.detalles_p{
		width: 100%;
	}
	
	.detalle_img{
		display: none;
	}
}




/* Carousel Styles */
.box-shadow
{
	margin-top: 100px;
  position: relative;
}
.box-shadow:before, .box-shadow:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 19px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #555;
  box-shadow: 0 25px 15px #555;
  transform: rotate(-3deg);
}
.box-shadow:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
@media(max-width:767px){
	.box-shadow {margin-top: 50px;}
	.carousel-indicators {display: none;}
}

.carousel-inner img {width: 100%;}

/* Carousel Header Styles */
.header-text {position: absolute;top: 7%;left: auto;right: 4.8%;width: 40%;background: rgba(0, 0, 0, 0.7);padding: 25px 10px;color: #fff;}
.header-text h1{font-size: 55px;line-height: 1.2;font-family:'Lato', sans-serif;color: #fff;margin: 0 0 30px;}
.header-text .btn-primary{background-color: rgb(12, 10, 136);border:none;padding: 10px 20px;color: #fff;}
.header-text .btn-primary:hover{background-color: rgb(0, 0, 0);}

.carousel-inner img {width: 100%;}
.carousel-control {width: 0;}
.carousel-control.left,
.carousel-control.right {color: rgb(9, 109, 192); opacity: 1;filter: alpha(opacity=100);background-image: none;background-repeat: no-repeat;text-shadow: none;}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {position: absolute;top: 45%;z-index: 5;display: inline-block;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {left: 30px;}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {right: 30px;}
.carousel-control.left span:hover,
.carousel-control.right span:hover {opacity: .7;filter: alpha(opacity=90);color: rgb(31, 86, 204);}

.carousel-indicators .active {background-color: rgb(26, 105, 208);}
.carousel-indicators {bottom: 55px;}

.carousel-inner > .item {margin-left:0;margin-top:0;margin-bottom:0;padding-left: 0;width: 100%;height: auto;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {display: block;max-width: 100%;height: auto;margin-left:0;padding-left: 0;}

/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
/* ----------------------------------Carousel---------------------------------- */
/* ---------------------------------------------------------------------------- */
.owl-controls .owl-buttons div {
	position: absolute;
	color:#777;
	opacity: 0.7;
}
.owl-carousel:hover .owl-buttons div {
	color:#000;
}
.owl-controls .owl-buttons .owl-prev {
	left: 20px;
	top: 50%;
}
.owl-controls .owl-buttons .owl-next {
	right: 20px;
	top: 50%;
}

.owl-carousel .owl-buttons div i {
	font-size: 30px;
	margin: -20px 0 0;
}

/* ---------------------------------------------------------------------------- */
/* -------------------------------Zoom-Effect---------------------------------- */

.box-content.box-style-4{background: url(../images/local-empresa-desing.jpg) center center fixed;color:#fff;}
.box-content.box-style-5{background: url(../images/imprenta-maquina.jpg) center center fixed;color:#fff;}

.box-content.box-style-7{background-color: #0f2a66;color: #fff;}
.box-content.box-style-7 .heading h2{color: #fff;}
.box-content.box-6 .form-control{background-color: #fff !important;color: #999;border: none;border-radius: 10px;padding: 40px 19px;margin: 0px auto;font-size: 22px;}
.btn-letter{background:rgb(26, 132, 219) !important;color: #fff;padding: 25px 60px;}
.btn-letter:hover{background:rgb(255, 255, 255) !important;}

/* -------------------------------Zoom-Effect---------------------------------- */
.der-paqcuad-arr {
	background-color: #fac307;
	padding-top: 10px;
	color: #fff;
	font-size: 20px;
	padding-bottom: 10px;
	cursor: default;
	margin: 0;
	border-top: 25px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px
}
.der-paq-cuadinn {
	display: inline-block;
	width: 100%;
	-webkit-box-shadow: 0 7px 7px 1px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 7px 7px 1px rgba(0, 0, 0, .25);
	box-shadow: 0 0 7px 1px rgba(0, 0, 0, .25);
	border-radius: 20px
}
.lnk-a-paq {
	color: #5603ad;
	font-weight: bold;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease
}
.lnk-a-paq:hover,
.lnk-a-paq:active,
.lnk-a-paq:focus {
	color: #ffcc34
}
.der-paq-cuad {
	display: inline-block;
	width: 32%;
	vertical-align: top;
	padding: 1vw;
	min-width: 247px;
	max-width: 350px
}
.der-paqcuad-aba {
	padding: 5px;
	text-align: left;
	background: #fff;
	padding-bottom: 55px;
	position: relative
}
.paq-divid {
	border: 2px solid #d8d8d8;
	width: 87%;
	margin: 0 auto
}
.der-paqcuad-abatit {
	padding-left: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #404040;
	margin: 4px 0
}
.der-paqcuad-aba ul {
	list-style: none;
	padding: 0 3px;
	margin: 0
}
.der-paqcuad-aba li {
	color: #000;
	cursor: default;
	padding-bottom: 4px;
	display: flex
}
.der-paqcuad-aba li a {
	color: #5603ad
}
.der-paqcuad-aba li::before {
	content: "\2022";
	color: #404065;
	font-size: 26px;
	line-height: 20px;
	vertical-align: middle;
	margin-right: 5px
}
.lista-paquete-comple {
	display: inline-block;
	list-style-type: none;
	padding: 0
}
.lista-paquete-comple li {
	margin-bottom: 20px
}
.lista-paquete-compleinn {
	display: inline-block;
	width: 100%;
	text-align: justify;
	padding: 0 15px;
	text-align: center
}
.lista-paqcomp-descr {
	width: calc(100% - 115px);
	display: inline-block;
	vertical-align: middle;
	text-align: justify;
	line-height: 17px;
	padding-left: 4px;
	float: right;
	color: #333339
}
.lipaqdscr-tit {
	display: block;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
	color: #5603ad
}
.lpcom-img-wrapp {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	text-align: center;
	background-color: #5603ad;
	padding: 10px;
	border-radius: 100%
}
.paquetes-wrappgen {
	background-color: #f8f8f8
}

.paq-img-ben {
	height: 100%
}
.paq-dscr-img {
	height: 50px;
	float: right;
	width: 100%;
	color: #5603ad;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px
}
.form-paq-tip {
	height: 75px;
	clear: both;
	padding: 15px
}
.der-paq-inn {
	text-align: center;
	padding: 25px 0;
	margin: 0 auto;
	max-width: 1250px
}
#descr-tit-planes {
	font-size: 31px
}
#der-paq-tit {
	padding: 25px 25px 0 25px;
	margin-bottom: 0;
	text-align: center
}

.img-compl-paq {
	max-height: 100%;
	max-width: 80%;
	margin: 0 auto
}
.img-paq {
	text-align: right;
	padding-right: 3px;
	display: block;
	position: absolute;
	bottom: 13px;
	right: 15px
}
.img-paq img {
	margin-top: -13px;
	width: 38px
}

.form-cont-wrapp .form-paq-tit {
	color: #38008f;
	font-size: 35px;
	font-weight: bold
}
.form-cont-wrapp .form-paq-subtit {
	font-size: 20px
}
.form-paq-tip {
	height: 75px;
	clear: both;
	padding: 15px
}
.form-paq-tit {
	font-size: 17px
}
.paq-img-wrapp {
	display: inline-block;
	width: 50%;
	text-align: center;
	cursor: pointer;
	float: left
}
.paqmed-med-precio {
	font-size: 40px;
	line-height: 40px
}

@media (max-width:520px) {
	.cuad-test-wrapp {
			display: inline-block;
			margin: 0 5px
	}
	.cuad-test-inn {
			width: 250px;
			height: 516px
	}
	.cuadtest-header {
			height: 125px
	}
	.cuadtest-body {
			padding-top: 50px
	}

}

@media (max-width:767px) {
	.izq-foot-inn,
	.centro-foot-wrap,
	.dere-foot-wrap {
			width: 100%;
			text-align: center;
			padding: 5px
	}
	.arriba-foot-wrapp {
			display: flex;
			flex-direction: column-reverse;
			padding-top: 15px
	}
	.cfi-img-wrapp {
			padding: 0
	}
	.cfi-tit {
			padding: 10px 0
	}
	.cfi-img {
			margin: 0 3vw
	}
	.izq-foot-inn {
			padding-bottom: 15px
	}
	body {
			padding-bottom: 29.5rem
	}
	.der-paq-cuad {
			display: block;
			padding: 10px 20px;
			width: 100%;
			margin: 0 auto
	}

}