/* -------------------------- Globals ------------------ */
body {
	padding-top: 5rem;
	font-family:'ProximaNovaExCnReg', Helvetica, sans-serif;
	font-size: 14px;
	overflow:initial;
	background: #f4f3f8;
}

.fixed-top {
	top: 35px;
	background: url(../img/logos/advantage-pt.png) no-repeat 95% 55%;
}

.jumbotron {padding: initial;border-radius: 0px;overflow:hidden;}
.bg-inverse {
	background-color: #dc182d !important;
	padding: 0;
}
.carousel-control-next, .carousel-control-prev {width:5%;}
.logo1 {
	position: fixed;
	top: -5px;
	left: 65px;
	z-index: 1035;
	height: 100px !important;
}

.navbar-brand {padding:0;}

.navbar-brand img {height: 60px;}

.titfot {
	border-bottom: 1px solid #dc182d;
	color: #dc182d;
}

.navbar-nav {font-size: 1.7em;}

.responsiveFooter .buttonWrap {
	border-bottom: 3px solid #585858;
	text-align: center;
	background: #f4f3f8;
}
.responsiveFooter .buttonWrap a:hover {background:#017d75}

.responsiveFooter .buttonWrap a {
	background: #585858;
	color: white;
	display: inline-block;
	font-family: "ProximaNovaExCnSbold";
	letter-spacing: 1px;
	line-height: .8;
	margin-bottom: -1px;
	moz-transition: background-color .2s ease-in-out;
	ms-transition: background-color .2s ease-in-out;
	o-transition: background-color .2s ease-in-out;
	padding: .7em .25em .7em 1em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease-in-out;
	webkit-transition: background-color .2s ease-in-out;
}
.responsiveFooter .buttonWrap a::before {
	content: "\e009";
	float: right;
	font-family: 'glyphs14';
	font-size: 20px;
	font-weight: bold;
	margin-top: -4px;
}

.responsiveFooter .col-sm ul {padding:0;}

.responsiveFooter .col-sm ul li {
	margin-bottom: .5em;
	font-size: 1.3em;
	line-height: 1.571em;
	color: #555;
	list-style: none;
}

.responsiveFooter .col-sm ul li a {
  color: #014c8c;
  text-decoration: none;
  border-bottom: solid 1px #014c8c;
  transition: all .2s ease-in-out;
	webkit-transition: all .2s ease-in-out;
}

.responsiveFooter .col-sm ul li a:focus, .responsiveFooter .col-sm ul li a:hover {
	color: #00803e;
	border-bottom: solid 3px #00803e;
}

.responsiveFooter .inner {width:70%;margin: 0 auto;}

video{width:100%}

.footerHeading {
	background: white;
	border-bottom: 1px solid #afafb0;
	border-top: 2px solid #585858;
	color: #1f1f1f;
	display: block;
	font-family: "ProximaNovaExCnLight",Tahoma,Helvetica,Arial,sans-serif;
	line-height: 1.15;
	margin-bottom: 0;
	padding: .75em 0;
	text-align: left;
	width: 100%;
	font-size: 1.7em;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 1em;
}

.responsiveFooter .col-sm .social li {padding-left: 40px;}

.twitter28Ico		 {background: url(../img/iconos/twitter.png) no-repeat top left; }
.facebook28Ico	 {background: url(../img/iconos/facebook.png) no-repeat top left; } 
.youtube28Ico		 {background: url(../img/iconos/youtube.png) no-repeat top left; }
.googleplus28Ico {background: url(../img/iconos/googleplus.png) no-repeat top left; }
.instagram28Ico	 {background: url(../img/iconos/instagram.png) no-repeat top left;background-size: 28px !important;background-position: 1px !important;}
.twitter28Ico, .facebook28Ico, .youtube28Ico, .googleplus28Ico, .instagram28Ico {background-size: 35px;background-position: -2px;}

.responsiveFooter .ctas {margin-top: 30px;}

.responsiveFooter .ctas li {
	box-sizing: border-box;
	display: block;
	margin-bottom: 1.1em;
	moz-box-sizing: border-box;
	padding: 1em 0 1em 64px;
	position: relative;
	text-align: left;
	webkit-box-sizing: border-box;
	width: 100%;
	text-transform: uppercase;
}

[class$="Diamond56Ico"]::after {
	content: "\e006";
	color: #00803e;
	z-index: 1;
	left: -5px;
	position: absolute;
	top: 19px;
	font-family: 'glyphs28';
	font-size: 55px;
}

[class$="Diamond56Ico"]::before {
	font-family: 'glyphs28';
	font-size: 50px;
	left: -2px;
	position: absolute;
	z-index: 2;
	color: white;
	top: 20px;
}

.findDealerDiamond56Ico::before {content: "\e002";}
.testDriveDiamond56Ico::before {content: "\e000";}
.brochureDiamond56Ico::before {content: "\e004";}
.helmetDiamond56Ico::before {content: "\e096";}

#premenu {
	position: fixed;
	top: 0px;
	z-index: 1031;
	background: rgba(255,255,255,1);
	height: 35px;
	width: 100%;
}

