#altoimgparalax{
	height: 900px;
}

@media screen and (max-width:1200px){	
#altoimgparalax{
	height: 800px;
}	
}

@media screen and (max-width:1024px){	
#altoimgparalax{
	height: 500px;
}	
}

@media screen and (max-width:768px){	
#altoimgparalax{
	height: 400px;
}	
}

@media screen and (max-width:480px){	
#altoimgparalax{
	height: 250px;
}	
}

.phonehermes{
	position: absolute; right: 0px; bottom: 0px; width: 50%; max-width:650px;
}

@media screen and (max-width:768px){	

.phonehermes{
	width:65%;
	right: -4em;
	max-width:650px;
}	
}


.postheader .w100{
	max-width: 1000px;
}


@media screen and (max-width:480px){	

	
.postheader .w100{
	font-size: 0.8em;
}
	
	.phonehermes{
	width:75%;
	right: -4em;
	max-width:650px;
}
	
}



.pagewhere ul li{
	vertical-align: top;
	display: inline-block;
	margin-right: 2em;
	font-size: 0.5em;
	
}


@media screen and (max-width:480px){	

.pagewhere ul li{
	margin-right: 0.2em;
}

}
.margentop{
	margin-top: 3em;
}
.graybg{
	background: #f2f2f2;
}.section2{
	width: 90%;
	margin: auto;
	position: relative;
}

.textprincipal ul{
	padding: 2em 0em 2em 3em;
}

.textprincipal ul li{
	list-style: disc;
}


.allproducts h1{
	font-size:6em;
	display: inline-block;
	width: auto;
	padding-right: 2em;
	line-height: 1em;
	margin: 0em 0em;
}

.generales h1{
	font-size: 3em;
}



		@media screen and (max-width:1024px){
.allproducts h1{
	font-size: 3em;
}
}
		@media screen and (max-width:768px){
.generales h1{
	font-size: 2em;
}
		}

		@media screen and (max-width:480px){
.generales h1{
	font-size: 1.5em;
}
		}

.generales ::before,
.generales ::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-color: transparent;
    border-style: solid;
}


.generales ::after {
    border-width: 0.5em;
    border-right-color: #383838;
    border-top-color: #383838;
}

.products{
	overflow: hidden;
	padding-bottom: 2em;
	margin-bottom: 1em;
}
.products img{
	position: relative;
	left: -0%;
	transition: all ease-out 0.3s;
	margin-bottom: 2em;
}
.products:hover img{
	position: relative;
	left: -20%;
	margin-bottom: 1em;
}
.products h6{
	color:#D3D3D3;
}
.products:hover h6{
	color: #ff671b;
}
.productlist{
	margin-top: 4em;
	margin-bottom:7em;
}

.detalleproducto{
	padding:15% 0 5em 0;
	margin-bottom: 0em;
	z-index:5;
}


.imgproduct{
	width: 70%;
	height:100%;
	position: absolute;
	right: 0;
	top: 0px;
	
}



@media screen and (max-width:768px){
.detalleproducto{
	padding:4% 0 0em 0;
	margin-bottom: 0em;
	position: relative;
}
	
	

.imgproduct{
	width: 100%;
	position: relative;
}
}



.detalleproducto h1{
	position: relative;
}

.tittlesproduct{
	position: relative;
	z-index: 2;
	padding: 1em 0;
}


.tittlesproduct h1{
	padding-bottom:0.25em;
	display:inline;
}



.topsolicitaseguro{
	background: #ff671b;
	padding: 2em;
	margin-top: -5em;
	text-align: left;
	position: relative;
	z-index: 2;
}


@media screen and (max-width:768px){
.topsolicitaseguro{
	padding:1em;
}
	
}

.topsolicitaseguro img{
	width:68px;
}

.topsolicitaseguro h5{
	color:white;
}

.textprincipal{
	padding: 5em 0;
	font-size: 150%;
}

.textprincipal p{
	font-weight: 100;
} 

.textprincipal strong{
	 color: purple;
	font-size: 1.3em;
	font-weight: 500;
	color: #ff671b;
}

.textprincipal h5{
	color: #848484;
}



.menugotmore{
	padding:0.5em 3em;
	width: auto;
	display: inline-block;
	border: solid 2px #ff671b;
	color: #ff671b;
	border-radius: 30px;
	margin-bottom: 0.5em;
	transition: all ease-out 0.3s;
	cursor: pointer;
}
.menugotmore strong{
	color: #ff671b;
}



.menugotmore h5,.menugotmore i{
	color: #ff671b;
	font-size: 0.9em;
}



