/*
 * Descripción: ANCA / KTM
 * Copyright (c) 2021
*/


/*=========================
	   Google Fonts
=========================*/

@font-face {
    font-family: 'Blender Pro';
    src: url('BlenderPro-Medium.eot');
    src: local('Blender Pro Medium'), local('BlenderPro-Medium'),
        url('../fonts/BlenderPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BlenderPro-Medium.woff2') format('woff2'),
        url('../fonts/BlenderPro-Medium.woff') format('woff'),
        url('../fonts/BlenderPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400&display=swap');

/*
	font-family: 'Roboto Condensed', sans-serif;
*/

/*=========================
        Generales
=========================*/

strong, b{font-weight:700;}
.semibold, semibold {font-weight:600;}

.normal{font-weight:400;}
.thin{font-weight:300;}

a{color: #000;}
a:hover, a:focus {color: #000;}/*cambia color*/

.linea {background:#dbdfea;}
.linea.footer {background:#38393c;}

.imgborde{border:1px solid rgba(0,0,0,0.15);}

hr {background: #dddddd;}

.mark, mark {background-color: #fcf8e3;}

.scrolltop{color:#fff; bottom:20px; right:20px; border-radius:0%; background:#ff6600; border:0px solid #2c338e; width:40px; height:40px;font-size:1.125em; padding:0px; line-height:40px; text-align:center}/*colordest*/
a.scrolltop, a:hover .scrolltop , a:focus .scrolltop {color:#fff;}

#dimensions {background:#000\9; background-color:rgba(0, 0, 0, 0.8); color: #fff;}

::selection {background:#ff6600; color:#000;}/*colordest*/
::-moz-selection {background:#ff6600; color:#000;}/*colordest*/

.whatsapp-box{bottom:30%}
a.whatsapp-box{color:white; line-height:1.775em;}

.header-modal.privado{background-color:#4e5bf2; color:white;}/*colordest*/

.header-modal.login{background-color:#000;}
.header-modal.login .cerrar-modal a{color:#fff;}
.header-modal.login + .content-modal{background-color:#000;}
.header-modal.bordetop{border-top:4px solid #4e5bf2; padding-bottom:0px;}/*colordest*/

.page-wrapper {background-color: #ffffff;}

.fondo-oscuro{background-color:#1c1c1c; color:white;}

.caja {border: 1px solid rgba(0,0,0,0.1); background-color: #fff; padding: 2em 15px;}
.caja.sepaba{margin-bottom:20px;}

.nav-link.disabled{color:#6c757d;}
.nav-tabs{border-bottom:1px solid #ececec;}
.nav-tabs .nav-link{border-top-left-radius:.85rem; border-top-right-radius:.85rem; background-color:#e5e7ed; margin:0 1px; text-align:center}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #e5e7ed}
.nav-tabs .nav-link.disabled{color:#6c757d;}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057; background-color:#fff; border-color:#e5e7ed #e5e7ed #fff}
.nav-pills .nav-item{ font-size:0.9375em;}
.nav-pills .nav-link:hover{background-color:rgba(0,0,0,0.03);border-radius: 50px;}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff; background-color:#bf4831;border-radius: 50px;}

.zona-full-tabs > .nav-tabs > .nav-item > .nav-link:focus, .zona-full-tabs > .nav-tabs > .nav-item > .nav-link:hover{border:1px solid #e5e7ed; border-bottom:0px solid #e5e7ed; background-color:#fff;}
.zona-full-tabs > .nav-tabs > .nav-item > .nav-link.active{color:#b42121; background-color:#fff; border-bottom:2px solid #fff; font-weight:700;}

.nav-tabs-raya{border-bottom:1px solid transparent;}
.zona-full-tabs{border-bottom:1px solid rgba(0,0,0,0.16);}
.nav-tabs-raya .nav-item{color:#343a40;}
.nav-tabs-raya .nav-item .nav-link{background-color:transparent}
.nav-tabs-raya .nav-item .nav-link::after{background:#000;height:1px;}/*cambia color*/
.nav-tabs-raya .nav-item .nav-link.active{color:#000}/*cambia color*/

a.subrayar {background-image: linear-gradient(black, black);}

a.btn-texto {color: #0c54a0;}
.btn-texto:after {content: "\203A";}

.miniform{border: 1px solid #cccccc; background: #fff; color: #666;}
.miniform::-moz-placeholder {color: #666666; opacity: 1;}
.miniform:-ms-input-placeholder {color: #666666;}
.miniform::-webkit-input-placeholder {color: #666666;}

.zona-date-table {background:#f2f2f2; background:rgba(255,255,255,0.6); position: -webkit-sticky; position: sticky; top: 20px;}

.stock.no{background:#e5352f;}
.stock.si{background:#41b849;}

p.preciocarro{color: #e1206b;}
p.preciocarro span{color:#666;}

.imgcompra{border:1px solid #dbdbdb;}

.gmap iframe{border:0px solid #e7e7e7;}
.gm-style .gm-style-iw {background-color: white !important;}

.imgmini-vertical{min-width:130px;}
.imgmini-vertical .zonaimagen{position:relative; background-color:white; height:142px; display:flex; justify-content: center; align-items: center; background:white;}
.imgmini-vertical .zonaimagen img {position:relative; max-height :140px;}

.top-urgente {background-color: #fbb700; color:black;}
.top-urgente p {color: #000000;}
.top-urgente p a, .top-urgente p a:hover, .top-urgente p a:focus{color:black;}
.top-urgente p span {background-color: #ff3c00; color:white;}
.topurgente-close {color: black;}

#infotopbar{color: #000; background-color: #fff7dd;}
.infotopbar-close {color: #000;}

code {font-size: 87.5%; color: #ff63a5; word-wrap: break-word;}
.code-tag {color: #816bff;}
.code-class {color: #ff63a5;}

/*=========================
          CUSTOM
=========================*/

.fondo-naranja{background-color:#ff6600;}
.fondo-negro{background-color:#000000;}
.fondo-gris{background-color:#c6c6c6;}
.fondo-gris-oscuro{background-color:#878787;}
.fondo-gris-claro{background-color:#d0d0d0;}
.fondo-gris-clarito{background-color:#ececec;}

.position-abajo-iquierda{position:absolute; bottom:15px; left:15px;}
.position-arriba-iquierda{position:absolute; top:0px; left:0px; right:0px;}

.bloque-transparente{display:table; width:100%; padding:10px; background-color:rgba(0,0,0,0.6);}

/*header video*/
.header {height: 100vh; overflow: hidden;}
.zona-texto-header{position:absolute; top:0; left:0; height:100vh; width:100%; background:rgba(0,0,0,0.5)}
.zona-top-logos{position:absolute; top:20px; z-index:1; padding:20px}
.centerh1{display: flex; justify-content: center; align-items: center; margin: auto; position: absolute; z-index: 1; width: 100%; height: 100%;}
.bg-img {background-size: cover; background-repeat: no-repeat;}
#v1{background: #000; height:100vh !important;}
.scroll-bot {position: absolute; bottom: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; z-index: 5;}


/*botones*/
.boton.modificado{ font-size:1em; height:50px; padding:0px 20px; line-height:48px; min-width:200px; max-width:328px;}

.boton.naranja {color: #fff !important; background-color: #ff6600; font-weight:normal; border:2px solid #ff6600;}
.boton.naranja:hover,.boton.naranja.bordered:hover, .boton.naranja.active, .boton.naranja.bordered.active {color: #ff6600 !important; background-color: transparent!important;  border:2px solid #ff6600;}

.boton.negro {color: #fff !important; background-color: #000 !important; font-weight:normal; border:2px solid #000;}
.boton.negro:hover,.boton.negro.bordered:hover, .boton.negro.active, .boton.negro.bordered.active {color: #000 !important; background-color: transparent!important;  border:2px solid #000;}

.boton.naranja.invert {color: #ff6600 !important; background-color: transparent!important;  border:2px solid #ff6600;}
.boton.naranja.invert:hover,.boton.naranja.invert.active {color: #fff !important; background-color: #ff6600 !important; font-weight:normal; border:2px solid #ff6600;}

/*parallax*/
.simple-parallax {background-color:#fff;}
.simple-parallax{padding:12em 0em;}
.simple-parallax.fondoportada{background-image: url(../images/parallax-portada.jpg);}
.tituloparallax{font-size:3em; line-height:1em; font-weight:800; color:white; text-align:center;}

/*imágenes hover*/
.content {position: relative; margin: 20px auto; overflow: hidden; display:block}
.content .content-overlay {background: rgba(0,0,0,0.7); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.content:hover .content-overlay{opacity: 1;}

.content-image{width: 100%;}

.content-details {position: absolute; text-align: left; padding-left: 0em; padding-right: 0em; width: 100%; height:100%; top: 50%; left: 50%; opacity: 1;
  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background: rgba(0,0,0,0.7);
}

.content:hover .content-details{top: 50%; left: 50%; opacity: 1;}

.content-details h3{color: #fff; font-weight: 500; margin-bottom: 0.5em; text-transform: uppercase; width:100%; padding:10px 15px;}
.content:hover .content-details {background:transparent}

.content-details p{color: #fff;}

.fadeIn-bottom{top: 138%;}

@media (min-width: 768px) {.fadeIn-bottom{top: 135%;}}
@media (min-width: 992px) {.fadeIn-bottom{top: 130%;}}
@media (min-width: 1200px) {.fadeIn-bottom{top: 132%;}}
@media (min-width: 1400px) {.fadeIn-bottom{top: 135%;}}
@media (min-width: 1800px) {.fadeIn-bottom{top: 138%;}}

/*formularios*/
.boxShadow{border: solid 1px #000; background-color: #fff; padding:15px; box-shadow: 6px 6px #d0d0d0; -moz-box-shadow: 6px 6px #d0d0d0; -webkit-box-shadow: 6px 6px #d0d0d0; -o-box-shadow: 6px 6px #d0d0d0;}

.box-contacto {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.box-contacto .icono {margin-right: 10px; display: -webkit-inline-box;  display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0;  -ms-flex: 0 0 auto;  flex: 0 0 auto; background:red}
.box-contacto .datos {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}


.ktmform{font-size:1em; border:1px solid #000;}
.ktmform:focus {border-color: #ff6600; color:black}