@charset "utf-8";
:root {
  --color-red: #fc041f;
}
*{outline:none !important}
html{height:100%;}
body{
	font-family:"Arial", sans-serif;
	font-size:14px;	
	color:#616161;
	min-width:320px;
	margin:auto;
	background:#fff;
	line-height:19px;
	overflow-x: hidden;
}
@font-face {
  font-family: "Freight Sans Bold";
  src: url("../fonts/Freight-Sans-Bold-SC.otf");
}
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/myriadpro-regular.otf");
}
@font-face {
	font-family: "SupremeLLTT Light";
	src: url("../fonts/SupremeLLTT-Light.ttf");
}
@font-face {
	font-family: "Lato", serif;
	src: url("../fonts/SupremeLLTT-Regular.ttf");
}
@font-face {
	font-family: "SupremeLLTT Medium";
	src: url("../fonts/SupremeLLTT-Medium.ttf");
}
@font-face {
	font-family: "SupremeLLTT Bold";
	src: url("../fonts/SupremeLLTT-Bold.ttf");
}
@font-face {
	font-family: "Lato", serif;
	src: url("../fonts/SupremeLLTT-Black.ttf");
}
body p{font-family:inherit;font-size:inherit;color:inherit; line-height:normal}
.container{margin:auto; line-height:23px; text-align:justify; 
	position:relative; color:#757575; max-width: 1890px;}
.container::before,
.container::after{display:block; content:""; clear:both;}
.animar{transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;}
#header{
	width: 100%;
	z-index: 3;
	height: 200px;
	padding-top: 0px;
	position: absolute;
	top: 0;
	left: 0;
}
#darkTop{
	position: relative;
	margin-top: 56px;
} 
.contentDarkTop{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 2;
	height: 75px;
}
#logo{
	width: 254px;
	z-index: 4;
	margin-left: 109px;
	display: none;
}
#logo a{
	position: relative;
	z-index: 2;
}
#logo img{
	display: block;
	max-width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
}
#redes{
	height: 50px;
	width: auto;
	display: flex;
	align-items: center;
	padding-left: 0px
}
#redes a{
	width: 42px;
	height: 42px;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	margin-right: 12px;
	background: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
}
#redes a:nth-child(2){
	align-items: flex-end;
	font-size: 18px;
}
#redes a:last-child{
	margin-right: 0;
}
#redes a .fa{
	display: none;
}
#redes a:hover,#redes a:focus{
	opacity: 0.85;
	transform: scale(1.15);
	text-decoration: none;
}
#redes a img{
	height: 60%;
}
#redes a img.hover2{
	display: none;
}
#redes a:nth-child(2) img{
	height: 80%;
	margin-bottom: -1px;
}
#redes a.tk img{
	height: 55%;
}
#redes a.yt img{
	height: auto;
	width: 60%;
}
#redes a svg{
	fill: #fa051f;
	width: 24px
}
#redes a.fb svg{	
	width: 21px
}
.mailTop a{
	display: inline-flex;
	align-items: center;
	color: #fff;
	font-family: "SupremeLLTT Medium";
	font-weight: 500;
	font-size: 17px;
	line-height: 30px;
	letter-spacing: 0.05px;
}
.mailTop a img{
	margin-right: 11px;
	margin-top: 5px;
}
.mailTop a:hover,.mailTop a:focus{
	text-decoration: none;
	color: #fff;
}
#topMenu{
	padding-top: 9px;
	height: 68px;
	width: 100%;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 1px 20px 6px rgba(255, 255, 255, 0.8);
}  
#menu{
	margin: auto;
	height: 68px;
	text-align: center;
	display: none;
}
#menu> ul{
	margin: 0;
	display: inline-block;
}
#menu> ul::before,
#menu> ul::after{
	display: block;
	content: "";
	clear: both;
}
#menu >ul> li{
	float: left;
	position: relative;
	padding: 0 35px;
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#menu >ul> li >a{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: transparent;
	font-size: 15.51px;
	font-family: "SupremeLLTT Medium";
	font-weight: 500;
	line-height:normal;
	text-align: center;
	letter-spacing: 0.05px;
	text-transform: uppercase;
	color: #010101;
	padding: 0px;
	height: 68px;
	cursor: pointer;
}
#menu >ul> li >a::before{
	display: block;
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 2px;
	transform: scaleX(0);
	z-index: 0;
  	background: #010101;
    transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}
#menu>ul> li:first-child{
	padding-left: 0px;
	display: none;
}
#menu>ul> li:nth-child(2){
	padding-left: 0;
}
#menu>ul> li:last-child{
	float: right;
	padding-right: 0px;
}
#menu>ul> li.active >a, 
#menu>ul> li >a:hover, 
#menu>ul> li >a:focus{
	color: #010101;
}
#menu li.active >a::before, 
#menu li >a:hover::before, 
#menu li >a:focus::before{
	transform: scaleX(1);
}
.buscador{
	position: relative;
	width: 300px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}
.buscador::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0px;
	width: 100%;
	height: 100%;
	background: url('../images/banner/bgform.png') center no-repeat;
  	background-size: cover;
  	border-top-right-radius: 33px;
  	border-bottom-right-radius: 33px;
	border-top-left-radius: 33px;
	border-bottom-left-radius: 33px;
}
.buscador form{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}
.buscador form input.form-control{
	font-family: "SupremeLLTT Medium";
  font-size : 17px;
  color : #000000;
  height: 50px;
  border-radius: 0;
  border-top-right-radius: 33px;
  border-bottom-right-radius: 33px;
  position: relative;
  border: 0;
  background: transparent;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
  text-align: left;
  padding-left: 30px;
  padding-right: 65px;
}
.buscador form input::-webkit-input-placeholder {color:#000000; opacity:  1;}
.buscador form input:-moz-placeholder {color:#000000; opacity:  1;}
.buscador form input::-moz-placeholder {color:#000000; opacity:  1;}
.buscador form input:-ms-input-placeholder {color:#000000; opacity:  1;}
.buscador form input:focus::-webkit-input-placeholder {opacity:0.5}
.buscador form input:focus:-moz-placeholder{opacity:0.5}
.buscador form input:focus::-moz-placeholder{opacity:0.5}
.buscador form input:focus:-ms-input-placeholder{opacity:0.5}

.buscador form input[type=submit]{
	position: absolute;
	top: 10px;
	right: 19px;
	display:inline-block; 
	height:31px; 
	width: 30px;
	background: #ff982f; 
	background: url('../images/banner/lupab.png') center no-repeat;
	background-size: contain;
}
.cntBtnCart{
	position: absolute;
	top: 2.5px;
	right: 15px;
	width: 307px;
	height: 61px;
	display: none;
	align-items: center;
	justify-content: flex-start;
	padding-left: 12px;
}
.cntBtnCart::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0px;
	width: calc(100% + 200px);
	height: 100%;
	background: url('../images/banner/bgform.png') center no-repeat;
  	background-size: cover;
  	border-top-left-radius: 33px;
  	border-bottom-left-radius: 33px;
}
.btnCart{
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	font-family: "SupremeLLTT Medium";
  	font-size : 20px;
  	color : #000000;
	cursor: pointer;
}
.btnCart img{
	width: 35px;
	margin-right: 16px;
}
.btnCart:hover,.btnCart:focus{
	text-decoration: none;
	color: #000;
	opacity: 0.85;
}


/*Nuevo estilo Footer*/
#footer .contentFooter{
	background: #00003c;
	display: flex;
	align-items: center;
	min-height: 90px;
	color: white;
}
#footer .container{
	color: #fff;
	font-family: 'Saria',sans-serif;
	font-weight: 500;
	font-size: 30px;
	letter-spacing: 0px;
	width: 100%;
	font-style: italic;
}
#footer .tfooter {
	line-height: 16px;
	text-align: center;
	min-height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
}
#footer .tfooter a{
	color: inherit;
}
#footer #powered {  	
	line-height: 16px;
	margin: 0 auto 0;
	width: auto;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	float: right;
}
#footer #powered a {
	color: inherit;
	display: flex;
	padding: 0 0 0 28px;
	min-height: 22px;
	align-items: center;
	margin-left: 5px;
	background: url(/_src/images/icoTW.svg) no-repeat center left;
}
#footer #powered a:hover{
	text-decoration: none;
}
/*Footer*/

/*==================     ToTop     ======================*/
a.toTop {
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 37px;
  color: #fff;
  border-radius: 50%;
  position: fixed;
  background:#000;
  border:solid 1px #fff;
  left: 21px;
  bottom: 65px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  cursor:pointer;
  z-index: 20; opacity:.75 }
