/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.box-headerh6 .header-logo {
    width: 110%;
}

.box-headerh6 .header-logo img {
    max-height: none;
}

@media screen and (max-width: 991px) {
	.box-headerh6 .header-logo {
    	width: 100%;
	}
}

.plist-dsimple .thumbnail-container .pro3-btn .btn-product:hover, .plist-dsimple .thumbnail-container .pro3-btn .quick-view:hover {
	background: #bebe46;
}

.leo-dropdown-cart .shipping, .leo-dropdown-cart .tax {
	display: none;
}

.box-wellcome {
	padding-bottom: 0px !important;
}

#leo_product_reviews_block_extra {
	display: none !important;
}

.leo-megamenu .navbar-nav > li > a {
	padding-right: 10px;
	padding-left: 10px;
}

.box-wellcome .ApHtml {
	max-width: 650px !important;
}

.leo-megamenu .dropdown-menu.cols4 {
    min-width: 900px;
}

.block-social.header-social {
	display: inline-block;
}

.block-social.header-social li:before {
	font-size: 14px;
}

.block-social li:before {
	font-size: 22px;
}

.product-actions .add-to-cart:hover, .product-quantity .input-group-btn-vertical .btn:hover, #blockcart-modal .modal-header, .btn-outline:hover, .btn-outline:focus, .btn-primary:hover, .btn-primary:focus, .cart-detailed-actions a.btn-outline, .cart-detailed-actions a.btn-outline:hover, .cart-summary-products .btn-outline, .continue.btn {
	background: #bebe46 !important;
	border-color: #bebe46 !important;
}

.notification.notification-success {
    background: #bebe46cc;
}

.cart-detailed-totals .cart-summary-line.cart-total + .cart-summary-line .value {
	display: none;
}

#zoom_product.img-fluid {
	max-width: 60%;
}

#search_filters .facet .collapse {
	max-height: none;
}

.footer-center .links.block {
	margin: 30px 0;
}

.footer-center .links.block .col-md-6.wrapper {
	width: 25%;
}

.footer-center .links.block .collapse {
	display: block !important;
}

.footer-center .links.block .col-md-6.wrapper .collapse li {
	margin: 10px 0px;
}

.box-navh6 div.userinfo-selector, #search_widget {
	float: left
}

.box-headerh6 div.header-logo img { max-height: none }

.header-nav #currency-selector-label, .header-nav #language-selector-label { margin-top: 8px }
.header-nav #search_widget, .header-nav .userinfo-selector, .header-nav #cart-block{ margin: 10px 8px 0 }
.header-nav #cart-block { margin-top: 3px }
.leo-megamenu .dropdown-menu a > .menu-title { font-size: 15px }

.leo-megamenu .dropdown-menu{ min-width: 300px }

.leo-megamenu .dropdown-menu { margin-top: -1px }
.leo-megamenu .navbar-nav { float: right }
.leo-megamenu .navbar-nav > li > a { font-size: 16px }

.leo-megamenu .navbar-nav > li + .nav-item { transition: all 0.32s linear; }

