/*--------------------------------------------------------------*/
/*-----------------------ESTILO PRINCIPAL-----------------------*/
/*--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');

:root{
  --col0: #000414;
  --col1: #0029CC;
  --col1-hover: #001466;
  --col2: #FF8557;
  --col2-hover: #5b1b0b;
  --col5: #EBEFFF;
  --col6: #ffffff;
}

*{
	font-family: 'Mulish', sans-serif !important;
	color: var(--col0);
	margin: 0;
	padding: 0;
	line-height: 1.4;
	font-weight: 300;
	text-decoration: none;
	box-sizing: border-box;
	outline: none;
}
moz-selection{background: var(--col1);	color: var(--col6);}
*::-moz-selection{background: var(--col1);	color: var(--col6);}

a{color: var(--col1);}

p{margin-bottom: 15px;}

.btn{
	border: none;
	box-shadow: none;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 700;
	font-size: 13px;
	padding: 15px 25px;
	transition:all 0.3s ease-out;
	-webkit-trasition:all 0.3s ease-out;
}

.btn1{
	background-color: var(--col1);
	color: var(--col6);
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.btn1:hover,
.btn1:focus,
.btn1:active{
	background-color: var(--col1-hover);
}
.btn2{
	background-color: var(--col2);
	color: var(--col6);
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.btn2:hover,
.btn2:focus,
.btn2:active{
	background-color: var(--col2-hover);
}
.btn3{
	background-color: var(--col6);
	color: var(--col1);
}
.btn3:hover,
.btn3:focus,
.btn3:active{
	background-color: var(--col5);
	color: var(--col0);
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="number"],
input[type="tel"],
textarea,
select
{
	padding: 15px 30px;
	font-size: 15px;
	font-weight: 400;
	border: none;
	border-left: 1px solid var(--col1);
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

/*--------------------------------------------------------------*/
/*-------------------------ESTILO COMÚN-------------------------*/
/*--------------------------------------------------------------*/

*[readonly], *[disabled]{
	opacity: 0.7;
	cursor: not-allowed;
}

li{list-style: inside;}

