/*:::: Styles by: MarPF (dgmarianaperez) ::::*/

body {font-family:'Oswald', Arial, sans-serif; font-size:14px; line-height:18px; color:#1a1a1a; background-color:#dfdfdf;}
p, .arial, .form-control {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#1a1a1a;}
.arial, .form-control {margin-top:-20px;}
strong, .card-link, .btn-outlet, .btn-news, .politicas a {/*font-family:'Oswald', Arial, sans-serif; font-weight:700;*/ font-family:'Conv_EngraversGothicBT-Heavy', serif;  font-weight:normal; color:#095ba5;}
.no-cursor {cursor: none;}

.header {background-color:#FFF; padding-top:14px;}

.tabs-marcas {display:block; width:93%; text-align:center; margin:14px 3.5% 0;}
.navbar {padding-right: 0; margin-right: -30px; /*margin-right: -45px;*/}
.navbar li:last-child {padding-right:40px;}
.navbar-toggler {border:solid 2px #095ba5; position: absolute; right: 45px; top: 6px;}
.custom-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(9, 91, 165, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.nav-tabs {border-bottom:0;}
.nav-tabs .tabs-marcas .nav-item {display:inline; text-align:center;}
.nav-tabs .nav-item .btn-marca {border:solid 1px #eaeaea; display: inline-block; padding:3px; margin:5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.nav-tabs .nav-item .btn-marca:hover, .nav-tabs .nav-item .btn-marca.active {border:solid 4px #fdb406; padding:3px; margin:2px;} /*el borde se compensa con el margin*/

.pleca-gris {background:#eaeaea; color:#555; height:36px;}
.pleca-gris-before {width: 40px; height: 0; border-style: solid; border-width: 0 0 36px 40px; border-color: transparent transparent #eaeaea transparent; margin-left:-40px;}
.pleca-gris .nav-link {color:#555; font-size:14px; letter-spacing:1px; margin:0 10px; text-transform:uppercase; border-bottom:solid 4px #eaeaea;  padding-bottom:4px; font-family: 'Conv_EngraversGothicBT-Regular', serif;}
.pleca-gris .nav-link:hover {border-bottom:solid 5px #fdb406;}
.pleca-gris .nav-link.active {background:none; border:0; border-bottom:solid 5px #fdb406;}

.linehr {border-bottom:solid 3px #095ba5;}
.tab-content, .linehr, .tab-pane .row {/*margin:0 -15px;*/ margin: 0;}
.no-scroll {overflow: hidden !important;}
.tab-pane .col-12 {padding: 0;}

.acordeon {background:url(../images/yellow.jpg) repeat-x; min-height:52px;}
.acordeon .card-link {width:99%; height:52px; display:block; font-size:22px;}
.acordeon .card-link:after {content: url("../images/view-less.png"); float: right; display: inline-block; width: 40px; height: 40px; padding-top:4px; padding-right:30px;} 
.acordeon .card-link.collapsed:after { content: url("../images/view-more.png"); padding-top:4px; padding-right:30px; } /*content: "-";*/

.fondo-trapecio {position:relative; top:0; height:52px; width:280px; background:#FFF; -webkit-clip-path: polygon(0 0, 100% 0, 93.6% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 93.6% 100%, 0% 100%); display:inline-block; padding:15px 20px;}
.fondo-trapecio-gris {position:relative; top:0; height:260px; width:280px; background:#CCC; -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%); display:inline-block; padding:15px 20px;}

.barra-titles {text-transform:uppercase; height:240px; display:block; width:280px; background:#fff; -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%); font-family:'Oswald', Arial, sans-serif; padding:15px 20px; margin-top: -52px; margin-left: -15px;}
h1 {/*font-weight:700;*/ font-family:'Conv_EngraversGothicBT-Heavy', serif;  font-weight:normal; color:#095ba5; font-size:20px; line-height:24px; letter-spacing:2px;}
h2 {font-weight:normal; color:#555; font-size:16px; line-height:20px; margin-top:24px; width: 80%;}
.textos p:nth-child(0n+1) {display:inline-block; width:80%; margin-left:15%; margin-top:10px;}
.textos p:nth-child(0n+2) {display:inline-block; width:84%; margin-left:11%;}
.textos p:nth-child(0n+3) {display:inline-block; width:88%; margin-left:7%;}
.textos p:nth-child(0n+4) {display:inline-block; width:91%; margin-left:4%;}
.textos p:nth-child(0n+5) {display:inline-block; width:94%; margin-left:1%;}
strong, .politicas a {font-size:16.5px; letter-spacing: 1px;}

.footer {background:#095ba5; height:100px; color:#FFF; font-size:12px; margin-top:70px;}
.social-icons {margin-top:-20px; text-align:right; padding-right:5%;}
.footer-outlet {margin-top:-20px; padding-left:5%;}
.footer .col-md-6 {padding:30px 5% 0;}
.footer a {color:#FFF;}

.btn-outlet, .btn-news {font-family:'Conv_EngraversGothicBT-Heavy', serif; color:#FFF; line-height: 30px; padding:2px 20px;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; letter-spacing:2px; /*text-transform:uppercase;*/ font-weight:normal; font-size:14px;}
.btn-outlet:hover, .btn-news:hover { color:#FFF; text-decoration:none}
.btn-outlet, /*{background-color:#095ba5;}*/
.btn-news {background-color:#fdb406;}
.btn-outlet {line-height: 46px; padding:8px 20px;}

.nosotros img {width:100%; height:auto;}
.carousel-indicators li {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: #095BA5;
}
.carousel-indicators .active {
  background-color:#fdb406;
}
.form-control {margin:4px 0; width:92%}
.mapouter{position:relative;text-align:right;height:500px;width:100%;}
.gmap_canvas {overflow:hidden;background:none!important;height:500px;width:100%;}


@media screen and (max-width:1200px) and (min-width:768px) {
	.no-scroll img {width: 100%; height: auto;}
}

@media screen and (min-width:768px) {
	.fondo-large {background-size:cover;}
	.fondo-large .barra-titles {height:360px; -webkit-clip-path: polygon(0 0, 100% 0, 58% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 58% 100%, 0% 100%);}
}
	
@media screen and (max-width:767px) {
	.tabs-marcas {width:100%; margin:40px 0 0;}
	.barra-titles {height:110px; -webkit-clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%); width:90%; margin-bottom:30px;}
	.acordeon {background-size: cover; padding-bottom:30px;}
	.acordeon p {width:90%; margin-left:5%;}
	.acordeon h2 {width: 90%;}
	.navbar-collapse.show .pleca-gris {height: 232px; margin-top: 40px; padding-left: 30px;}
	.navbar-collapse.show .pleca-gris-before {margin-left: 0;}	
	.nosotros img {display:none;}
	.form-control {margin:4px 0; width:92%}
	.footer .col-md-6 {
    padding: 10px 5% 0;
	text-align: center !important;
	}
	.tab-pane .acordeon a img.m-auto {
    width: 100% !important;
    height: auto !important;
	}
	.no-scroll img {width: 140%; height: auto;}
	.flota-end {float: right;}
	}
@media screen and (max-width:640px) {
	.form-control {width:100%;}
	}
@media screen and (max-width:540px) {
	.barra-titles {height: 148px; -webkit-clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%); width: 94%;}
	.acordeon p {width:98%; margin-left:1%;}
	.btn-marca img {width:122px; height:49px;}
	.acordeon h2 {width: 95%;}
	.header .text-right {padding-right:0;}
	.footer {font-size:13px; letter-spacing:0.4px; margin-top: 120px;}
	.container-fluid {
		height: 100% !important;}
	.embed-responsive {height: 100vh !important;}
	}
/*@media screen and (max-width:480px) {	
	.nav-tabs .nav-item .btn-marca.active {
		border: solid 1px #eaeaea;
		display: inline-block;
		padding: 3px;
		margin: 5px;
	}
}*/