.leo-megamenu .navbar-nav > li.nav-item:first-child:hover, .leo-megamenu .navbar-nav > li.nav-item:first-child:hover .dropdown-menu,
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(4):hover, .leo-megamenu .navbar-nav > li + .nav-item:nth-child(4):hover .dropdown-menu,
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(7):hover, .leo-megamenu .navbar-nav > li + .nav-item:nth-child(7):hover .dropdown-menu
{ background: #5400ee; color: #fff }
.leo-megamenu .navbar-nav > li.nav-item:first-child:hover a,
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(4):hover a,
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(7):hover a
{ color: #fff }
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(2):hover, .leo-megamenu .navbar-nav > li + .nav-item:nth-child(2):hover .dropdown-menu,
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(5):hover, .leo-megamenu .navbar-nav > li + .nav-item:nth-child(5):hover .dropdown-menu,
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(8):hover, .leo-megamenu .navbar-nav > li + .nav-item:nth-child(8):hover .dropdown-menu
{ background: #333333 }
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(2):hover a,
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(5):hover a,
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(8):hover a
{ color: #fff }
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(3):hover, .leo-megamenu .navbar-nav > li + .nav-item:nth-child(3):hover .dropdown-menu,
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(6):hover, .leo-megamenu .navbar-nav > li + .nav-item:nth-child(6):hover .dropdown-menu,
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(9):hover, .leo-megamenu .navbar-nav > li + .nav-item:nth-child(9):hover .dropdown-menu
{ background: #bac43c }
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(3):hover a,
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(6):hover a,
.leo-megamenu .navbar-nav > li + .nav-item:nth-child(9):hover a
 { color: #fff }
 
 .leo-megamenu .navbar-nav > li.active > a, .leo-megamenu .navbar-nav > li:hover > a, .leo-megamenu .navbar-nav > li:focus > a { color: initial }
 
 #index .ApSlideShow { margin: 30px  0 0 }
 
 .thumbnail-container .product-title a { -webkit-line-clamp: initial }
 
 .contact-form .mas-info { margin: 0 0 30px }
 .contact-form .tema-contacto { display: none }
 .contact-form .form-fields .required::after{ content: '*'; margin-left: 3px; color: red }
 
 .leo-megamenu .dropdown-menu.cols4 { margin-left: -480px }
 
 #footer .block_newsletter #gdpr_consent { margin: 20px 0 5px }
 
 header #search_widget .ssa-searchblock {
	display: none;
	position: absolute;
	left: auto;
	right: -80px;
	bottom: auto;
	top: 100%;
	width: 400px;
	height: 53px !important;
	border-color: #e5e5e5;
}
header #search_widget .popup-content { display: none !important }
header .ssa-searchblock form .ssa-nav-fill { height: auto }
header #search_widget .ssa-searchblock form { box-shadow: 0 10px 12px rgba(0, 0, 0, 0.175); border-bottom: 2px solid #333 }


body#index .ssa-searchblock { display: none }
body#index .ssa-menu .ssa-autocomplete-total { display: none }
body#index .ssa-menu .ssa-image img { max-width: 60px }
body#index .ui-autocomplete.ssa-menu .ui-menu-item .ssa-content .ssa-name { font-size: 13px }
body#index .ssa-add-cart .icon-shopping-cart { display: none }
body#index .ssa-menu.ui-autocomplete.ui-menu li a:hover { background: transparent }

 #footer .columnas-footer h4 { margin-top: 5px; margin-bottom: 20px; font-size: 1.4em }
 #footer .columnas-footer .ApColumn .block { margin-bottom: 0 }
.footer-center .links.block { margin: 15px 0 }
 
 #footer .proceso-compra { text-transform: uppercase }
 #footer .proceso-compra div { margin: 3px 0 }
 #footer .proceso-compra i { margin-right: 10px; font-size: 1.3em }
 #footer .proceso-compra ul { margin: 4px 0 6px; padding-left: 30px; font-size: 0.8em }
 
 #footer .info-saxtienda li { margin: 10px 0 6px; font-size: 1.2em }
 
 .block-social li { padding: 0 }
 .block-social li.whatsapp::before { content: "\f232" }
 .block-social li.telegram::before { content: "\f2c6" }
 
 .block-social .mobile { display: none }
 
.header-top .ssa-searchblock { position: absolute; right: 0; bottom: -58px; z-index: 10; width: 600px }
.header-top .ssa-searchblock .btn{ padding: 10px 22px 10px 18px; }
.header-top .ssa-searchblock form .ssa-search-query { height: 45px }
 #left-column form .ssa-search-query , .header-top .ssa-searchblock form .ssa-search-query { border: 1px solid #ddd; transition: 1s all }
.header-top .ssa-searchblock form .ssa-search-query:focus { border: 1px solid #000 }
 
body#index #content .ssa-searchblock { width: 600px; margin: 0 auto }
body#index #content .ssa-search-query { border: 1px solid #ddd }
 
.header-top .container, .header-nav .container { width: 100%; padding: 0 }
 
.search-widget.focus.open a svg{ display: initial }

body#index .box-wellcome { padding: 20px 0 }
body#index .box-wellcome .ApHtml { margin-bottom: -10px }
body#index .box-lanter { margin-bottom: 0 }
body#index .box-follow .ApInstagram { margin-bottom: 60px }
body#index .box-table { margin-bottom: 0 }
body#index .ApSlideShow { margin-top: 5px }

body .breadcrumb { margin-bottom: 10px; padding-top: 20px; padding-bottom: 15px }
body .box-navh6 { padding-bottom: 0 }
body .box-headerh6 { padding-top: 0 }

body .box-footernew { padding: 25px 0 10px }
body .box-footernew .block_newsletter .title_block { padding-bottom: 55px }
body .block_newsletter p { padding-top: 8px;  }

body#product .product-detail > div.row { margin-bottom: 10px; padding-bottom: 0 }
body#product .product-description img{ max-width: 100% }

body#product .featured-products h2 { margin-left: 10px }
body#product .featured-products .products { margin-top: 30px }
body#product .featured-products article { float: left; width: 24%; margin: 20px 4%; text-align: center }
body#product .featured-products article .leo-list-product-reviews { display: none }
body#product .featured-products article .leo-more-info { display: none }
body#product .featured-products article .wishlist { display: none }
body#product .featured-products article .add-to-cart { display: none }
body#product .featured-products article .quickview a { border: 1px solid #eee; background: rgba(255, 255, 255, 0.9); width: 180px; margin: auto; }
body#product .featured-products article img{ max-height: 300px }

.page-order-confirmation .summary-selected-carrier .logo-container img { max-width: 100% }

.ApSlideShow .data-link { cursor: pointer }

#search_filters .facet .facet-label a { width: auto }

.custom-modal { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 90000 }
.custom-modal .content {
	position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 280px; height: 170px; margin: auto;
	background: #fff; z-index: 10; border-radius: 10px; padding: 20px 30px; text-align: center
}
.custom-modal .content h3 { display: inline-block; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 2px solid red }

body#my-account .custom-modal .content { border: 2px solid red; width: 90%; max-width: 950px }
body#my-account .custom-modal .content strong { font-weight: bold }
body#my-account .custom-modal .content a { color: blue }
.aviso-usuarios { max-width: 920px; border: 2px solid red; padding: 10px 0 0; text-align: center; border-radius: 5px }
.aviso-usuarios h3 { display: inline-block; padding-bottom: 5px; border-bottom: 2px solid red }
.aviso-usuarios strong { font-weight: bold }
.aviso-usuarios a { color: blue }

.aviso-vacacional, .ApColumn div.aviso-vacacional { background: black; margin: 0; padding: 10px 20px; color: #fff }
.aviso-vacacional i { display: block; font-style: normal; text-decoration: underline; text-transform: uppercase; font-size: 0.9em; color: red }
.aviso-vacacional strong { font-weight: bold }
.aviso-vacacional p { margin: 0 }

.pagantisSimulator { margin-bottom: 10px }
.modal-content .pagantisSimulator { display: none }
.product-additional-info .social-sharing { margin-bottom: 10px }
.product-prices { margin-bottom: 10px }

body#checkout section.checkout-step .payment-options img { display: none }

 @media screen and (max-width: 1600px)
 {
	 .leo-megamenu .dropdown-menu.cols4 { margin-left: -550px }
 }
 @media screen and (max-width: 1500px)
 {
	 .leo-megamenu .dropdown-menu.cols4 { margin-left: -650px }
 }
 @media screen and (max-width: 1300px)
 {
	 .leo-megamenu .dropdown-menu.cols4 { margin-left: -700px }
 }
 
 @media screen and (max-width: 1200px)
 {
 .leo-megamenu .navbar-nav > li > a { font-size: 15px }
 .leo-megamenu .dropdown-menu a > .menu-title { font-size: 14px }
 .leo-megamenu .navbar-nav > li > a { padding-right: 8px; padding-left: 8px }
 .leo-megamenu .dropdown-menu{ min-width: 260px }
 
 body#product .featured-products article { margin: 20px 4% 20px 5% }
}

@media screen and (max-width: 992px)
{
	 #footer .columnas-footer .col-md-12 { float: none; margin: 0 auto 50px; width: 50% }
	  
	  .block-social .desktop { display: none }
	  .block-social .mobile { display: inline-block }
	  
	   body#product .featured-products article { margin: 20px 2% 20px 6% }
	   body#product .featured-products .thumbnail-container .functional-buttons > div { width: 100% }
	   
	   	body#my-account .custom-modal .content { height: 260px; width: 500px; }
		body#my-account .custom-modal .content p { width: 420px; margin: auto }
		body#my-account .custom-modal .content br { display: block; content: ''; margin: 0 0 10px }
}
 
@media screen and (max-width: 767px)
{
	body#product .featured-products article { width: 90%; margin: 20px 5% }
	body#product #description object { max-width: 100% }
	
	.footer-center .links.block .col-md-6.wrapper {
		width: 50%;
		float: left;
	}
	
	.header-nav .bottomnav .block a { color: #ccc }
}

@media screen and (max-width: 600px)
{
	body#my-account .custom-modal .content { height: 370px; width: 300px }
	body#my-account .custom-modal .content p { width: 230px }
}

@media screen and (max-width: 480px)
{
	body#product .featured-products article .thumbnail-container .product-image img { width: auto }
}