a.toTop:hover,
a.toTop:active {color: #000;
    text-decoration: none; opacity:1; background:#fff}
a#toTop
a#toTop .fa{color:#FFF !important;}
a.toTop:hover::after{
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
	transform:scale(1.3);
	opacity:0;
}
.mobile .toTop,
.tablet .toTop {display: none !important; }
#sliderTop{
	height: 540px;
	margin-top: 50px;
	position: relative;
	z-index: 1;
}
#sliderTop .slides > li{
	height: 540px;
	position: relative;
	background-position: right center !important;
	background-size: cover;
}
#sliderTop .slides > li > img.sliderImg{
	display: none;
	width: 100%;
}
.contSlider{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.contSlider .container,.sliderCntTop{
	height: 100%;
}
.sliderCntTop{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding-top: 200px;
	padding-bottom: 85px;
	position: relative;
}
.contentCarouselBanners{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
}
.itemCarouselBanner1{
	width: 50%;
	padding-right: 40px;
	padding-left: 0px;
	display: flex;
	align-items: center;
}
.itemCarouselBanner1 img{
	width: 230px;
}
.itemCarouselBanner2{
	position: relative;
	z-index: 1;
	width: 50%;
}
.itemCarouselBanner2 .bx-wrapper .bx-pager {
  position: absolute;
  bottom: 23px;
  padding-top: 0px;
}
.itemCarouselBanner2 .bx-wrapper .bx-pager.bx-default-pager a {
  display: block;
  width: 19px;
  height: 19px;
  margin: 0 8px;
  outline: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
}
.itemCarouselBanner2 .bx-wrapper .bx-pager.bx-default-pager a.active,
.itemCarouselBanner2 .bx-wrapper .bx-pager.bx-default-pager a:focus, 
.itemCarouselBanner2 .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #ff0000;
}
#caroucelMotos{
	height: 100%;
}
.swiperMotos{
	position: relative;
	max-width: 696px;
}
.swiperMotos::before{
	content: '';
	position: absolute;
	bottom: -92px;
	left: calc(50% - 400px);
	width: 800px;
	height: 160px;
	background: url('../images/banner/motos/podium.webp') center no-repeat;
	background-size: contain;
	margin-left: 30px;
}
.swiperMotos ul li img{
	margin-left: auto;
	margin-right: auto;
}
#caroucelMotos li {
    width: 100% !important;
}
#sliderTop .flex-direction-nav a{
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin-left: 0px;
  position: absolute;
  z-index: 10;
  bottom: 57px;
  overflow: hidden;
  opacity: 1;
  left: 50%;
}
#sliderTop .flex-direction-nav .flex-next {
  background: url('../images/slider/next.png') center no-repeat;
  margin-left: 301px;
}
#sliderTop .flex-direction-nav .flex-prev {
  background: url('../images/slider/prev.png') center no-repeat;
  margin-left: 249px;
}
.flex-control-nav {
  width: auto;
  position: absolute;
  bottom: 22px;
  text-align: center;
  z-index: 2;
  left: 50%;
  margin-left: -360px;
}
#sliderTop .flex-control-nav li:first-child::before,#sliderTop .flex-control-nav li:last-child::before{
	width: 0;
	height: 0;
}
#sliderTop .flex-control-nav li {
  background: transparent;
  padding: 0 1px;
}
.flex-control-paging li a {
  width: 13px;
  height: 13px;
  background: transparent;
  border: solid 1px #8583a9;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
  border-radius: 0px;
}
.flex-control-paging li a.flex-active,.flex-control-paging li a:hover{
  background: #8583a9;
}
#main{
	overflow: hidden;
}
.desktop .wow{
	visibility: hidden;
}
.mobile .wow{
	visibility: visible;
}
#fondoPrincipal{
	background: #fff;
}

.titCarousel{
	text-align: center;
	color: #b81327;
	font-size: 32px;
	font-family: "Lato", serif;
	max-width: 1237px;
	line-height: normal;
	margin: 0 auto;
	padding: 0 0 45px;
	font-weight: 500
}
#inicioCarousel{
	padding-top: 57px;
	padding-bottom: 216px;
	background: url('../images/carousel/bgCarousel.webp') top center no-repeat;
	background-size: cover;
}
.contenCarouselImg{
	max-width: 1818px;
	padding: 0 15px;
	margin-left: auto;
	margin-right: auto;
	filter: drop-shadow(3px 8px 15px rgba(0,0,0,0.4));
	-webkit-filter: drop-shadow(3px 8px 15px rgba(0,0,0,0.4));
}
.contenCarouselImg .swiper-horizontal{
	padding: 0 100px;
}
.swiper-button-next, .swiper-button-prev {
	content: '';
	position: absolute;
	top: calc(50% - 25px);
	width: 50px;
	height: 50px;
	margin-top: 0;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-next{
	background: url('../images/carousel/next.png?v3') center no-repeat;
	background-size: contain;
}
.swiper-button-prev{
	background: url('../images/carousel/prev.png?v3') center no-repeat;
	background-size: contain;
}
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after,
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
  content: '';
}
.swiper-button-next::after, .swiper-button-prev::after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
	left: auto;
	right: 0;
	margin-left: 0px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
	right: auto;
	left: 0px;
	margin-left: 0px;
}
.swiper {
  width: 100%;
}
.swiper-slide div{
	max-width: 487px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
} 
.swiper-slide div img{
	border: solid 15px #ffffff;
	box-shadow: 0 1px 10px 2px rgba(255, 255, 255, 0.8);
	/*-webkit-box-reflect: below 1px linear-gradient(transparent, transparent, rgba(0,0,0,0.65));*/
}
.swiper-slide-active div{
	padding-bottom: 0px;
}

#catalogo{
	padding-top: 34px;
	padding-bottom: 25px;
}
#tituloCatalogo{	
	background: url('../images/inicio/titCatalogo.webp') center center no-repeat;
	background-size: cover;
	text-align: center;
	color: #fff;
	font-size: 122px;
	font-family: "Lato", serif;
	text-shadow: 0 10px 15px rgba(0,0,0,0.4);
	line-height: normal;
	padding: 300px 25px;
	font-weight: 800;
	font-style: italic;
}
#tituloCatalogo>div{
	display: inline-block;
	position: relative;
	z-index: 1
}
#tituloCatalogo>div:before{
	display: block;
  	content: "";
  	box-shadow: 0 0 50px 35px rgba(255, 255, 255, 0.8);
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	width: 100%;
  	height: 0px;
  	z-index: -1;
  	transform: translate(-50%, -50%);
}

.contentCatalogo .bg{
	position: relative;
}
.contentCatalogo .bg:before{
	display: block;
	content: "";
	width: 100%;
	height: 300px;
	position: absolute;
	bottom: 206px;
	left: 0;
	z-index: 0;
	background: url('../images/inicio/bgCatalogo.webp') center bottom no-repeat;
	background-size: 100% auto;
}
.contentCatalogo .image{
	text-align: center;
	position: relative;
  	bottom: -120px;
  	z-index: 0;
}
.contentCatalogo .image img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.contentCatalogo .bg .text{
	background: #d80c24;
	padding: 42px 20px 20px;
	line-height: normal;
	text-align: center;
	box-shadow: 0 0 15px 5px rgba(0,0,0,0.5);
	position: relative;
	z-index: 1;
}
.contentCatalogo .cnt{
	display: inline-flex;
	margin: 0 auto
}
.logoHomeCatalogo{
	position: relative;
	padding-right: 7%;
}
.logoHomeCatalogo:before{
	display: block;
	content: "";
	width: 7px;
	position: absolute;
	right: 0;
	top: 2%;
  	bottom: 14%;
	background: #FFF
}
.verMas{
	color: #fff;
	font-size: 51px;
	font-family: "Lato", serif;
	text-decoration: underline;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	width: 530px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	margin-left: 55px;
  	position: relative;
  	top: -13px;
}
.verMas img{
	position: relative;
  	top: 5px;
  	margin-left: 25px;
}
.verMas:hover{
	text-decoration: none;
	color: #FFF
}

#ubicacion{
	background: url('../images/ubicacion/bg.webp') center top no-repeat;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 30px;
}
.contentUbicacion1{
	max-width: 1725px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}
.itemUbicacion1{
	width: calc(50% + 138px);
	padding-right: 40px;
	font-family: "Lato", serif;
	font-weight: 500;
	font-size: 38px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #fff;
	text-shadow: 3px 4px 3px rgba(53, 53, 53, 0.8);
}
.itemUbicacion2{
	width: calc(50% - 138px);
}
.logoUbicacion1{
	margin-bottom: 24px;
}
.imgmotoUbi1{
	margin-top: 35px;
}

#credito{
	/*background: url('../images/financiamiento/bg.webp') center top no-repeat;
	background-size: cover;*/
	background: rgb(148,3,19);
	background: linear-gradient(0deg, rgba(148,3,19,1) 0%, rgba(255,255,255,1) 100%); 
	padding-top: 43px;
}
#credito .background{
	background: url('../images/credito/bg.webp') left bottom repeat-x;
}
#credito .row{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
#credito .row .col{
	width: 33.3333%;
}
#credito .row .col2{
	padding-bottom: 10px
}