@media screen and (max-width:768px){
.menugotmore{
	text-align: center;
	padding: 0.5em;
	width: 100%;
}

	
}




#inline_content h4{
	color: white;
}
#inline_content hr{
	background: white;
	margin: 2em 0;
}

#inline_content input,#inline_content select{
	color: white;
	height: 3.5em;
}



.specialhr{
	width: 50%;
	max-width: 96px;
	border: none;
	height: 0.7em;
	background: #1a1a1a;
	margin: 2em 0;
	
}

.grayarea{
	height:45em;
	width: 100%;
	position: absolute;
	top:25em;
	background-image: url(../img/doodle.jpg);
	
}

.grayarea2{
	height:60%;
	width: 100%;
	background-image: url(../img/doodle.jpg);
	position: absolute;
	
}


.link1{
	color:#ff671b;
	padding: 0.5em 2em;
	border: solid 2px #ff671b;
	border-radius:40px;
	display: inline-block;
}

.postheader{
	padding-top:8em;
	position: relative;
	z-index: 2;
}


@media screen and (max-width:768px){	

	
.postheader{
	padding-top:6.2em;
}
	
}


.sliderside{
	margin: 1em auto;
}
								.swiper-container {
								width: 100%;
								height:100%;
							
								}
								.swiper-slide {
								text-align: left;
								font-size: 18px;
								background: #fff;
								/* Center slide text vertically */
								display: -webkit-box;
								display: -ms-flexbox;
								display: -webkit-flex;
								display: flex;
								-webkit-box-pack: center;
								-ms-flex-pack: center;
								-webkit-justify-content: center;
								justify-content: center;
								-webkit-box-align: center;
								-ms-flex-align: center;
								-webkit-align-items: center;
								align-items: center;
								}

								.myfloro{
								width:90%;	
								text-align: left;
								position: absolute;
								}

								.myfloro aside{
								width:50%;
								}


								@media screen and (max-width:1024px){

								.myfloro{
								position: absolute;
								left:3.2em;
								text-align: left;
								}

								.myfloro aside{
								width:70%;
								}	
								}


								.view1080{
								display: block;
								}
								.view720{
								display: none;
								}



								@media screen and (max-width:1024px){
								.view1080{
								display: none;
								}
								.view720{
								display: block;
								}

								}



								.cuentaopciones li{
								padding: 1em;

								}



								@media screen and (max-width:480px){
								.myfloro{
								position: absolute;
								left:2.5em;
								text-align: left;
								bottom:2.5em;
								width: 75%;
								}

								.myfloro aside{
								width:70%;
								}	


								.myfloro .discover{
								background: blue;
								display: none;
								}	

								}




.youwanted h5{
	color: white;
}
.youwanted h4{
	color: white;
}

.youwanted input,.youwanted  option,.youwanted  select,.youwanted {
	font-family: 'Merriweather', serif;
	border:none;
	border-bottom:solid 1px white;
	text-align:left;
	padding:0.5em;
	}

.youwanted h5 input,.youwanted h5 select{
	padding: 0px;
	height: 3em;
	text-align: center;
	}

@media screen and (max-width:480px){

	.youwanted h5 input,.youwanted h5 select{
	font-size: 1em;
	}
	
	.youwanted h5{
		margin-top:1em;
	}
	
}


.youwanted{
	position: relative;
	z-index: 2;
	background-color: #ff671b;
	padding: 2em;
	width: auto;
	display: inline-block;
	margin-top: -5em;
}





.nyl-natural-language-form__age{
display: inline-block;
width: 3em;
font-weight: 900;
color: white;
border-bottom: 1px solid white;
font-size: 1.5em;
}

.nyl-natural-language-form__want{
display: inline-block;
width: auto;
font-weight: 900;
color: white;
border-bottom: 0px solid white;
	font-size: 1.5em;
}


#principales{
	margin-top:1em;
	
}

#principales article{
	margin-top: 4em;
	transition: all ease-out 0.3s;
	border: solid 1px white;
	padding-bottom: 2em;
}

#principales article:hover{
	margin-top: 0em;
	border: solid 1px lightgray;
}

@media screen and (max-width:768px){	

#principales article{
	margin-top: 0em;
	transition: all ease-out 0.3s;
	border: solid 1px lightgray;
	padding-bottom:1em;
	margin-bottom: 1em;
}
	
}






.plan{
	width: 100%;
	height: 20em;
	background: lightgray;
	transition: all ease-out 0.3s;
}

.plan-desc{
	width: 100%;
	height: 12em;
	background: white;
	text-align: center;
	padding: 2em 1em;
	
}

