::-webkit-scrollbar {
    width: 10px;
}
  
::-webkit-scrollbar-track {    
    border-radius: 10px;
    background: #ddd;
}
   
::-webkit-scrollbar-thumb {    
    background: #2d4965;
    border-radius: 10px;
    opacity: .7;
    transition: all ease .5s;
}
  
::-webkit-scrollbar-thumb:hover {    
    background: #5c7e9e;
    opacity: .1;
    transition: all ease .5s;
}

@keyframes slides {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
}

@-webkit-keyframes hide {
    to {
        opacity: 0;
        display: none;
    }
}

*{
	margin: 0px;
	padding: 0px;
}

body{
	background-color: #f4f4f4;
}

a{
	text-decoration: none;
	font-size: 14px;
	color: #2d4965;
}

a:hover{
	text-decoration: none;
}

p{
	font-size: 14px;
	margin-bottom: 25px;
	text-align: justify;
	color: #2f2f2f;
}

table{
	width: 100%;
	margin-bottom: 25px;
}

table tr td{
	border-bottom: 1px solid #eee;
	padding: 5px 0px;
	font-size: 13px;
}

table tr:last-child td{
	border-bottom: none;	
}

.pop_up_form input, .pop_up_form select{
    width: calc(100% - 30px);
    padding: 10px 15px;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #5c7e9e;
    color: #2f2f2f;
	font-size: 14px;
    border-radius: 5px;
    outline: none;
}

.pop_up_form textarea{
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    padding: 10px 15px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #5c7e9e;
    color: #2f2f2f;
	font-size: 14px;
    border-radius: 5px;
    outline: none;
}

.custom-checkbox {    
    appearance: none;    
    width: 15px !important;
    height: 15px;
    margin: 5px 0px -3px 5px !important;
    padding: 0px !important;
    border-radius: 5px !important;
    background-color: #fff;
    border: 1px solid #5c7e9e;
    transition: all ease .3s;
    cursor: pointer;
}

.custom-checkbox:checked {
    background: #5c7e9e;
    border: 1px solid #ccd0cf;
}

.pop_up_form input[type=submit]{
    display: block;
    width: 200px;
    margin: 0 auto;
    background-color: #2d4965;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all ease .3s;
}

.pop_up_form input[type=submit]:hover{    
    background-color: #5c7e9e;
}

.pop_up_form input:focus, .pop_up_form textarea:focus,
.pop_up_form input:target, .pop_up_form textarea:target,
.pop_up_form input:active, .pop_up_form textarea:active{
    border: 1px solid #5c7e9e;    
}

.pop_up_form label{
    display: inline-block;
    color: #5c7e9e;
    font-size: 14px;
    margin: 0px 0px 5px 10px;
}

hr{
	width: 100%;
	height: 1px;
	margin: 20px 0px;
	background: #e0e0e0;
	border: none;
}

h1{
	text-align: left;
	font-size: 40px;
	margin: 0px 0px 30px 0px;
	padding-bottom: 10px;
	color: #5c7e9e;
	border-bottom: 1px solid #e0e0e0;
}

h2{
	font-size: 30px;
	text-align: center;
	margin: 30px 0px;	
	color: #5c7e9e;
}

h3{
	font-size: 25px;
	margin: 0px 0px 20px 0px;
	padding-bottom: 10px;
	color: #5c7e9e;
}

h4{
	font-size: 20px;
	color: #5c7e9e;
}

ul li{
	list-style: square;
	margin-left: 15px;
	font-size: 14px;
}

.clear{
	clear: both;
}

.blue_text{
	color: #5c7e9e !important;
}

.red_text{
	color: #b44040 !important;
}

.margin_80{
	width: 100%;
	height: 80px;
}

.no_margin{
	margin: 0px !important;
	padding: 0px !important;
}

.general{
	background: #f9f9f9;
}

.center{
	text-align: center !important;
}

.center_item{
	display: flex;
	align-items: center;
	justify-content: center;
}

.right_item{
	display: flex;
	align-items: end;
	justify-content: end;
}

.contenido{
	max-width: 1155px;
	margin: 0 auto;
	padding: 0px 20px;
}

.contenido img{
	width: 100%;
}

.contenido_top{
	padding-top: 70px;
}

.contenido_top_seccion{
	padding-top: 80px;
}

.contenido_bot_seccion{
	padding-bottom: 100px;
}

.contenido_info{
	float: right;
	width: calc(75% - 15px);
	margin-left: 15px;
	padding: 20px;
	background: #fff;
	border: 5px solid #5c7e9e;
	border-radius: 5px;
}

.menu_content_space{
	width: 100%;
	height: 20px;	
}

.sidebar{
	float: left;
	position: sticky;
	top: 85px;
	width: calc(25% - 15px);
	/* height: calc(100vh - 80px); */
	margin-right: 15px;
	padding: 0px;
	border-radius: 5px;
	overflow: auto;
}

.sidebar::-webkit-scrollbar {
	display: none;
    width: 8px;
	margin-left: 10px;
}

