@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.products-grid .countdown { height: 50px; }
	.countdown .countdown-section span.countdown-amount { font-size: 16px;  }
	.countdown .countdown-section span.countdown-period { font-size: 10px; }
	.product-view .product-img-box .more-views li { width: calc(25% - 4px); }
	.product-view .product-img-box .more-views li:last-child { margin-right: 5px; }
	.product-view .product-img-box .more-views li:nth-child(4n) { margin-right: 0; }
}

@media only screen and (min-width: 851px) {
	
	.mobile-only { display: none; }
	
	.menu,
	.searchautocomplete,
	.header .logo,
	#nav li a,
	.header { transition: .3s all; }
	
	.header-container .header-float { transition: .3s all; background: #fff; border-bottom: 1px solid #fff; }
	.header-container.fixed .header-container-placeholder { height: 83px; }
	.header-container.fixed .header-float { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; border-bottom-color:#ccc; }
	.header-container.fixed .header { height: 50px; }
	.header-container.fixed #nav li a { padding: 12px 10px; }
	.header-container.fixed #nav .childrens a { padding: 4px 4px 4px 4px; }
	.header-container.fixed #nav .submenu a { padding: 4px 4px 4px 4px; }
	.header-container.fixed #nav .childrens .submenu a { padding: 0px 4px 0px 4px; }
	.header-container.fixed .header .logo { width: 70px; }
	.header-container.fixed .menu { margin: -38px 225px 0 95px; }
	.header-container.fixed .searchautocomplete { top: 6px; }
	
	.menu { margin: -65px 225px 0 150px; }
	#nav { padding:0; font-size:13px; display: table; table-layout: auto; width:100%; }
	#nav li { display: table-cell; text-align: center;  text-align: center; vertical-align: middle; transition: background .3s; border-bottom: 3px solid #fff; }
	#nav li a { color: #000; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; padding: 29px 10px; display: block; line-height: 18px;  font-weight: 600;  }
	#nav li a:hover {color: #CC2630;}
	#nav li:hover,
	#nav li.active { border-bottom-color: #CC2630;  }
	#nav li.active a,
	#nav li:hover a { text-decoration: none; }
	
	#nav .nav-self { display: none; }
	#nav .nav-self-2 { border-top: 1px solid #000; position: absolute; top: calc(100% - 30px); padding-top: 5px; font-weight: bold; font-size: 11px; margin-right: 15px; }
	
	#nav .childrens { position: absolute; padding: 20px 40px; width: calc(100% - 80px); left: 0; background: #fff; z-index: 9; top: 100%; z-index: 9999; border-top: 1px solid #fff; visibility: hidden; opacity: 0; transition: .2s all; transform: translateY(20px); text-align: left;  max-height: 0; overflow: hidden;  }
	#nav > li:hover .childrens { visibility: visible; opacity: 1; border-color: #000; transform: translateY(0); max-height: 300px; }
	
	#nav .wrapper { display: table; width: 100%;}
	
	#nav .static-block { display: table-cell; text-align: right; width: 200px;  }
	#nav .static-block.images3 { width: 100%; }
	#nav .static-block.images2 { width: 70%; }
	#nav .static-block.images1 { width: 35%; }
	#nav .static-block p,
	#nav .static-block div { margin-bottom: 0; }
	#nav .static-block.images3 img { width: 33%; }
	#nav .static-block.images2 img { width: 49.5%; }
	#nav .static-block.images1 img { width: 100%; }
	#nav .static-block ul,
	#nav .static-block li { display: block; }
	#nav .static-block li a { font-weight: normal; text-transform: uppercase; }
	
	#nav .submenu { display: table-cell; vertical-align: top; }
	
	#nav ul { display: table; width: 100%; table-layout: fixed; }
	#nav ul .childrens { position: relative; padding: 0; width: 100%; top: auto; visibility: visible; opacity: 1; transform: translateY(0); border: 0; }
	#nav ul li { display: table-cell; border: 0; vertical-align: top; }
	#nav ul li:last-child { }
	#nav ul li a { color: #000 !important; padding: 0px 4px 0px 4px; position: relative; text-align: left; font-size: 16px;  margin-bottom: 10px; }
	#nav ul li.active,
	#nav ul li:hover { background: none; }
	#nav ul li.active a,
	#nav ul li a:hover { color: #CC2630 !important; text-decoration: none; }
	
	#nav ul ul { display: block; position: relative; top: auto; left: auto; background: none;  }
	#nav ul ul li { display: block; width: auto; padding: 0; height: auto; }
	#nav ul ul li a { font-size: 14px; font-weight: normal; padding: 0px 4px; margin-bottom: 3px; }
	
	#nav li.level1 { position: relative; }
	#nav li.level1.parent { height: 275px;  }
	#nav li.level1 .submenu,
	#nav li.level1 .ul,
	#nav li.level1 .childrens { position: static; }
	
	#nav .nav-banner { text-align: right; }
	#nav .nav-banner a { margin-bottom: 0; }
}

@media only screen and (min-width: 851px) and (max-width: 1024px) {
	
	.button.large,
	button.large { font-size: 16px; line-height: 30px; }

	.header,
	.footer,
	.menu,
	.wrapper,
	.page { padding: 0 10px;  }
	
	.menu { top: 45px; }
	#nav li a { font-size: 14px; padding: 4px; letter-spacing: 0; }
	
	.banner .text h2 { font-size: 35px; margin-bottom: 10px;  }
	.banner .text h3 { font-size: 30px; margin-bottom: 10px; }
	.banner .text h4 { font-size: 25px; margin-bottom: 10px; }
	.banner .text p  { font-size: 18px; }
	
	.product-view .product-img-box .more-views li { width: calc(25% - 4px); }
	.product-view .product-img-box .more-views li:last-child { margin-right: 5px; }
	.product-view .product-img-box .more-views li:nth-child(4n) { margin-right: 0; }
	
	
	
}

@media only screen and (max-width: 850px) {
	
	.pc-only { display: none; }
		
	.button, button { letter-spacing: 1px; padding: 9px 20px; }
	
	.col2-set .col-1,
	.col2-set .col-2 { display: block; float: none; width: 100%; margin-bottom: 10px; }
	
	.category-slider,
	.category-slider-title { display: none !important; }
	
	.absolute-header,
	.header,
	.footer,
	.menu,
	.wrapper,
	.page { padding: 0 5px;  }
	
	.page { margin: 0 auto; }
	
	.free-wall { margin: 0 auto 40px !important; }
	
	.cookie-message { line-height: 19px; padding: 5px; width: calc(100% - 10px); }
	
	.header-contacts { font-size: 14px; }
	
	.header-container {  margin-bottom: 5px; }
	
	.header-banners-slideshow { margin-bottom: 5px;  }
	.banner .text { padding: 5px 15px;  }
	.banner .text .text-left,
	.banner .text .text-right { width: 100%;}
	.banner .text.yellow .text-left, 
	.banner .text.yellow .text-right { padding: 5px; }
	.banner .text h2 { font-size: 18px; margin-bottom: 5px; line-height: 20px;  }
	.banner .text h3 { font-size: 16px; margin-bottom: 5px; line-height: 18px }
	.banner .text h4 { font-size: 14px; margin-bottom: 5px; line-height: 16px }
	.banner .text p  { font-size: 12px; line-height: 14px }
	.banner .text .button { padding: 5px 10px; font-size: 12px; line-height: 15px; }
	.banner .text .actions { margin-top: 10px; }
	
	.header { text-align: center; height: 60px; }
	.header .logo { position: absolute; display: block; text-align: center; top: 4px; left: 5px; margin: 0; }
	
	.header .company { left: 5px; top: 65px; }
	
	.header .actions { position: static; }

	.header .searchautocomplete { top: 11px; right: 5px; width: calc(100% - 150px); max-width: 300px;  }
	.header .searchautocomplete .form-search { border: 0; }
	.header .searchautocomplete .nav-search-in { display: none; }
	.header .searchautocomplete input.UI-SEARCH { width: calc(100% - 15px); padding-left: 10px !important; border: 1px solid #ccc; }
	.header .searchautocomplete .searchautocomplete-placeholder { width: calc(100% - 12px); right: 5px; }
	.header .searchautocomplete button { position:absolute; top: 6px; right: 6px; height: calc(100% - 12px); }
	
	.absolute-header .block-cart { margin: 0; position: absolute; top: 7px; right: 84px; }
	.absolute-header .block-cart .block-title { background: none; padding: 0; }
	.absolute-header .block-cart .block-content { display: none; }
	
	.absolute-header .customer-menu { position: absolute; right: 5px; margin: 0; top: 45px; z-index: 9999; width: calc(100% - 10px); background: #fff; visibility: hidden; opacity: 0; transform: translateY(30px); transition: .2s all; }
	.absolute-header .customer-menu.visible { visibility: visible; opacity: 1; transform: translateY(0); }
	.absolute-header .customer-menu li { display: block; margin: 0; text-align: center; border-bottom: 1px solid #ccc; }
	.absolute-header .customer-menu li a { color: #000; }
	.absolute-header .customer-menu-toggle{ position: absolute; right: 40px; top: 9px; color: #fff; font-size: 25px; cursor: pointer; }
	
	.header .actions .menu-button { position: absolute; top: 5px; right: 0; display: block; font-size: 40px; cursor: pointer; }
	.header .actions .search-button { position: absolute; top: 47px; right: 53px; display: block; cursor: pointer; font-size: 33px; }
	.header .actions .customer-button { position: absolute; top: 48px; right: 7px; display: block; cursor: pointer; font-size: 30px; }
	
	.header .popup-title.wishlist .title { display: none; }
	
	.absolute-header .menu-toggle{ position: absolute; right: 0; top: 8px; color: #fff; font-size: 24px; cursor: pointer; }
	
	.absolute-header .currency { right: 153px; }
	
	.menu { position: absolute; top: 0; left: 0; width: calc(100% - 10px); z-index: 9999; visibility: hidden; opacity: 0; transform: translateY(30px); transition: .3s all;}
	.menu.visible { visibility: visible; opacity: 1; transform: translateY(0); }
	
	#nav { background: #fff; padding: 5px; margin: 0; border: 0; }
	#nav li { float: none; display: block; margin: 0; border-bottom: 1px solid #ccc; position: relative; }
	#nav li a { padding: 0; display: block; color: #000; text-align: center; text-transform: uppercase; font-weight: 600;  }
	#nav > li:hover ul { -webkit-animation: fadein 0s; -moz-animation: fadein 0s; -ms-animation: fadein 0s; -o-animation: fadein 0s; animation: fadein 0s; }
	
	#nav .childrens { display: none; }
	#nav ul { position: relative; top: auto; left: auto; min-height: auto; }
	#nav ul li { display: block; width: calc(100% - 30px); padding: 0 15px; border-bottom: 0; }
	#nav ul li.nav-self { margin-top: 10px; }
	#nav ul li a { font-size: 14px; padding: 2px 0; font-weight: normal; }
	
	#nav ul ul li { display: block; width: calc(100% - 30px); padding: 0 15px; margin-bottom: 0; }
	#nav ul ul li a { font-size: 13px; text-transform: none; }
	
	#nav .nav-banner { display: none; }

	.cms- .tabs .tabs-divider { margin-bottom: 20px; }
	.stamp{display: block; width: 100%; margin-bottom: 35px;}
	
	.col2-left-layout .categories-list .item,
	.col1-layout .categories-list .item,
	.category-marcas .col1-layout .categories-list .item { width: calc(25% - 22px);   }
	
	.products-grid li.item { margin-bottom: 10px; }
	.col1-layout .products-grid li.item,
	.products-grid:not(.home-grid) li.item { width: 32%; margin-right: 2%; margin-bottom: 2%; }
	.products-grid:not(.home-grid) li.item:nth-child(3n + 3) { margin-right: 0; }
	.products-grid:not(.home-grid) li.item .product-name a { font-size: 13px; line-height: 15px; }
	
	.cms- .category-products .toolbar { display: none; }
	.category-products .toolbar { position: static; display: block; margin-bottom: 20px; }
	.pager .sort-by, 
	.sorter .sort-by { text-align: center; float: none; }
		
	.col-left { float: none; width: 100%; }
	.col2-left-layout .col-main { float: none; width: 100%; }
	
	.page-title { margin-bottom: 10px; }
	.page-title h1, .page-title h2 { font-size: 25px; text-align: center; }
	
	.mb-mana-catalog-leftnav .block-content { border-top: 0; }
	.mb-mana-catalog-leftnav .block-title { border: 1px solid #ccc; padding: 5px; background: url(../images/i_arrow_right.png) center right 5px no-repeat; cursor: pointer; }
	.mb-mana-catalog-leftnav .block-title.expanded { background-image: url(../images/i_arrow_down.png); }
	.block-layered-nav .block-content { display: none; }
	
	.block-bestsellers { display: none; }
	
	.product-view .product-img-box { float: none; width: 100%; }
	.product-view .product-img-box .more-views li img { width: 100%; }
	.product-view .product-img-container { padding:5px; width: calc(100% - 10px); }
	
	.product-view .related-products,
	.product-view .product-shop { float: none; width: 100%; margin: 0 0 20px; padding: 0; border: 0; }
	.product-view .product-shop .page-title h1 { font-size: 25px; }
	
	.product-view .product-shop .add-to-links .wishlist { float: none; }
	.product-view .product-shop .add-to-links .link-compare,
	.product-view .product-shop .add-to-links .link-wishlist { display: inline-block; margin-bottom: 5px; padding-top: inherit}
	
	.product-view .product-essential { margin-bottom: 30px; }
	
	.product-collateral .box-collateral { margin-bottom: 30px; }
	.product-collateral .col-1,
	.product-collateral .col-2,
	.product-collateral .col-3{ float: none; width: 100%; margin: 0 0 20px; }
	
	.product-view .tabs .tabs-title li { font-size: 11px; }
	
	.product-view .share,
	.product-view .share tbody,
	.product-view .share tr,
	.product-view .share td { display: block; width: 100%; padding: 0; }
	.product-view .share td.addthis-container { padding: 0; }
	.product-view .share td.reviews-container { padding-top: 15px; }
	
	.product-view .box-reviews .review-container td.col1{display:block; width: 100%; padding-bottom: 0; text-align: left;}
	.product-view .box-reviews .review-container td.col2{display:block;}
	
	.add-to-cart button.button { letter-spacing: 0; padding: 9px 12px; }
	
	.cart-actions .discount { float: none; width: 100%; margin-bottom: 30px; text-align: left; }
	.cart-actions .discount .input-text { width: 130px; }
	.cart .totals { float: none; width: 100%; }
	.cart .wishlist-cell,
	.cart .image-cell { display: none; }
	.cart-table thead th { padding: 3px !important; font-size: 12px; }
	.cart-table td { padding: 2px; }
	.cart-table .product-name { font-size: 11px; font-weight: normal; }
	.cart-table input.qty { width: 1em !important; color: #000; font-size: 14px; }
	.cart-table .qty-selector-container { padding-right: 16px; }
	.cart-table .qty-selector { font-size: 11px;}
	.cart-table .cart-price .price { font-size: 14px; }
	.checkout-methods { margin-bottom: 20px; }
	.cart .shipping { width: calc(100% - 10px); padding: 5px; margin: 0; text-align: center; }
	.cart .shipping .banner  { margin: 0 0 10px; width: 100%; }
	.cart .shipping .banner img { width: 100%; }
	.cart .shipping .col-1 { width: 100%; }
	.cart .shipping .buttons-set { text-align: center; }
	
	.cart .offers .products-grid li.item { width: calc(50% - 10px); }
	
	#onepagecheckout_orderform .col3-set .col-wrapper { padding: 0 !important; background: none !important; }
	.onepagecheckout-index-index .col-main { width: 100% !important; }
	#onepagecheckout_orderform .col3-set .col-1,
	#onepagecheckout_orderform .col3-set .col-3,
	#onepagecheckout_orderform .col3-set .col-2 { margin: 0 !important; padding: 0 !important; border: 0 !important; float: none !important; }
	#onepagecheckout_orderform .col3-set .col-2 { border-left: 0 !important; border-right: 0 !important; margin: 0 !important; padding: 0 !important; }
	
	#payment-method .sp-methods .payment-paypal_standard { height: 140px; }
	
	.account-login .registered-users { border: 0; border-bottom: 1px solid #000; margin-bottom: 35px; }
	
	.block-cart { margin-top: 10px; }
	
	.contact-form,
	.contact-info { width: 100%; float: none; }
	.contact-info { border: 1px solid #ccc; padding: 10px; width: calc(100% - 22px); margin-bottom: 15px; }
	
	.form-list .fields { margin-bottom: 0; }
	.form-list .fields .field { margin: 0; width: calc(100% - 2px); margin-bottom: 5px; }
	
	.block-cms-navigation { display: none; }
	
	.block-subscribe .page { padding: 5px; }
	.block-subscribe .title { font-size: 22px; line-height: 35px; margin-bottom: 10px; }
	.block-subscribe p { font-size: 16px; margin-top: 10px; margin-bottom: 10px; display: block; width: 100%; }
	.block-subscribe form { display: block; width: 100%; }
	.block-subscribe button { font-size: 12px; padding: 8px 7px; }
	.block-subscribe input.input-text { width: calc(100% -50px); font-size: 16px; padding: 0 5px; line-height: 31px; }
	.block-subscribe .input-box { margin: 0 auto 5px; width: calc(100% - 20px); }
	
	.footer-container { border-top: 0; padding-top: 5px; }
	.footer { margin: 0 auto; height: auto; text-align: center; }
	.footer .blocks-container { display: block; }
	.footer .blocks-container .block { display: block; width: 100%; }
			
	.footer .blocks-container .block .title { line-height: 30px; margin: 0 0 10px;  }
	
	.footer .footer-links ul { margin-right: 0; }
	
	.footer-icons li { font-size: 14px; }
	
	.absolute-footer .copyright,
	.absolute-footer .social { float: none; text-align: center; }
	
	.newsletter-subscribe-response,
	#newsletter_subscribe.popup { width: inherit; max-width: 400px; }
	#newsletter_subscribe.popup input { letter-spacing: 0; }
	
	.block-viewed { display: none; }
	
}

@media only screen and (max-width: 700px) {	
	.footer-banners-grid li { width: 100%; }
	.footer .footer-links ul.cols-3 { column-count: 1; column-gap: 0; -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count:1; -webkit-column-gap: 0; }
	
	.footer-icons li { width: calc(50% - 60px); }
	
	.product-view .product-img-box .more-views li { width: calc(25% - 4px); }
	.product-view .product-img-box .more-views li:last-child { margin-right: 5px; }
	.product-view .product-img-box .more-views li:nth-child(4n) { margin-right: 0; }
	
	.product-view .box-reviews .review-container .ratings-table tr:last-child td{display: block;}
	.product-view .box-reviews .review-container td.col2{display:block;}
	.product-view .box-reviews .review-container td.col3{width: 90px; }
	.product-view .box-reviews .review-container td.col2 p{text-align:justify;}
}

@media only screen and (max-width: 450px) {
	.op_login_area .title .link,
	.op_login_area .arrow_box { font-size: 14px !important; }
	
	.product-view .product-shop .help-links { margin: 20px 0; }
	.product-view .product-shop .help-links li { display: block; margin-bottom: 5px; }
	
	.footer .block.footer-links .co-finance-project img{width: 100%;}
	
	.product-view .product-img-box .more-views li { width: calc(33% - 3px); }
	.product-view .product-img-box .more-views li:last-child { margin-right: 5px; }
	.product-view .product-img-box .more-views li:nth-child(4n) { margin-right: 5px; }
	.product-view .product-img-box .more-views li:nth-child(3n) { margin-right: 0; }
	
	.product-view .box-reviews .review-container td.col3{float: right;}
	
	.product-options dd select{width: 100%; padding: 7px;}
	.onepagecheckout_datafields .col-1 .form_fields input.t1{padding-top: 8px !important; padding-bottom: 8px !important;}
	.onepagecheckout_datafields .col-1 .form_fields select{padding-top: 7px; padding-bottom: 7px;}
}

@media only screen and (max-width: 650px) {
	
	.absolute-header .social { display: none; }
	.absolute-header .form-language.selector { right: auto; left: 5px; }
	
	.col1-layout .products-grid li.item,
	.products-grid:not(.home-grid) li.item { width: 49%; margin-right: 2%; margin-bottom: 2%; }
	.products-grid:not(.home-grid) li.item:nth-child(2n + 2) { margin-right: 0; }
	.products-grid:not(.home-grid) li.item .product-name a { font-size: 13px; line-height: 15px; }
	
	.absolute-footer .social-sidebar { display: none; }
	
	.cms- #freewall_2 { display: none; }
	
	.customer-account-create #g-recaptcha { margin: 0 0 20px; text-align: center; position: static; }
	.customer-account-create #g-recaptcha > div { margin: 0 auto; }
	.customer-account-create .buttons-set { text-align: center; }
	.customer-account-create .buttons-set .back-link { display: none; }
	.customer-account-create .buttons-set button.button { float: none;}
	
	.banners-grid ul,
	.banners-grid ul li { display: block; }
	
	.advantages ul li { display: inline-block; width: 50%; padding: 10px; }
	.advantages ul li:after { right: -10px; }
	.advantages ul li:nth-child(2n + 2):after { display: none; }
}

@media only screen and (max-width: 500px) {
	.col1-layout .products-grid li.item,
	.products-grid:not(.home-grid) li.item { width: 100%; margin-right: 0; margin-bottom: 2%; }
	.products-grid:not(.home-grid) li.item .product-name a { font-size: 13px; line-height: 15px; }
	
	.col2-left-layout .categories-list .item,
	.col1-layout .categories-list .item,
	.category-marcas .col1-layout .categories-list .item { width: calc(50% - 22px);   }
}

@media only screen and (max-width: 380px) {
	
	.header .company  { top: 54px; }
	.header .logo,
	.header .company { transform-origin: left center; }
	
	.header .logo,
	.header .company,
	.footer-icons li { transform: scale(0.8); }
	
		
}