@import url('https://fonts.googleapis.com/css?family=Lato:200,300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

/*! Versión Escritorio */
.card {box-shadow: 2px 2px 8px 0 #eee;}
hr {border-top: 1px solid #f3f3f3;}
.done {color: #8fca00 !important}
.footer-container { background: #fff !important;padding-top: 50px;padding-bottom: 40px;margin-top: 10px; box-shadow:none !important;}
.footer-container li a, .block-contact , .block-contact a { color:#777 !important; }
.footer-container .h3, .h3 .footer-container , #block_myaccount_infos .myaccount-title a, .block-contact .block-contact-title, .linklist .blockcms-title a { color:#222 !important; padding-bottom:10px; font-family: 'Lato', sans-serif;}
.footer-container li a { font-size:13px !important;}
.footer-container .text-sm-center, .text-sm-center .footer-container   {text-align: center !important; margin-top: 50px !important;border-top: 1px solid #f7f7f7;padding-top: 54px;}
.footer-container .text-sm-center a , .text-sm-center .footer-container a { color:#999 !important; }
.footer-container .dropdown, .dropdown .footer-container { color:#333 !important; }
.block-contact { border-left: 1px solid #eee !important;}
#footer { padding-top: 60px !important;background: #fafafa; border-top: 3px solid #eee !important; font-family: 'Lato', sans-serif;}
.block_newsletter p {color: #777 !important;font-family: 'Lato', sans-serif !important ;font-size: 15PX; text-transform: uppercase;line-height: 21px;}
.block_newsletter {width: 100% !important;}
#wrapper { background: #fff;box-shadow: none !important; border-top:1px solid #f3f3f3; padding-top: 1.563rem;padding-bottom: 70px;font-family: 'Lato', sans-serif;}
#header .header-nav { background:#f9f9f9; text-transform:uppercase; }
#header a, .dropdown .expand-more #header a, #header a .dropdown .expand-more {color: #333 !important; font-size:12px;font-family: 'Lato', sans-serif; text-transform:uppercase;}
.dropdown { font-size:12px;}
.dropdown #header {color: #333 !important;}
.dropdown .expand-more {color: #333 !important; text-transform:uppercase}
.dropdown-menu { background:#fff !important;}
#header .header-nav .cart-preview.active { background:#8fca00 !important; font-family: 'Lato', sans-serif;} 
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary { background:#8fca00 !important;font-family: 'Lato', sans-serif; color:white !important} 
._desktop_top_menu .a , #header .header-top a[data-depth="0"]{color: #333 !important; font-size:16px;font-family: 'Lato', sans-serif; font-weight: normal !important;}
#header .header-nav { border-top:2px solid #8fca00; max-height: 40px;margin-bottom: 22px;font-family: 'Lato', sans-serif;text-transform:uppercase;}
#header .header-nav .user-info {margin-top:6px; font-family: 'Lato', sans-serif;}
#header .header-nav .currency-selector {margin-top:7px; font-family: 'Lato', sans-serif; color:#333}
#_desktop_language_selector {margin-top:-7px; font-family: 'Lato', sans-serif;}
#header .header-nav #_desktop_contact_link {margin-top:-8px; font-family: 'Lato', sans-serif;}
.block-contact-title, .blockcms-title, .myaccount-title, .myaccount-title a { font-size:normal; font-family: 'Lato', sans-serif;}
.footer-container li a { font-family: 'Lato', sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {  font-family: 'Lato', sans-serif !important; font-weight:200; color:#555 !important}
.h1, h1  { font-size:30px !important;}

#header .header-nav .blockcart { padding-top:6px;padding-bottom:10px;padding-left:12px;padding-right:12px;height:40px !important;font-family: 'Lato', sans-serif;background:#8fca00 !important; color:white !important;font-size:12px;}
a { color: #111 !important }
#header .header-nav .cart-preview .shopping-cart  { color: #fff !important }
.page-my-account #content .links a:hover i, a:hover { color: #8fca00 !important } 
li.product-flag { background:#8fca00 !important;} 
#header .header-top { padding-bottom: 0px;}
.header-top .search-widget form input[type="text"] {margin-top: -7px !important; font-size:12px;}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover { border-bottom: 3px solid #8fca00 !important;}
.search-widget form button[type="submit"] .search:hover {color: #8fca00 !important}
.search-widget form button[type="submit"] .search {margin-top: -11px !important;}
#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title, .product-miniature .products-section-title  {font-size: 32px !important;line-height: 80px !important; font-family: 'Lato', sans-serif !important; font-weight:200; color:#777; letter-spacing:1px;}
body#checkout #header .header-nav { background:white; padding-top:20px; padding-bottom:10px;} 
body#checkout a {color: #111 !important}
body#checkout #header .header-nav #contact-link {margin-top:10px;}
#checkout #header .header-nav #_desktop_contact_link #contact-link {margin-top:10px;}
header#checkout .header-nav #_desktop_contact_link #contact-link {margin-top:10px;}
body#checkout #footer { padding:50px !important; background:#fff !important; color:#888;}
.product-price {font-size: 20px !important;line-height: 25px !important;}
.products-sort-order .select-list {color:#333 !important}
#header .header-nav .user-info .logged, .search-widget form input[type=text]:focus+button .search, .product-price, .contact-rich .block .icon i, .carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i, #blockcart-modal .product-name, #products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping{color: #8fca00 !important}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default, #blockcart-modal .modal-header, .products-sort-order .select-list:hover, .custom-radio input[type="radio"]:checked + span { background: #8fca00 !important}
.block_newsletter form input[type=text]:focus{outline:3px solid #8fca00 !important}
block_newsletter form input[type=email]:focus{border:3px solid #8fca00 !important}
.search-widget form input[type=text]:focus{outline:3px solid #8fca00;color:#232323;background:#fff}
.product-images>li.thumb-container>.thumb.selected,.product-images>li.thumb-container>.thumb:hover{border:3px solid #8fca00 !important}
.form-control:focus,.input-group.focus{outline:.1875rem solid #8fca00 !important;}
body#checkout section.checkout-step .address-item.selected{border:3px solid #8fca00}
.search-widget form input[type=text]:focus{outline:3px solid #8fca00;}
.facet-dropdown.open>.select-title{border:3px solid #8fca00}
.product-images>li.thumb-container>.thumb.selected,.product-images>li.thumb-container>.thumb:hover{border:3px solid #8fca00}
.product-customization .product-message:focus{outline:.1875rem solid #8fca00}
.block_newsletter form input[type=text]:focus{outline:3px solid #8fca00;}
.block_newsletter form input[type=email]:focus{border:3px solid #8fca00;outline:0}
.has-discount .discount { background: red !important;}
form-control form-control-select hover, form-control form-control-select focus { background:red !important}
.footer-container li {padding-top: 3px;padding-bottom: 4px;}
body, .block-category #category-description p { font-family: 'Raleway', sans-serif !important;}
p {font-family: 'Raleway', sans-serif !important;}
.top-menu .sub-menu.collapse {background: #fff;padding: 20px;}
.block-categories .category-sub-menu li[data-depth="0"] > a {border:none }
#footer .dropdown , .dropdown #footer { font-size:.875rem !important }
.footer-container .h3, .h3 .footer-container, #block_myaccount_infos .myaccount-title a, .block-contact .block-contact-title, .linklist .blockcms-title a { font-size: 14px; font-weight:200; }
#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link, .product-miniature .all-product-link { background:#eee; padding:10px;}
.block-newsletter-label p, #block-newsletter-label p, p #block-newsletter-label , p .block-newsletter-label, p#block-newsletter-label{ font-size:33px !important; line-height:46px !important; font-family: 'Lato', sans-serif !important; font-weight:200; letter-spacing:1px; margin-top: -12px;}
#_desktop_logo { max-width:200px; margin-top:-14px; } 
#custom-text { padding-bottom:0px;}
#wrapper .breadcrumb ol { margin-top:-10px;}
p#payment-option-additional-information,  #payment-option-2-additional-information p , p.payment-option-additional-information { padding:12px !important; background:#eee !important;}
.block_newsletter form input[type="email"]{ border: 1px solid #ddd }
body#checkout section.checkout-step  {border-bottom: 1px solid #eee;}

/*! Versión móvil */

@media (max-width:780px){
.search-widget form button[type="submit"] .search { font-size:16px !important;}
#header .header-nav .material-icons  { color:#333}
#header .header-nav, #wrapper{ border:none !important;}
.links .title { border-bottom:none !important ; border:none !important;}
.block-contact { border:none !important;}
.footer-container .material-icons { color:white !important}
.material-icons .footer-container  { color:white !important}
.block-newsletter-label p, #block-newsletter-label p, p #block-newsletter-label , p .block-newsletter-label, p#block-newsletter-label{ font-size:24px !important; line-height:32px !important;}
.block_newsletter  { border:none !important;}
#header .header-nav .top-logo, #header .header-nav { background:white !important;}
#header, #header .header-top .position-static, #header .header-top{ background:white !important;}
#header .header-top .position-static { margin-top:10px !important;}
#wrapper {background: #fff; box-shadow: none !important;}
#header .header-nav .top-logo { text-align:center !important}
#mobile_top_menu_wrapper .js-top-menu-bottom a { color:#111 !important}
#header .header-nav .top-logo a img {max-height: 40px;margin-top: -6px;}
#mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper, #mobile_top_menu_wrapper .js-top-menu-bottom #contact-link, #mobile_top_menu_wrapper .js-top-menu-bottom .currency-selector, #mobile_top_menu_wrapper .js-top-menu-bottom a, language-selector dropdown js-dropdown { text-transform:uppercase; color: #333 !important;font-size: 16px !important;font-family: 'Lato', sans-serif; font-weight:normal;}
#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title, .product-miniature .products-section-title {font-size: 20px !important;line-height: 30px !important;}
select#_mobile_language_selector, #_mobile_language_selector select { font-size:16px;}
body#checkout #header .header-nav { background: white;padding-top: 7px;padding-bottom: 0px;}
body#checkout #header .header-nav .logo { max-height:40px; }
.cart-summary-line { clear: both; margin-bottom: 10px;padding-bottom: 6px;padding-top: 6px;}
}

@media (max-width:640px){
#header .header-nav, #wrapper{ border:none !important;}
body#checkout #header .header-nav .logo { max-height:40px; }
.links .title { border-bottom:none !important ; border:none !important;}
#footer { padding-top: 14px !important;}
.block-contact { border:none !important;}
body#checkout #header .header-nav { background: white;padding-top: 7px;padding-bottom: 0px;}
.footer-container {background: #fff !important;padding-top: 15px;}
.footer-container .material-icons { color:#333 !important}
.material-icons .footer-container  { color:#333 !important}
.footer-container .links ul > li { background:#eee !important; border:none !important; margin:0px;}
.footer-container li  { margin:none !important}
.block-newsletter-label p, #block-newsletter-label p, p #block-newsletter-label , p .block-newsletter-label, p#block-newsletter-label{ font-size:24px !important; line-height:32px !important;}
.block_newsletter  { border:none !important;}
#header .header-nav .top-logo, #header .header-nav { background:white !important;}
#header, #header .header-top .position-static, #header .header-top{ background:white !important;}
#header .header-top .position-static { margin-top:2px !important;}
#wrapper {background: #fff; box-shadow: none !important;}
#header .header-nav .top-logo { text-align:center !important}
#mobile_top_menu_wrapper .js-top-menu-bottom a { color:#111 !important}
.cart-summary-line {clear: both; margin-bottom: 10px; padding-bottom: 6px;padding-top: 6px;}
}