.sidebar:hover::-webkit-scrollbar {
	display: block;
}

.button a{	
	display: block;
	width: fit-content;
	background-color: #5c7e9e;
	color: #fff;
	padding: 10px 16px;
	border-radius: 10px;
	margin: 10px 0px;
	font-size: 13px;
	transition: all ease .3s;
}

.button a:hover{
	background-color: #2d4965;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .3);
}

.bkg_button{	
	position: absolute;	
	background-color: #5c7e9e;
	color: #fff;
	padding: 5px 16px;
	border-radius: 10px;
	margin: 3px 0px 0px 10px;
	font-size: 13px;
	transition: all ease .3s;
}

.bkg_button:hover{
	background-color: #2d4965;
	color: #fff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .3);
}

.carousel_info{
	margin-bottom: 30px;
}

.pop_contenido{
	background:#fff;
	padding:20px;
	min-width:300px;
	border-radius: 15px;
}

.pop_info{
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
}

.pop_info h3{
	font-size: 20px;
	margin-bottom: 0px;
}

.pop_info h3 a{
	font-size: 20px;
	margin-bottom: 0px;
	text-decoration: underline;
}

.pop_info h4{
	font-size: 16px;
	margin-bottom: 0px;
}

.pop_info ul{
	margin-bottom: 30px;
}

.pop_info p{
	margin-bottom: 10px;
	text-align: left;
}

.fondo_gris{
	padding: 20px 0px;	
	background: #f4f4f4;
}

.fondo_gris_oscuro{
	padding: 30px 0px;
	background: #dbdbdb;
}

.col_izq{
	float: left;
	width: calc(50% - 20px);
	margin: 0px 20px 0px 0px;
}

.col_der{
	float: right;
	width: calc(50% - 20px);
	margin: 0px 0px 0px 20px;
}

.col_izq_80{
	float: left;
	width: calc(80% - 20px);
	margin: 0px 20px 0px 0px;
}

.col_der_20{
	float: right;
	width: calc(20% - 20px);
	margin: 0px 0px 0px 20px;
}

.col_izq img, .col_der img, .col_izq_80 img, .col_der_20 img{
	width: 100%;
}

.col_3{
	float: left;
	width: calc(33% - 20px);
	margin: 0px 10px;
}

.col_3 img{
	width: 100%;
}
/* ================================= Inicia Estilos menu principal ================================= */

.menu_superior{
	position: fixed;
	top: 50px;
	width: 100%;
	height: 50px;
	background: rgb(30,193,255);
	background: linear-gradient(135deg, rgba(30,193,255,1) 0%, rgba(29,138,202,1) 100%);	
	z-index:600;
}

.menu_superior ul{
	float: right;
}

.menu_superior ul li{
	float: left;
	list-style: none;
	color: #fff;
	font-size: 14px;
	margin-left: 0px;
	margin-right: 19px;
	padding: 14px 0px;
}

.menu_superior ul li a{
	display: block;
	color: #fff;
	padding: 0px 3px;
	transition: all ease .4s;
}

.menu_superior ul li:last-child{
	margin-right: 0px;
}

.menu_superior ul li a:hover{
	color: #29166f;
}

.menu_superior ul li a img{
	width: 28px;
}

.menu_superior ul li ul{
	display: none;
	position: fixed;
	padding: 30px 0px;
	top: 100px;
	left: 0px;
	width: 80%;
	margin-left: 10%;
	background: rgba(0,0,35,.9);
	z-index:700;
}

.menu_superior ul li ul li{
	float: left;
	width: calc(25% - 26px);
	min-height: 60px;
	margin:0px 10px 15px 10px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid rgba(255,255,255,.3);
}

.menu_superior ul li ul li a{
	display: block;
	width: 100%;
	padding: 3px 0px;
	color:#fff;
}

.menu_superior ul li ul li a:hover{
	color:#2d4965;
}

.redes_menu_superior li{
	margin-right: 9px !important;
}

.redes_menu_superior li a i{
	margin-top: 3px;
	font-size: 20px;
}

.menu_superior ul li:hover ul{
	display: block;
}

.menu_pcl{
	position: fixed;
	width: 100%;
	top: 0px;
	background: #f4f4f4;
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	z-index:500;
}

.main_logo{
	display: inline-block;
	width: 140px;
	margin-top: 7px;
}

.main_logo img{
	width: 100%;
}

.logos_menu{
	float: left;
	padding: 6px 0px;
}

.logos_menu ul li{
	float: left;
	list-style: none;
	margin-left: 0px;
}

.logos_menu ul li:first-child{
	width: 130px;
	border-right: 1px solid #d2d2d2;
	padding-right: 20px;
	list-style: none;
}

.logos_menu ul li:last-child{
	width: 80px;
	padding-left: 20px;
}

.logos_menu ul li img{
	width: 100%;
}

.menu_pcl_opciones{
	float: right;
}

.menu_pcl_opciones ul li{
	float: left;
	list-style: none;
	margin-left: 0px;
}

