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


@media only screen and (min-width: 850px) {
	
	.mobile-only { display: none !important; }
	
	.menu { position: relative;  }
	.navigation-container { border-bottom: 1px solid #02418e; }
	.cms-index-index .navigation-container { border: 0; }
	
	#nav { padding:0; font-size:13px; text-align: center;  }
	#nav li { text-align: center; display: inline-block; }
	#nav li:hover > a { transition: color 0.3s; color: #333; }
	#nav li:last-child { border: 0;}
	#nav li a { display: block; color: #959595; font-size: 19px; padding: 18px 25px; text-transform: uppercase; transition:  all .3s; }
	#nav .nav-self { display: none; }
	#nav li.level-top:hover > a{ background: #02418e; color: #fff; }
	
	#nav ul { position: absolute; width: 100%; left: 0; background: #fff; z-index: 9; top: 62px; z-index: 9999; transform: scale(0,0); transform-origin: top center; opacity: 0; transition: all .3s ease; box-shadow: 0 2px 2px #aaa;  }
	#nav > li:hover ul { transform: scale(1,1); opacity: 1; }
	#nav ul li { margin-right: 0; display: table-cell; width: 2%; padding: 10px; float: none; border: 0; text-align: left; }
	#nav ul li:last-child { border:  0; }
	#nav ul li:hover { background: #fff; }
	#nav ul li:hover > a{ color: #000; }
	#nav ul li a { padding: 3px 0; font-size: 16px; color: #333; white-space: nowrap; font-weight: medium; margin-bottom: 8px; }
	#nav ul li a .icon-angle-down { display: none; }
	#nav ul li a:hover { color: #aaa; }
	#nav li.level1 { position: relative; }
	
	#nav li.small-menu { position: relative; }
	#nav li.small-menu ul { width: 350px; display: block; }
	#nav li.small-menu ul li { width: calc(100% - 20px); display: block; float: none; padding: 3px 10px; }
	
	#nav ul ul { display: block; position: relative; top: auto; left: auto; background: none; border: 0; margin-top: 15px; box-shadow: 0 0 0;  }
	#nav ul ul li { display: block; width: auto; padding: 0; margin: 0; }
	
	#nav li.small-menu ul li a,
	#nav ul ul li a { font-size: 13px; font-weight: normal; padding: 1px 0; margin-bottom: 3px; }
	
	#nav li.small-menu ul li a:hover,
	#nav ul ul li a:hover { color: #02418e; }
	
	#nav .nav-banner { text-align: right; }
	#nav .nav-banner a { margin-bottom: 0; }
	#nav .nav-banner img { width: 350px; }
	
	#nav li.nav-3 {  }
	#nav li.nav-3 ul.level0 { width: 600px; left: auto; right: 50px;  height: 325px; }
	#nav li.nav-3 ul.level0 li { display: block; width: 80%; float: left; }
	#nav li.nav-3 ul.level0 li.first { margin-top: 20px; }
	#nav li.nav-3 ul.level0 li.nav-self { display: none; }
	#nav li.nav-3 ul.level0 li.nav-banner { position: absolute; top: 0; right: 0; width: 350px; }
		
}

@media only screen and (max-width: 850px) {
	
	.pc-only { display: none !important; }
	
	.header,
	.footer,
	.menu,
	.wrapper { padding: 0 5px;  }
	.page { padding: 0; }
	
	.col2-set .col-1,
	.col2-set .col-2 { width: 100%; float: none; }
	
	.form-list .fields .field { width: calc(100% - 2px); margin: 0; float: none; margin-bottom: 8px; }
	
	.title-buttons { text-align: center; }
	.title-buttons h1, 
	.title-buttons h2, 
	.title-buttons h3, 
	.title-buttons h4, 
	.title-buttons h5,
	.title-buttons h6 { float: none; margin-bottom: 10px; }
	
	.header-container {  margin-bottom: 5px; }
	
	.header { text-align: left; }
	.header .logo { width: 200px; margin: 10px 0; position: relative; z-index: 9; position: relative; }
	
	.header .actions { text-align: right; top: 16px; right: 0; }
	.header .actions .menu-button { display: inline-block; color: #b2b2b2; font-size: 23px; vertical-align:top; margin-top: 2px; }
	.header .actions .customer-menu { display: inline-block; float: none; vertical-align: top; margin: 1px -5px 0 0; }
	.header .actions .customer-menu .icon-user { font-size: 28px; }
	.header .actions .customer-menu ul { right: -60px; transform: scale(1); transform: translateY(30px); opacity: 0; visibility: hidden; }
	.header .actions .customer-menu.show ul { transform: scale(1); transform: translateY(0); opacity: 1; visibility: visible; }
	.header .actions .customer-menu ul li { text-align: center; }
	
	.header .block-cart .block-title span { font-size: 28px; }
	.header .block-cart .block-title span.qty { font-size: 33px; }
	.header .form-search .icon-search { font-size: 28px; }
	
	.header .block-cart { display: inline-block; float: none; }
	.header .block-cart .block-title  { width: auto; }
	.header .block-cart .block-title span.qty { font-size: 27px; }
	.header .block-cart .block-title span.icon-basket { font-size: 27px; }
	.header .block-cart .block-content { display: none; }
	
	.header .toggle-search { position: absolute; top: 15px; right: 124px; display: inline-block; color: #b2b2b2; font-size: 31px; cursor: pointer;  }
	.header .form-search { position: absolute; padding: 10px; width: calc(100% - 22px); right: 0; top: 67px; background: #fff; visibility: hidden; opacity: 0; transform: translateY(30px); transition: .3s all; border: 1px solid #ccc; }
	.header .form-search.opened { visibility: visible; opacity: 1; transform: translateY(0);width: calc(100% - 22px); }
	.header .form-search .close{ display: none; }
	.header .form-search input.input-text { width: calc(100% - 50px); position: static; }
	.header .form-search button.button { top: 6px; right: 4px; }
	.header .form-search label { display: none; }
	
	.header-banners-slideshow .text { font-size: 16px; background: rgba(255,255,255,0.8); letter-spacing: 1px; }
	
	.header-banners-list li { float: none; width: 100%; }
			
	.breadcrumbs { font-size: 13px; }
	.breadcrumbs li.home a { position: relative; top: -4px;}
	.breadcrumbs li span { padding: 0 5px; }
	
	.navigation-container { background: #fff; padding: 5px; margin: 5px 0; border: 1px solid #ccc; visibility: hidden; opacity: 0; transform: translateY(30px); transition: .3s all; position: absolute; width: calc(100% - 22px); top: 62px; z-index: 9999;}
	.navigation-container.visible { visibility: visible; opacity: 1; transform: translateY(0); }
	#nav {  }
	#nav li { float: none; display: block; margin: 0 0 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd; position: relative; }
	#nav > li:last-child { border-bottom: 0; margin-bottom: 0; }
	#nav li a { padding: 0; display: block; color: #666; font-size: 17px; position: relative;  }
	#nav li a .icon-angle-down { position: absolute; right: 5px; top: 0; }
	#nav > li:hover ul { -webkit-animation: fadein 0s; -moz-animation: fadein 0s; -ms-animation: fadein 0s; -o-animation: fadein 0s; animation: fadein 0s; }
	
	#nav ul { display: none; position: relative; top: auto; left: auto; min-height: auto; }
	#nav ul li { display: block; width: calc(100% - 30px); padding: 0 15px; border-bottom: 1px solid #eee;; margin-bottom: 0; }
	#nav ul li:last-child { border-bottom: 0; }
	#nav ul li a { font-size: 14px; font-weight: normal; padding: 2px 0; }
	
	#nav ul ul li { display: block; width: calc(100% - 30px); padding: 0 15px; margin-bottom: 0; }
	#nav ul ul li a { font-size: 13px; }
	
	#nav .nav-banner { display: none; }
	
	#nav .expander { background: url(../images/i_arrow_right.png) no-repeat; width: 16px; height: 16px; position: absolute; right: 12px; top: 6px; z-index: 99; cursor: pointer; }
	#nav .expander.expanded { background: url(../images/i_arrow_down.png) no-repeat; }
	
	#nav ul .expander { right: 30px; }
	#nav ul ul .expander { right: 42px; }
	
	.form-list input.input-text, 
	.form-list textarea { line-height: 20px; font-size: 16px; }
	.form-list .fields .field { width: calc(100% - 12px); margin-right: 0; margin-bottom: 8px; }
	
	.pager .pages,
	.pager .sort-by,
	.pager .amount { display: block; float: none; width:100%; margin: 0 0 10px; text-align: center; }
	
	.col1-layout .products-grid li.item,
	.products-grid li.item { width: calc(48% - 10px); margin-right: 2%; margin-bottom: 2%; }
	.col1-layout .products-grid li.item:nth-child(2n + 2),
	.products-grid li.item:nth-child(2n + 2) { margin-right: 0; }
		
	.col-left { float: none; width: 100%; }
	.col2-left-layout .col-main { float: none; width: 100%; }
	
	.page-title { margin: 15px 0; }
	.page-title h1, .page-title h2 { font-size: 25px; }
	
	.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); }
	
	.product-view .product-img-box { float: none; width: 100%; }
	.product-view .product-img-box .more-views li a { width: 80px; height: 80px; }
	.product-view .product-img-box .more-views li img { width: 100%; }
	
	.product-view .product-shop { float: none; width: 100%; }
	.product-view .product-shop .page-title h1 { font-size: 20px; }
	
	.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-img-box .more-views { text-align: center; }
	
	.product-view .product-essential { margin-bottom: 30px; }
	
	.product-view .tabs .tabs-title li { font-size: 11px; }
	
	.cart-wrapper2,
	.cart-wrapper { padding: 0; background: none; border: 0;  }
	
	.cart .page-title h1 { padding: 0; }
	.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 .image-cell { display: none; }
	.cart-table thead th { padding: 2px !important; }
	.cart-table td { padding: 2px !important; }
	.cart-table .product-name { font-size: 11px; font-weight: normal; }
	.cart-table input.qty { width: 17px !important; text-align: center; padding: 4px 2px; font-size: 15px; }
	.cart-table .qty-selector { width: 16px; }
	.cart-table .cart-price .price { font-size: 13px; }
	
	.contact-form,
	.contact-info { width: 100%; float: none; }
	.contact-info { border: 1px solid #ccc; padding: 10px; width: calc(100% - 22px); margin-bottom: 15px; }
	
	.block-cms-navigation { display: none; }
	.block-banners .block-content img { width: 100%; }
	
	.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%; margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 15px; }
	
	.footer .blocks-container .block .title {line-height: 30px; margin: 0 0 10px;  }
	
	.footer .block-social { text-align: center; padding: 0 !important; }
	.footer .block-social li { float: none; display: inline-block; }
	
	.footer .block-subscribe { margin-bottom: 0 !important; border-bottom: 0 !important; padding-bottom: 0 !important; }
	.footer .block-subscribe .title { margin-bottom: 30px !important; }
	.footer .block-subscribe .input-box { max-width: 300px; margin:0 auto;  }
	.footer .block-subscribe input.input-text { margin: 0; max-width: 300px; line-height: 30px; height: 30px; border: 1px solid #02418e; }
	
	.footer .block-support p { display: inline-block; }
	.footer .block-logo { padding: 10px 0 0 0 !important; }
	
	.footer .copyright { margin-top: 0; }
	
	.footer .block-signature { text-align: center; padding-bottom: 0 !important; }
	
	.absolute-footer-container .blocks-container,
	.absolute-footer-container .blocks-container .block { border: 0; margin-bottom: 10px; }
	
	.newsletter-subscribe-response,
	#newsletter_subscribe.popup { width: inherit; max-width: 400px; }
	#newsletter_subscribe.popup input { letter-spacing: 0; }
	
	#onepagecheckout_orderform .col3-set .col-2 { border-left: 0 !important; border-right: 0 !important; margin: 0 !important; padding: 0 !important; }
	
	.cms-home-blocks { width: 100% !important;  }
	.cms-home-blocks ul li { margin-bottom: 0 !important; display: block !important;}
	.cms-home-blocks ul li .image, 
	.cms-home-blocks ul li.banner-2 .image,
	.cms-home-blocks ul li .text { display: block; width: 100%; max-width: 100%; text-align: center !important; margin-bottom: 20px; }
	.cms-home-blocks ul li .main-text { margin: 0 !important; font-size: 20px; }
	.cms-home-blocks ul li .main-text small { font-size: 15px; line-height: 25px; }
	.cms-home-blocks ul li .main-text::after { display: none; }
	
	.cms-index-index .page { display: none; }
	
	.home-bottom,
	.home-bottom tbody,
	.home-bottom tr,
	.home-bottom td { display: block; width:100% !important; margin-bottom: 10px !important; }
	
}


@media only screen and (max-width: 400px) {
	.header .logo { width: 160px; margin: 10px 0; position: relative; z-index: 9; position: relative; left: -25px; }

	.col1-layout .products-grid li.item,
	.products-grid li.item { width: 100%; margin-right: 0; margin-bottom: 2%; border-bottom: 1px solid #ccc; }
}