.comenzarAhora{
	height: 223px;
	background: #fc041f;
	box-shadow: -12px 0 15px 13px rgba(0,0,0,0.1);
}
.imgCredito1{
	margin-left: auto;
	margin-right: auto;
}
.textCredito1{
	font-family: "Lato", seri;
	font-size: 54px;
	font-weight: 500;
	line-height: 60px;
	letter-spacing: 0px;
	color: #d80c24;
	text-align: center;
	text-shadow: 0px 4px 2px rgb(255, 255, 255);
}
.textCredito2{
	font-family: "Lato", seri;
	font-size: 68px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0px;
	color: #d80c24;
	text-align: center;
	margin-top: 26px;
	margin-bottom: 20px;
	text-shadow: 0px 4px 2px rgb(255, 255, 255);
}
.textCredito2 div{
	font-size: 63px;
}
.imgCredito2{
	margin-left: auto;
	margin-right: auto;
}
.comenzarAhora{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btnCredito {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 15px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Lato", serif;
	font-weight: 900;
	font-size: 57px;
	line-height: 49px;
	color: #fff;
	border: 10px outset #fd6d7d;
	text-shadow: -1px -1px #bd0418;
	padding: 25px 35px;
}
.btnCredito span{
	display: inline-block;
	border-bottom: solid 3px #FFF;
	padding-bottom: 3px
}
.btnCredito:hover,.btnCredito:focus{
	text-decoration: none;
	color: #fff;
	mix-blend-mode: normal;
}
  
#bajarSl{
	margin-top: 200px;
}
/*body[data-page="2"],body[data-page="3"],
body[data-page="4"],body[data-page="5"],body[data-page="6"]{
	background: #00D0C7;
	position: relative;
}*/
body::before {
	content: '';
	position: absolute;
	background-color: #d80c24;
	top: 0px;
	left: 0;
	width: 100%;
	height: 132px;
	z-index: 2;
	mix-blend-mode: hard-light;
}
#textCatalogos1{
	background: url('../images/productos/portadas/bg.webp') center top no-repeat;
	background-size: cover;
	padding-bottom: 33px;
}
.portadaLogoCat{
	padding-top: 72px;
	padding-bottom: 97px;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.titCategorias1{
	font-family: "Lato", serif;
	font-size: 100px;
	font-weight: 900;
	font-style: italic;
	line-height: 0.93;
	letter-spacing: 0;
	color: #fff;
	text-align: left;
	text-shadow: 0px 0px 35px rgba(255, 255, 255, 0.3);
	margin-bottom: 20px;
}
.titCategorias2,.titCategorias3{
	font-family: "Lato", serif;
	font-size: 25px;
	font-weight: 900;
	line-height: 30px;
	letter-spacing: 0;
	color: #fff;
	text-align: left;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}
.titCategorias4{
	font-family: "SupremeLLTT Medium";
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: -0.3px;
	color: #fff;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	margin-top: 20px;
}
.preciosSujetos{
	font-family: "Poppins", serif;
	font-weight: 700;
	font-size: 31px;
	line-height: 1.2;
	letter-spacing: 0px;
	text-align: center;
	color: var(--color-red);
	text-shadow: 0px 7px 0px rgba(0, 0, 0, 0.1);
	padding: 25px 0;
}
.catalogo2-2{
	padding-bottom: 85px;
}
.contentCategorias1{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-top: 55px;
	padding-bottom: 100px;
}
.itemProductos1{
	width: calc(50% - 20px);
	margin-right: 40px;
	margin-bottom: 45px;
}
.itemProductos1:nth-child(2n + 2){
    margin-right: 0px;
}
.itemProductos1:last-child{
	margin-right: 0;
}
.itemProductos1 a{
	max-width: 582px;
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	overflow: hidden;
	border-radius: 33px;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	-ms-border-radius: 33px;
	-o-border-radius: 33px;
}
.itemProductos1 a:hover,.itemProductos1 a:focus{
	text-decoration: none;
}
.itemProductos1 figure{
	height: 260px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	overflow: hidden;
}
.itemProductos1 figure img{
	max-height: 100%;
}
.itemProductos1 figure img.sinfoto{
	filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.8));
}
.itemProductos1 .precioProd{
	box-shadow: 0px -13px 43px 0px rgba(0, 0, 0, 0.3);
	height: 80px;
	padding-left: 20px;
	padding-right: 80px;
	font-family: "SupremeLLTT Medium";
	font-size: 17px;
	line-height: 25px;
	letter-spacing: 0px;
	color: #b81327;
	padding-top: 10px;
	position: relative;
}
.itemProductos1 .precioProd::before{
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	top: 15px;
	right: 20px;
	background: url('../images/productos/iconos/flecha.png') center no-repeat;
	background-size: contain;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	box-shadow: -9px 0px 8px 1px rgba(56, 56, 56, 0.14);
}
.nombreMoto{
	padding-bottom: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
 	overflow: hidden;
}
.precioMoto{
	text-overflow: ellipsis;
	white-space: nowrap;
 	overflow: hidden;
	font-size: 18px;
}


.itemDet1b{
	width: 100%;
	padding-top: 60px;
}
.textCntDescrp1{
	padding-left: 13px;
	padding-right: 13px;
}
.titulodelProductoDet{
	font-family: "Lato", serif;
	font-weight: 900;
	font-style: italic;
	font-size: 30px;
	line-height: 0.85;
	letter-spacing: 0px;
	color: #fff;
	text-align: left;
	text-shadow: 0px 0px 35px rgba(255, 255, 255, 0.3);
	text-transform: uppercase;
}
.descripcionMoto1{
	font-family: "SupremeLLTT Medium";
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #fff;
	text-shadow: 0px 7px 2px rgba(56, 56, 56, 0.1);
	margin-top: 10px;
}

.itemManual1{
	display: flex;
	font-family: "Lato", serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 23px;
	letter-spacing: 0px;
	color: #fff;
	flex-wrap: wrap;
	align-items: flex-end;
	text-decoration: underline;
	text-shadow: 0px 7px 2px rgba(56, 56, 56, 0.1);
}
.itemManual1 img{
	margin-left: 12px;
	filter: drop-shadow(10px 15px 30px rgba(255,255,255,0.2));
	-webkit-filter: drop-shadow(10px 15px 30px rgba(255,255,255,0.2));
}
.itemManual1a{
	margin-top: 43px;
	margin-bottom: 18px;
}
.textNotaDet1{
	margin-top: 40px;
	font-family: "SupremeLLTT Medium";
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #fff;
	text-shadow: 0px 7px 2px rgba(56, 56, 56, 0.1);
}
#motosImgs{
	position: relative;
	max-width: 1047px;
}

.coloresDelProducto{
	display: inline-flex;
}
.colorActual{
	margin-right: 42px;
}
.colorActual img{
    width: 55px;
}
.colorActual:last-child{
	margin-right: 0px;
}




.contentDetalles3{
	display: flex;
	align-items: flex-start;
	position: relative;
	justify-content: center;
	padding-top: 44px;
	padding-bottom: 60px;
	flex-wrap: wrap;
}
.itemDet3a{
	width: 100%;
	padding-left: 0px;
	padding-top: 15px;
}
.itemDet3b{
	padding-top: 35px;
	width: 100%;
	padding-left: 0px;
}
.titleDetalles3{
	font-family: "Lato", serif;
	font-weight: 900;
	font-size: 35px;
	line-height: 0.9;
	letter-spacing: 0px;
	color: #fff;
	text-align: center;
	text-shadow: 0px 0px 35px rgba(255, 255, 255, 0.3);
	margin-bottom: 30px;
}
.carouselEspecifi{
	background: url(../images/productos/cristal3.webp) center no-repeat;
	background-size: cover;
	height: 520px;
	position: relative;
	box-shadow: 0px 47px 61.38px 0.62px rgba(56, 56, 56, 0.18);
} 
.cntEspecificacionesDet,.carouselEspecifi .bx-wrapper,
.carouselEspecifi .bx-viewport, #caroucelEspecificaciones,
#caroucelEspecificaciones li{
	height: 100%;
}
.especificacion{
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 22px;
	padding-left: 38px;
	padding-right: 38px;
	padding-bottom: 67px;
	font-family: "SupremeLLTT Medium";
	font-size: 21px;
	line-height: 32px;
	letter-spacing: 0px;
	color: #fff;
	text-align: left;
	text-shadow: 0px 7px 2px rgba(56, 56, 56, 0.1);
}
.especificacion .tit{
	font-family: "Lato", serif;
	font-weight: 900;
	font-size: 27px;
}
.carouselEspecifi .bx-wrapper .bx-controls-auto,.carouselEspecifi .bx-wrapper .bx-pager {
	position: absolute;
	bottom: 18px;
	width: 100%;
}
.carouselEspecifi .bx-wrapper .bx-pager.bx-default-pager a.active, 
.carouselEspecifi .bx-wrapper .bx-pager.bx-default-pager a:focus, 
.carouselEspecifi .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #b81327;
}
.carouselEspecifi .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	outline: 0;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}


#formTop{
	background: url(../images/carousel/bgCarousel.webp) top center no-repeat;
	background-size: cover;
	background-position: 0 -80px;
	position: relative;
	padding-bottom: 20px;
	padding-top: 20px;
}
.cntFormtTop{
	max-width: 1680px;
	margin-left: auto;
	margin-right: auto;
}
.titContacto1{
	background: #fb031e;
	font-family: "Lato";
	font-weight: 900;
	font-style: italic;
	font-size: 72px;
	line-height: 50px;
	letter-spacing: 0px;
	text-align: center;
	color: #fff;
	position: relative;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 130px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.4);
  	position: relative;
  	z-index: 1;
}
#frmContacto{
	overflow: hidden;
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 15px;
	padding-right: 15px;
}
#frmContacto::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/financiamiento/cristal.webp') center no-repeat;
	background-size: cover;
	mix-blend-mode: screen;
	opacity: 0.9;
}
.cntfrmCont{
	max-width: 1115px;
	margin-left: auto;
	margin-right: auto;
}
#frmContacto .row{
	margin: 0 -10px;
}
#frmContacto div[class*="col-"]{
	padding: 0 10px;
}
#frmContacto .form-group{
	margin-bottom: 25px;
	position: relative;
}
#frmContacto .form-group label{
	color: #fb031e;
	text-align: center;
	font-family: "Lato", serif;
	font-weight: 900;
	font-size: 29px;
	line-height: 30px;
	letter-spacing: 0px;
	width: 100%;
	margin-bottom: 8px;
}
#frmContacto .form-control{
	display: block;
	height: 52px;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
	font-family: "Lato", serif;
	font-size: 17px;
	font-weight: 300;
	padding-left: 23px;
	letter-spacing: 0.25px;
	background: #fff;
	color: #9d9d9d;
	background: #ebebeb;
	box-shadow: none;
	border: 0;
	position: relative;
	box-shadow: 4px 3px 9px 1px rgba(0, 0, 0, 0.2);
}
#frmContacto .textarea{
	padding-top: 16px;
	height: 114px
}
#frmContacto input[type=submit]{
	margin-left: 12px;
}
#frmContacto input[type=submit],
#frmContacto input[type=reset]{
	display:inline-block; 
	height:33px; 
	background: #fb031e;
	color:#ffffff; 
	text-transform:uppercase; 
	font-family: "Lato", serif;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0px;
	width: 93px;
	text-align: center;
	border-radius: 0px;
	margin-top: 22px;
}
#frmContacto input[type=submit]:hover,
#frmContacto input[type=reset]:hover{opacity:.8}
#frmContacto .error input,
#frmContacto .error textarea{border:solid 1px #000; background:rgba(255,216,217,1.00); color:#000}