#premenu  ul {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	position: absolute;
	right: 36px;
}

#premenu ul li {
	float: left;
	padding:0 25px;
}

#premenu ul li a {
/*font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 0.7em;*/
	text-transform: uppercase;
	text-shadow: 0px 0px 3px white;
	color: #014c8c;
	text-decoration: none;
	/*border-bottom: solid 1px #014c8c;*/
	transition: all .2s ease-in-out;
	webkit-transition: all .2s ease-in-out;
	padding: 0;
	position: relative;
}

#premenu ul li a:hover {
	color: #00803e;
	border-bottom: solid 3px #00803e;
}

#premenu ul li a:before {
	content: "";
	position: absolute;
	top: 4px;
	width: 20px;
	height: 23px;
	left: -25px;
}
#premenu ul li a.user:before {background: url(../img/iconos/avatar.svg) center/cover;}
#premenu ul li a.cli:before {background: url(../img/iconos/icon-contact.png);}
#premenu ul li a.cit:before {background: url(../img/iconos/CITAPREVIA_ICON.png);left:-34px;width: 32px;height: 28px;}
#premenu ul li a.log:before {background: url(../img/iconos/icon-logout.png);}
#submenu {display:none;}

#premenu .dropdown-menu a {
	border-bottom: none;
	font-size: 1.4em;
	padding-left: 10px;
	width: auto;
}

#premenu .dropdown-menu a:hover {
	border:none;
	background:rgba(0,0,0,.2);
}	

div #misdatos {
  position: relative;
  padding: 15px;
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08);
  margin: 0px auto;
}

.followMeBar {
	background: #d8182d;
	padding: 5px;
	position: relative;
	z-index: 11;
	color: #fff;
	margin: 0 !important;
	font-size: 20px;
}

.accordion {font-size: 1.2em;}
.accordion-content {padding-right:15px;}

.micita, .miconse {width: 55% !important;}
.contact {width: 65% !important;}
.secondbacktop {display:none;}

input[type="text"], input[type="file"], input[type="password"], input[type="number"], input[type="email"] {
	font-size: 25px;
	padding: 5px 5px;
	line-height: 24px;
	height: initial;
}

input[type="password"], input[type="email"] {
	padding-left: 40px;
	padding-top: 6px;
	width: 86%;
}

.email:before, .password:before {
	position: absolute;
	margin-top: 9px;
	margin-left: 5px;
	content: '';
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-size: cover;
}

.email:before {
	background-image: url(img/message.svg);
}
.password:before {
	background-image: url(img/key.svg);
}

#menumanuales {
	background: white;
	width: 74%;
	position: relative;
	background-color: #ffffff;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08);
	margin: 25px auto;

}
#menumanuales h1 {
	text-align: center;
	padding: 10px;
}
#xcatal {
	width: 98%;
	margin: 0 auto;
	font-size: 1.3em;
}
#xcatal h2 {border-bottom: 1px solid #00803e;}

#menuservicios {
	background: white;
	position: relative;
	background-color: #ffffff;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08);
	margin: 0px auto;
	padding: 15px;
}
#menuservicios ul {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	list-style: none;
	padding: 70px;
	margin: 0 auto;
}
#menuservicios ul li {
	float:left;
  padding: 0 30px;
  position: relative;
  height: 50px;
}
#menuservicios ul li a {
	font-size: 1.5em;
	text-transform: uppercase;
	color: #014c8c;
	text-decoration: none;
	transition: all .2s ease-in-out;
	webkit-transition: all .2s ease-in-out;
	padding: 0;
}

#menuservicios ul li a:after {
	content: "\e006";
	color: #00803e;
	z-index: 1;
	left: -16px;
	position: absolute;
	top: -20px;
	font-family: 'glyphs28';
	font-size: 44px;
}

#menuservicios ul li a:hover {
	color: #00803e;
	border-bottom: solid 3px #00803e;
}
#menuservicios ul li a.cli::before {
/*FontAwesome \f096*/
content: "\f10b";
font-family: FontAwesome;
font-size: 32px;
top: -10px;
left: -2px;
}
#menuservicios ul li a.myh::after {
	content:"";
}
#menuservicios ul li a.myh::before {
	content: "";
	background: #dc182d url(../img/logos/myhonda.png);
	width: 115px;
	height: 40px;
	background-size: 100%;
	background-repeat: no-repeat;
	top: 0px;
	left: 6px;
}

#menuservicios ul li a.cit::before {content: "\e003";}
#menuservicios ul li a.man::before {content: "\e004";}
#menuservicios ul li a::before {
	content: "";
	position: absolute;
	top: -24px;
	color: white;
	width: 40px;
	height: 40px;
	left: -19px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	font-family: 'glyphs28';
	font-size: 48px;
	z-index: 2;
}
#menuservicios h1 {
	text-align: center;
	padding: 10px;
}