header .launch{
	float: right;
	cursor: pointer;
	height: 25px;
	width: 35px;
	position: relative;
	z-index: 101;
}
header .launch span{
	background-color: var(--col6);
	display: block;
	height: 3px;
	left: 0;
	width: 100%;
	position: absolute;
	opacity: 1;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.is-sticky header .launch span {background-color: var(--col1);}

header .launch span:nth-child(1){top: 0;}
header .launch span:nth-child(2){top: 10px;}
header .launch span:nth-child(3){top: 10px;}
header .launch span:nth-child(4){top: 20px;}

.sidr-open header .launch span:nth-child(1){top: 18px; left: 50%; width: 0;}
.sidr-open header .launch span:nth-child(2){transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.sidr-open header .launch span:nth-child(3){transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.sidr-open header .launch span:nth-child(4){top: 18px; left: 50%; width: 0;}

.anim3{transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.anim6{transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-trasition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
.anim10{transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-trasition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);}

*::placeholder{color: inherit; opacity: 0.5;}
.ancla{cursor: pointer;}
img{width: auto; max-width: 100%; height: inherit;}
b{font-weight: bold; font-size: inherit; color: inherit;}
h1, h2, h3, h4, h5, h6{line-height: 1.6; font-family: 'Merriweather Sans', sans !important;}
input, button, select, textarea{font-family: inherit; margin: 0; width: 100%;}
select{-moz-appearance:none;-webkit-appearance:none;}
textarea{resize: vertical;}
/* textarea:focus, input:focus{box-shadow: none !important;} */
div.icons > .btn-group, body > .jmodedit{display: none !important;}
.btn:hover, .btn:active, .btn:focus{text-decoration: none !important;}
.responsive{display: none;}

label.checkbox{margin-bottom: 0; position: relative; padding: 0;}
label.checkbox span{
	position: relative;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2;
	cursor: pointer;
}
label.checkbox span a{font-size: inherit; font-weight: inherit; color: var(--col1);}
label.checkbox span a:hover{text-decoration: underline;}
label.checkbox input{position: absolute; top: 0; left: 0; opacity: 0; height: 100%; display: block;}
label.checkbox span:before{
	content: "\f00c" !important;
	font-family: "FontAwesome" !important;
	color: transparent;
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: text-top;
	margin-right: 7px;
	text-align: center;
	line-height: 16px;
	font-size: 13px;
	background-color: var(--col6);
	border: 1px solid var(--col1) !important;
	vertical-align: initial;
}

label.checkbox input:checked + span:before{
  background-color: var(--col1);
  color: var(--col6) !important;
}
label.checkbox input:disabled + span:before{
  opacity: 0.5;
}
.opcap input{
    display: inline-block;
    width: 60px !important;
    padding: 15px;
    margin-left: 5px;
}

.fixwh{
	position: fixed;
	bottom: 24px;
	right: 90px;
	z-index: 10;
}

.fixwh a{display: block;}
.fixwh i.fa{
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
	font-size: 35px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.fixfb{
	position: fixed;
	bottom: 24px;
	right: 20px;
	z-index: 10;
	width: 60px;
	height: 60px;
	line-height: 39px;
	border-radius: 50%;
	text-align: center;
	font-size: 35px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	background-color: #0084ff;
	padding: 13px;
}

.fixfb a{display: block;}

.cookies{
	background-color: var(--col6);
	position: fixed;
	z-index: 99;
	bottom: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
	display: none;
}
.cookies p{margin: 0; padding: 0; font-size: 13px;}
.cookies .btn{
	font-size: 13px;
	padding: 5px 15px;
	vertical-align: middle;
	text-align: center;
}
body.notfound .cookies{display: none;}
.cms-cookies table{width: 100%; margin-bottom: 30px;}
.cms-cookies table td{
	padding: 5px 10px;
	background-color: rgba(0,0,0,0.05);
	border: 2px solid transparent;
	font-size: 15px;
}
.cms-cookies thead td{font-weight: bold;}

i.fa{color: inherit; font-family: "FontAwesome" !important;}

.logo img{transition:all 0.3s ease-out; -webkit-trasition:all 0.3s ease-out;}

.w{color: var(--col6);}

.logo:hover img{opacity: 0.8;}

.alert{
	padding: 30px;
	background-color: #8BC34A;
	border: none;
	margin: 20px;
	border-radius: 0;
	position: fixed;
	z-index: 10;
	width: 90%;
	max-width: 700px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	box-shadow: 0 0 100px rgba(0,0,0,0.5);
}
.alert *{
	color: var(--col6);
	box-shadow: none;
	text-shadow: none;
}
.alert-success{background-color: #8BC34A;}
.alert-warning{background-color: #FFC107;}
.alert-error{background-color: #F44336;}
.alert h4{display: none;}
.alert p{margin-bottom: 0; color: #fff; text-shadow: none; line-height: 1;}
.alert .close{color: var(--col6); text-shadow: none; opacity: 1; position: absolute; top: 0; right: 15px; font-size: 30px; cursor: pointer;}

.col-facebook{background-color: #3b5999;}
.col-twitter{background-color: #55acee;}
.col-linkedin{background-color: #0077B5;}
.col-google{background-color: #dd4b39;}
.col-pinterest{background-color: #bd081c;}
.col-youtube{background-color: #cd201f;}
.col-whatsapp{background-color: #25D366;}
.col-instagram{background-color: #e4405f;}

.popup{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: var(--col6);
	padding: 30px;
	display: none;
	z-index: 100;
}
.popup > i{
	position: absolute;
	top: -40px;
	right: -40px;
	color: var(--col6);
	font-size: 32px;
	cursor: pointer;
}

.popup > div{display: none;}

.popupoverlay{
	position: fixed;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .3s ease-out;
	opacity: 0;
	background-image: radial-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7));
	z-index: 100;
	display: none;
	animation-name: fadeIn;
	animation-duration: 0.3s;
	animation-fill-mode: both;
}

.popupoverlay.open{display: block;}
.popup.open{display: block;}
.lpopup{cursor: pointer;}

.m{width: 100%; max-width: 1260px; margin: 0 auto;}
.m500{width: 100%; max-width: 500px; margin: 0 auto;}
.m700{width: 100%; max-width: 700px; margin: 0 auto;}
.m900{width: 100%; max-width: 900px; margin: 0 auto;}
.m1000{width: 100%; max-width: 1000px; margin: 0 auto;}

.ova{overflow: auto;}
.rel{position: relative;}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.tj{text-align: justify;}

.h100{height: 100%;}

.bg{background-repeat: no-repeat; background-position: center; background-size: cover;}

.f{display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start;}
.f.lr{justify-content: space-between;}
.f.c{justify-content: center;}
.f.r{justify-content: flex-end;}
.f.cv{align-content: center; align-items: center;}
.f.b{align-content: flex-end; align-items: flex-end;}

.f.column {flex-flow: column;}

.f > .c10{width: 100%;}
.f > .c9{width: 90%;}
.f > .c8{width: 80%;}
.f > .c7{width: 70%;}
.f > .c66{width: 66.6666666%;}
.f > .c6{width: 60%;}
.f > .c5{width: 50%;}
.f > .c4{width: 40%;}
.f > .c33{width: 33.3333333%;}
.f > .c3{width: 30%;}
.f > .c25{width: 25%;}
.f > .c2{width: 20%;}
.f > .c15{width: 15%;}
.f > .c1{width: 10%;}
.f > .c05{width: 05%;}
.f > .vac{align-self: center;}
.f > .f1{flex: 1;}

.pd1{padding: 1px;}
.pd2{padding: 2px;}
.pd3{padding: 3px;}
.pd4{padding: 4px;}
.pd5{padding: 5px;}
.pd5-0{padding: 5px 0;}
.pd5-10{padding: 5px 10px;}
.pd10-5{padding: 10px 5px;}
.pd10{padding: 10px;}
.pd10-0{padding: 10px 0;}
.pd0-10{padding: 0 10px;}
.pd10-30{padding: 10px 30px;}
.pd10-20{padding: 10px 20px;}
.pd10-15{padding: 10px 15px;}

.pd15{padding: 15px;}
.pd15-0{padding: 15px 0;}
.pd0-15{padding: 0 15px;}
.pd15-30{padding: 15px 30px;}

.pd20{padding: 20px;}
.pd20-0{padding: 20px 0;}
.pd0-20{padding: 0 20px;}
.pd20-30{padding: 20px 30px;}
.pd20-15{padding: 20px 15px;}
.pd20-10{padding: 20px 10px;}

.pd25-30{padding: 25px 30px;}

.pd30{padding: 30px;}
.pd30-0{padding: 30px 0;}
.pd0-30{padding: 0 30px;}
.pd30-20{padding: 30px 20px;}
.pd30-15{padding: 30px 15px;}
.pd30-10{padding: 30px 10px;}
.pd30-100{padding: 30px 100px;}

.pd40{padding: 40px;}
.pd40-0{padding: 40px 0;}
.pd0-40{padding: 0 40px;}
.pd40-20{padding: 40px 20px;}
.pd40-15{padding: 40px 15px;}
.pd40-10{padding: 40px 10px;}

.pd50{padding: 50px;}
.pd50-0{padding: 50px 0;}
.pd0-50{padding: 0 50px;}
.pd50-30{padding: 50px 30px;}
.pd50-20{padding: 50px 20px;}
.pd50-15{padding: 50px 15px;}
.pd50-10{padding: 50px 10px;}

.pd60{padding: 60px;}
.pd60-0{padding: 60px 0;}
.pd0-60{padding: 0 60px;}
.pd60-30{padding: 60px 30px;}
.pd60-20{padding: 60px 20px;}
.pd60-15{padding: 60px 15px;}
.pd60-10{padding: 60px 10px;}

.pd70{padding: 70px;}
.pd70-0{padding: 70px 0;}
.pd0-70{padding: 0 70px;}
.pd70-30{padding: 70px 30px;}
.pd70-20{padding: 70px 20px;}
.pd70-15{padding: 70px 15px;}
.pd70-10{padding: 70px 10px;}

.pd80{padding: 80px;}
.pd80-0{padding: 80px 0;}
.pd0-80{padding: 0 80px;}
.pd80-30{padding: 80px 30px;}
.pd80-20{padding: 80px 20px;}
.pd80-15{padding: 80px 15px;}
.pd80-10{padding: 80px 10px;}

.pd90{padding: 90px;}
.pd90-0{padding: 90px 0;}
.pd0-90{padding: 0 90px;}
.pd90-30{padding: 90px 30px;}
.pd90-20{padding: 90px 20px;}
.pd90-15{padding: 90px 15px;}
.pd90-10{padding: 90px 10px;}

.pd100{padding: 100px;}
.pd100-0{padding: 100px 0;}
.pd0-100{padding: 0 100px;}
.pd100-30{padding: 100px 30px;}
.pd100-20{padding: 100px 20px;}
.pd100-15{padding: 100px 15px;}
.pd100-10{padding: 100px 10px;}

.pd120{padding: 120px;}
.pd120-0{padding: 120px 0;}
.pd0-120{padding: 0 120px;}
.pd120-30{padding: 120px 30px;}
.pd120-20{padding: 120px 20px;}
.pd120-15{padding: 120px 15px;}
.pd120-10{padding: 120px 10px;}

.pd150{padding: 150px;}
.pd150-0{padding: 150px 0;}
.pd0-150{padding: 0 150px;}
.pd150-30{padding: 150px 30px;}
.pd150-20{padding: 150px 20px;}
.pd150-15{padding: 150px 15px;}
.pd150-10{padding: 150px 10px;}

.pd-nr{padding-right: 0 !important;}
.pd-nl{padding-left: 0 !important;}
.pd-nt{padding-top: 0 !important;}
.pd-nb{padding-bottom: 0 !important;}

/*--------------------------------------------------------------*/
/*---------------------ESTILO MANTENIMIENTO---------------------*/
/*--------------------------------------------------------------*/

body.mantenimiento:after{
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/images/estructura/bg_mantenimiento.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}
body.mantenimiento h1{
	margin-top: 50px;
	text-transform: uppercase;
	color: var(--col0);
	font-weight: bold;
	font-size: 55px;
}
body.mantenimiento h2{
	color: var(--col0);
	margin-bottom: 50px;
}
body.mantenimiento .sc i{
	background-color: var(--col6);
	color: blue;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	font-size: 24px;
}
body.mantenimiento .sc i:hover{
	color: var(--col6);
	background-color: transparent;
	border: 2px solid var(--col6);
}
body.mantenimiento fieldset{
	border: none;
	padding-bottom: 40px;
	position: relative;
}
body.mantenimiento fieldset input{
	height: 35px;
	padding: 0 10px;
	margin-bottom: 5px;
}

/*--------------------------------------------------------------*/
/*-------------------------SOLO FIREFOX-------------------------*/
/*--------------------------------------------------------------*/
@-moz-document url-prefix(){}

/*--------------------------------------------------------------*/
/*----------------------------ESTILO----------------------------*/
/*--------------------------------------------------------------*/

h1 {font-size: 54px; font-weight: 800;}
h2 {font-size: 46px; font-weight: 700; color: var(--col1);}
h3 {font-size: 40px; font-weight: 600;}
h4 {font-size: 30px; font-weight: 600;}
h5 {font-size: 24px; font-weight: 500;}
h6 {font-size: 22px; font-weight: 400;}

.pageheader {
	width: 100%;
	height: 400px;
}
.pageheader .filtro {
	width: 100%;
	height: 400px;
	background-color: var(--col1);
	opacity: 0.7;
	position: absolute;
	z-index: 0;
}
.pageheader .texto {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10;
}
.pageheader .texto h1 {color: var(--col5);}
.pageheader ul.breadcrumb {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.pageheader ul.breadcrumb li {
	list-style: none;
	margin-right: 5px;
}
.pageheader ul.breadcrumb li span,
.pageheader ul.breadcrumb li a span {color: var(--col2);}
.pageheader ul.breadcrumb li:first-child {display: none;}
.ph_seguros {background-image: url('/images/estructura/ph_seguros.jpg');}
.ph_asistencia {background-image: url('/images/estructura/ph_asistencia.jpg');}
.ph_empresa {background-image: url('/images/estructura/ph_empresa.jpg');}
.ph_blog {background-image: url('/images/estructura/ph_blog.jpg');}
.ph_contacto {background-image: url('/images/estructura/ph_contacto.jpg');}
.ph_politicas {background-image: url('/images/estructura/ph_politicas.jpg');}

/*-------------SIDR-------------*/
.sidr {
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999999;
	width: 250px;
	overflow-x: none;
	overflow-y: auto;
	font-size: 15px;
	background: var(--col5);
	color: var(--col0);
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
}
.sidr .sidr-inner {padding: 0;}
.sidr .sidr-inner > p {margin-left: 15px; margin-right: 15px}
.sidr.right {left: auto; right: -260px}
.sidr.left {left: -260px; right: auto}
/* mio */
.sidr {padding-top: 0px;}
.sidr li {
	display: block;
	border-bottom: 1px solid var(--col1);
	transition:all 0.3s ease-out;
	-webkit-trasition:all 0.3s ease-out;
}
.sidr li a {
	color: var(--col0);
	font-family: 'Merriweather Sans', sans !important;
	font-weight: 600;
	display: block;
	padding: 20px 25px;
	font-size: 20px;
	transition:all 0.3s ease-out;
	-webkit-trasition:all 0.3s ease-out;
}
.sidr li a:hover,
.sidr li.sidr-class-active > a,
.sidr a:hover,
.sidr a:focus,
.sidr a:active {
	color: var(--col1) !important;
	/* background-color: var(--col5) !important; */
}
.sidr-class-menu > li {border-bottom: 1px solid #444;}
.sidr li .submenu {display: none;}

.headersticky {
	height: 90px;
	position: absolute;
	width: 100%;
	z-index: 99;
}
.is-sticky header {
	background-color: var(--col6);
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.is-sticky header .logo svg {fill: var(--col1);}
.is-sticky header .elementos .moduletable ul li a {color: var(--col1);}
header {
	width: 100%;
	height: 90px;
	padding: 20px 100px;
	position: relative;
	top: 0;
	z-index: inherit;
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
header .logo {
	height: 100%;
	filter: drop-shadow(0 0 20px rgba(255,255,255,0.7));
}
header .logo svg {
	height: 100%;
	fill: var(--col5);
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
header .logo svg .punto {fill: var(--col2);}
header .elementos .moduletable ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content: flex-start;
}
header .elementos .moduletable ul li {list-style: none; padding-left: 50px }
header .elementos .moduletable ul li a {
	font-family: 'Merriweather Sans', sans !important;
	font-size: 16px;
	font-weight: 600;
	color: var(--col5);
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
header .elementos .moduletable ul li a:hover,
header .elementos .moduletable ul li a:focus,
header .elementos .moduletable ul li a:active {color: var(--col2);}

section.hportada {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
	margin-bottom: 100px;
}
section.hportada .swiper-hportada,
section.hportada .swiper-hportada .swiper-wrapper,
section.hportada .swiper-hportada .swiper-wrapper .swiper-slide,
section.hportada .swiper-hportada .swiper-wrapper .swiper-slide .imagen {width: 100%; height: 100%;}
section.hportada .swiper-slide .imagen .texto {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
}
section.hportada .swiper-hportada .swiper-wrapper .swiper-slide {
	transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	-webkit-trasition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
section.hportada .swiper-slide .imagen .texto h1 {color: var(--col5);}
section.hportada .swiper-slide .imagen .texto .subtit {
	font-size: 46px;
	font-weight: 400;
	color: var(--col2);
	margin: 30px 0;
}
section.hportada .swiper-slide .imagen .texto a.btn {
	max-width: 300px;
	margin-top: 20px;
}
section.hportada .swiper-slide .imagen .filtro {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	background-color: var(--col0);
	opacity: 0.6;
}
section.hportada .texto {
	width: 100%;
	height: 100vh;
}
section.hmarcas {width: 100%; height: 350px;}
section.hmarcas .swiper-hmarcas {height: 100%;}
section.hmarcas .swiper-hmarcas .swiper-slide {
	height: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
section.hmarcas .swiper-hmarcas .swiper-slide div {
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	padding: 20px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	/* box-shadow: 0 0 20px rgba(0,0,0,0.2); */
}
section.hmarcas .swiper-hmarcas .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
section.hempresa {height: 750px;}
section.hempresa .imagen {height: 100%;}
section.hempresa .imagen div {height: 100%;}
/* section.hempresa .imagen img {
	width: 100%;
	height: 100%;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
} */
section.hempresa .texto {
	height: 100%;
	padding-left: 100px;
}
section.hempresa .texto h2,
section.hempresa .texto p,
section.hempresa .texto ul {margin-bottom: 30px;}
section.hempresa .texto ul li {margin-bottom: 20px;}
section.hempresa .texto ul li svg {
	width: 30px;
	margin-right: 10px;
}
section.hempresa .texto a.btn {max-width: 200px;}
section.hservicios .elem {height: 400px;}
section.hservicios .elem div {
	width: 100%;
	height: 100%;
	background-color: var(--col5);
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
section.hservicios .elem div svg {margin-bottom: 30px;}
@keyframes path-negro {
	75% {
		stroke-dashoffset: 0;
		stroke: var(--col0);
	}
	100% {
		stroke-dashoffset: 0;
		stroke: transparent;
	}
} 
@keyframes color-negro {to {fill: var(--col0);}}
@keyframes path-azul {
	75% {
		stroke-dashoffset: 0;
		stroke: var(--col1);
	}
	100% {
		stroke-dashoffset: 0;
		stroke: transparent;
	}
} 
@keyframes color-azul {to {fill: var(--col1);}}
@keyframes path-naranja {
	75% {
		stroke-dashoffset: 0;
		stroke: var(--col2);
	}
	100% {
		stroke-dashoffset: 0;
		stroke: transparent;
	}
} 
@keyframes color-naranja {to {fill: var(--col2);}}
section.hservicios .elem div svg path {
	fill: transparent;
	stroke-width: 2px;
}
section.hservicios .elem div svg path.wowse1 {
	stroke-dashoffset: 3000px;
	stroke-dasharray: 3000px 3000px;
}
section.hservicios .elem div svg path.wowse2,
section.hservicios .elem div svg path.wowse3,
section.hservicios .elem div svg path.wowse4,
section.hservicios .elem div svg path.wowse5,
section.hservicios .elem div svg path.wowse6,
section.hservicios .elem div svg path.wowse8,
section.hservicios .elem div svg path.wowse9,
section.hservicios .elem div svg path.wowse10 {
	stroke-dashoffset: 550px;
	stroke-dasharray: 550px 550px;
}
section.hservicios .elem div svg path.wowse7 {
	stroke-dashoffset: 1000px;
	stroke-dasharray: 1000px 1000px;
}
section.hservicios .elem div svg path.wowsp1,
section.hservicios .elem div svg path.wowsp2,
section.hservicios .elem div svg path.wowsp3 {
	stroke-dashoffset: 1500px;
	stroke-dasharray: 1500px 1500px;
}
section.hservicios .elem div svg path.negro {
	stroke: var(--col0);
	animation: path-negro 5000ms cubic-bezier(0.61, 0, 0.39, 1) forwards,
				color-negro 650ms 1 cubic-bezier(0.61, 0, 0.39, 1) 3000ms forwards;
}
section.hservicios .elem div svg path.azul {
	stroke: var(--col1);
	animation: path-azul 5000ms cubic-bezier(0.61, 0, 0.39, 1) forwards,
				color-azul 650ms 1 cubic-bezier(0.61, 0, 0.39, 1) 3000ms forwards;
}
section.hservicios .elem div svg path.naranja {
	stroke: var(--col2);
	animation: path-naranja 5000ms cubic-bezier(0.61, 0, 0.39, 1) forwards,
				color-naranja 650ms 1 cubic-bezier(0.61, 0, 0.39, 1) 3000ms forwards;
}
section.hservicios .elem h4 {
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
section.hservicios .elem:hover h4,
section.hservicios .elem:focus h4,
section.hservicios .elem:active h4 {color: var(--col1);}
section.hseguros h2 {margin-bottom: 30px;}
section.hseguros .swiper-wrapper {height: 400px;}
section.hseguros .swiper-slide {
	height: 100%;
	border-left: solid 1px var(--col5);
	border-right: solid 1px var(--col5);
}
section.hseguros .swiper-slide a {
	width: 100%;
	height: 100%;
	padding: 30px;
}
section.hseguros .swiper-slide a h4 {color: var(--col6); z-index: 10;}
section.hseguros .swiper-slide a .categoria {
	width: 100%;
	font-size: 18px;
	font-weight: 700;
	color: var(--col2);
	margin-bottom: 5px;
	z-index: 10;
}
section.hseguros .swiper-slide a .filtro {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: var(--col1);
	opacity: 0.5;
	z-index: 5;
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
section.hseguros .swiper-button-next,
section.hseguros .swiper-button-prev {color: var(--col6);}
section.hseguros .swiper-slide a:hover .filtro,
section.hseguros .swiper-slide a:focus .filtro,
section.hseguros .swiper-slide a:active .filtro {opacity: 0.9;}
section.hblog {margin-bottom: 100px;}
section.hblog .articulo,
div.blog .articulo {box-shadow: 0 0 20px rgba(0,0,0,0.2);}
section.hblog .articulo a,
div.blog .articulo a {width: 100%; height: 100%;}
section.hblog .articulo a .imagen,
div.blog .articulo a .imagen {
	width: 100%;
	height: 300px;
	overflow: hidden;
}
section.hblog .articulo a .imagen img,
div.blog .articulo a .imagen img {
	width: 100%;
	height: 300px;
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
section.hblog .articulo a .texto,
div.blog .articulo a .texto {background-color: var(--col5);}
section.hblog .articulo a .texto h4,
div.blog .articulo a .texto h4 {
	font-size: 24px;
	margin-bottom: 20px;
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
section.hblog .articulo a .texto .fecha,
div.blog .articulo a .texto .fecha {font-size: 14px;}
section.hblog .articulo a:hover img,
div.blog .articulo a:hover img,
section.hblog .articulo a:focus img,
div.blog .articulo a:focus img,
section.hblog .articulo a:active img,
div.blog .articulo a:active img {transform: scale3d(1.5,1.5,1);}
section.hblog .articulo a:hover h4,
div.blog .articulo a:hover h4,
section.hblog .articulo a:focus h4,
div.blog .articulo a:focus h4,
section.hblog .articulo a:active h4
div.blog .articulo a:active h4 {color: var(--col1);}
div.blog_articulo h1,
div.blog_articulo h2,
div.blog_articulo h3,
div.blog_articulo h4,
div.blog_articulo h5,
div.blog_articulo h6 {margin-bottom: 20px;}
div.seguros .subcat {height: 500px;}
div.seguros .subcat div {height: 100%;}
div.seguros .subcat .imagen {box-shadow: 0 0 20px rgba(0,0,0,0.2);}
div.seguros .subcat .texto a.btn {margin: 0 auto; margin-left: 0;}
div.seguros .subcat:nth-child(2) .imagen {order: 2;}
div.seguros .subcat:nth-child(2) .texto {
	order: 1;
	padding-right: 30px !important;
	padding-left: 0;
}
div.seguros .item .seguro {box-shadow: 0 0 20px rgba(0,0,0,0.2);}
div.seguros .item .seguro .imagen {
	height: 350px;
	overflow: hidden;
}
div.seguros .item .seguro .imagen div {
	width: 100%;
	height: 100%;
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* div.seguros .item .seguro .imagen img {
	width: 100%;
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
} */
div.seguros .item .seguro .texto h4 {
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-trasition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
div.seguros .item .seguro .texto .precio {
	font-family: 'Merriweather Sans', sans !important;
	font-size: 18px;
	font-weight: 500;
	background-color: var(--col1);
	color: var(--col6);
}
/* div.seguros .item .seguro a:hover .imagen img,
div.seguros .item .seguro a:focus .imagen img,
div.seguros .item .seguro a:active .imagen img {transform: scale3d(1.5,1.5,1);} */
div.seguros .item .seguro a:hover .imagen div,
div.seguros .item .seguro a:focus .imagen div,
div.seguros .item .seguro a:active .imagen div {transform: scale3d(1.5,1.5,1);}
div.seguros .item .seguro a:hover .texto h4,
div.seguros .item .seguro a:focus .texto h4,
div.seguros .item .seguro a:active .texto h4 {color: var(--col1);}
div.seguro .texto p {margin: 0;}
div.seguro .formulario h3 {margin-bottom: 20px;}
div.seguro .formulario .boton {
	width: 250px;
	margin: 0 auto;
}
/* div.asistencia .telefonos .item {height: 500px;} */
div.asistencia .telefonos .item .sombra {
	width: 100%;
	height: 100%;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
div.asistencia .telefonos .item img {
	max-width: 300px;
	max-height: 150px;
	object-fit: contain;
}
div.asistencia .telefonos .item .sombra > div {margin-top: 30px;}
div.asistencia .telefonos .item h4 {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 10px;
}
div.asistencia .telefonos .item a.tlf {
	font-size: 22px;
	font-weight: 300;
	transition:all 0.3s ease-in-out;
	-webkit-trasition:all 0.3s ease-in-out;
}
div.asistencia .telefonos .item a.tlf:hover,
div.asistencia .telefonos .item a.tlf:focus,
div.asistencia .telefonos .item a.tlf:active {color: var(--col2);}
div.empresa .somos p {
	font-size: 20px;
	font-weight: 400;
}
div.empresa .rasgos {
	height: 625px;
	background-color: var(--col5);
}
div.empresa .rasgos div {height: 100%;}
div.empresa .rasgos .fondo {background-color: var(--col1); box-shadow: 0 0 20px rgba(0,0,0,0.2);}
div.empresa .rasgos .fondo svg {
	width: 100px;
	fill: var(--col6);
}
div.empresa .rasgos .fondo h4,
div.empresa .rasgos .fondo p {
	color: var(--col6);
	margin-top: 30px;
	margin-bottom: 0;
}
div.empresa .swiper-fotosempresa .swiper-slide {
	height: 500px;
}
div.empresa .swiper-fotosempresa .swiper-slide .imagen {
	width: 100%;
	height: 100%;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);

}
div.empresa .swiper-fotosempresa .swiper-button-next {
	color: var(--col1);
	right: 30px;
}
div.empresa .swiper-fotosempresa .swiper-button-prev {
	color: var(--col1);
	left: 30px;
}
div.empresa .swiper-fotosempresa .swiper-pagination {bottom: 30px;}
div.empresa .swiper-fotosempresa .swiper-pagination span {background-color: var(--col1);}
div.empresa .contacta {background-color: var(--col5);}
div.empresa .contacta h3 {color: var(--col1); margin-bottom: 30px;}
div.empresa .contacta p {color: var(--col0); margin: 0;}
div.cms-contacto .datos .fondo {
	background-color: var(--col5);
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
div.cms-contacto .datos h4 {margin-bottom: 10px;}
div.cms-contacto .datos ul li {
	list-style: none;
	text-align: center;
	font-size: 18px;
}
div.cms-contacto .datos ul li.horario_tit {font-weight: 500;}
div.cms-contacto .datos ul li a {
	color: var(--col0);
	transition:all 0.3s ease-in-out;
	-webkit-trasition:all 0.3s ease-in-out;
}
div.cms-contacto .datos ul li a svg {
	width: 25px;
	fill: var(--col0);
	margin-right: 10px;
}
div.cms-contacto .datos ul li a:hover svg,
div.cms-contacto .datos ul li a:focus svg,
div.cms-contacto .datos ul li a:active svg {fill: var(--col1);}
div.cms-contacto .datos ul li a.facebook {
	display: block;
	max-width: 40px;
	margin: 0 auto;
}
div.cms-contacto .datos ul li a.facebook svg {
	width: 40px;
	display: block;
	fill: var(--col0);
	transition:all 0.3s ease-in-out;
	-webkit-trasition:all 0.3s ease-in-out;
}
div.cms-contacto ul li a:hover,
div.cms-contacto ul li a:focus,
div.cms-contacto ul li a:active {color: var(--col1);}
div.cms-contacto .datos ul li a.facebook:hover svg,
div.cms-contacto .datos ul li a.facebook:focus svg,
div.cms-contacto .datos ul li a.facebook:active svg {fill: var(--col1);}
div.cms-contacto .mapa {
	width: 100%;
	height: 100%;
	/* background-image: url('/images/estructura/mapa.png'); */
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
div.cms-contacto .mapa a {
	width: 100%;
	height: 100%;
	background-color: transparent;
	transition:all 0.3s ease-in-out;
	-webkit-trasition:all 0.3s ease-in-out;
}
div.cms-contacto .mapa a p {
	font-size: 24px;
	font-weight: 800;
	color: transparent;
	margin: 0;
	transition:all 0.3s ease-in-out;
	-webkit-trasition:all 0.3s ease-in-out;
}
div.cms-contacto .mapa a:hover,
div.cms-contacto .mapa a:focus,
div.cms-contacto .mapa a:active {background-color: rgba(0,4,20,0.7);}
div.cms-contacto .mapa a:hover p,
div.cms-contacto .mapa a:focus p,
div.cms-contacto .mapa a:active p {color: var(--col5);}
div.cms-contacto .mapa iframe{width: 100%; height: 100%;}
div.newsletter {background-color: var(--col1);}
div.newsletter h3 {color: var(--col6);}
div.newsletter input {max-width: 600px; margin: 30px 0;}
div.newsletter button {max-width: 300px;}
footer .footer {background-color: var(--col5);}
footer .footer h4 {color: var(--col1); margin-bottom: 15px;}
footer .footer ul li {
	list-style: none;
	text-align: center;
	padding: 5px 0;
}
footer .footer ul li,
footer .footer ul li a {
	color: var(--col0);
	font-size: 20px;
	transition:all 0.3s ease-in-out;
	-webkit-trasition:all 0.3s ease-in-out;
}
footer .footer ul li a:hover,
footer .footer ul li a:focus,
footer .footer ul li a:active {color: var(--col1);}
footer .footer ul li a svg {
	width: 25px;
	fill: var(--col0);
	margin-right: 10px;
}
footer .footer ul li a:hover svg,
footer .footer ul li a:focus svg,
footer .footer ul li a:active svg {fill: var(--col1);}
footer .footer .empresa .logo {height: 51px; margin-bottom: 15px;}
footer .footer .empresa .horario_tit {font-weight: 400;}
footer .footer .contacto a.facebook {
	display: block;
	width: 40px;
	margin: 0 auto;
}
footer .footer .contacto a.facebook svg {
	width: 40px;
	fill: var(--col0);
	transition:all 0.3s ease-in-out;
	-webkit-trasition:all 0.3s ease-in-out;
}
footer .footer .contacto a.facebook:hover svg,
footer .footer .contacto a.facebook:focus svg,
footer .footer .contacto a.facebook:active svg {fill: var(--col1);}
footer .politicas {background-color: var(--col1);}
footer .politicas a {
	font-size: 14px;
	color: var(--col6);
	padding: 15px;
	padding-left: 0;
	transition:all 0.3s ease-in-out;
	-webkit-trasition:all 0.3s ease-in-out;
}
footer .politicas a:hover,
footer .politicas a:focus,
footer .politicas a:active {color: var(--col2);}
.ph_error404 {height: 90px; background-color: var(--col1);}
.error404 h1 {font-size: 120px; color: var(--col1);}
.error404 h2 {color: var(--col0); margin-bottom: 30px;}
div.sitemap li {
	line-height: 2.6;
	margin-left: 30px;
	list-style: none;
}
div.sitemap li a {
	font-size: 22px;
	font-weight: 400;
	color: var(--col0);
	transition:all 0.3s ease-out;
	-webkit-trasition:all 0.3s ease-out;
}
div.sitemap li a:hover,
div.sitemap li a:focus,
div.sitemap li a:active {color: var(--col1);}
div.sitemap li a.xmapexcl {display: none;}
.acymailing_form .acyfield_email {display: none;}
.acymailing_form label input {width: auto;}