.menu_pcl_opciones ul li a{
	display: block;
	color: #2d4965;
	margin: 0px;
	padding: 25px 12px;
	font-size: 14px;
	transition: all ease .4s;
}

.menu_pcl_opciones ul li:last-child a{
	margin-right: 0px;
}

.menu_pcl_opciones ul li a:hover{
	background: #527292;
	color: #fff;
	border-bottom: 5px solid #2D4965;
	padding: 25px 12px 20px 12px;
	transition: all ease .4s;
}

.menu_pcl_opciones ul li ul{
	display: none;
	position: fixed;
	padding: 30px 0px;
	top: 72px;
	left: 0px;
	width: 80%;
	margin-left: 10%;
	background: rgba(20, 20, 20, 0.9);
	backdrop-filter: blur(2px);
	border-radius: 0px 0px 10px 10px;
	z-index:700;
}

.menu_pcl_opciones ul li ul li{
	float: left;
	width: calc(33% - 20px);
	min-height: 45px;
	margin: 0px 10px 0px 10px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid rgba(255,255,255,.1);
}

.menu_pcl_opciones ul li ul li a{
	display: block;
	width: 100%;
	padding: 5px 0px;
	color:#fff;
}

.menu_pcl_opciones ul li ul li a:hover{
	background: #527292;
	color:#2296dc;
	padding: 5px 0px;
	background: none;
	border:none;
}

.menu_pcl_opciones ul li:hover ul{
	display: block;
}

.menuPcl_activo{
	background: linear-gradient(0deg, #5c7e9e 0%, #5c7e9e 7%, rgba(225,225,225,1) 7%, rgba(225,225,225,1) 100%);
}

.menuPcl2_activo{
	color: #5c7e9e !important;
}

.menuSide_activo{
	background-color: #5c7e9e;
	color: #fff !important;
	cursor: pointer;
}

.menuSide_activo:hover{
	background-color: #5c7e9e !important;
	color: #fff !important;
}

/* ================================= Termina Estilos menu principal ================================= */

/* ================================= Inicia hoja index ================================= */

.portada_index{
	float: left;
	width: 100%;
	background-image: url("../img/public/portada.jpg");
	background-repeat: no-repeat;
 	background-attachment: fixed;
	background-size: cover;	
	background-position: center;
	overflow: hidden;
}

.portada_index h1{
	margin:0px 0px 20px 0px;
	padding: 0px;
	color:#fff;
	text-align: center;
	font-size: 100px;
	line-height: 100px;
	border-bottom: none;
}

.portada_index p{
	margin:0px 0px 20px 0px;
	padding: 0px;
	text-align: center;
	font-size: 20px;
	color:#fff;
}

.portada_degradado{
	position: relative;
	padding: 100px 0px;	
	background: linear-gradient(146deg, rgba(82,114,146,0.6033263647255778) 0%, rgba(45,73,101,0.6033263647255778) 80%);
	width: 100%;
}

.botones_portada{
	width: 318px;
	margin: 0 auto;
}

.botones_portada ul li{
	list-style: none;	
	margin-left: 0px;
}

.botones_portada ul li a{
	float: left;
	color:#fff;
	font-size: 14px;
	margin-right: 20px;
	padding: 8px 15px;
	border: 1px solid #fff;
	border-radius: 5px;
	transition: all ease .4s;
}

.botones_portada ul li a:hover{
	background: #fff;
	color: #2d4965;
}

.botones_portada ul li:last-child a{
	margin-right: 0px;
}

.r_side_index{
	float: right;
	width: calc(30% - 20px);
	margin-left: 20px;
}

.lista_opciones ul li{
	list-style: none;
	margin-left: 0px;
	background: #fff;
}

.lista_opciones ul li a{
	display: block;
	font-size: 15px;
	width: calc(100% - 40px);
	border: 1px solid #e0e0e0;
	margin-top: 3px;
	padding: 10px 15px;
	transition: all ease .4s;
}

.lista_opciones ul li a i{
	font-size: 17px;
	padding-right: 10px;
}

.lista_opciones ul li:first-child a{
	border-radius: 10px 10px 0px 0px;
}


.lista_opciones ul li:last-child a{
	border-radius: 0px 0px 10px 10px;
}

.lista_opciones ul li a:hover{
	background: #2d4965;
	border-color: #2d4965;
	color: #fff;
}

.side_text{
	width: calc(100% - 40px);
	padding: 20px;
	border-radius: 10px;
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	min-height: 215px;
	background: #fff;
}

.side_text h2{
	font-size: 30px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e0e0e0;
}

.side_text p{
	margin: 0px;
	padding: 0px;
}

.index_center_menu{
	margin: 0px;
}

.index_center_menu ul li{
	float: left;
	width: 33.3%;	
	margin:0px;
	list-style: none;
	transition: all ease .3s;
	/*border-right: 1px solid #e9e9e9;*/
}

.index_center_menu ul li:last-child{
	border-right: none;
}

/*.index_center_menu ul li:nth-child(odd) {
    background: #f4f4f4;
}*/

/*.index_center_menu ul li:nth-child(even) {
    background: #eaeaea;
}*/

.index_center_menu ul li a{
	display: block;
	width: 100%;
	min-height: 200px;
	padding: 20px;
	border-radius: 0px;
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	transition: all ease .3s;
}

.index_center_menu ul li:hover{
	color: #fff;
	-moz-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);
	border-radius: 50px;	
	background: linear-gradient(146deg, rgb(82,114,146) 0%, rgb(45,73,101) 80%);
}