.frmContacto input::-webkit-input-placeholder {color:#8c8c8c; opacity:  1;}
.frmContacto input:-moz-placeholder {color:#8c8c8c; opacity:  1;}
.frmContacto input::-moz-placeholder {color:#8c8c8c; opacity:  1;}
.frmContacto input:-ms-input-placeholder {color:#8c8c8c; opacity:  1;}
.frmContacto textarea::-webkit-input-placeholder {color:#8c8c8c; opacity:  1;}
.frmContacto textarea:-moz-placeholder {color:#8c8c8c; opacity:  1;}
.frmContacto textarea::-moz-placeholder {color:#8c8c8c; opacity:  1;}
.frmContacto textarea:-ms-input-placeholder {color:#8c8c8c; opacity:  1;}
.frmContacto input:focus::-webkit-input-placeholder {opacity:0.5}
.frmContacto input:focus:-moz-placeholder{opacity:0.5}
.frmContacto input:focus::-moz-placeholder{opacity:0.5}
.frmContacto input:focus:-ms-input-placeholder{opacity:0.5}
.frmContacto textarea:focus::-webkit-input-placeholder{opacity:0.5}
.frmContacto textarea:focus:-moz-placeholder{opacity:0.5}
.frmContacto textarea:focus::-moz-placeholder{opacity:0.5}
.frmContacto textarea:focus:-ms-input-placeholder{opacity:0.5}

#frmContacto .has-error .form-control-feedback{line-height:36px; height:100%; }
#frmContacto .has-error input{
	border-color: #a94442;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.cntfrmCont{
	position: relative;
	z-index: 2;
}
.textChekAut{
	text-align: center;
	color: #fb031e;
	font-family: 'Lato', serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0px;
	position: relative;
}
.textChekAut label{
	font-weight: 900;
	position: relative;
	cursor: pointer;
	padding-left: 17px;
}
.textChekAut label i{
	font-style: normal;
}
.textChekAut input[type="checkbox"]{
	opacity: 0;
}
.textChekAut input[type="checkbox"] + span::after{
  content: "";
  position: absolute;
  top: 8px;
  left: 0px;
  width: 18px;
  height: 18px;
  border: solid 1px #fb031e;
  border-radius: 0px;
  background: transparent; 
}
.textChekAut input[type="checkbox"]:checked + span::before{
	content: "";
	position: absolute;
	top: 3px;
	left: 4px;
	width: 22px;
	height: 20px;
	border-radius: 0;
	background: url('../images/check2.png');
	z-index: 2;
}

#textCarrito1{
	padding-bottom: 110px;
	padding-top: 68px;
	background: url("../images/carrito/bg.webp") center 150px no-repeat;
	background-size: cover;
}
.textCarritoDet1{
	background: url("../images/metodos/fcristal.webp") top center no-repeat;
	background-size: cover;
	max-width: 1580px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 110px;
	padding-top: 109px;
	padding-left: 15px;
	padding-right: 15px;
}
.cntFormCarrito1{
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.titleCarrito1-a{
  font-size: 102px;
  font-family: "Lato", serif;
  letter-spacing: 0px;
  color: var(--color-red);
  font-weight: 900;
  font-style: italic;
  line-height: 0.9;
  text-align: center;
  text-shadow: 0px 0px 35px rgba(255, 255, 255, 0.3);
  margin-bottom: 60px;
  text-decoration: underline;
}
.titleDetProd{
	position: relative;
}
.titleDetProd:before{
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	box-shadow: 0 0 25px rgba(0,0,0,0.5)
}
.titleDetProd>div{
	font-family: "Lato", serif;
	font-weight: 900;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 57px;
	margin-bottom: 32px;
	background: #fff;
	color: #e42338;
	clip-path: polygon(100% 0px, 100% 100%, 0% 100%, 49px 50%, 0px 0px);
	font-size: 33px;
	line-height: 1;
	font-style: italic;

}
.itemDetProd1{
	height: 90px;
	display: flex;
	align-items: center;
	letter-spacing: 0px;
	padding-left: 0px;
	padding-right: 20px;
	position: relative;
}
.itemDetProd1 strong{
	font-weight: 900;
}
.itemDetProd2{
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 0px;
	padding-right: 12px;
}
.btnCredito2{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #e42338;
	border-bottom: solid 3px #e42338;
	line-height: 28px
}
.btnCredito2:hover,.btnCredito2:focus{
	text-decoration: underline;
	opacity: 0.9;
	color: #b81327;
}

#loading{background-size:60% auto;display:block;width:100px;height:100px;position:fixed;left:50%;margin-left:-50px;top:50%;margin-top:-50px;z-index:99999 !important;}
.basic-spinner{display:inline-block;margin:0 auto;border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:center center;background-image:url(../images/site-spinner-240.png);width:100px;height:100px;-webkit-animation:full-rotation 1s infinite linear;-moz-animation:full-rotation 1s infinite linear;animation:full-rotation 1s infinite linear}.basic-spinner.isHidden{display:none}.ua-ie-7 .basic-spinner,.ua-ie-8 .basic-spinner,.ua-ie-9 .basic-spinner{background-image:url(../images/site-spinner-100.gif)}
@-webkit-keyframes full-rotation{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-moz-keyframes full-rotation{from{-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}
@-o-keyframes full-rotation{from{-o-transform:rotate(0deg);transform:rotate(0deg)}to{-o-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes full-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/*carrito*/
#carrito{
	padding: 25px;
	border: 0;
	background: #fff;
	box-shadow: 0 0 25px rgba(0,0,0,0.5)
}
.contentCart{
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.itemCart1{
	width: calc(100% - 370px);
	padding-right: 15px;
	padding-left: 15px;
}
.itemCart2{
	padding-top: 0;
	width: 370px;
	padding-left: 15px;
	padding-right: 15px;
}
#carrito td {
    vertical-align: middle;
}
#carrito td.delItem{
	padding-right: 0;
	padding-left: 0px;
	width: 36px;
}
.encabezado{
	font-family: "Lato", serif;
	font-size: 28px;
	color: #e42338;
	letter-spacing: 0px;
	line-height: 28px !important;
	text-transform: uppercase;
	font-weight: 700;	
	font-style: italic;
}
.foto-producto{
	width: 60px;
	margin-left: 0;
	margin-right: 0px;
}

.precioP{
	color: var(--color-red);
	font-family: "Lato", serif;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	letter-spacing: 0px;
	font-weight: 400;
}
.precioPT{
	color: var(--color-red);
	font-family: "Lato", serif;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	letter-spacing: 0px;
	font-weight: 400;
	text-align: left;
}
.titlepC{
	text-align: left;
	padding-left: 0px !important;
}
.totalrc{
	text-align: right;
}
.resumen{
	vertical-align: bottom;
	border-bottom: 0;
	padding: 8px;
	line-height: 1.42857143;
	margin-bottom: 20px;
}
.centro{
	padding-top: 8px;
}
.title1{
	color: #e42338;
	font-family: "Lato", serif;
	font-size: 29px;
	font-style: italic;
	line-height: 25px;
	letter-spacing: 0px;
	font-weight: 400;
	text-align: left;
}
.title1.nota{
	color: #e42338;
	font-family: "Lato", serif;
	font-size: 18px;
	font-style: italic;
	line-height: 26px;
	letter-spacing: 0px;
	font-weight: 600;
	text-align: left;
	padding-right: 25px;
	margin-bottom: 5px;
	max-width: 330px;
}
.text-right{
	text-align: right;
}
.title2{
	color: var(--color-red);
	font-family: "Lato", serif;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	letter-spacing: 0px;
	font-weight: 400;
	text-align: left;
}
.title3{
	line-height: 23px;
}
.p-envio{
	font-family: 'Arial',sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #9d9d9d;
	padding: 10px 0;
}
.rowcart{
	padding: 2px !important;
}
.icoEliminar{
	cursor: pointer;
}
.table > tbody > tr > td{
	border-top: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	vertical-align: middle;
	font-family: "Lato", serif;
	font-style: italic;
	font-weight: 400;
	font-size: 29px;
	line-height: 1;
	color: var(--color-red);
}
.table > tbody > tr:last-child{
	border-bottom: 0;
}
.table > thead > tr > th {
    border-bottom: 0;
}
.informacionCart .row{
	position: relative;
	padding: 8px 0;
}
.nombreP{
	text-align: left;
}
.informacionCart .row.border::before{
	content: '';
	position: absolute;
	width: calc(100% - 30px);
	height: 0.8px;
	bottom: 0;
	left: 15px;
	background:  #a0a0a0;
	opacity: 0.3;
}
.btn-seguir, .btn-continuar{
	width: 100%;
	color: #ffffff;
	height: 69px;
	border:0;
	border-radius: 0;
	line-height: 33px;
	font-family: "Lato", serif;
	font-size: 29px;
	font-weight: 900;
	font-style: italic;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 20px;
	padding-right: 20px;
	clip-path: polygon(100% 0px, calc(100% - 20px) 100%, 0% 100%, 0 0);
}
.btn-seguir{
	background: transparent;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 2px;
	color: #db1e35;
	border: solid 1px #e8152f;
	position: relative;
	margin-left: -2px;
	clip-path: polygon(100% 0px, calc(100% - 22px) 100%, 0% 100%, 0 0);
}
.btn-seguir:hover,.btn-seguir:focus{
	opacity: 1;
	color: #fff;
	background: #db1e35;
}
.btn-continuar{
	background: #db1e35;
	border: solid 1px #db1e35;
	color: #ffffff;
}
.btn-continuar:hover, .btn-continuar:focus{
	opacity: 0.85;
	color: #fff;
	background: #db1e35;
}
.table > tbody > tr > th{
	padding: 15px 8px;
}
.beforebtnSeguir{
	position: relative;
}
.beforebtnSeguir::before{
	content: '';
	position: absolute;
	top: -2px;
  	right: 13px;
  	width: 1px;
  	height: 106%;
  	background: #db1e35;
  	z-index: 2;
  	transform: rotate(19deg);
}

.contentBottomCarrito{
	display: flex;
	align-items: flex-start;
	padding-left: 0px;
	margin-top: 32px;
}
.itemBottomCarrito1{
	width: 332px;
	height: 266px;
	background: #db1e35;
	display: flex;
	align-items: center;
	justify-content: center;
	clip-path: polygon(100% 0px, 100% 100%, 0% 100%, 0px 47px, 71px 0%);
}
.itemBottomCarrito2{
	width: calc(100% - 332px);
	color: var(--color-red);;
	font-family: 'Saira', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 21px;
	letter-spacing: 0px;
	font-style: italic;
}
.titleBottomCart1-1{
	margin-bottom: 22px;
}
.titleBottomCart1-1 a{
	position: relative;
	width: 738px;
	height: 118px;
	background: #db1e35;
	border: solid 1px #db1e35;
	display: flex;
	align-items: center;
	clip-path: polygon(100% 0px, 100% calc(100% - 30px), calc(100% - 43px) 100%, 0% 100%, 0px 0px);
	font-family: "Lato", serif;
	font-weight: 900;
	font-style: normal;
	font-size: 38px;
	line-height: 1;
	letter-spacing: 0px;
	text-align: left;
	color: #fff;
	padding-left: 20px;
	font-style: italic;
}
.titleBottomCart1-1 a div{
	width: 100%;
	height: 100%;
	background: #db1e35;
	clip-path: polygon(100% 0px, 100% calc(100% - 29px), calc(100% - 42px) 100%, 0% 100%, 0px 0px);
	display: flex;
	align-items: center;
	padding-left: 30px;
	padding-right: 20px;
}
.titleBottomCart1-1 a div img{
	margin-right: 11px;
}
.titleBottomCart1-1 a::before{
	content: '';
	position: absolute;
	top: 0;
	left: -1px;
	width: 39px;
	height: 100%;
	background: #9f1225;
	opacity:0.7;
	z-index: 2; 
}
.titleBottomCart1-2{
	background: #db1e35;
	height: 126px;
	position: relative;
	padding-left: 52px;
	padding-right: 15px;
	display: flex;
	align-items: center;
	color: #fff;
	font-family: "Lato", serif;
	font-weight: 700;
	font-style: italic;
	font-size: 30px;
	line-height: normal;
	letter-spacing: 0px;
	text-align: left;
}
.titleBottomCart1-2::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 39px;
	height: 100%;
	background: #9f1225;
	opacity: 1;
	z-index: 2; 
}
.titleBottomCart1-2 div{
	max-width: 960px;
}
.cntBottomCarrito2{
	display: flex;
	flex-direction: column;
	align-items: center;
  	justify-content: end;
	height: 479px;
	background: url('../images/carrito/bg2.png') center no-repeat;
	background-size: cover;
}
.cntBottomCarrito2 .fig1{
	margin-bottom: 30px
}
#formulario .table > tbody > tr > td:nth-child(1){
	padding-left: 0px;
}
.contentFrmResumen{
	padding-top: 0px;
	padding-left: 18px;
	padding-right: 18px;
	font-family: "Lato", serif;
	font-style: italic;
	color: #b81327;
}
.titleFrmResumen{
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 0px;
	padding-bottom: 8px;
}
.titleFrmResumen strong{
	display: block;
	font-weight: 900;
}
.frmResumenP{
	overflow: hidden;
}
.frmResumenP .row{
	margin: 0 -9px;
}
.frmResumenP div[class*="col-"]{
	padding: 0 9px;
}
.frmResumenP .form-group{
	margin-bottom: 16px
}
.frmResumenP .form-control{
	display: block;
	height: 48px;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
	font-family: "Lato", serif;
	font-size: 20px;
	font-weight: 400;
	font-style: italic;
	color: #616161;
	box-shadow: inset 0 1px 1px transparent !important;
	border: solid 1px #b81327;
}
.frmResumenP .textarea{
	height: 101px;
	padding-top: 12px;
}
.frmResumenP input[type=submit]{
	line-height: 33px;
	font-family: "Lato", serif;
	font-size: 22px;
	font-weight: 900;
	font-style: italic;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #fff;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.frmResumenP input[type=submit]:hover,
.frmResumenP input[type=reset]:hover{
	opacity:0.85;
	color: #fff;
}
.frmResumenP .error input,
.frmResumenP .error textarea{border:solid 1px #000; background:rgba(255,216,217,1.00); color:#000}
.frmResumenP input::-webkit-input-placeholder {color:#babdc6; opacity:  1;}
.frmResumenP input:-moz-placeholder {color:#babdc6; opacity:  1;}
.frmResumenP input::-moz-placeholder {color:#babdc6; opacity:  1;}
.frmResumenP input:-ms-input-placeholder {color:#babdc6; opacity:  1;}
.frmResumenP textarea::-webkit-input-placeholder {color:#babdc6; opacity:  1;}
.frmResumenP textarea:-moz-placeholder {color:#babdc6; opacity:  1;}
.frmResumenP textarea::-moz-placeholder {color:#babdc6; opacity:  1;}
.frmResumenP textarea:-ms-input-placeholder {color:#babdc6; opacity:  1;}
.frmResumenP input:focus::-webkit-input-placeholder {opacity:0.5}
.frmResumenP input:focus:-moz-placeholder{opacity:0.5}
.frmResumenP input:focus::-moz-placeholder{opacity:0.5}
.frmResumenP input:focus:-ms-input-placeholder{opacity:0.5}
.frmResumenP textarea:focus::-webkit-input-placeholder{opacity:0.5}
.frmResumenP textarea:focus:-moz-placeholder{opacity:0.5}
.frmResumenP textarea:focus::-moz-placeholder{opacity:0.5}
.frmResumenP textarea:focus:-ms-input-placeholder{opacity:0.5}

.frmResumenP .has-error .form-control-feedback{line-height:36px; height:100%; }
.frmResumenP .has-error input{
	border-color: #a94442;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.titleFrmResumen2{
	padding-top: 22px;
}
.dondeenvio{
	display: flex;
	padding-left: 0px;
	margin-top: 20px;
	text-align: left;
	align-items: center;
}
.dondeenvio1{
	margin-top: 38px;
}
.dondeenvio2{
	margin-bottom: 28px;
}
.textChekEnvio{
	text-align: left;
	color: #b81327;
	font-family: "Lato", serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 25px;
	position: relative;
}
.textChekEnvio label{
	font-weight: 900;
	position: relative;
	cursor: pointer;
	padding-left: 48px;
	line-height: 48px;
}
.textChekEnvio input[type="radio"]{
	opacity: 0;
}
.textChekEnvio input[type="radio"] + i::after{
  content: "";
  position: absolute;
  top: -1px;
  left: 0px;
  width: 48px;
  height: 48px;
  background: url('../images/cuadro.png'); 
}
.textChekEnvio input[type="radio"]:checked + i::before{
  content: "";
  position: absolute;
  top: 8px;
  left: 10px;
  width: 28px;
  height: 26px;
  background: url('../images/check.png'); 
  z-index: 2;
}
.cntchek{
	width: 278px;
}
.dondeenvio ul{
	margin-left: 19px;
}
.infoenvio{
	font-weight: 400;
	font-size: 16px;
	padding-left: 6px;
	width: calc(100% - 278px);
}
.infoenvio1-1{
	padding-left: 28px;
}
.contentCarrito{
	font-family: "Lato", serif;
	font-style: italic;
	color: #b81327;
	margin-top: 0px;
}
.contentCarrito .titleFrmResumen{
	padding-left: 20px;
	margin-bottom: 10px;
	padding-top: 15px;
}
.titleFrmResumen2b{
	margin-top: 30px;
}
.cntDocumento{
	border: solid 3px #b81327;
	padding-left: 23px;
	padding-right: 23px;
	padding-bottom: 43px;
}
.cntInstruciones{
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 0px;
	padding-bottom: 4px;
	text-align: center;
	padding-top: 22px;
	padding-bottom: 10px;
	font-style: italic;
}
.titleDoc{
	font-family: "Lato", serif;
	display: block;
	font-weight: 900;
	padding-bottom: 2px;
}
#upIne,#upDom{
	position: relative;
}
.btn-subir{
  position: relative;
  height: 45px;
  display: flex;
  align-items: center;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #fff;
  justify-content: center;
  background: url('../images/metodos/fondo3.png') center no-repeat;
  background-size: cover;
}
.btn-subir strong{
	font-family: "Lato", serif;
	font-weight: 900;
}
.mf_upload_m{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mf_upload_m form,.mf_upload_m form input{
	height: 100%;
	width: 100%;
}
.mf_upload_m form input{
	opacity: 0;
	cursor: pointer;
}
.colFrmResumenEnvio {
  display: none;
}
.cntCirclesForm{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 38px;
}
.cntFomr-2{
	padding-bottom: 5px;
}
.contenMetodosPago1{
	padding-left: 20px;
	padding-right: 18px;
	color: #b81327;
	font-family: "Lato", serif;
	font-style: italic;
}
.imprimir{
	font-weight: 700;
	font-family: "SupremeLLTT Bold";
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #b81327;
	margin-right: 30px;
}
.titleMetodosPago1{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	font-family: "Lato", serif;
	font-weight: 900;
	font-style: italic;
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0px;
	margin-top: 40px;
	margin-bottom: 20px;
}
.titleMetodosPago1 div:last-child{
	color: #fff;
	background: #182863;
	padding: 12px 74px 12px 50px;
	clip-path: polygon(100% 0px, calc(100% - 40px) 100%, 0% 100%, 0 0);
}
.contenMetodosPago2{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-right: 37px;
	margin-bottom: 42px;
}
.itemMetodoPago2{
	width: calc(50% - 10px);
	margin-right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 8px;
}
.itemMetodoPago2:nth-child(2n + 2){
	margin-right: 0
}
.itemMetodoPago2 div:first-child{
	width: 65px;
	margin-right: 3px;
	background: #182863;
	padding-left: 6px;
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0px;
	height: 40px;
	display: flex;
	align-items: center;
}
.itemMetodoPago2 div:last-child{
	width: calc(100% - 68px);
	border: solid 1px #0095ff;
	padding-left: 6px;
	text-overflow: ellipsis;
	white-space: nowrap;
 	overflow: hidden;
 	padding-right: 5px;
 	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0px;
	height: 40px;
	display: flex;
	align-items: center;
}
.textoMetPag3{
	margin-right: 25px;
}
.rowMetosCnt{
	padding: 0 20px;
}
.rowmetodos{
	padding-top: 68px;
}
.rowmetodos div[class*="col-"]{
	margin-bottom: 65px;
}
.bgMetodo{
	max-width: 413px;
	height: 240px;
	position: relative;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
}
.metodo1{
	background: url('../images/metodos/metodo1.png') center no-repeat;
	background-size: cover;
}
.metodo3{
	background: url('../images/metodos/metodo3.png') center no-repeat;
	background-size: cover;
}
.bgMetodo a{
	display: block;
	position: absolute;
	background: #ffffff;
	width: 200px;
	height: 40px;
	bottom: 20px;
	left: calc(50% - 100px);
	color: #585858;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 26px;
}
.bgMetodo a:hover,.bgMetodo a:focus{
	opacity: 0.9;
}
.contentBottomCarrito-metodos{
	margin-top: 5px;
}
.titleMetodosPago1-1a{
	margin-top: 0px;
	margin-bottom: 60px;
}
.contentDatosBancarios{
	display: flex;
	align-items: center;
	justify-content: center;
}
.itemBancario1{
	margin-right: 40px;
}
.titleDetPago3{
	margin-bottom: 30px;
	margin-top: 34px;
	background: #182863;
	text-align: center;
	color: #fff;
	font-family: "Lato", serif;
	font-weight: 400;
	font-style: italic;
	font-size: 22px;
	line-height: 25px;
	letter-spacing: 0px;
	padding: 17.5px 10px;
}

.baseFont{
	font-family: "Lato", serif;
	font-style: italic;
	color: #232C61;
	padding-left: 20px;
	padding-right: 55px;
}
.titleFrmResumen .tit2{
	font-size: 22px;
	line-height: 30px;
}
.titleFrmResumen .folio{
	font-family: "Lato", serif;
	line-height: 40px;
	display: inline-block;
	background: #232C61;
	color: #fff;
	padding-left: 10px;
	padding-right: 12px;
	font-size: 20px;
	font-weight: 900;
}
.cntDatosComprador{
	padding-top: 30px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.itemDatCom{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-family: "Lato", serif;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 30px;
	width: 100%;
	margin-right: 0px;
}
.titleDatCom1{
	font-family: "Lato", serif;
	width: 90px;
	height: 48px;
	background: #232C61;
	position: relative;
	margin-right: 9px; 
	color: #fff;
	font-weight: 900;
	font-size: 15px;
	line-height: 48px;
	padding-left: 6px;
}
.titleDatCom2{
	width: calc(100% - 99px);
	font-size: 15px;
	padding-left: 8px;
	padding-right: 8px;
	color: #232C61;
	line-height: 46px;
	border: solid 1px #232C61;
}
.itemDatCom:nth-child(2n + 2),.itemDatCom:last-child{
	margin-right: 0px;
}
.cntBottomCarrito2a{
	align-items: center;
}

#accesoriosRefacciones{
	background: url('../images/accesorios/bg1.webp') center no-repeat;
	background-size: cover;
}
#accesoriosRefacciones img.imgprox{
	margin-left: auto;
	margin-right: auto;
}
#textContacto1{
	padding-top: 22px;
}
#tcontacto1{
	background: url('../images/contacto/bgcristal.webp') center no-repeat;
	background-size: cover;
	margin-bottom: 40px;
}
.logocontacto1{
	margin-left: auto;
	margin-right: auto;
}
#tcontacto2{
	background: #fff;
	position: relative;
}
#tcontacto2::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url('../images/contacto/qr.webp') top center no-repeat;
	background-size: cover;
	height: 300px;
	z-index: 2;
}
.cntContacto2{
	display: flex;
	height: auto;
	position: relative;
	flex-wrap: wrap;
	max-width: 1680px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 340px;
}
.itemContacto2a{
	width: 100%;
	padding-top: 90px;
	display: inline-flex;
	justify-content: center;
	text-align: center;
}
.itemContacto2b{
	width: 100%;
	padding-top: 45px;
	display: inline-flex;
	justify-content: center;
	position: relative;
}
.titleContacto2-2{
	position: relative;
}
.titleContacto2-2::before,.titleContacto2-2::after{
	content: '';
	position: absolute;
	top: -85px;
	left: calc(50% - 219px);
	width: 438px;
	height: 63px;
	background: url('../images/contacto/before.png') center no-repeat;
	background-size: cover;
}
.titleContacto2-2::after{
	top: auto;
	bottom: -85px;
	background: url('../images/contacto/after.png') center no-repeat;
	background-size: cover;
}
.cntRedesCont2{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "SupremeLLTT Bold";
	font-weight: 700;
	font-style: italic;
	font-size: 18px;
	line-height: 0.9;
	letter-spacing: 0px;
	color: #000000;
	padding-top: 30px;
	position: relative;
	z-index: 2;
}
.cntRedesCont2 a{
	margin-right: 8px;
}
.titleCont2b{
	font-family: "Lato", serif;
	font-size: 30px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0px;
	color: #383c43;
	margin-bottom: 10px;
	padding-bottom: 12px;
	position: relative;
}
.titleCont2b::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #000928;
}
.titlecont2c{
	font-family: "Lato", serif;
	font-weight: 300;
	font-size: 25px;
	line-height: 0.9;
	letter-spacing: 0px;
	color: #383c43;
}
.imgcont22a{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	width: 270px;
}
.textodirCont2a{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Lato", serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	letter-spacing: 0px;
	color: #000000;
}
.textodirCont2a img{
	margin-right: 10px;
}
#garantia1{
	background: url(../images/carousel/bgCarousel.webp) top center no-repeat;
	background-size: cover;
	background-position: 0 -150px
}
.contentGarantia1{
	max-width: 1696px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 45px;
	display: flex;
	flex-wrap: wrap;
}
.itemGarantia1{
	width: calc(50% - 27px);
	margin-right: 54px;
	margin-bottom: 45px;
	background: url(../images/garantia/cristal.webp) center no-repeat;
	background-size: cover;
	padding: 40px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 10px;
	border: solid 10px #FFF;
}
.itemGarantia1:nth-child(2n + 2){
	background: url(../images/garantia/cristal2.webp) center no-repeat;
	background-size: cover;
}
.itemGarantia1:last-child,.itemGarantia1:nth-child(2n + 2){
	margin-right: 0px;
}
.itemGarantia1.item1{
	background: url(../images/garantia/Moto1.webp) center no-repeat;
}
.itemGarantia1.item2{
	background: url(../images/garantia/Moto2.webp) center no-repeat;
}
.itemGarantia1.item3{
	background: url(../images/garantia/Moto3.webp) center no-repeat;
}
.itemGarantia1.item4{
	background: url(../images/garantia/Moto4.webp) center no-repeat;
}
.itemGarantia1 figure{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 311px;
	background: rgba(218, 22, 45, 0.55);
	position: relative;
	max-width: 532px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 16px;
}
.itemGarantia1 figure div.garantia1{
	width: 100%;
	height: 100%;
	border:solid 2px #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 5px;
}
.itemGarantia1 figure div.garantia1 img{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.titleGarantia1{
	font-family: "Lato",serif;
	font-weight: 900;
	font-size: 31px;
	line-height: 1;
	letter-spacing: 0px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}
.textoGaranta1{
	font-family: "Lato", serif;
	font-weight: 400;
	font-size: 17.82px;
	line-height: 16px;
	letter-spacing: 0.25px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
	max-width: 390px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	padding-bottom: 8px;
}
.textoGaranta1 strong{
	font-family: "SupremeLLTT Medium";
}

#garantia2{
	padding-top: 40px;
	position: relative;
	z-index: 2;
}
.contentGarantia2{
	background: url('../images/financiamiento/bg3.webp') center top no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	height: 384px;
	padding-top: 15px;
  	padding-bottom: 50px;
	padding-left: 15px;
	padding-right: 15px;
}
.itemGarantia2{
	width: 50%;
}
.itemGarantia2-1{
	padding-right: 137px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.itemGarantia2-2{
	height: 322px;
	padding-bottom: 80px;
	display: flex;
	align-items: center;
	font-family: "Lato", serif;
	font-weight: 400;
	font-size: 39.29px;
	line-height: 0.9;
	letter-spacing: 0px;
	color: #b81327;
	text-transform: uppercase;
	text-align: justify;
}
.garantia2{
	max-width: 888px;
	position: relative;
	padding-bottom: 20px;
}
.titleGarantia2{
	font-family: "Lato", serif;
	font-weight: 900;
	font-size: 43px;
	margin-bottom: 0px;
	text-align: center;
	line-height: normal;
	color: #FFF;
	text-shadow: 0 5px 5px rgba(0,0,0,0.3);
}
.garantia2::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 881px;
	height: 10px;
	border-radius: 10px;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); 
}
#garantia3{
	background: url('../images/financiamiento/bg4.webp') center top no-repeat;
	background-size: cover;
	margin-top: -132px;
	padding-top: 132px;
}
.titleGarantia3{
	font-family: "Lato", serif;
	font-weight: 900;
	font-size: 55px;
	line-height: 0.9;
	letter-spacing: 0px;
	color: #d80c24;
	text-transform: uppercase;
	text-align: center;
	margin-top: 35px;
}
.contentGarantia3{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 103px;
	padding-bottom: 50px;
}
.itemGarantia3{
	margin-right: 18px;
	margin-bottom: 55px;
}
.itemGarantia3:last-child{
	margin-right: 0px;
}
.itemGarantia3 img{
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	box-shadow: 0px 39px 33.25px 1.75px rgba(0, 0, 0, 0.45);
}
.titleGarantia3b{
	font-family: "Lato", serif;
	font-weight: 600;
	font-size: 26px;
	line-height: 0.9;
	letter-spacing: 0px;
	color: #d80c24;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 58px;
}
#textGarantia4{
	background: url('../images/financiamiento/bg5.webp') center top no-repeat;
	background-size: cover;
	height: 116px;
	position: relative;
	box-shadow: 0px 30px 25px 1.25px rgba(0, 0, 0, 0.45);
}
#textGarantia5{
	position: relative;
	padding-top: 70px;
}

#financiamiento{

}

#financiamiento{
	background: rgb(148,3,19);
	background: linear-gradient(0deg, rgba(148, 3, 19, 0.72) 0%, rgb(255, 255, 255) 100%); 
	padding-top: 43px;
}
#financiamiento .background{
	background: url('../images/financiamiento/bg.webp') left bottom repeat-x;
}
#financiamiento .row{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
#financiamiento .row .col{
	width: 30%;
	text-align: center;
}
#financiamiento .row .col2{
	width: 40%;
	padding-bottom: 10px;
}

#financiamiento .comenzarAhora{
	height: 223px;
	background: #fc041f;
	box-shadow: -12px 0 15px 13px rgba(0,0,0,0.1);
}
#financiamiento .imgCredito1{
	margin-left: auto;
	margin-right: auto;
}
#financiamiento .textCredito1{
	font-family: "Lato", serif;
	font-size: 88px;
	font-weight: 500;
	line-height: 100px;
	letter-spacing: 0px;
	color: #d80c24;
	text-align: center;
	text-shadow: 0px 4px 2px rgb(255, 255, 255);
	padding-top: 70px;
}
#financiamiento .textCredito2{
	font-family: "Lato", serif;
	font-size: 110px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0px;
	color: #d80c24;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 100px;
	text-shadow: 0px 4px 2px rgb(255, 255, 255);
}
#financiamiento .textCredito2 div{
	font-size: 102px;
}
#financiamiento .imgCredito2{
	margin-left: auto;
	margin-right: auto;
}