#principales article p{
	height: 1px;
	transition: all ease-out 0.3s;
	opacity: 0;
	overflow: hidden;
}

#principales article:hover .plan{
	height: 17em;
}

#principales article:hover p{
	height:50px;
	opacity: 1;
}

.estudiantil{
	background-image: url(../img/cdn3.uvnimg.jpg);
	background-size: cover;
	background-position: center;
}

.vehicular{
	background-image: url(../img/family-kids-sitting-car-trunk.jpg);
	background-size: cover;
	background-position: center;
}

.personales{
	background-image: url(../img/hero3-img.jpg);
	background-size: cover;
	background-position: center;
}

.cotizadoronline{
	background-image: url(../img/hero4-img.jpg);
	background-size: cover;
	background-position: center;
}



#principales article .link1{
	margin-top: -2em;
	color:#ff671b;
	padding: 0.5em 2em;
	border: solid 2px white;
	border-radius:0px;
	display: inline-block;
	transition: all ease-out 0.3s;
}


#principales article:hover .link1{
	border-radius:40px;
	border: solid 2px #ff671b;
}


@media screen and (max-width:768px){	

#principales article .link1{
	margin-top: -2em;
	color:#ff671b;
	padding: 0.5em 2em;
	border: solid 2px #ff671b;
	border-radius:40px;
	display: inline-block;
	transition: all ease-out 0.3s;
}
	
	#principales article p{
	height: 50px;
	opacity: 1;
	overflow: hidden;
}
	
}



.hermesplus h5,.hermesplus h3,.hermesplus h4,.hermesplus i{
	color: white;
	transition: all ease-out 0.3s;
}

.vamos{
	margin: 2em 0;
}
.hermesplus h4 i{
	padding-left: 0.8em;
}

.hermesplus h4:hover i{
	padding-left: 2em;
}



.grilla{
	padding-top: 5em;
	text-align: center;
	
}

.grilla h6{
	color: #838383;	
}



.gridd{
	padding:4em 0;
	min-height: 5em;
	border-bottom: solid 1px lightgray;
	position: relative;
}

@media screen and (max-width:768px){	
.gridd{
	border: solid 1px lightgray;
}

}




.gridd aside{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ff671b;
	top: 0px;
	left: 0px;
	opacity: 0;
	transition: all ease-out 0.3s;
	padding: 1em;
	z-index: 1;
}

.gridd:hover aside{
	opacity:1;
}



.gridd aside p{
	color: white;
}


.centergridd{
	border-left: solid 1px lightgray;
	border-right: solid 1px lightgray;
}

.bottomgrid{
	border-bottom: none;
}

.leftgrid{
	border-left: solid 1px lightgray;
}

.iconogrid{
	width: 150px;
	height: 70px;
	margin: auto;
	background-position: center;
}




.garantias{
	background-image: url(../img/icons.png);
	background-position: -450px 0px;
}

.intereses{
	background-image: url(../img/icons.png);
	background-position: -890px 0px;
}

.apersonal{
	background-image: url(../img/icons.png);
	background-position: -1330px 0px;
}


.siniestros{
	background-image: url(../img/icons.png);
	background-position: -670px 0px;
}

.integral{
	background-image: url(../img/icons.png);
	background-position: -1110px 0px;
}

.cualificado{
	background-image: url(../img/icons.png);
	background-position: -1550px 0px;
}


.rentabilidad{
	background-image: url(../img/icons.png);
	background-position: -230px 0px;
}

.acliente{
	background-image: url(../img/icons.png);
	background-position: -1770px 0px;
}

.profesionales{
	background-image: url(../img/icons.png);
	background-position: -15px 0px;
}


.inside{
	text-align: center;
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 2;
	padding: 2em;
}

.tosuscribe{
	margin: 5em auto;
	text-align: right;
	position: relative;
}
.tosuscribe img{
	width: 50%;
}


@media screen and (max-width:1024px){	

	.inside{
	width: 100%;
	background: rgba(0,0,0,0.53);
}

	.tosuscribe img{
	width: 100%;
}
	
	
	.inside h4,.inside p,.inside input{
		color: white;
	}
	
	.tosuscribe{
	margin:1em auto;
}
	
	
}






.itemfooter{
	vertical-align: top;
	display: inline-block;
	width: auto;
	margin-bottom: 2em;
	max-width: 400px;
	padding-right:4em;
}


.itemfooter h6{
	margin-bottom:4em;
}



@media screen and (max-width:1024px){	


.itemfooter{
	width: 48%;
}
}




