html,body{
	min-width: 320px;
	width:100%;
	padding: 0px;
	margin: 0px;
	background:#fff;
	-webkit-font-smoothing: antialiased;
	min-height: 100%;
	overflow-x: visible;
	font-family: 'DIN Next LT Pro';
	overscroll-behavior: none;
}
@font-face {
	font-family: 'Bunken Tech Sans Pro ExBd';
	src: url('../fonts/BunkenTechSansPro-ExBdIt.woff2') format('woff2'),
	url('../fonts/BunkenTechSansPro-ExBdIt.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Bunken Tech Sans Pro Ligh';
	src: url('../fonts/BunkenTechSansPro-Light.woff2') format('woff2'),
	url('../fonts/BunkenTechSansPro-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-Light.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-Bold.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.imgLiquid{
	background-size: cover!important;
	background-position: 50% 50%!important;
	background-repeat: no-repeat!important;
}
.imgLiquid img{
	opacity: 0;
}
.owl-carousel{
  touch-action: manipulation!important; 
  -webkit-touch-action: manipulation!important; 
  -moz-touch-action: manipulation!important; 
  -o-touch-action: manipulation!important; 
}
button:active, button:focus{
	outline: none;
}
.box{
	display: table;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.box-inner{
	display: table-cell;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
}
h1{
	display: block;
    opacity: 1;
    position: relative;
    overflow: hidden;
    width: 170px;
    height: 25px;
    left: 15px;
    top: 20px;
    margin: 0;
    background: url(../images/logo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
}
h1.menu{
	width: 230px;
	height: 37px;
	left: 50%;
	margin-left: -115px;
	top: 15px;
} 
h1 a{
	display: block;
	font-size: 0;
	text-indent: -90000px;
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
}
h2{
	font-size: 40px;
	color: #5b6770;
	text-align: center;
	margin-bottom: 30px;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
}
h3{
	font-size: 20px;
	color: #5b6770;
	text-align: center;
	margin-bottom: 30px;
	position: relative;
	text-transform: uppercase;
}
h3 small{
	font-family: 'Bunken Tech Sans Pro Ligh';
	font-size: 14px;
	display: block;
	font-style: italic;
}
p{
	font-size: 14px;
	color: #5b6770;
	text-align: center;
	line-height: 120%;
}
.btn-custom{
	display: block;
	position: relative;
	overflow: hidden;
	width: 220px;
	margin: 10px auto 20px auto;
	text-align: center;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	background: transparent;
	text-decoration: none;
}
.btn-custom span{
	position: relative;
	z-index: 1;
}
.btn-custom:after{
	content: " ";
	display: block;
	position: absolute;
	overflow: hidden;
	width: 0%;
	height: 100%;
	background: #1074BA;
	left: 0;
	top: 0;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	z-index: 0;
}
.btn-custom:hover{
	color: #fff;
	text-decoration: none;
	border:1px solid #1074BA;
}
.btn-custom:hover:after{
	width: 100%;
	text-decoration: none;
}
/* h3ader */
header{
	display: block;
	position: fixed;
	overflow: visible;
	width: 100%;
	height: 64px;
	left: 0;
	top: 0;
	z-index: 9;
	background: rgba( 255, 255, 255, 1);
	backdrop-filter: blur( 10px );
	-webkit-backdrop-filter: blur( 10px );
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
		border-bottom: 1px solid #f1f1f1;
}
header.active{
	background: rgba( 255, 255, 255, 0.9);
	backdrop-filter: blur( 10px );
	-webkit-backdrop-filter: blur( 10px );
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	overflow: visible;
}
header button{
	display: block;
	position: absolute;
	overflow: hidden;
	width: 40px;
	height: 40px;
	background-color: transparent;
	padding: 0;
	border: 0px;
	outline: none;
	float: right;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	z-index: 999;
	right: 10px;
	top: 12px;
}
header button span{
	display: block;
	position: relative;
	overflow: hidden;
	width: 30px;
	background-color: #1074BA;
	height: 3px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin: 4px auto 6px auto;
	transition: all ease .2s;
	-webkit-transition: all ease .2s;
	-moz-transition: all ease .2s;
}
header button span:nth-child(1){
	width: 30px;
	float: right;
	margin-right: 5px;
}
header button.active span:nth-child(1){
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	top: 5px;
  width: 24px;
  left: -3px;
}
header button.active span:nth-child(2){
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	top: 14px;
  width: 24px;
  right: 8px;
  position: absolute;
}
header button.active span:nth-child(3){
	opacity: 0;
}
nav{
	display: block;
	position: fixed;
	overflow: visible;
	width: 100%;
	height: 100%;
	z-index: 200;
	right: -100%;
	top: 0px;
	z-index: 8;
	background-color: #fff;
}
nav ul{
	display: block;
	position: relative;
	overflow: visible;
	width: 100%;
	margin: 0;
	padding: 0;
}
nav ul li{
	display: inline-block;
	position: relative;
	overflow: visible;
	width: 100%;
	margin: 0;
	float:left;
}
nav a, nav button{
	display: block;
	position: relative;
	overflow: visible;
	width: 100%;
	margin: 0 auto;
	height: 40px;
	line-height: 41px;
	color: #5b6770;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	transition: all ease .4s;	
	-webkit-transition: all ease .4s;	
	-moz-transition: all ease .4s;
	padding-left: 20px;	
	background: transparent;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	outline: none;
	text-align: left;
}
nav ul li:first-child a{
	border-top: 1px solid rgba(0,0,0,.1);
}
nav a.active, nav a:hover, nav button.active, nav button:hover{
	opacity: .7;
	text-decoration: none;
	color: #1074BA;
}
nav .box, nav .box-inner{
	overflow: visible;
}
nav button{
	height: auto;
}
nav button ul{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	left: 0;
	top: 0;
    z-index: 6;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
}
nav button ul li{
	display: block;
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0;
	height: 40px;
	width: 50%;
	border-left: 0px;
}
nav button ul li a{
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	border: 0;
	font-style: italic;
	font-weight: initial;
}
nav button ul li:first-child a{
	border: 0;
}
nav button ul li a:hover{
	color: #000;
}
nav button ul li a:before{
	height: 100%;
	z-index: 1;
	left: 0;
}
nav button ul li a span{
	position: relative;
	z-index: 2;
}
@media screen and (min-width: 992px){
	h3{
		font-size: 26px;
	}
	h3 small{
		font-family: 'Bunken Tech Sans Pro Ligh';
		font-size: 20px;
		display: block;
	}
	p{
		font-size: 16px;
		color: #5b6770;
		text-align: center;
	}
	header button.burger{
		display: none;
	}
	header{
		height: 64px;
		border-top: 0;
	}
	header.active{
		background: rgba(255, 255, 255,.9);
		backdrop-filter: blur( 10px );
		-webkit-backdrop-filter: blur( 10px );
		overflow: visible;
	}
	header h1{
		width: 260px;
        height: 42px;
        left: 50px;
        top: 10px;
	}
	nav{
		right: 40px;
		height: 64px;
		text-align: right;
		z-index: 9;
		width: 710px;
		background: transparent;
		position: fixed;
		float: right;
	}
	nav ul{
		height: 64px;
		width: 100%;
		text-align: right;
		float: right;
	}
	nav ul li{
		display: inline-block;
		width: auto;
		border-left: 0;
		float:none;
		height: 64px;
		margin: 0 5px;
	}
	nav ul li a, nav ul li button{
		line-height: 64px;
		height: 64px;
		border: 0px;
		padding-left: 0;
		font-size: 13px;
	}
	nav ul li:first-child a{
		border: 0px;
	}
	nav ul li a:before, nav ul li button:before{
		content: " ";
		display: block;
		position: absolute;
		overflow: hidden;
		width: 0;
		height: 4px;
		left: 0;
		bottom: 0;
		background: #1074BA;
		transition: all ease .4s;
		-webkit-transition: all ease .4s;
		-moz-transition: all ease .4s;
		left: 50%;
		margin-left:-1px;
	}
	nav ul li a.active, nav ul li a:hover, nav ul li button.active, nav ul li button:hover{
		opacity: 1;
		color: #1074BA;
	}
	nav ul li a.active:before, nav ul li a:hover:before, nav ul li button.active:before, nav ul li button:hover:before{
		width: 100%;
		left: 0;
	}
	nav button:hover ul{
		height: 280px;
	}
	nav button ul{
		display: block;
		position: absolute;
		overflow: hidden;
		width: 220px;
		height: 0;
		left: -1px;
		top: 64px;
	    z-index: 6;
	    border-left: 1px solid #fff;
	    background: rgba( 255, 255, 255, 0.9);
	    backdrop-filter: blur(10px);
	    -webkit-backdrop-filter: blur(10px);
	    -moz-backdrop-filter: blur(10px);
	    transition: all ease .4s;
	    -webkit-transition: all ease .4s;
	    -moz-transition: all ease .4s;

	}
	nav button ul li{
		display: block;
		position: relative;
		overflow: hidden;
		float: left;
		margin: 0;
		height: 40px;
		width: 100%;
	}
	nav button ul li a{
		height: 40px;
		line-height: 40px;
		padding-left: 15px;
	}
	nav button ul li a:hover, nav button ul li a.active{
		color: #fff;
	}
	nav button ul li a:before, nav button ul li a.active:bedore{
		height: 100%;
		z-index: 1;
		left: 0;
	}
	nav button ul li a span{
		position: relative;
		z-index: 2;
	}
}
@media screen and (min-width: 1100px){
	nav{
		width: 810px;
	}
	nav ul li{
		margin: 0 10px;
	}
	nav ul li a{
		font-size: 14px;
	}
}
@media screen and (min-width: 1200px){
	nav{
		width: 910px;
	}
	nav ul li{
		margin: 0 15px;
	}
	nav ul li a{
		font-size: 14px;
	}
}
/* h3ader end */



/* footer */
footer{
	padding: 30px 0 25px 0;
	background: #000;
}
footer p{
	font-size: 12px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0 15px;
}
footer ul{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
}
footer ul.sucursales li:nth-child(2){
	margin-bottom: 15px;
}
footer ul.distribuidor{
	margin-bottom: 15px;
}
footer ul.rrss a{
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 25px;
	margin: 0 6px 0 0;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	font-size: 0px;
	text-indent: -9000px;
}
footer ul.rrss a img{
	width: 100%;
}
footer ul.rrss a:hover{
	opacity: .6;
}
footer ul li{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	color: #fff;
	font-size: 14px;
}
footer ul li:first-child{
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
}
footer ul li a{
	text-decoration: none;
	color: #fff;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
}
footer ul li a:hover{
	opacity: .6;
	color: #fff;
	text-decoration: none;
}
footer p a{
	text-decoration: none;
	color: #fff;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
}
footer p a:hover{
	opacity: .6;
	color: #fff;
	text-decoration: none;
}
footer ul li img{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 768px){
	footer{
		padding: 50px 0 25px 0;
	}
	footer p{
		padding-top: 15px;
		font-size: 14px;
		border-top: 1px solid rgba(255, 255, 255, .2);
	}
	footer ul{
		border-bottom: 0px;
	}
	footer ul.rrss{
		margin-bottom: 0px;
	}
	footer ul.rrss li:first-child{
		margin-bottom: 5px;
	}
	footer ul li{
		margin: 0 0 4px 0;
		font-size: 15px;
	}
	footer ul li:first-child{
		margin-bottom: 15px;
	}
}
/* footer end */



/* nuevo */
nav ul li span.nuevo{
	display: block;
	position: absolute;
	overflow: hidden;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: red;
	top: 16px;
	right: -8px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	z-index: 1;
}
nav ul li button ul li a.nuevo img{
	display: block;
	position: absolute;
	overflow: hidden;
	height:40px;
	right: 0;
	top: 0;
	z-index: 1;
}
/* nuevo end */



/* motos index */
.container.morbidelli{
	margin-top: 100px;
}
section.motos-index h2{
	margin-bottom: 0;
	font-weight: bold;
}
.box-item{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	opacity: .8;
}
.box-item:hover{
	opacity: 1;
}
.box-item h3{
	margin: 30px 0 0 0;
}
.box-item h3 span{
	color: #1074BA;
	font-style: italic;
}
.box-item img.foto-item{
	display: block;
	position: relative;
	overflow: hidden;
	width: 200px;
	margin: 0 auto;
}
.box-item img.logo-item{
	display: block;
	position: relative;
	overflow: hidden;
	max-width: 180px;
	width: 100%;
	margin: 15px 0 15px 0;
	float: left;
}
.box-item .box-info{
	display: block;
	position: relative;
	overflow: hidden;
	opacity: 1;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	width: 100%;
}
.box-item .box-info h3{
	font-size: 22px;
	color: #5b6770;
	text-align: center;
	position: relative;
	margin: 15px 0;
	display: none;
}
.box-item .box-info p{
	display: none;
}
.box-item .box-info ul.info{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}
.box-item .box-info ul.info li{
	display: block;
	position: relative;
	overflow: hidden;
	float: left;
	width: 100%;
	font-weight: bold;
	font-family: 'DIN Next LT Pro';
	color: #5b6770;
	padding: 0 15px;
}
.box-item .box-info ul.info li.nombre-item{
	font-size: 16px;
	line-height: 120%;
}
.box-item .box-info ul.info li.precio-antes{
	text-decoration: line-through;
	opacity: .5;
	margin-top: 10px;
}
.box-item .box-info ul.info li.precio-final{
	color: #1074BA;	
	font-size: 20px;
}
.box-item .box-info ul.info li small{
	text-transform: uppercase;
	font-weight: initial;
	display: block;
}
.box-item .box-info a.btn-cotizar{
	display: block;
	position: relative;
	overflow: hidden;
	width: 140px;
	margin: 10px auto 20px auto;
	text-align: center;
	text-decoration: none;
	color: #1074BA;
	text-transform: uppercase;
	border: 1px solid #1074BA;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
}
.box-item .box-info a.btn-cotizar:hover{
	background: #1074BA;
	color: #fff;
}
@media screen and (min-width: 768px){
	.box-item{
		width: 90%;
		margin: 0 auto;
		border-bottom: 0px;
	}
}
@media screen and (min-width: 992px){
	.container.morbidelli{
		margin-top: 140px;
	}
	section.motos-index h2{
		font-size: 40px;
	}
	.box-item .box-info ul.info{
		width: 90%;
		margin: 0 auto 20px auto;
		padding: 0;
	}
}
@media screen and (min-width: 1200px){
	.box-item{
		border-bottom: 0px;
	}
}
/* motos index end */

/* banner */
section.home{
	margin-top: 64px;
}
section.home .owl-banner-home{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0;
}
section.home .owl-banner-home figure{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
section.home .owl-banner-home figure img{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}
section.home .owl-banner-home .owl-nav{
	display: block;
	position: absolute;
	overflow: visible;
	width: 100%;
	height: 0px;
	left: 0;
	top: 50%;
	margin-top: -25px;
	z-index: 2;
}
section.home .owl-banner-home .owl-nav .owl-prev{
	display: block;
	position: absolute;
	overflow: hidden;
	width: 20px;
	height: 50px;
	left: 10px;
	top: 0;
	text-indent: -90000px;
	background: url(../images/arrow-left.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
section.home .owl-banner-home .owl-nav .owl-next{
	display: block;
	position: absolute;
	overflow: hidden;
	width: 20px;
	height: 50px;
	right: 10px;
	top: 0;
	text-indent: -90000px;
	background: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
@media screen and (min-width: 768px){
	section.home .owl-banner-home .owl-nav{
		margin-top: -35px;
	}
	section.home .owl-banner-home .owl-nav .owl-prev{
		height: 70px;
		width: 30px;
		left: 30px;
	}
	section.home .owl-banner-home .owl-nav .owl-next{
		height: 70px;
		width: 30px;
		right: 30px;
	}
}
/* banner end */


/* servicios */
section.servicios{
	padding: 50px 0;
	background: #f8f8f9;
}
img.ico-calendario{
	display: block;
	position: relative;
	overflow: hidden;
	width: 80px;
	margin: 0 auto 15px auto;
}
section.servicios ul{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}
section.servicios ul li{
	display: block;
	position: relative;
	overflow: hidden;
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
	height: 160px;
}
section.servicios ul li img{
	display: block;
	position: relative;
	overflow: hidden;
	width: 80px;
	margin: 0 auto 5px auto;
}
section.servicios ul li h3{
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
}
/* servicios END */

/* agendamiento */
section.agendamiento{
	padding: 50px 0;
	background: url(../images/bg-agendamiento.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
section.agendamiento h3, section.agendamiento p{
	color: #fff;
}
/* agendamiento END */

@media screen and (min-width: 768px){
	/* servicios */
	section.servicios{
		padding: 100px 0;
	}
	img.ico-calendario{
		display: block;
		position: relative;
		overflow: hidden;
		width: 80px;
		margin: 0 auto 15px auto;
	}
	section.servicios ul{
		text-align: center;
	}
	section.servicios ul li{
		display: inline-block;
		width: 25%;
		float: none;
		height: 150px;
	}
	section.servicios ul li h3{
		margin: 0;
	}
	/* servicios END */

	/* agendamiento */
	section.agendamiento{
		padding: 100px 0;
	}
	section.agendamiento h3, section.agendamiento p{
		text-align: left;
	}
	section.agendamiento .btn-custom{
		float: left;
	}
	img.ico-calendario{
		width: 120px;
		margin: 30px auto 15px auto;
	}
	/* agendamiento END */
}
@media screen and (min-width: 992px){
	/* servicios */
	section.servicios ul{
		text-align: center;
	}
	section.servicios ul li{
		display: inline-block;
		width: 16%;
		float: none;
	}
	/* servicios END */
}

/* WS */
a.wsapp {
    display: block;
    position: fixed;
    overflow: hidden;
    width: 40px;
    height: 40px;
    bottom: 15px;
    right: 15px;
    z-index: 9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    
    /* AnimaciĂłn de pulsaciĂłn sutil */
    animation: pulse 1s ease-in-out infinite;
    -webkit-animation: pulse 1s ease-in-out infinite; /* Para compatibilidad con WebKit */
    -moz-animation: pulse 1s ease-in-out infinite; /* Para compatibilidad con Firefox antiguo */
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}
/* Versiones para navegadores antiguos */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.05);
    }
    100% {
        -moz-transform: scale(1);
    }
}
a.wsapp img{
	width: 100%;
}
@media screen and (min-width: 768px){
	a.wsapp {
	    width: 50px;
	    height: 50px;
	    bottom: 30px;
	    right: 30px;
	} 
}
/* WS end */

/* filtro */
.bg-azul{
	background: #1074BA;
}
.bg-gris{
	background: #f1f1f1;
}
.bg-celeste{
	background: #1895D3;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover {
    color: #fff;
    background-color: #1895D3;
}
.nav-pills .nav-link:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
}
.nav-pills .nav-link.active img, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover img {
    opacity: 1;
}
.nav-pills .nav-link {
    border-radius: 0;
	color: rgba(255, 255, 255, .3);
	transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    font-size: 18px;
    width: 50%;
}
.nav-pills .nav-link img{
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 50px;
	opacity: .3;
	transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
}
.filtro-productos{
	padding-bottom: 15px;
}
.filtro-productos .contenido{
	display: none;
	opacity: 0;
	width: 100%;
}
.filtro-productos .contenido.active{
	display: block;
	position: relative;
	overflow: hidden;
	opacity: 1;
	background: transparent;
	width: 100%;
	float: left;
}
/* neumaticos */
.sub-attr{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.sub-nav{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 74px;
	float: left;
}
.sub-nav a {
    border-radius: 0;
	color:#fff;
	border: 1px solid #fff;
	display: block;
	float: left;
	width: calc(50% - 30px);
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 15px;
	transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
}
.sub-nav a.active, .sub-nav a.show>.nav-link{
    color: #1895D3;
    background-color: #fff;
}
.sub-nav a:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .4);
}
.filtro-productos .neumaticos .subcont{
	display: none;
	opacity: 0;
}
.filtro-productos .neumaticos .subcont.active{
	display: block;
	overflow: hidden;
	opacity: 1;
	position: relative;
	width: 100%;
}
.sub-attr-cont{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
}
a.btn-buscar{
	display: block;
	position: relative;
	overflow: hidden;
	width: 140px;
	margin: 0 auto;
	background: #ccc;
	color: #fff;
	text-align: center;
	line-height: 40px;
	padding: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	text-decoration: none;
}
a.btn-buscar:hover{
	color: #1895D3;
}
a.btn-buscar.active{
	background: #000;
}
a.btn-buscar.active:hover{
	background: #fff;
}
.cont-select{
	display: block;
	position: relative;
	overflow: hidden;
	width: calc(100% - 30px);
	background: #fff;
	margin: 0 auto 15px auto;
	border: 1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.filtro-productos select{
	opacity: .3;
}
.filtro-productos select.active{
	opacity: 1;
}
.filtro-productos .neumaticos .medidas select{
	display: block;
	width: 31%;
	margin: 0 1%;
	float: left;
	position: relative;
	clear: none;
	background: transparent;
	color: #666;
	border: 0px;
	height: 40px;
	font-size: 14px;
}
.filtro-productos .neumaticos .vehiculos select{
	display: block;
	width: 22%;
	margin: 0 1%;
	float: left;
	position: relative;
	clear: none;
	background: transparent;
	color: #666;
	border: 0px;
	height: 40px;
	font-size: 14px;
}
/* llantas */
.filtro-productos .llantas .medidas select{
	display: block;
	width: 31%;
	margin: 0 1%;
	float: left;
	position: relative;
	clear: none;
	background: transparent;
	color: #666;
	border: 0px;
	height: 40px;
	font-size: 14px;
}
.filtro-productos .llantas .medidas select:first-child{
	margin-right: 34%;
}
.filtro-productos .llantas .vehiculos select{
	display: block;
	width: 22%;
	margin: 0 1%;
	float: left;
	position: relative;
	clear: none;
	background: transparent;
	color: #666;
	border: 0px;
	height: 40px;
	font-size: 14px;
}
.filtro-productos .llantas .subcont{
	display: none;
	opacity: 0;
}
.filtro-productos .llantas .subcont.active{
	display: block;
	opacity: 1;
}
@media screen and (min-width: 992px){
	.filtro-productos{
		height: 140px;
	}
	.filtro-productos .contenido{
		width: 90%;
	}
	.filtro-productos .contenido.active{
		width: 90%;
	}
	.nav-pills .nav-link {
	    width:20%;
	}
	.sub-nav{
		width: 45%;
	}
	.sub-attr-cont{
		width: 55%;
		margin-top: 15px;
	}
	a.btn-buscar{
		position: absolute;
		bottom: -56px;
		right: 15px;
		width: 10%;
		float: none;
		margin: 15px 0 0 0;
	}
	.filtro-productos .neumaticos .medidas select{
		width: 20%;
		margin: 0 6.5%;
	}
	.filtro-productos .neumaticos .vehiculos select{
		width: 12%;
		margin: 0 6.5%;
	}
}

@media screen and (min-width: 1024px){
	.sub-nav{
		width: 40%;
	}
	.sub-attr-cont{
		width: 60%;
		margin-top: 15px;
	}
	a.btn-buscar{
		position: absolute;
		bottom: -56px;
		right: 15px;
		width: 10%;
		float: none;
		margin: 15px 0 0 0;
	}
}
@media screen and (min-width: 1200px){
	.sub-nav{
		width: 35%;
	}
	.sub-attr-cont{
		width: 65%;
		margin-top: 15px;
	}
	a.btn-buscar{
		width: 10%;
		float: left;
		margin: 15px 0 0 0;
	}
}
/* filtro end */

/* inicio sesion */
.modal-inicio-sesion{
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.6);
  	-webkit-backdrop-filter: blur(7px);
  	backdrop-filter: blur(7px);
  	z-index: 9;
}
.modal-inicio-sesion .cont-inicio-sesion{
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	background: #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	width: 260px;
	padding: 15px;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;

}
.modal-inicio-sesion .cont-inicio-sesion .uno{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	opacity: 1;
}
.modal-inicio-sesion .cont-inicio-sesion .dos{
	display: none;
	position: relative;
	overflow: hidden;
	width: 100%;
	opacity: 0;
}
.modal-inicio-sesion .cont-inicio-sesion h3{
	font-size: 20px;
	margin: 0 0 15px 0;
}
.modal-inicio-sesion .cont-inicio-sesion a.google{
	display: block;
	position: relative;
	overflow: hidden;
	width: 60%;
	margin: 0 auto;
}
.modal-inicio-sesion .cont-inicio-sesion a.google img{
	width: 100%;
}
.modal-inicio-sesion .cont-inicio-sesion a.cerrar-modal{
	display: block;
	z-index: 1;
	position: absolute;
	overflow: hidden;
	width: 30px;
	height: 30px;
	top: 3px;
	right: 3px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: url(../images/cerrar-modal.png);
	background-size: 15px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: red;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
}
.modal-inicio-sesion .cont-inicio-sesion a.cerrar-modal:hover{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}
.modal-inicio-sesion .cont-inicio-sesion form{
	display: block;
	position: relative;
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
}
.modal-inicio-sesion .cont-inicio-sesion p{
	text-align: center;
}
.modal-inicio-sesion .cont-inicio-sesion form input{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 30px;
	margin: 0 auto 5px auto;
	border: 1px solid #ccc;
	font-size: 14px;
	padding: 0 5px;
}
.modal-inicio-sesion .cont-inicio-sesion form input.error{
	border-color: red;
}
a.btn-listo{
	display: block;
	position: relative;
	overflow: hidden;
	width: 140px;
	margin: 0 auto;
	background: #ccc;
	color: #fff;
	text-align: center;
	line-height: 40px;
	padding: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	text-decoration: none;
	border: 1px solid #ccc;
}
a.btn-listo:hover{
	color: #1895D3;
	border: 1px solid #1895D3;
	background: #fff;
}
a.btn-listo.active{
	background: #000;
	border: 1px solid #000;
}
a.btn-listo.active:hover{
	background: #fff;
	border: 1px solid #1895D3;
}
/* inicio sesion end */


/* perfil */
section.perfil{
	padding: 100px 0;
}
section.perfil ul{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 20px auto;
	padding: 0;
	float: left;
	color: #5b6770;
}
section.perfil ul li span.dato{
	font-weight: bold;
	margin-right: 10px;
}
a.editar{
	display: block;
	position: relative;
	overflow: hidden;
	width: 140px;
	float: left;
	background: #ccc;
	color: #fff;
	text-align: center;
	line-height: 40px;
	padding: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	text-decoration: none;
	border: 1px solid #ccc;
	margin-top: 20px;
}
a.editar:hover{
	color: #1895D3;
	border: 1px solid #1895D3;
	background: #fff;
}
a.editar.active{
	background: #000;
	border: 1px solid #000;
}
a.editar.active:hover{
	background: #fff;
	border: 1px solid #1895D3;
}
section.perfil h3{
	font-weight: bold;
	margin-top: 30px;
}
section.perfil h2 a{
	font-size: 14px;
	margin: 0;
	text-decoration: none;
	font-style: italic;
	color: #5b6770;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	display: block;
}
section.perfil h2 a:hover{
	color: red;
}
section.perfil ul.historial span{
	width: 100%;
	display: block;
}
section.perfil ul.historial span small.fecha{
	display: block;
	margin-bottom: 10px;
}
section.perfil ul.historial span small.estado{
	display: block;
	font-weight: bold;
}
.estado.entregado{
	color: #00ff1e;
}
.estado.preparacion{
	color: #ffba00;
}

section.perfil ul.historial li{
	margin-bottom: 15px;
}
a.seguimiento{
	display: block;
	position: relative;
	overflow: hidden;
	width: 140px;
	float: left;
	background: #1895D3;
	color: #fff;
	text-align: center;
	line-height: 40px;
	padding: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	text-decoration: none;
	border: 1px solid #1895D3;
	margin: 0;
}
a.seguimiento:hover{
	color: #1895D3;
	border: 1px solid #1895D3;
	background: #fff;
}
a.seguimiento.active{
	background: #000;
	border: 1px solid #000;
}
a.seguimiento.active:hover{
	background: #fff;
	border: 1px solid #1895D3;
}
section.perfil ul.historial.antiguo h3{
	font-size: 18px;
	margin: 5px 0 0 0;
}
@media screen and (min-width: 768px){
	section.perfil p{
		padding-right: 100px;
		text-align: left;
	}
	section.perfil h3, section.perfil h2{
		text-align: left;
	}
	section.perfil h3{
		margin-top: 0px;
	}
	section.perfil ul.historial{
		width: 50%;
		float: left;
	}
}
/* perfil end */

/* productos */
section.productos{
	padding: 50px 0;
}
.owl-principal-items{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}
ul.set-buy{
	display: block;
	position: relative;
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #f1f1f1;
}
ul.set-buy li{
	display: block;
	position: relative;
	overflow: hidden;
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
ul.set-buy li:nth-child(1), ul.set-buy li:nth-child(2), ul.set-buy li:nth-child(3){
	border-right: 1px solid #f1f1f1;
	width: 25%;
}
ul.set-buy li:nth-child(4){
	width: 25%;
}
ul.set-buy li a{
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	line-height: 40px;
	margin: 0;
	padding: 0;
	font-size: 22px;
	width: 100%;
	color: #1074BA;
	font-weight: bold;
}
ul.set-buy li a.agregar{
	background: #1074BA;
	height: 40px;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
}
ul.set-buy li a:hover{
	text-decoration: none;
}
ul.set-buy li a.agregar img{
	display: block;
	position: relative;
	overflow: hidden;
	width: 20px;
	margin: 0 auto;
	top: 10px;
}
ul.set-buy li a.agregar:hover{
	background: #1895D3;
}
a.ver-mas{
	display: block;
	position: relative;
	overflow: hidden;
	width: 140px;
	background: #1895D3;
	color: #fff;
	text-align: center;
	line-height: 40px;
	padding: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	text-decoration: none;
	border: 1px solid #1895D3;
	margin: 50px auto 0 auto;
}
a.ver-mas:hover{
	color: #1895D3;
	border: 1px solid #1895D3;
	background: #fff;
}
a.ver-mas.active{
	background: #000;
	border: 1px solid #000;
}
a.ver-mas.active:hover{
	background: #fff;
	border: 1px solid #1895D3;
}
section.perfil ul.historial.antiguo h3{
	font-size: 18px;
	margin: 5px 0 0 0;
}
section.productos.resultado .box-item {
	margin-bottom: 15px;
}
section.productos.resultado ul.set-buy{
	margin-bottom: 60px;
}
section.filtro-productos.resultado{
	margin-top: 60px;
}
/* productos end */


.gallery-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}

.main-image {
    margin-bottom: 10px;
    position: relative; /* Para posicionar la imagen */
    overflow: hidden; /* Para ocultar la imagen que se desvanece */
}

.main-image img {
    width: 100%;
    height: auto;
}

.thumbnails {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.thumbnail.active, .thumbnail:hover  {
    opacity: 1;
}
.thumbnail {
    width: calc(20% - 8px); /* Tamaño de las miniaturas */
    cursor: pointer;
    transition: all ease .4s;
    float: left;
    opacity: .3;
}
section.single{
	padding: 100px 0;
}
section.single ul.set-buy{
	width: 90%;
	margin: 20px auto;
	background: #fff;
}
section.single .box-item{
	margin-top: 15px;
}
section.single ul li ul.detalle{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 20px 0;
	padding: 0;
}
section.single ul li ul.detalle li.lidetalle{
	display: block;
	position: relative;
	overflow: hidden;
	width: 50%;
	font-weight: normal;
	font-size: 14px;
	padding: 0;
	margin: 0;
}
section.des-ficha{
	padding: 50px 0;
}
section.des-ficha h2, section.des-ficha p{
	text-align: left;
}
section.des-ficha ul{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%,;
	margin: 0;
	padding: 0;
}
section.des-ficha ul li{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0;
	color: #5b6770;
	padding: 5px 15px;
	font-size: 14px;
}
section.des-ficha ul li:nth-child(odd){
	background: #fff;
}
section.des-ficha ul li span.dato{
	font-weight: bold;
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: left;
}
section.des-ficha ul li span.resultado{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: left;
}
section.single .box-item{
	opacity: 1;
}
section.single ul li ul.detalle-ficha{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 20px 0;
	padding: 0;
}
section.single ul li ul.detalle-ficha li.lidetalle{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	font-weight: normal;
	font-size: 14px;
	padding: 0;
	margin: 0 0 15px 0;
}
section.single ul li ul.detalle-ficha li.lidetalle strong{
	display: block;
}
.bg-border{
	background: #f1f1f1;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	margin-top: 30px;
}

.info-precio{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background: #ececec;
	margin: 0 0 15px 0;
	padding: 0;
}

.info-precio li{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
}
.info-precio li .precio-especial{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.info-precio li .precio-especial h3{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 15px 0 15px 0;
	padding: 0;
}
.info-precio li .precio-especial .cuotas{
	display: block;
	position: relative;
	overflow: hidden;
	width: 50%;
	float: left;
	border-right: 1px solid #ccc;
}
.info-precio li .precio-especial .cuotas span{
	font-size: 14px;
	font-weight: bold;
	color: #5b6770;
	display: block;
	text-align: center;
}
.info-precio li .precio-especial .cuotas span:last-child{
	font-weight: initial;
}
.info-precio li .precio-especial .valor-cuota{
	display: block;
	position: relative;
	overflow: hidden;
	width: 50%;
	float: left;
	text-align: center;
}
.info-precio li .precio-especial .valor-cuota span{
	font-weight: bold;
	font-size: 30px;
	color: #1074BA;
}
.info-precio li .precio-especial .bajada{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.info-precio li .precio-especial .bajada span{
	display: block;
	position: relative;
	width: 100px;
	background: #1074BA;
	font-size: 14px;
	color: #f1f1f1;
	font-weight: bold;
	padding: 2px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	margin: 5px auto;
}
.info-precio li:last-child{
	text-align: center;
	width: 80%;
	margin: 5px auto 0 10%;
	float: left;
	border-top: 1px solid #ccc;
	color: #5b6770;
	font-weight: bold;
	padding: 15px 0;
}
.info-precio li:last-child img{
	display: block;
	position: relative;
	overflow: hidden;
	width: 80%;
	margin: 15px auto;
}
section.single .total{
	display: block;
	position: relative;
	overflow: hidden;
	width: 50%;
	float: left;
	height: 40px;
}
section.single .total span{
	font-size: 26px;
	color: #1074BA;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	line-height: 40px;
}
@media screen and (min-width: 768px){
	section.single ul.set-buy{
		width: 50%;
		float: left;
		margin: 0 auto 15px 0;
	}
	section.single .box-item{
		width: 100%;
	}
	section.des-ficha ul li span.dato{
		width: 30%;
		text-align: left;
		float: left;
	}
	section.des-ficha ul li span.resultado{
		width: 70%;
		text-align: right;
		float: left;
	}
	section.single .box-item ul.info{
		width: 100%;
	}
	section.single .box-item ul.info li{
		width: 100%;
		padding: 0;
	}
	
}
@media screen and (min-width: 1200px){
	.bg-border{
		margin-top: 0px;
	}
	section.single ul li ul.detalle li.lidetalle{
		width: 25%;
	}
	section.single ul li ul.detalle li.lidetalle strong{
		display: block;
	}
	section.single .box-item{
		margin-top: 15px;
	}
}

.nombre-cliente{
	font-weight: bold;
}
a.carrito{
	background: #1074BA;
	width: 100%;
}
a.carrito img{
	width: 20px;
	margin: 0;
}
a.carrito span.cantidad{
	display: block;
	position: absolute;
	overflow: hidden;
	background: red;
	color: #fff;
	line-height: 20px;
	font-weight: bold;
	padding: 0 4px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	left: 35px;
	top: 5px;
	z-index: 1;
}
.carrito-compras-small{
	display: block;
	position: fixed;
	overflow-x: scroll;
	width: 100%;
	top: 64px;
	height: calc(100% - 64px);
	right: -100%;
	background: #fff;
	padding-bottom: 120px;
	box-shadow: 0px -3px 15px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px -3px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px -3px 15px 0px rgba(0,0,0,0.1);
}
.carrito-compras-small a.cerrar-carrito{
	display: block;
	z-index: 1;
	position: absolute;
	overflow: hidden;
	width: 30px;
	height: 30px;
	top: 15px;
	left: 15px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: url(../images/cerrar-modal.png);
	background-size: 15px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: red;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
}
.carrito-compras-small a.cerrar-carrito:hover{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}
.carrito-compras-small h2{
	font-size: 26px;
	margin: 50px 0 15px 0;
}
.carrito-compras-small .item-carrito{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #f1f1f1;
	padding: 15px;
}
.carrito-compras-small .box-img{
	display: block;
	position: relative;
	overflow: hidden;
	width: 30%;
	float: left;
}
.carrito-compras-small .box-img img{
	width: 100%;
}
.carrito-compras-small .box-info{
	display: block;
	position: relative;
	overflow: hidden;
	width: 60%;
	float: left;
}
.carrito-compras-small .box-info h3{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px 0;
	color: #5b6770;
}
.carrito-compras-small .box-info h3 a{
	text-decoration: none;
	color: #5b6770;
}
.carrito-compras-small .box-info h3 a:hover{
	text-decoration: none;
}
.carrito-compras-small .box-info h3 small{
	font-size: 12px;
}
.carrito-compras-small .box-info ul.precio-bajada{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}
.carrito-compras-small .box-info ul.precio-bajada li.precio-antes{
	text-decoration: line-through;
	opacity: .5;
	margin-top: 0px;
	font-size: 14px;
}
.carrito-compras-small .box-info ul.precio-bajada li.precio-final{
	color: #1074BA;	
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.carrito-compras-small ul.set-buy{
	width: 100%;
}
.carrito-compras-small .total-item{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	height: 40px;
	font-size: 12px;
}
.carrito-compras-small .total-item span{
	font-size: 22px;
	color: #1074BA;
	text-align: left;
	font-weight: bold;
	line-height: 40px;
}
.carrito-compras-small .total-item small{
	font-size: 14px;
	margin-left: 10px;
}
.carrito-compras-small a.ico-borrar{
	display: block;
	position: absolute;
	overflow: hidden;
	width: 20px;
	right: 15px;
	top: 15px;
	opacity: .7;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
}
.carrito-compras-small a.ico-borrar:hover{
	opacity: .4;
}
.carrito-compras-small a.ico-borrar img{
	width: 100%;
}
.carrito-compras-small .total-compra{
	display: block;
	position: fixed;
	overflow: hidden;
	width: 100%;
	bottom: 0;
	right: -100%;
	background: #fff;
	padding: 15px;
	box-shadow: 0px -3px 15px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px -3px 15px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -3px 15px 0px rgba(0,0,0,0.1);
}
.carrito-compras-small .total-compra span{
	font-size: 30px;
	color: #1074BA;
	text-align: left;
	font-weight: bold;
}
.carrito-compras-small .total-compra small{
	margin-left: 10px;
	font-size: 14px;
}
.carrito-compras-small a.pagar{
	display: block;
	position: relative;
	overflow: hidden;
	width: 120px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	background: #1074BA;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	border: 1px solid #1074BA;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
}
.carrito-compras-small a.pagar:hover{
	background: #fff;
	color: #1074BA;
}
@media screen and (min-width: 768px){
	nav ul li a.carrito:before{
		display: none;
	}
	a.carrito{
		width: 50px;
	}
	a.carrito img{
		width: 20px;
		margin: 0;
		left: 50%;
		margin-left: -10px;
		position: relative;
	}
	a.carrito span.cantidad{
		left: 25px;
		top: 15px;
	}
	.carrito-compras-small{
		width: 320px;
	}
	.carrito-compras-small .total-compra{
		width: 320px;
	}
}



/* check */
.carrito-compras-big{
	padding: 35px 0 15px 0;
}
.carrito-compras-big h2{
	font-size: 26px;
	text-align: center;
	margin: 50px 0 15px 0;
}
.carrito-compras-big .item-carrito{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #f1f1f1;
	padding: 15px;
}
.carrito-compras-big .box-img{
	display: block;
	position: relative;
	overflow: hidden;
	width: 30%;
	float: left;
}
.carrito-compras-big .box-img img{
	width: 100%;
}
.carrito-compras-big .box-info{
	display: block;
	position: relative;
	overflow: hidden;
	width: 60%;
	float: left;
}
.carrito-compras-big .box-info h3{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px 0;
	color: #5b6770;
}
.carrito-compras-big .box-info h3 a{
	text-decoration: none;
	color: #5b6770;
}
.carrito-compras-big .box-info h3 a:hover{
	text-decoration: none;
}
.carrito-compras-big .box-info h3 small{
	font-size: 12px;
}
.carrito-compras-big .box-info ul.precio-bajada{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}
.carrito-compras-big .box-info ul.precio-bajada li.precio-antes{
	text-decoration: line-through;
	opacity: .5;
	margin-top: 0px;
	font-size: 14px;
}
.carrito-compras-big .box-info ul.precio-bajada li.precio-final{
	color: #1074BA;	
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.carrito-compras-big ul.set-buy{
	width: 100%;
}
.carrito-compras-big ul.set-buy li{
	width: 33.3333%;
}
.carrito-compras-big ul.set-buy li:last-child{
	border-right: 0px;
}
.carrito-compras-big .total-item{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	height: 40px;
	font-size: 12px;
}
.carrito-compras-big .total-item span{
	font-size: 22px;
	color: #1074BA;
	text-align: left;
	font-weight: bold;
	line-height: 40px;
}
.carrito-compras-big .total-item small{
	font-size: 14px;
	margin-left: 10px;
}
.carrito-compras-big a.ico-borrar{
	display: block;
	position: absolute;
	overflow: hidden;
	width: 20px;
	right: 15px;
	top: 15px;
	opacity: .7;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
}
.carrito-compras-big a.ico-borrar:hover{
	opacity: .4;
}
.carrito-compras-big a.ico-borrar img{
	width: 100%;
}
.carrito-compras-big .total-compra{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fff;
	border-top: 1px solid #f1f1f1;
	padding-top: 15px;
}
.carrito-compras-big .total-compra span{
	font-size: 30px;
	color: #1074BA;
	text-align: left;
	font-weight: bold;
}
.carrito-compras-big .total-compra small{
	margin-left: 10px;
	font-size: 14px;
}
.carrito-compras-big a.pagar{
	display: block;
	position: relative;
	overflow: hidden;
	width: 120px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	background: #1074BA;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	border: 1px solid #1074BA;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
}
.carrito-compras-big a.pagar:hover{
	background: #fff;
	color: #1074BA;
}
.carrito-compras-big p{
	text-align: left;
	font-weight: bold;
	margin-bottom: 0px;
}
.carrito-compras-big p span.cantidad{
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #5b6770;
	font-weight: initial;
}
@media screen and (min-width: 768px){
	.carrito-compras-big h2{
		font-size: 46px;
		margin: 70px 0 35px 0;
	}
	.carrito-compras-big .item-carrito{
		width: 90%;
		opacity: .8;
		transition: all ease .4s;
		-webkit-transition: all ease .4s;
		-moz-transition: all ease .4s;
	}
	.carrito-compras-big .item-carrito:hover{
		opacity: 1;
	}
	.carrito-compras-big .box-info h3{
		text-align: left;
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 15px 0;
		color: #5b6770;
	}
	.carrito-compras-big ul.set-buy{
		width: 60%;
		margin: 0;
	}
	.carrito-compras-big .total-compra{
		border-top: 0px;
		padding-top: 0;
	}
	.carrito-compras-big .total-compra span{
		font-size: 50px;
	}
	.carrito-compras-big .total-compra small{
		margin-left: 10px;
		font-size: 14px;
		font-weight: bold;
	}
	.carrito-compras-big p{
		text-align: left;
		font-weight: bold;
		margin-bottom: 0px;
		font-size: 28px;
		line-height: 90%;
	}
	.carrito-compras-big p span.cantidad{
		display: block;
		margin: 0;
		padding: 0;
		font-size: 18px;
		color: #5b6770;
		font-weight: initial;
	}
}



/* Datos */
section.carrito-compras-big .datos{
	display: block;
	position: relative;
	overflow: hidden;
	opacity: 1;
	width: 100%;
}
section.carrito-compras-big .datos p{
	font-size: 14px;
	font-weight: initial;
	display: block;
	width: 100%;
}
section.carrito-compras-big .datos p strong{
	margin: 15px 0;
	display: block;
}
section.carrito-compras-big a.pagar.check{
	display: none;
}
section.carrito-compras-big a.custom{
	display: block;
	position: relative;
	overflow: hidden;
	width: 140px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	background: transparent;
	color: #1074BA;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	border: 1px solid #1074BA;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	float: left;
	margin: 15px 15px 15px 0;
}
section.carrito-compras-big a.custom:hover{
	background: #1074BA;
	color: #fff;
}

section.carrito-compras-big a.custom.azul{
	display: block;
	position: relative;
	overflow: hidden;
	width: 140px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	background: #1074BA;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	border: 1px solid #1074BA;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	float: left;
	margin: 15px 15px 15px 0;
}
section.carrito-compras-big a.custom.azul:hover{
	background: #000;
	color: #fff;
	border: 1px solid #000;
}
section.carrito-compras-big .envio{
	display: none;
	position: relative;
	overflow: hidden;
	width: 100%;
	opacity: 0;
}
section.carrito-compras-big .envio a.envio-set{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	background: transparent;
	border: 1px solid #ccc;
	margin: 15px 0;
	padding: 15px;
	color: #5b6770;
	text-decoration: none;
	transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
}

section.carrito-compras-big .envio a.envio-set:hover, section.carrito-compras-big .envio a.envio-set.active{
	background: #f1f1f1;
}
section.carrito-compras-big .envio-box{
	display: none;
	position: relative;
	overflow: hidden;
	width: 100%;
	opacity: 0;
	margin: 15px 0;
}	

section.carrito-compras-big .datos-box{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	opacity: 1;
	margin: 15px 0;
}	

section.carrito-compras-big .envio-box p, section.carrito-compras-big .datos-box p{
	font-weight: initial;
}
@media screen and (min-width: 768px){
	section.carrito-compras-big .datos{
		display: block;
		position: relative;
		overflow: hidden;
		opacity: 1;
		width: 90%;
	}
	section.carrito-compras-big{
		padding-bottom: 100px;
	}
	section.carrito-compras-big .datos p{
		font-size: 18px;
		line-height: 120%;
	}
	section.carrito-compras-big .datos p strong{
		margin: 15px 0;
		display: block;
	}
	.carrito-compras-big .total-compra.check{
		margin: 80px 0 15px 0;
	}
	section.carrito-compras-big .envio a.envio-set:hover, section.carrito-compras-big .envio a.envio-set.active{
		background: #f1f1f1;
	}
	section.carrito-compras-big .envio-box{
		margin: 80px 0 15px 0;
	}	

	section.carrito-compras-big .datos-box{
		margin: 80px 0 15px 0;
	}	

	section.carrito-compras-big .envio-box p, section.carrito-compras-big .datos-box p{
		font-weight: initial;
		font-size: 18px;
		line-height: 120%;
	}
}