/*JQMotor*/
.titleCat{
	height: 200px;
	background-position: right center;
	background-repeat: no-repeat;
	font-family: "Lato", serif;
	font-size: 100px;
	font-weight: 600;
	font-style: italic;
	line-height: 100px;
	color: #fff;
	text-shadow: 0px 0 32px rgb(255, 255, 255);
	display: flex;
	align-items: center;
	padding-left: 85px;
	text-decoration: underline;
	text-transform: uppercase;
}
.itemCat:nth-child(even) .titleCat,
.itemCat:nth-child(even) .itemProd .nombreProd{
	background-color: #3a3a3a;
}
.itemCat:nth-child(odd) .titleCat,
.itemCat:nth-child(odd) .itemProd .nombreProd{
	background-color: var(--color-red);
}
.itemCat:nth-child(even) .itemProd a{
	background-color: #3a3a3a;
	border: solid 10px #3a3a3a;
}
.itemCat:nth-child(odd) .itemProd a{
	background-color: var(--color-red);
	border: solid 10px var(--color-red);
}


.racing .titleCat{
	background-image: url('../images/catalogo/racing.webp');
}
.naked .titleCat{
	background-image: url('../images/catalogo/naked.webp');
}
.adventure .titleCat{
	background-image: url('../images/catalogo/adventure.webp');
}
.street-cruiser .titleCat{
	background-image: url('../images/catalogo/street-cruiser.webp');
}
.scooter .titleCat{
	background-image: url('../images/catalogo/scooter.webp');
}
.itemCat .row{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -14.5px
}
.itemCat .itemProd{
	padding: 14.5px;
	display: flex;
  	flex-basis: 25%;
}
.itemCat .itemProd article{
	border-radius: 40px;
  	overflow: hidden;
  	box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.4);
}
.itemCat .itemProd a{
	display: block;	
	border-radius: 40px 40px 0 0;
	overflow: hidden;
	border-bottom: none !important;
	padding-bottom: 10px
}
.itemCat .itemProd figure{
	position: relative;
}
.itemCat .itemProd .nombreProd{
	position: absolute;
	height: 89px;
	left: 0;
  	bottom: 0;
  	right: 0;
	font-family: "Lato", serif;
	font-size: 24px;
	font-weight: 500;
	color: #FFF;
	padding: 20px 0 0 45px;
}