.downloadLink a::before {
	font-size: 28px;
	content: "\e01f";
	font-family: 'glyphs14';
	line-height: 1;
	vertical-align: top;
	left: 12px;
	position: absolute;
}

.downloadLink a {
	text-transform: uppercase;
	font: 0.8em "ProximaNovaExCnSbold",Tahoma,Helvetica,Arial,sans-serif;
	letter-spacing: 0.5px;
	color: #00803e;
	text-decoration: none;
	transition: all .2s ease-in-out;
	webkit-transition: all .2s ease-in-out;
	padding: 0;
	margin-left: 25px;
}

.downloadLink a:hover {
	border-bottom: solid 3px #00803e;
}

.contact p {font-size: 1.3em;}
@media only screen and (max-width: 990px) {
	.logo1 {display:none;}
	.fixed-top {
		background: url(../img/logos/advantage.png) no-repeat center 20px;
	}
}
.imgcontact {width:175%;}

.col-md-6 h3 {
	color: black;
	font-weight: inherit;
	font-size: 1.1rem;
	line-height: 30px;
}

.col-md-6 .btn-danger {
	background-color: #dc182d !important;
	font-size: 1.2rem;
}

#navbarsDefault .nav-link:hover {
	text-decoration: underline;
	text-decoration-style: solid;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

.navbar-toggler span {
   display: block;
   background-color: #444;
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}

.phone {width:25% !important;}
@media only screen and (max-width: 768px) {
	.completa {width: 100% !important;}
	.phone {width:45% !important;}
	.dropdown-select{
		font-size: 20px;
		background: white;
		border:none;
		position: relative;
		-webkit-appearance: none;
		padding-right: 10px;
		border: 1px solid #c2c2c2;
	}
	.dropdown-select:focus{
		outline: none;
	}
	.plain-selector{
		margin: 0;
	}
	.plain-selector::after{
		content: "";
		position: absolute;
		z-index: 2;
		top: -1px;
		height: 0;
		width: 0;
		right: 6px;
		border-top: 10px solid black;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		pointer-events: none;
	}
	.out-selector{
		position: relative;
	}
}

@media only screen and (max-width: 768px) {
	.imgcontact {width:85%;}
	.niv1 {
		border-bottom: 1px solid #00803e;
		padding-bottom: 15px;
		margin-bottom: 5px;
	}
	#menumanuales {width:initial;margin: 4px auto;}
	#xcatal h2 {text-align: right;}
	#menuservicios {width:initial;margin: 4px auto;padding: 0px;}
	#menuservicios ul {
		padding: 20px;
    margin: 0 auto;
    width: 80%;
	}
	#menuservicios ul li {
		float: none;
		padding: 0 40px;
		position: relative;
	}
	.carousel-item img, .itm-fondo {display:none !important;}
	.carousel-item .novideo > img {
		display:block !important;
		object-fit: none;
		object-position: 2% -100px;
		height: 205px !important;
	}
	.carousel-item iframe {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 210px !important;
	}
	.carousel-control-next, .carousel-control-prev {width: 12%;}
	nav {padding-left: 0px !important;}
	.logo1 {display:none;}
	#premenu {display:none;}
	#submenu {display:block;}
	.fixed-top {
		top: 0px;
		background: url(../img/logos/advantage.png) no-repeat center 20px;
		background-size: 170px;
	}
	body {padding-top: 2.5rem;}
	.responsiveFooter .inner {width:90%;margin: 0 auto;}
	.accordion-content {padding-right:0px;}
	.bloc-d-e h3 span {width: initial;}
	.container {padding-right: 5px;padding-left: 5px;}
	.row {margin-right: 0px;margin-left: 0px;}
	div #header-datos {background-size: 70%;width:initial;}
	.micita {
		width:initial !important;
		background:none;
		padding:0px !important;
	}
	.inputItem div label {width: 35%;padding: 0;font-size:16px;}
	/*.d-e {width: 58%;}*/
	.d-e {
    width: 100%;
    max-width: 100% !important;
	}
	.div-w-led:before {top: 2px;}
	select.d-e {
		height: 36px;
		font-size: 25px;
	}
	#textlegal {width: 100% !important;}
	.navbar-inverse span {font-size: 25px;}
	.secondbacktop {display:block;}
	#recADV {overflow: initial;}
	div #misdatos {margin: 4px auto;}
	.more-link {font-size:14px;}
	.logoFooter {text-align:center;}
	.responsiveFooter .ctas {margin-top: 0px;}
	.contact, .miconse {width:initial !important;}
	.navbar-collapse {max-height: 320px;overflow-y: auto;}
	.dropdown-menu {width:90%;}
	.dropdown-item {font-size:1.3em;}
	.carousel-indicators {bottom: -12px;}

	form input[type=text], form textarea {width:100%; max-width:none;}
	select.d-e {width:100% !important;};
}