.index_center_menu ul li:hover a, .index_center_menu ul li:hover h2, .index_center_menu ul li:hover p{
	color: #fff;
}

.index_center_menu_icon{
	text-align: center;
	font-size: 50px;
	margin-bottom: 0px;
}

.index_center_menu h2{
	font-size: 20px;
	color:#2d4965;
	text-align: center;
	margin: 10px 0px;
}

.index_center_menu p{
	text-align: center;
	margin-bottom: 0px;
}

.index_side_banner{
	float: left;
	width: 100%;	
}

.index_side_banner h3{
	color:#2a2a2a;
	text-align: center;
	width: 100%;
	margin:0px;
	padding: 10px 5px 0px 5px;
	background: rgba(255,255,255,.7);
	text-shadow: none;
}

.index_side_banner p{
	color:#2a2a2a;
	text-align: center;
	width: 100%;		
	text-shadow: none;
}

.index_side_banner p a{	
	color: #2d4965;
	font-size: 22px;
	background-color: rgba(255, 255, 255, .65);
	padding: 15px 22px;
	border: 1px solid #fff;
	border-radius: 10px;	
	transition: all ease .3s;
}

.index_side_banner p a:hover{	
	color: #fff;
	font-size: 22px;
	background-color: rgba(45, 73, 101, .6);	
}

.carousel-caption{
	bottom: 10% !important;
}

.index_side_images{
	float: right;
	width: calc(30% - 20px);
	margin-left: 20px;
}

.index_side_images img{
	width: 100%;
	margin-bottom: 15px;
}

.banners_footer ul li{
	list-style: none;
	float:left;
	width:calc(16% - 20px);	
	margin:10px;
	background:#fff;
	text-align:center;
}

/* ================================= Termina hoja index ================================= */

/* ================================= Inicia notificaciones ================================= */
.alert{
    position: fixed;
    width: 550px; 
    top: 40vh;   
    left: calc(50% - 225px);
    padding: 20px;       
    text-align: center;
    border-radius: 15px;
    opacity: 1;
    z-index: 99;
    animation: hide 5s ease 3s forwards;
}

.alert h2{
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px;
}

.alert p{
	text-align: center;
	color: #fff;
}

.error{
    color: #fff;
    background-color: #bf3127; 
}

.success{
    color: #fff;
    background-color: #11b364;
}
/* ================================= Termina notificaciones ================================= */

.only_movil{
	display: none;
}

/* ================================= Inicia honey menu ================================= */

.honeycomb_bkg{
	width: 100%;
	margin:0px;
	padding: 0px;
	background-image: url("../img/public/footer_bkg.jpg");
	background-repeat: no-repeat;
 	background-attachment: fixed;
	background-position: top center;
	background-size: cover;		
}

.honeycomb_bkg_filter{
	padding: 1px 0px;
	/* background: linear-gradient(146deg, rgba(252, 252, 252, 0.75) 0%, rgba(103, 179, 255, 0.75) 80%); */
	background: linear-gradient(146deg, rgba(82,114,146,0.6) 0%, rgba(45,73,101,0.6) 80%);
	width: 100%;
	backdrop-filter: blur(4px);
}

.honey_gallery {
	--s: 250px; /* control the size */
	--g: 10px;  /* control the gap */
	display: grid;
	width: var(--s);
	margin: calc(var(--s) - var(--g)) auto;
}
  
.honey_gallery .honey_option {
	grid-area: 1/1;
	width: var(--s);
	height: var(--s);
	clip-path: polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0);
	transform: translate(var(--_x,0),var(--_y,0)) scale(var(--_t,1));
	cursor: pointer;	
	background-color: #fff;
	color: #527292;
	text-align: center;	
	transition: .3s linear, display .3s ease allow-discrete;	
}

.honey_menu_container{		
	z-index: 2 !important;
}

#digital_solutions_opt, #crm_solutions_opt, #customer_acquisition_opt, #products_services_opt, #list_services_opt, #modeling_analytics_opt{
	display: none;
}

.honey_gallery #honey_logo{
	position: absolute;
	width: 80%;
	left: 10%;
	top: 30%;
}

.honey_gallery .honey_option h2{
	font-size: 22px;
	color: #527292;
	margin: 0px;
	padding: 0px;
}

.honey_gallery .honey_option i{
	font-size: 45px;
	margin: 70px 0px 10px 0px;
}

