/*
 * Descripción: Talleres Coysa
 * Copyright (c) 2022
*/


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

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

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

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

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

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

a{color: #4f5457;}
a:hover, a:focus {color: #414547;}/*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:#d81324; border:0px solid #2c338e; width:40px; height:40px;font-size:1.125em; padding:0px; line-height:40px; text-align:center}/*colordest*/
.scrolltop{
	clip-path: polygon(100% 0, 100% 0, 100% 60%, 77% 100%, 0 100%, 0 100%, 0 0);
}
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:#d81324; color:#fff;}/*colordest*/
::-moz-selection {background:#d81324; color:#fff;}/*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
=========================*/

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

footer{color:#999999 !important;}

.zona.xxl-size {padding: 6em 0;}

.full-height{height:100%; flex: 1 1 auto;}

.fondo-claro{background-color: #f2f5f6;}
.fondo-oscuro{background-color:#1c1c1c;}
.fondo-rojo{background-color:#d81325; color:white;}

.fondoheader {background: #fff url(../images/fondotop.gif) repeat;}
.fondologo {background-color: #f0f0f0; background: linear-gradient(#f0f0f0, #f0f0f0); text-align: center; height: 160px;}

.fondobot-diagonal {position:relative; width: 100%; height: auto; background-color: #d81325; overflow:hidden;}
.fondobot-diagonal:after {content: ""; position:absolute; width:100px; height:100px; right:-50px; bottom:-50px; transform:rotate(45deg); background-color:#1c1c1c;}

.fondo-bienvenida{background-image: url('../images/talleres-coysa-padre-hijo.jpg'); background-position:center; background-size: cover; min-height:30rem;}
.fondo-taller{background-image: url('../images/talleres-coysa-ferrari.jpg'); background-position:center; background-size: cover; min-height:25rem; clip-path: polygon(100% 78%, 83% 100%, 0 100%, 0 0, 100% 0);}

blockquote {background-color: #f2f2f2; font-style:normal; border-left:3px solid #e6e6e6;}

.estilo-blockquote2 blockquote{position: relative; font-weight: 600; line-height: 1.38; color: #071d2b; margin-top:40px; padding-bottom:20px; width: 100%!important; max-width: 100%!important; opacity: 1!important; background-color: transparent; border-left:0px;}
.estilo-blockquote2 blockquote:before {position: absolute; content: ''; background: #c1c1c1; width: 3px; height: 100%; left: 83px; top: 0;}
.estilo-blockquote2 blockquote .icon-box {position: absolute; left: 18px; top: 10px;}
.estilo-blockquote2 blockquote .text-box{padding-left:80px; padding-bottom:15px;}

.simple-parallax.fondoparallax{background-image: url(../images/fondoparallax.jpg);}

.fondo-diagonal-overlay {background-color: transparent; background-image: linear-gradient(120deg, transparent 77%, #d81325 50%); opacity: 1; height: 100%; width: 100%; top: 0; left: 0; position: absolute;}

.zona-top-menu {font-size: 0.9375em; color: white; height: 53px; width: 100%; background: #1c1c1c; display: flex; align-items: center;}
.zona-bottom-menu {width: 100%; height: 107px; display: flex; align-items: center;}

.zona-cita{position:absolute; right:0; top:53px; z-index:1; background:#d81325/*000*/; height:107px; width:10%; padding:0 0px; color:white; text-align:left}

.zona-cita * i{line-height:0; margin-right:3px;}

.fondo-esquina-top{background-color: transparent;background-image: linear-gradient(300deg, #d81324 20%, #ffffff 0%);}

.zona-sep-izq{padding-left:35px;}

@media (min-width:1600px) {
	.fondo-esquina-top {background-image: linear-gradient(300deg, #d81324 6%, #ffffff 0%);}
}
@media (max-width:1200px) {
	.zona-cita{width:12%;}
	.fondo-esquina-top {background-image: linear-gradient(300deg, #d81324 25%, #ffffff 0%);}
}
@media (max-width: 991px){
	.zona-sep-izq{padding-left:0px;}
	.zona-cita{width:5%;}
}
@media (max-width:640px) {
	.fondo-esquina-top {background-image: linear-gradient(300deg, #d81324 35%, #ffffff 0%);}
}

.logotipo {width: 125px; position: relative;}
.logotipo.s-size{width:105px;}

.borde-colder{border-left:1px solid #dbdfea;}

.img-big{max-width:200px}
.img-small{max-width:80px}

#mapacontacto {width:100%; height:400px; border-color:#e7e9ef;}

.lema{margin:20px 0; padding-left:20px; border-left:2px solid #7dae4c;}

.filter-rojo{filter: brightness(0) saturate(100%) invert(15%) sepia(76%) saturate(5505%) hue-rotate(348deg) brightness(86%) contrast(96%);}
.filter-oscuro{filter: brightness(0) saturate(100%) invert(9%) sepia(6%) saturate(7323%) hue-rotate(160deg) brightness(98%) contrast(97%);}
.filter-claro{filter: brightness(0) saturate(100%) invert(54%) sepia(3%) saturate(4%) hue-rotate(33deg) brightness(95%) contrast(87%);}

.img-content {position: relative; overflow: hidden; margin:0 auto; max-width:526px;}
.bottom-content {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(125,174,76, 1/*.8*/); padding: 20px 25px; -webkit-transition: .5s ease; transition: .5s ease; color:white; text-align:center;}
.bottom-content i{font-size:1.875em; vertical-align:middle}
.img-content:hover .bottom-content{background:#222327}

.zona-area{padding:40px 15px; text-align:center; color:white;}
.zona-area i{color:#828282; font-size:3.75em;}

.zona-imglados.l-size{min-height:35rem !important; background-size:cover !important;}

.borde-colclaro{border-left:1px solid #323233;}

@media (max-width: 991px){
	.zona-imglados.texto {padding-left: 1em !important;}
	.borde-colclaro{border-left:0px solid #323233; border-top:1px solid #323233;}
}

/*top*/
.listatop{margin:0px; display:inline-flex !important;}
.listatop li{color: #fff; display:inline-block; text-align:center; margin-right:15px; padding:0px;}
/*.listatop li:first-child{border-right:1px solid #323233; padding-right:10px}*/
.listatop li:last-child{margin-right:0px;}
.listatop li a{color: #fff; display:block; margin:0; text-decoration:none;}
.listatop li a:hover{color: #fff; text-decoration:none;}

.listatop i, .listatop i a {color:#d81325; font-size:1.125em; line-height: 1em; padding-right:2px; vertical-align:middle}
.listatop i:hover, .listatop i a:focus {color:#d81325!important;}

/*slider*/
.lemaslider-diagonal {position: relative; background-color: transparent; width:288px; height:50px; margin-bottom:10px}
.lemaslider-diagonal::before {content: ''; position: absolute; top: -50px; left: 0; width: 100%; height: calc(100% + 50px); clip-path: polygon(0 56%, 100% 56%, 89% 100%, 0% 100%); background:#d81325;}
.lemaslider-content {position: relative; z-index: 1; text-align:center; color:white; font-weight:600; font-size:1.125em; line-height:52px; padding-right:20px;}

.innerslider {justify-content: left; margin: auto; z-index:3}

.slidercontent {color:white; max-width:620px; padding:15px; margin-left:100px;}
.slider-text {font-size:3.125em; font-weight:500; color: #fff; line-height:1.2em; margin-bottom:20px;}
.slider-subtext{font-size:1em;color: #fff;}

@media (max-width: 640px){
	.slidercontent {margin:0px auto;}
	.slider-text{font-size:2em; margin-bottom:15px;}
	.slider-subtext{font-size:1em;}
	.slider-text{text-align:center; margin:0 auto 0 auto;}
}

/*slider lines animation*/
.lines{position: absolute; top: 0;left: 0; right: 0; height: 100%; margin: auto; width: 90vw; z-index:2;}  
.line{position: absolute; width: 1px; height: 100%; top: 0; left: 50%; background: rgba(255, 255, 255, 0.1); overflow: hidden; z-index:5;}
.line::after{content: ''; display: block; position: absolute; height: 15vh; width: 100%; top: -50%; left: 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
    animation: drop 7s 0s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
  
.line:nth-child(1){margin-left: -25%}
.line:nth-child(1)::after{animation-delay: 2s}
 
.line:nth-child(3){margin-left: 25%;}
.line:nth-child(3)::after{animation-delay: 2.5s}

@keyframes drop{
	0% {top: -50%}
	100%{ top: 110%}
}

/*imágenes*/
.img-content {position: relative; overflow: hidden; margin:0 auto; max-width:526px;}
.top-content {position: absolute; top: 0; left: 0; width: auto; background: rgba(216,19,37, 1); padding: 10px 45px 10px 20px; -webkit-transition: .5s ease; transition: .5s ease; color:white; text-align:center; clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);}
.top-content i{font-size:1.875em; vertical-align:middle}
.img-content:hover .top-content{background:#222327}

/*botones*/
.boton.minsize{min-width:140px;}
.boton.modificado{padding:15px 25px; font-size:0.875em; }

.boton-modificado span{display:inline-block; -webkit-transition: -webkit-transform .1s ease-in-out; -ms-transition: -ms-transform .1s ease-in-out; transition: transform .1s ease-in-out;}
.boton.modificado:hover span {transform: rotate(45deg); display:inline-block;-webkit-transition: -webkit-transform .1s ease-in-out; -ms-transition: -ms-transform .1s ease-in-out; transition: transform .1s ease-in-out;}

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

.boton.claro {color: #333333 !important; background-color: #f4f4f4;}
.boton.claro:hover,.boton.claro.bordered:hover, .boton.claro.active, .boton.claro.bordered.active {color: #000 !important; background-color: #f4f4f4!important;}
.boton.claro.bordered {color: #000!important; background-color: transparent; border:1px solid #f4f4f4;}

a.btn-texto {color: #d81325; margin-top:15px;}
.btn-texto:after {content:none;}
.btn-texto:before {content: "\002b"; display:inline-block;margin-right: 5px; -webkit-transition: -webkit-transform .1s ease-in-out; -ms-transition: -ms-transform .1s ease-in-out; transition: transform .1s ease-in-out;}
.btn-texto:hover:before {transform: rotate(45deg); display:inline-block}

/*listados*/
.listado-vertical.ofertas {max-width: 470px; border:0px; background-color:transparent;}
.listado-vertical.ofertas .zonatexto {padding:15px 0px 0px 0px;}

.oferta{position:absolute; top:10px; left:10px; z-index:1; background:#d81325; color:white; font-size:0.8125em; padding:2px 20px 2px 10px; text-transform:uppercase; cursor:default; clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);}

/*redes*/
.zona-redes{font-size: 1.4375em; margin-top:20px;}
.zona-redes a{color:#797979; margin-right:10px}
.zona-redes a:hover, .zona-redes a:focus{color:#fff;}

/*listas*/
ul.lista-imagen {padding: 0; margin:0 0 15px 0; list-style: none;}
ul.lista-imagen li {position: relative; margin:0px 20px 0px 0px; padding:14px 0px 15px 50px; color:#1c1c1c; font-weight:bold;} 
ul.lista-imagen li:before {position: absolute; height: 20px !important; width: 20px !important; top: 5px; left: 0px; content: url(../images/check.gif);}

.pagina-link {color: #526484;}
.pagina-link:hover {color: #526484;}

/*ubica*/
.zona-ubica {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color:white;
    background-color: #1c1c1c;
    background-image: url(../images/zona-ubica.jpg);
    position: relative;
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}

.page-breadcrumb{margin-left:15px;}
.page-breadcrumb li{color:#fff; font-size:1.025em; margin-top:5px;}
/**/.page-breadcrumb li:after{color:#d81325; content: "/"; right:-4px; top:0px; font-size:0.65em}
.page-breadcrumb li:before, .page-breadcrumb li:after {position: absolute; padding-right: 0; float: none; content: ""; left: -8px; top: 5px; width: 2px; height: 12px; background: #d81325;}
.page-breadcrumb li:last-child {color:#fff;}
.page-breadcrumb li a{color:#fff;}
.page-breadcrumb li a:hover{color:#d81325;}

/*share*/
.share i {top: 30%;}

/*abajo*/
ul.lnkaba{margin-left:20px;}
.lnkaba li {font-size:0.9375em; color:#fff; padding-left:15px;}
.lnkaba li:before{content: "+"; font-size:1.2em; position:absolute; top:2px; left:0px; color:#d81325; width: auto;margin-left: 0px; -webkit-transition: -webkit-transform .1s ease-in-out; -ms-transition: -ms-transform .1s ease-in-out; transition: transform .1s ease-in-out;}
.lnkaba li:hover:before{transform: rotate(45deg);}
.lnkaba li.none{padding-left: 0px;}
.lnkaba li.none:before{color:#fff; display:none;}

.lnkaba li a{ color:#fff;}
.lnkaba li a:hover, .lnkaba li a:focus {color:#fff}

.zona-abajo {padding-top:40px; color:white;}

@media (max-width: 991px) {
	.zona-abajo .logotipo {margin:0px auto;}
	ul.lnkaba{margin-left:0px;}
}