.itemCat .itemProd .nombreProd:before{
	display: block;
	content: "";
	width: 89px;
	height: 85px;
	position: absolute;
	right: 30px;
	top: 7px;
	transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
}
.itemCat:nth-child(even) .nombreProd:before{
	background: url('../images/productos/flecha_gris.png') center center no-repeat;
}
.itemCat:nth-child(odd) .nombreProd:before{
	background: url('../images/productos/flecha_roja.png') center center no-repeat;
}
.itemCat .itemProd:hover .nombreProd:before{
	transform: scale(0.8,0.8);
}

.sinProductos{
	padding: 30px;
	text-align: center;
	flex-basis: 100%;
	font-family: 'Lato', serif; 
	font-size: 30px;
	color: var(--color-red);
}

#BendaContainer .cinta{
	position: absolute;
  	bottom: 0;
  	z-index: -1;
  	left: 0;
  	right: 0;
}
#BendaContainer .itemProd  .cinta img{
	display: block;
	max-width: 100%;
	min-width: 100%;
}
.cinta .nombreProd{
	opacity: 0.8;
  	font-family: "Lato", serif;
  	font-size: 45px;
  	font-weight: 600;
  	font-style: italic;
  	line-height: 60px;
  	color: #fff;
  	text-shadow: 0px 0 32px rgb(255, 255, 255);
  	left: 85px;
  	text-decoration: underline;
  	text-transform: uppercase;
  	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
}
#BendaContainer .itemProd a{
	display: block;
	position: relative;
}
#BendaContainer .itemProd figure{
	display: block;
}
#BendaContainer .itemProd img{
	display: block;
	max-width: 100%;
}
#BendaContainer .itemProd .cinta:before{
	display: block;
	content: "";
	width: 89px;
	height: 85px;
	position: absolute;
	right: 30px;
	top: 27px;
	transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
}
#BendaContainer .itemProd:nth-child(even) .cinta:before{
	background: url('../images/productos/flecha_gris.png') center center no-repeat;
}
#BendaContainer .itemProd:nth-child(odd) .cinta:before{
	background: url('../images/productos/flecha_roja.png') center center no-repeat;
}
#BendaContainer .itemProd:hover .cinta:before{
	transform: scale(0.8,0.8);
}
#BendaContainer .itemProd .img-p{
	margin: 0 auto;
}

