@IMPORT url("/estilos/margenes.css");
@IMPORT url("/temas/bonique/assets/css/bootstrap.min.css");
@IMPORT url("/temas/bonique/assets/css/owl.carousel.min.css");
@IMPORT url("/temas/bonique/assets/css/slick.css");
@IMPORT url("/temas/bonique/assets/css/magnific-popup.css");
@IMPORT url("/temas/bonique/assets/css/ionicons.min.css");
@IMPORT url("/temas/bonique/assets/css/simple-line-icons.css");
@IMPORT url("/temas/bonique/assets/css/animate.css");
@IMPORT url("/temas/bonique/assets/css/jquery-ui.min.css");
@IMPORT url("/temas/bonique/assets/css/slinky.menu.css");
@IMPORT url("/temas/bonique/assets/css/plugins.css");
@IMPORT url("/temas/bonique/assets/css/style.css");
@IMPORT url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css");
/*
@IMPORT url("/estilos/estilo_precarga.css");
@IMPORT url("/plugins/jssocials/jssocials.css");
@IMPORT url("/plugins/jssocials/jssocials-theme-flat.css");
*/

/* Typeahead */
.autocomplete-suggestions { 
border: 0px solid #fff; 
 overflow: auto; 
	display: block;
	width: 100%;
	line-height: 1.25;
	min-height: calc(.5rem * 2 + 1.25rem + 2px);
	padding: .5rem .75rem;
	background: #fff;
	background-clip: padding-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	    border-radius: 0rem 0px 0px 0rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.autocomplete-suggestion { 
	display: block;
	padding: .5rem .5rem;
		white-space: nowrap; 
	overflow: hidden; 
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 1.4rem;
	background-clip: padding-box;
		margin-top: 10px;
	    cursor: pointer;
	
}

.autocomplete-selected { 
background: #fff; 
border: 1px solid #C4000E;
border-radius: 1.4rem;
		display: block;
	padding: .5rem .5rem;
	margin-top: 10px;
}
.autocomplete-suggestions strong { font-weight: normal; color: #C4000E; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}



@media (max-width:575px){
	.selecttalla{
	width: 100px !important;
	}
}

.modal-footer-carrito{
    display: block;
    align-items: center;
    padding: 20px;
    border-top: 1px solid #e9ecef;	
}

.talla-shop{
height: 48px;
}

.p-t-20{
	padding-top: 20px !important;
}

.no-fondo{
	background-color:transparent;
	padding:0px;
}

.no-display{
	display:none;
}

.slider-1{
	z-index: 1; 
	background-color: rgb(0,0,0, 0.2);
}

.slider-2{
	z-index: 2;
	border-radius: 4px;
}


.altura-minima{
	min-height: 500px;
}

.label-descuento{
color: red;
font-size: 15px;
 display: inline-block;
font-weight: 700;
	margin: 0px;
}

.label-sindescuento{
color: #999;
font-size: 15px;
display: inline-block;
font-weight: 700;
margin: 0px;
}

.label-costo{
color: #4C4C4C;
display: inline-block;
font-weight: bold;
padding: 4px;
margin: 0px;
}
/*carrito estilos*/
.btn-eliminar-carrito{
display:inline-block;
font-weight:400;
text-align:center;
white-space:nowrap;
vertical-align:middle;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;border:1px solid transparent;
padding:.375rem .75rem;
font-size:1rem;
line-height:1.5;
border-radius:.25rem;
transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn-eliminar-sm{
	padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem;
}


.estilo-captcha{
	display: inherit;
	padding: 20px;
}

.font-white{
	color: #ffffff;
}


.modal-body {
   max-height: calc(100vh - 212px);
   overflow-y: auto;
}

.detalle-producto-1{
	border: 1px solid #ddd;
	width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
	display: table;
}

.linea-divide{
border-bottom: 1px solid #ddd;
padding: 20px;
}


.detalle-producto-2{
	border-top: 1px solid #ddd;
	padding-top: 4px;
}

.detalle-producto-3{
	border-bottom: 1px solid #ddd;
	padding-top: 4px;
	padding-bottom: 4px;
}

.titulo-producto-4{
color: #0066c0;
padding-top: 6px;
text-align: justify;
text-transform: uppercase;
background-color: #FAFAFA;
height: 64px;
}

.pagoTotal{
clear: right;
    color: #7db53e;
    font-size: 30px;
    font-weight: 700;
}

.pagoDivision{
 border-top: 1px solid #c5ced4;
}


.no-fondo{
	background-color:transparent;
	padding:0px;
}

.no-display{
	display:none;
}


/* Tab Process Steps */
ul.process-steps,
ul.process-steps li {
	border:0 !important;
	text-align: center;
}
ul.process-steps li a {
	width:50px;
	height:50px;
	line-height:50px;
	padding:0;
	font-size:30px;
	text-align: center;
	display:inline-block !important;
	color:#111;
	border:#666 1px solid !important;
	background-color:#fff;


	-webkit-border-radius: 50% !important;
	   -moz-border-radius: 50% !important;
			border-radius: 50% !important;
}

ul.process-steps li a.active,
ul.process-steps li:hover>a.active {
	color:#fff !important;
	background-color:#333;
}

ul.process-steps li:after, 
ul.process-steps li:before {
	content: '';
	position: absolute;
	top: 26px;
	left: -25px;
	width: 50%;
	border-top: 1px dashed #DDD;
}
ul.process-steps li:first-child:before {
	display:none;
}
ul.process-steps li:last-child:after {
	display:none;
}
ul.process-steps li:after {
	left: auto;
	right: 0;
	margin: 0 -26px 0 0;
}
ul.process-steps li h1,
ul.process-steps li h2,
ul.process-steps li h3,
ul.process-steps li h4,
ul.process-steps li h5,
ul.process-steps li h6 {
	margin:20px 0 0 0;
}


ul.process-steps li>a>i {
	margin:0;
	padding:0;
	margin-left:-4px;
	margin-top:-1px;
	font-size:28px;
	line-height:28px;
}
ul.process-steps li>a>i.fa {
	font-size:30px;
	line-height:30px;
}

ul.process-steps.process-steps-square li a {
	-webkit-border-radius: 3px !important;
	   -moz-border-radius: 3px !important;
			border-radius: 3px !important;
}

@media only screen and (max-width: 768px) {
	ul.process-steps li:after, 
	ul.process-steps li:before  {
		display:none;
	}

	ul.process-steps li h1,
	ul.process-steps li h2,
	ul.process-steps li h3,
	ul.process-steps li h4,
	ul.process-steps li h5,
	ul.process-steps li h6 {
		margin:10px 0 30px 0;
	}

}

@media only screen and (max-width: 482px) {
	ul.process-steps li>a {
		display:inline-block !important;
	}
	ul.process-steps li h1,
	ul.process-steps li h2,
	ul.process-steps li h3,
	ul.process-steps li h4,
	ul.process-steps li h5,
	ul.process-steps li h6 {
		margin:3px 0;
		display:block;
	}
	ul.process-steps li {
		padding:10px 0;
	}
	

	
	
	
}


/** [Shortcode] Process Steps
*************************************************** **/
.process-wizard-primary > .process-wizard-step > .process-wizard-dot,
.process-wizard-primary > .process-wizard-step > .progress > .progress-bar {
	background:#8ab933;
}
.process-wizard-primary > .process-wizard-step > .process-wizard-dot:after {
	background-color:rgba(0,0,0,0.4);
}

ul.process-steps li a.active,
ul.process-steps li a.active:focus,
ul.process-steps li:hover>a.active {
	background-color:#8ab933 !important;
	border-color:#8ab933 !important;
}


ul.process-steps li a.active+h1,
ul.process-steps li a.active+h2,
ul.process-steps li a.active+h3,
ul.process-steps li a.active+h4,
ul.process-steps li a.active+h5,
ul.process-steps li a.active+h6 {
	color:#8ab933;
}



/** [Shortcode] Process Steps
*************************************************** **/
div.mega-price-table .pricing-title, 
div.mega-price-table .pricing-head, 
div.mega-price-table .pricing.popular {
	background-color:#8ab933;
}


div.mega-price-table .pricing:hover h4, 
div.mega-price-table .pricing-table i.fa {
	color:#8ab933;
}



/** Styled Icons
 **************************************************************** **/
section.dark i.ico-hover:hover,
i.ico-hover:hover {
	background-color:#8ab933;
	border-color:#8ab933;
}


/** [Shortcode] Tabs
 **************************************************************** **/
.nav-tabs.nav-top-border>li>a.active,
.nav-tabs.nav-top-border>li>a.active:hover {
	border-top-color:#8ab933 !important;
}
.nav-tabs.nav-bottom-border>li>a.active,
.nav-tabs.nav-bottom-border>li>a.active:hover {
	border-bottom-color:#8ab933 !important;
}
.nav-tabs.nav-alternate>li>a.active {
	background-color: #8ab933 !important;
}
.nav-tabs>li>a.active {
	color: #8ab933 !important;
}