.honey_gallery .honey_option:hover {		
	--_t: 1.15;
	background-color: #527292;
	color: #fff;
	z-index: 3;
}

.honey_option_noHover:hover{
	--_t: 1 !important;		
	z-index: 1 !important;	
	cursor: auto;
}

.honey_gallery .honey_option:hover h2{	
	color: #fff !important;
}

.honey_menu{
	position: absolute;
	top: -82px;
	transform: scale(.5);
}

.honey_menu ul li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.honey_menu ul li a{
	display: block;
	width: 100%;
	margin-bottom: 5px;
	padding: 10px;
	font-size: 14.2px;
	font-weight: bold;
	color: #fff;		
	text-align: center;
	transition: all ease .3s;
}

.honey_menu ul li a:hover{
	background-color: #fff;
	color: #527292;
	border-radius: 15px;
}
  
.honey_gallery .honey_option:nth-child(1) {--_x: calc(-100% - var(--g))}
.honey_gallery .honey_option:nth-child(7) {--_x: calc( 100% + var(--g))}
.honey_gallery .honey_option:nth-child(3),
.honey_gallery .honey_option:nth-child(5) {--_y: calc(-75% - .87*var(--g))}
.honey_gallery .honey_option:nth-child(4),
.honey_gallery .honey_option:nth-child(6) {--_y: calc( 75% + .87*var(--g))}
.honey_gallery .honey_option:nth-child(3),
.honey_gallery .honey_option:nth-child(4) {--_x: calc(-50% - .5*var(--g))}
.honey_gallery .honey_option:nth-child(5), 
.honey_gallery .honey_option:nth-child(6) {--_x: calc( 50% + .5*var(--g))}

/* ================================= Termina honey menu ================================= */

/* Inicia carrusel 3d */

.thirdD_carousel_container_height{
	height: 550px;
}

.thirdD_carousel_container {
	margin: 0 auto;
	width: 275px;	
	position: relative;
	perspective: 1000px;
}

.carousel_3d {	
	width: 100%;
	position: absolute;
	transform-style: preserve-3d;
	transition: transform 1s;
}

.item {
	display: block;
	position: absolute;
	background: linear-gradient(145deg, rgba(82,114,146,.9) 0%, rgba(45,73,101,.9) 80%);
	width: 275px;
	padding: 20px 0px;	
	height: 420px;		
	text-align: center;
	color: #fff;	
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, .3);
}