#bannerProducto{
	position: relative;
}
#bannerProducto .container{
	height: 100%;
	display: flex;
  	align-items: center;
  	justify-content: end;
}
#bannerProducto .cntDetallesProd{
	display: flex;
	align-items: center;
  	flex-direction: column;
  	justify-content: center;
  	height: 100%;
  	width: 50%;
}

#bannerProducto img{
	display: block;
	max-width: 100%;
}
#bannerProducto #detalles1{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#bannerProducto .cntdetalles1{
	padding-top: 28px;
	padding-bottom: 55px;
	width: 100%;
}
#bannerProducto .productName{
	position: relative;
	font-family: "Lato", serif;
  	font-weight: 900;
  	font-style: italic;
  	font-size: 147px;
  	line-height: 1;
  	letter-spacing: 0px;
  	color: #fff;
  	text-align: center;
  	text-shadow: 0px 0px 35px rgba(255, 255, 255, 0.5);
  	text-transform: uppercase;
}
#bannerProducto .cntDetallesProd.detallesCat-2 {
  	width: 53%;
}
#bannerProducto .detallesCat-2 .productName{
	font-size: 120px
}
#bannerProducto .productDesc{
	text-align: center;
	font-family: "Lato", serif;
  	font-size: 21px;
  	color: #FFF;
  	margin-bottom: 25px;
}
#bannerProducto .fichaTecnica{
	display: flex;
	font-family: "Lato", serif;
  	font-weight: 800;
  	font-size: 25px;
  	line-height: 23px;
  	letter-spacing: 0px;
  	color: #fff;
  	flex-wrap: wrap;
  	text-decoration: underline;
  	text-shadow: 0px 7px 2px rgba(56, 56, 56, 0.1);
  	padding-right: 47px;
  	position: relative;
  	justify-content: center;
  	align-items: center;
  	cursor: pointer;
}
#bannerProducto .fichaTecnica:before{
	display: block;
	content: "";
  	background: url('../images/productos/icoDownload.png') right center no-repeat;
  	width: 93px;
  	height: 65px;
  	position: absolute;
  	right: -29px;
  	top: -10px;
}
#bannerProducto .fichaTecnica a{
	color: inherit;
}
#bannerProducto .textoTituloPrecio{
	font-family: "Lato", serif;
	font-weight: 600;
	font-size: 37px;
	letter-spacing: 0px;
	color: #fff;
	text-shadow: 0px 7px 2px rgba(56, 56, 56, 0.1);
	margin-bottom: 18px;
	text-align: center;
	line-height: normal;
}
#bannerProducto .precioProdDet{
	height: 84px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	border: solid 2px #fff;
	font-family: "Lato", serif;
	text-shadow: 0px 7px 2px rgba(56, 56, 56, 0.1);
	font-weight: 900;
	font-size: 35px;
	line-height: 36.98px;
	letter-spacing: 0px;
	width: 100%;
	max-width: 634px;
	margin: 0 auto;
	border-radius: 18px;
}
.itemDet1a{
	width: 100%;
	padding-top: 10px;
}
#detalles2{
	background: var(--color-red);
	box-shadow: 0 1px 20px 6px rgba(255, 255, 255, 0.35);
	position: relative;
}
.conteDetalles2{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 17px 0;
	justify-content: center;
}
.itemDet2{
	position: relative;
	font-family: "Lato", serif;
	font-weight: 500;
	color: #fff;
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0px;
	text-align: center;
	text-shadow: 0px 0px 35px rgba(255, 255, 255, 0.3);
	max-width: 350px;
	margin: 15px 30px;
	width: 25%;
	position: relative;
}
.itemDet2:before{
	display: block;
	content: "";
	width: 58px;
	height: 138px;
	background: url('../images/productos/separador.png') center center no-repeat;
	position: absolute;
	right: -59px;
  	top: -31px;
}
.conteDetalles2 .itemDet2:last-child:before{
	display: none;
}
.itemDet2 .text1{
	font-family: "Lato", serif;
	font-weight: 900;
	font-size: 36px;
	line-height: 0.9;
	letter-spacing: 0px;
	opacity: 0.8
}
.itemDet2.cforce-1000-overland .text1{
	font-size: 16px;
}
.itemDet2 .text2{
	padding-top: 15px;
	font-size: 20px;
}