@media screen and (max-width:1024px){	

	.itemfooter p{
		font-size: 0.7em;
		padding-right: 0.5em;
	}
	
}


footer{
	padding: 8em 0 2em 0;
}


footer h5{
	padding: 2em 0;
	font-size: 0.7em;
	color: gray;
}


footer p{
	font-size: 0.85em;
	color: gray;
}


.vimi{
	background: #ff671b;
	padding: 6em 2em;
	margin-top: -10em;
}


.vimi h2,.vimi p{
	color: white;
}


.vimi2{
	padding: 6em 2em;
	margin-top: -10em;
}


.vimi2 h2,.vimi2 p{
	color: gray;
}


@media screen and (max-width:1024px){	

.vimi{
	background: #ff671b;
	padding: 2em 2em;
	margin-top:1em;
}

.vimi2{
	padding: 2em 2em;
	margin-top: 1em;
}
	
}




.menugotmore ol li{
	list-style: none;
	text-decoration: none;
	padding: 0.5em;
	color: red;
	border: none;
	opacity: 1;
}
.menugotmore ol li a{
	color: black;
}

.menugotmore ol li a:hover{
	color: #ff671b;
}


.link h5{
	font-size: 1.5em;
}


.coberturas{
	background: #EFEFEF;
	position: relative;
	height: auto;
	margin-bottom: 0.3em;
}
.coberturas table{
	position: absolute;
	height: 100%;
	width: 50%;
	text-align: center;
}

.coberturas table h4{
	text-transform: uppercase;
	font-size: 1em;
}




.numberfooter{
    font-size: 3em;
}

@media screen and (max-width:1024px){	


.numberfooter{
    font-size: 2em;
}
	
}


@media screen and (max-width:480px){	


.numberfooter{
    font-size: 1.5em;
}
	
}



.cotizazone{
	background: white;
	position: relative;
}

.cotizazone .insider{
	padding: 3em 0;
	position: relative;
}

.cotizazone .insider img{
	width:90%;  max-width: 470px;
}

.cotizazone .insider h3{
	color: #FF671C;
}

.cotizazone .insider button h3,.showresults button h3{
	color: white;
}
.acept-politic{
	width: auto; vertical-align: top; display: inline-block;
}

.compare{
	width: auto; vertical-align: top; display: inline-block; margin-top: 15px;
}
.text-politic{
	vertical-align: top; display: inline-block; margin-top:5px;
}






.table {
  width: 100%;
  border-collapse: collapse;
}

.table td,
.table th {
  padding: 12px 15px;
  border: 2px solid #f2f2f2;
  text-align: center;
background: white;
}

.table td{
  padding: 50px 15px;
}

.table th {
  background-color: #ff671d;
  color: #ffffff;
}
.table th h5 {
    color: #ffffff;
}


.table tbody tr:nth-child(even) {
  background-color: #d1e8f5;
}

/*responsive*/

@media (max-width: 768px) {
  .table thead {
    display: none;
  }

  .table,
  .table tbody,
  .table tr,
  .table td {
    display: block;
    width: 100%;
  }
  .table tr {
    margin-bottom: 15px;
  }
  .table td {
    padding-left: 50%;
    text-align: left;
    position: relative;
  }
  .table td::before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    width: 50%;
    padding-left: 15px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
  }
	
	.cobertura{
		display: none;
	}
}

@media (max-width: 1024px) {
	.cobertura{
		display: none;
	}
	
}

.headerresult{
	height: 60vh;
	width: 100%;
	background-image: url("../img/young-couple.jpg");
	background-position: center;
	background-size: cover;
	position: relative;
}
.headerresult h5{
	color: white;
}

.headerresult h5 span{
	font-size: 3em;
	color: inherit;
}
.icoheader{
	width: 50%;
	max-width: 160px;
}

.blackcode{
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.60);
	position: absolute;
	z-index: 1;
}

.headerresult table{
	position: relative;
	z-index: 2;
}

.listresults{
	position: relative;
	z-index: 2;
	margin-top: -50px;
	padding-bottom: 2em;
}

.showresults{
	padding-bottom: 6em;
}

.wantit{
	width: auto;
	position: relative;
	padding: 0.5em 3em;
	border-radius: 25px;
}

button{
	cursor: pointer;
}

.choises article{
	border: solid 2px white;
}

#inline_content input, #inline_content select{
	color: black;
}

.insidebrand{
	position: relative; vertical-align: top; display: inline-block; margin: 10px;
}




.actions{
	position: absolute;
	top: -10px;
	right: 0px;
}

.actions img{
	width: 35px;
}