.item h2{
	color: #fff;
	font-size: 22px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.item h2 a{
	border: none;
}

.item h2 a:hover{
	background-color: transparent;
	color: #fff;
}

.item ul li{
	list-style: none;
	margin: 0px;
}

.item a{
	display: block;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	font-size: 12px;
	border-radius: 12px;
	transition: all ease .3s;
}

.item a:hover{
	background-color: #fff;
	color: #2d4965;
}

.a {
	transform: rotateY(0deg) translateZ(250px);	
}
.b {
	transform: rotateY(60deg) translateZ(250px);	
}
.c {
	transform: rotateY(120deg) translateZ(250px);	
}
.d {
	transform: rotateY(180deg) translateZ(250px);	
}
.e {
	transform: rotateY(240deg) translateZ(250px);	
} 
.f {
	transform: rotateY(300deg) translateZ(250px);	
}

.next, .prev {	
	position: absolute;
	top: 250px;	
	padding: 10px 12px;
	color: #fff;
	background: #2d4965;	
	border-radius: 5px;	
	cursor: pointer;
	transition: all ease .3s;
}
.next:hover, .prev:hover {
	color: #2d4965;
	background-color: #fff;
}

.next:active, .prev:active {
	top: 250px;
	box-shadow: 0 1px 0 #999;
}
.next { 
	right: 5em;
}

.prev { 
	left: 5em;
}
      
@keyframes rotate360 {
	from {
		transform: rotateY(0deg);
	}
	to {
		transform: rotateY(-360deg);
	}
}
/* Inicia carrusel 3d */

/* ================================= Inicia bredcrumb ================================= */

.bredcrumb{
	float: left;
	width: calc(100% - 280px);
	margin: 5px 0px 20px 0px;
}

.bredcrumb ul li{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px 5px;
}

.bredcrumb ul li::after {
	margin-left: 10px;
	color: #888;
	content: "|";
}

.bredcrumb ul li:last-child{
	border-right: none;
	background: #eee;
	color: #888;
	border-radius: 5px;
}

.bredcrumb ul li:last-child::after {
	margin-left: 0px;
	content: "";
}

.actualizacion{
	float: right;
	width: 280px;
}

.actualizacion p{
	text-align: right;
	color: #888;
	font-size: 12px;
}

/* ================================= Termina bredcrumb ================================= */

/* ================================= Inicia footer ================================= */

.footer{
	width: 100%;
	margin:0px;
	padding: 0px;
	background-image: url("../img/public/footer_bkg.jpg");
	background-repeat: no-repeat;
 	background-attachment: fixed;
	background-position: top center;
	background-size: cover;	
}

.footer hr{
	width: 100%;
	height: 1px;
	margin: 15px 0px 20px 0px;
	background: #fff;	
}

.footer p{
	color: #fff !important;
	text-align: center;
	font-size: 16px;
}

.footer a{
	color: #fff !important;	
}

.footer ul li{
	color: #fff;
	list-style: none;
	margin: 0px 0px 10px 0px;
}

.footer ul li a{
	color: #fff;
	transition: all ease .5s;
}

.footer ul li a:hover{
	color: #7ab7f5 !important;
}

.footer .col_3{
	text-align: center;
}

.footer_bkg_filter{
	padding: 100px 0px;
	background: linear-gradient(146deg, rgba(82,114,146,0.6) 0%, rgba(45,73,101,0.6) 80%);
	width: 100%;
	backdrop-filter: blur(4px);
}

.redes_footer ul{
	width: 118px;
	margin: 0px auto;
	padding: 0px;
}

.redes_footer ul li{
	float: left;
}

.redes_footer ul li a{
	display: block;
	font-size: 24px;
	margin-right: 10px;
}

.redes_footer ul li:last-child a{
	display: block;
	font-size: 24px;
	margin-right: 0px;
}

/* --------------------------------- Footer gobierno --------------------------------- */
.main-footer{
	padding: 0px 0 0px
}
/* --------------------------------- Footer gobierno --------------------------------- */

/* ================================= Termina footer ================================= */

.menu_seccion h3{
	margin-bottom: 10px;
	padding: 0px;
	font-size: 24px;
}

.menu_seccion h4{
	margin: 0px;	
	padding: 8px 10px 8px 4px;
	color: #2d4965;
	font-size: 13px;
	font-weight: bold;	
	border-radius: 3px;
	transition: all ease .3s;
}

.menu_seccion h4:hover{
	background: #2d4965;
	color: #fff;
}

.menu_seccion ul{
	margin-bottom: 0px;
}

.menu_seccion ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu_seccion ul li a{
	display: block;
	width: 100%;
	margin: 0px;
	padding: 7px 10px;
	border-radius: 3px;
	border-bottom: 1px solid #f4f4f4;
	transition: all ease .5s;
}

.menu_seccion ul li:last-child a{
	border-bottom: none;
}

.menu_seccion ul li a:hover{
	background: #2d4965;
	color: #fff;
}

.menu_seccion hr{
	width: calc(100% - 10px);
	height: 1px;
	margin: 5px 0px 5px 10px;	
	background: #e0e0e0;
	border: none;
}

.card{
	padding: 0px 20px 0px 20px;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	background: #fff;
}

.card h2{
	font-size: 20px;
	border-bottom: 1px solid #e3e3e3;
	margin: 0px 0px 15px 0px;
	padding: 10px 0px;
}

.card img{
	margin-bottom: 25px;
}

.card a{
	display: block;
	width: 100%;
	padding: 10px 0px;
	text-align: center;
	background: #2d4965;
	color: #fff;
	margin-bottom: 15px;
	border-radius: 10px;
	opacity: 1;
	transition: all ease .5s;
}

.card a:hover{
	opacity: .5;
}

/* logos carusel */
.logo_carousel {
    overflow: hidden;
    margin: 0px;
    padding: 60px 0px;
    white-space: nowrap;
    position: relative;    
	background-color: #f4f4f4;  
}

.logo_carousel:before, .logo_carousel:after {
    position: absolute;
    top: 0;
    content: '';
    width: 250px;
    height: 100%;
    z-index: 2;
}

.logo_carousel:before {
    left: 0;
    /* background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255)); */
}

.logo_carousel:after {
    right: 0;
    /* background: linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255)); */
}

.logo_items {
    display: inline-block;    
    animation: 55s slides infinite linear;
}

.logo_carousel:hover .logo_items {
    animation-play-state: paused;
}

.logo_items img:first-child{    
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.logo_items img:last-child{    
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.logo_items img{
    width: calc(25% - 160px);
    height: auto;
    margin: 0px 80px;
}

.list_data_item{
	margin-bottom: 20px;		
}

.list_data_item h3, .list_data_item h2{
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.list_data_item p{
	margin-bottom: 15px;
}

.list_data_item img{
	margin-bottom: 20px;
}

/* inicia carruse */

.small_carousel{
	min-height: 260px;
}

.small_carousel .carousel-control-prev, .small_carousel .carousel-control-next{
	align-items: initial;
	top: 80px;
}

.big_carousel > .small_carousel{
	min-height: 450px;
}

.big_carousel > .small_carousel .carousel-control-prev, .big_carousel > .small_carousel .carousel-control-next{
	align-items: initial;
	top: 170px;
}

.carousel-indicators li{
	width: 10px !important;
	height: 10px !important;
	background-color: #ccc;
	border-radius: 10px !important;
	transition: all ease .3s;
}

.carousel-indicators .active{
	width: 40px !important;
	background: #2D4965;
	opacity: 1;
}

/* termina carrusel */

/* ================================= Comienza parte responsiva (movil) ================================= */

@media (min-width: 0px) and (max-width: 990px){
	
	.only_movil{
		display: block;
	}

	.col_izq{
		width: 100%;
		margin: 0px 0px 20px 0px;
	}

	.col_der{
		width: 100%;
		margin: 0px 0px 20px 0px;
	}

	.col_3{
		width: 100%;
		margin: 0px 0px 20px 0px;
	}

	/* --------------------------------- Inicia Estilos menu principal ---------------------------------*/

	.menu_sec_bar{
		top: 45px;
		position: fixed;
		width: 100%;
		background: rgb(30,193,255);
		background: linear-gradient(135deg, rgba(30,193,255,1) 0%, rgba(29,138,202,1) 100%);
		z-index:600;
	}

	.menu_sec_bar p{
		float: left;
		width: 50%;
		font-size: 20px;
		color:#fff;
		margin:0px;
		padding: 12px 0px;
	}

	.menu_pcl_bar{
		top: 0px;
		right: 0px;
		position: fixed;
		width: 100%;
		background: #222;
		z-index:600;
	}

	.menu_pcl_bar p{
		float: left;
		width: 50%;
		font-size: 20px;
		color:#fff;
		margin:0px;
		padding: 12px 0px;
	}

	.menu_icon{
		position: fixed;
		right: 20px;
		top: 20px;
		font-size: 20px;
		color:#333;
		border: 1px solid #333;
		padding: 2px 10px;		
		border-radius: 5px;
		background-color: #fff;
		z-index: 99;
	}

	.negro_fondo{
		background:#000;
		width:100%;
		height:130%;
		position:fixed;
		z-index:400;
		margin-top:-50px;
		opacity:.5;
		display: none;
	}

	.menu_superior{
		left: -100%;
		width: 80%;
		height: 100%;
		padding-bottom: 60px;
		background: rgb(30,193,255);
		background: linear-gradient(135deg, rgba(30,193,255,1) 0%, rgba(29,138,202,1) 100%);
		z-index:600;
		overflow: scroll;
	}

	.menu_superior ul{
		float: left;
	}

	.menu_superior ul li{
		width: 100%;
		float: left;
		margin-right: 0px;
		padding: 0px;
	}

	.menu_superior ul li a{
		display: block;
		width: 100%;
		color: #fff;
		padding: 15px 0px;
		border-bottom: 1px solid rgba(255,255,255,.3);
	}

	.menu_superior ul li a img{
		width: 28px;
	}

	.menu_superior ul li ul{
		position: relative;
		display: block;
		width: 100%;
		margin:0px;
		padding: 20px 0px;
		top: 0;
	}

	.menu_superior ul li ul li{
		width: 100%;
		min-height: 0px;
		margin:0px 0px 5px 0px;
		padding: 0px;
	}

	.menu_superior ul li ul li a{
		display: block;
		padding: 14px 0px;
	}

	.menu_pcl{
		left: -100%;
		top: 0px;
		width: 80%;
		height: 100%;
		padding: 20px 0px 90px 0px;
		z-index:600;
		overflow-y: auto;
		background: #252525;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.menu_pcl_opciones{
		float: left;
	}

	.menu_pcl_opciones ul li{
		width: 100%;
	}

	.menu_pcl_opciones ul li a{
		margin: 0px;
		padding: 15px 0px;
		color:#fff;
	}

	.menu_pcl_opciones ul li a:hover{
		background: #527292;
		color: #fff;
		border-bottom: none;
		padding: 15px 0px;
		transition: all ease .4s;
	}

	.menu_pcl_opciones ul li a img{
		float: right;
		width: 45px;
	}

	.menu_pcl_opciones ul li ul{
		position: relative;
		display: block;
		padding: 0px;
		top: 0px;
		background: none;
	}

	.menu_pcl_opciones ul li ul li{
		float: left;
		width: 100%;
		min-height: 0px;
		margin:0px 0px 5px 0px;
		padding: 0px;
	}

	.menu_pcl_opciones ul li ul li a{
		display: block;
		width: 100%;
		padding: 14px 0px;
		color:#fff;
	}

	.menu_pcl_opciones ul li ul li a:hover{
		padding: 14px 0px;
		background: none;
		border:none;
	}

	.menu_margin_button{
		margin-bottom: 15px;
	}

	.menuPcl_activo{
		background: #111;
		padding-left: 20px !important;
		color: #1ec1ff !important;
	}

	.menuPcl2_activo{
		background: #111;
		padding-left: 20px !important;
	}
	
	/* --------------------------------- Termina Estilos menu principal ---------------------------------*/

	.logos_pcl{
		width: 140px;
		margin: 50px auto 20px auto;
		padding: 0px;
	}

	.logos_pcl ul li{
		float: left;
		list-style: none;
	}

	.logos_pcl ul li:first-child{
		width: 180px;
		border-right: 1px solid #d2d2d2;
		padding-right: 20px;
	}

	.logos_pcl ul li:last-child{
		width: 120px;
		padding-left: 20px;
	}

	.logos_pcl ul li img{
		width: 100%;
	}

	/* --------------------------------- Inicia hoja index --------------------------------- */

	.portada_index{
		width: 100%;
		margin-bottom: 35px;
		margin-right: 0px;
		background-size: cover;
	}

	.r_side_index{
		float: right;
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-bottom: 20px;
	}

	.lista_opciones ul{
		margin-bottom: 20px;
	}

	.lista_opciones ul li a{
		font-size: 16px;
		width: calc(100% - 40px);
		padding: 15px 0px;
		text-align: center;
	}

	.side_text{
		min-height: 0px;
	}

	.index_side_images{
		width: calc(100% - 20px);
		margin-left: 0px;
	}

	/* --------------------------------- Termina hoja index --------------------------------- */

	.contenido_top, .contenido_top_seccion{
		padding-top: 0px;
	}


}

@media (min-width: 0px) and (max-width: 880px){
	.only_desktop{
		display: none;
	}
}

@media (min-width: 615px) and (max-width: 890px){

	/* --------------------------------- Inicia hoja index --------------------------------- */

	.index_center_menu ul li{
		width: 50%;
		min-height: 280px;
		border-right: none;
	}

	.index_center_menu ul li a{
		min-height: 280px;
	}

	.banners_footer ul li{
		width:calc(50% - 20px);	
	}

	/* --------------------------------- Termina hoja index --------------------------------- */

}

@media (min-width: 0px) and (max-width: 615px){

	/* --------------------------------- Inicia hoja index --------------------------------- */

	.index_center_menu ul li{
		width: 100%;
		min-height: 0px;
		border-right: none;
	}

	.index_center_menu ul li a{
		min-height: 0px;
	}

	.index_center_menu ul li p{
		margin-bottom: 20px;
	}

	.banners_footer ul li{
		width:calc(100% - 20px);	
	}

	/* --------------------------------- Termina hoja index --------------------------------- */

}

@media (min-width: 0px) and (max-width: 800px){

	/* --------------------------------- Inicia contenido y sidebar --------------------------------- */
	.contenido_info{
		width: 100%;
		margin-left: 0px;
		padding: 0px;
		background: #fff;
		border: none;
	}

	.sidebar{
		position: relative;
		width: 100%;
		height: auto;
		margin-right: 0px;
		margin-bottom: 100px;
		padding: 0px;
		border: none;
	}

	.menu_seccion, .contenido_info{
		padding: 20px;
	}	

	/* --------------------------------- Termina contenido y sidebar --------------------------------- */

	.fancybox-outer, .fancybox-inner{
		min-width: 600px !important;
	}

	/* ============================= Inicia hover scale img gallery ============================= */

	.galery_container {        
		display: inline-block;
		height: auto;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	.box {    
		float: none;    
		width: 100%; 
		height: 500px !important;
		margin: 15px 0px;  
		background: linear-gradient(145deg, rgba(82,114,146,.8) 0%, rgba(45,73,101,.8) 80%);    		
	}

	.box_filter{
		height: auto;           
	}

	.box > img {        
		height: auto;
	}

	.box > span {
		position: absolute;
		display: block;         
		width: 100%;         
		transform: rotate(0deg);
		left: 20px;
		bottom: 0;
		top: 15px;
	}

	.box > p{                        
		left: 0px;
		opacity: 1;  
		width: 100%;
		padding: 20px;
		top: 40px;  
	}

	.box:hover {
		flex: 1 1 25%;   
	}
	.box:hover > img {
		width: 100%;
		height: 100%;
	}

	.box:hover > p {
		opacity: 1;
		transition: 2s;
	}

	.box:hover > .box_filter{
		background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 85%);
	}

	/* ============================= Termina hover scale img gallery ============================= */
}

@media (min-width: 0px) and (max-width: 670px){

	/* --------------------------------- Inicia contenido y sidebar --------------------------------- */
	.bredcrumb{
		float: left;
		width: 100%;
		margin-bottom: 25px;
	}
	.actualizacion{
		float: right;
		width: 280px;
	}

	.fancybox-outer, .fancybox-inner{
		min-width: 280px !important;
	}

	/* --------------------------------- Termina contenido y sidebar --------------------------------- */

}

/* ================================= Termina parte responsiva ================================= */






/* ================================= Adecuaciones banner gobierno ================================= */
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	height: 50px !important;
}

.navbar{
	height: 50px !important;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
	margin-left: 0px;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
	height: 50px;
}

.navbar-brand>img{
	margin-top: -5px;
}

.navbar-nav>li{
	height: 50px;
	margin-top: -8px;
}
/* ================================= Adecuaciones banner gobierno ================================= */

.fancybox-outer, .fancybox-inner{
	min-width: 700px;
}

/* ================================= Adecuaciones bootstrap ================================= */



/* ================================= Adecuaciones bootstrap ================================= */