#textDetallesProducto1{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 58px;
}
#textDetallesProducto1.bg-qjmotor{
	background-image: url('../images/productos/bgDetailsQJMotor.png');	
}
#textDetallesProducto1.bg-benda{
	background-image: url('../images/productos/bgDetailsBenda.png');	
}
#textDetallesProducto1.bg-qjmotor .tit{
	color: var(--color-red);
}
#textDetallesProducto1.bg-benda .tit{
	color: #3d3d3d;
}
.coloresDisponibles{
	position: relative;
	text-align: center;
}
.coloresDisponibles .tit{
	font-family: "Lato", serif;
	font-weight: 600;
	font-size: 48px;
	line-height: 1;
	letter-spacing: 0px;
	
	text-shadow: 0px 7px 2px rgba(56, 56, 56, 0.1);
	text-align: center;
	padding-bottom: 17px;
	padding-top: 37px;
	text-decoration: underline;
}

#selectColor{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px
}
#selectColor a{
	display: inline-block;
	border: solid 5px #FFF;
	border-radius: 50%;
	box-shadow: 2px 4px 5px 5px rgba(0,0,0,0.3);
	margin: 0 80px;
	cursor: pointer;
}
#selectColor a img{
	display: block;
	max-width: 100%;
}
.colorMoto{
	display: flex;
	justify-content: center;
	margin-top: 25px;
}
.colorMoto figure{
	display: inline-block;
}
.colorMoto .hidden{
	display: none;
}
#secGaleria{
	margin-bottom: 69px;
  	text-align: center;
}
#secGaleria .titleGaleria1A{
  	padding-top: 25px;
}
#secGaleria.gal-qjmotor .cntGal{
	background: var(--color-red);
}
#secGaleria.gal-benda{
	background: #747474;
	box-shadow: 0 1px 15px 8px rgba(0,0,0,0.5);
}
.titleGaleria1A{
	font-family: "Lato", serif;
	font-weight: 900;
	font-size: 30px;
	line-height: 0.9;
	letter-spacing: 0px;
	color: var(--color-red);
	text-align: center;
	text-shadow: 0px 0px 35px rgba(255, 255, 255, 0.3);
	text-decoration: underline;
	background: #FFF;
	padding-bottom: 30px;
}

#secGaleria.gal-qjmotor .titleGaleria1A{
	color: var(--color-red);
}
#secGaleria.gal-benda .titleGaleria1A{
	color: #3d3d3d;
}
#secGaleria img{
	display: block;
	max-width: 100%;
}
#secGaleria .cntGal{
	padding: 20px;
  	width: auto;
  	display: inline-block;
  	margin: 0 auto;
}
#secGaleria .thumbnails{
	display: flex;
	flex-wrap: wrap;
}
.multipleGal figure{
	width: 20%;
}
/*#secGaleria figure{
	width: 20%;
}*/

.cntBtnAddCart{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px ;
}
.cntBtnsAddCantDet{
	position: relative;
	width: 540px;
}
.cntBtnsAddCantDet a{
	display: flex;
	align-items: center;
	padding: 0 0 0 75px;
	height: 102px;
	justify-content: center;
	font-size: 32px;
	font-family: 'Lato', serif;
	font-style: italic;
	font-weight: 800;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin-right: 135px;
}
.cntBtnsAddCantDet.btn-addcart-qjmotor a{
	color: #d70b23;	
}
.cntBtnsAddCantDet.btn-addcart-benda a{
	color: #3d3d3d;	
}
.cntBtnsAddCantDet a:hover{
	text-decoration: none;
}

.cntBtnsAddCantDet.btn-addcart-qjmotor{
	background: url('../images/productos/btnCarritoR.png');
}
.cntBtnsAddCantDet.btn-addcart-benda{
	background: url('../images/productos/btnCarritoN.png?');
}

.detalleprev{
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 104px;
	width: 185px;
	border-radius: 0px;
	border-top-right-radius: 70px;
	border-bottom-right-radius: 70px;
	padding-right: 20px;
	padding-left: 80px;
  	overflow: hidden;
}
.cantidadProdc{
	position: relative;
	height: 104px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center; 
}
input[type="number"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}
.number-input {
	display: inline-flex;
}
.number-input,
.number-input * {
	box-sizing: border-box;
}
.number-input button{
	outline:none;
	appearance: none;
	-webkit-appearance: none;
	background-color: #dcdcdc;
	border: none;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 45px;
	cursor: pointer;
	margin: 0 2px;
	position: relative;
}
.number-input.detalleprev button{
	background-color: transparent;
	color: #252525;
	border: 0;
	height: 104px;
	margin: 0;
	padding: 0;
	width: 25px;
}
.number-input .minus,.number-input .plus{
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	color: #252525;
	border: 0;
	width: 27px;
	height: 44px;
	cursor: pointer;
	margin: 0;
	position: relative;
	color: var(--color-red);;
	font-size: 19px;
}

.number-input.detalleprev .quality{
	width: 100px;
	height: 104px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.number-input button::before,
.number-input button::after {
	display: inline-block;
	position: absolute;
	content: '';
	width: 15px;
	height: 6px;
	background-color: #fff;
	transform: translate(-50%, -50%);
}
.number-input button.plus::after {
	transform: translate(-50%, -50%) rotate(90deg);
}
.number-input button:hover::before,
.number-input button:hover::after {
	background-color: #fff;
}
.number-input input[type=number] {
	font-family: 'Lato';
	max-width: 36px;
	padding: .5rem;
	background: #dcdcdc;
	font-size: 15px;
	color: #2d2c2c;
	height: 45px;
	font-weight: 400;
	text-align: center;
}
.number-input.detalleprev input[type=number] {
	height: 104px;
	width: 50px;
	max-width: 50px;
	background: transparent;
	color: #fff;
	font-weight: 800;
	font-family: 'Saira', sans-serif;
	font-size: 30px;
	padding: 0;
	margin: 0;
}
.number-input .qty {
	font-family: 'Saira', sans-serif;
	max-width: 50px;
	padding: .5rem;
	background: #fff;
	font-size: 29px;
	letter-spacing: -0.15px;
	color: var(--color-red);;
	height: 44px;
	border-top: 0;
	border-bottom: 0;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	border-top: 0;
}


/*Contacto*/
#bgContact{
	background: url('../images/contacto/bg.webp') center top no-repeat;
}
.bgHead{
	background: url('../images/contacto/bgHead.webp') center top no-repeat;
	height: 219px;
	box-shadow: 0 5px 25px rgba(0,0,0,0.5);
	border-bottom: solid 8px #FFF
}
.bgHead .container{
	font-family: 'Lato';
	font-size: 68px;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	height: inherit;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	color: #FFF;
	line-height: normal;
	font-weight: 700;
	text-align: center;
	font-style: italic;
}
#bgContact >.container{
	margin-top: 150px
}
#bgContact figcaption{
	position: absolute;
	top: 180px;
	left: 50%;
}
#bgContact figcaption >div{
	position: relative;
	background: transparent;
	margin-bottom: 32px;
}
#bgContact figcaption >div div{
	display: flex;
	align-items: center;
	font-family: 'Lato', serif;
	font-size: 46px;
	font-weight: 600;
	font-style: italic;
	color: #b81327;
	border-radius: 44px;
	height: 140px;
	width: 842px;
	padding-left: 144px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: #fff url('../images/contacto/bgInput.webp') 0 0 no-repeat;	
}
#bgContact figcaption >div:before{
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.25);
	position: absolute;
	left: -20px;
	bottom: -20px;
	border-radius: 44px;
	z-index:0
}
#bgContact figcaption >div div:before{
	display: inline-block;
	content: "";
	width: 94px;
	height: 94px;
	position: absolute;
	left: 40px;
	top: 50%;
	transform: translateY(-50%);
	z-index:1
}
#bgContact figcaption .divMail div:before{
	background: #fff url('../images/contacto/ico1.webp') 0 0 no-repeat;	
}
#bgContact figcaption .divTel div:before{
	background: #fff url('../images/contacto/ico2.webp') 0 0 no-repeat;	
}
#bgContact figcaption .divTel div{
	font-weight: 800
}
.footerContact{
	padding-bottom: 50px;
}
.footerContact div{
	border-top: solid 9px #b81327;
	border-bottom: solid 9px #b81327;
	background: #FFF;
	font-family: 'Lato', serif;
	font-size: 60px;
	color: #b81327;
	line-height: normal;
	text-align: center;
	padding: 10px 15px;
	font-weight: 600;
	font-style: italic;
	box-shadow: 0 35px 15px -5px rgba(0,0,0,0.4);
}
.footerContact div span{
	display: inline-block;
	background: #fff url('../images/contacto/ico3.webp') 0 0 no-repeat;	
	padding-left: 80px;
	height: 73px;	
}