@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto');

/* LAYOUT */
.container {max-width: 1366px; width: 100%;}
@media (min-width: 801px) {
	.table-row {display: table; width: 100%; margin: 0;}
	.table-row > div {display: table-cell; vertical-align: middle; float: none;}
}
.nopadding .container {padding: 0;}
.nopadding .row {margin: 0;}
.nopadding .row>div {padding: 0;}

@media (min-width: 1200px) {
	.products-view .col-lg-2:nth-child(6n+1),
	.products-view .col-lg-3:nth-child(4n+1),
	.products-view .col-lg-4:nth-child(3n+1),
	.products-view .col-lg-6:nth-child(2n+1) {clear:left;}
}
@media (min-width: 992px) and (max-width: 1999px) {
	.products-view .col-md-2:nth-child(6n+1),
	.products-view .col-md-3:nth-child(4n+1),
	.products-view .col-md-4:nth-child(3n+1),
	.products-view .col-md-6:nth-child(2n+1) {clear:left;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.products-view .col-sm-2:nth-child(6n+1),
	.products-view .col-sm-3:nth-child(4n+1),
	.products-view .col-sm-4:nth-child(3n+1),
	.products-view .col-sm-6:nth-child(2n+1) {clear:left;}
}

/* GENERAL */
html {overflow: -moz-scrollbars-vertical; margin: 0; padding: 0; box-sizing: border-box;}
.noscroll {overflow: hidden;}
body {margin: 0; padding: 0; color: #525252; background-color: #fff; background-attachment: fixed; padding-top: 150px;}
*,*:before,*:after {box-sizing: inherit;}
h1 {font-size: 2.8em; color: #000; margin: 10px 0 20px 0; padding: 0; font-weight: normal; line-height: 1.3em; clear: both; text-align: center;}
h2 {font-size: 2em; color: #000; font-weight: normal; clear: both; text-align: center; margin: 10px 0 20px 0;}
h3 {font-size: 1.6em; color: #fff; font-weight: normal; background-color: rgba(0,0,0,0.3); padding: 10px 15px; margin: 10px 0; text-align: center; position: relative;}
	h3 .btn {position: absolute; top: 7px; right: 7px;}
h4 {color: #333; font-size: 22px; font-weight: normal; margin: 10px 0;}
a {color: #2d4523;}
a:hover, a:focus {color: #2d4523;}
hr {height: 1px; background-color: #ddd; border-width: 0;}
ul.unstyled {margin: 0; padding: 0; list-style: none;}
	ul.unstyled>li {display: inline-block; padding: 5px;}
.breadcrumb {background: transparent;}
ul.unstyled {margin: 0; padding: 0; list-style: none;}
	ul.unstyled>li {display: inline-block; padding: 7px;}
fieldset {border: none;}
.nav {padding-left: 20px; text-align: left;}
.nav>li {display: list-item; list-style-image: url('../images/li_arrow.png');}
.nav>li a {margin: 3px; padding: 3px;}
.nav>li a:hover, .nav>li a:focus {background-color: transparent; text-decoration: underline;}
.nav-pills, #tabs {padding-left: 0; margin-top: 15px;}
.nav-pills>li, #tabs>li {display: inline-block; list-style: none; position: relative; bottom: -1px;}
.nav-pills>li.active>a, #tabs>li.active>a {border-bottom: 1px solid #fff;}
	.nav-pills>li>a, #tabs>li>a {border-radius: 0; border: 1px solid #ccc; margin: 0; padding: 7px; background-color: #eee; color: #333 !important;}
	.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus,
	#tabs>li.active>a, #tabs>li.active>a:hover, #tabs>li.active>a:focus	{background-color: #fff; color: #333;}
.tab-content, .tabs.dyn-tabs {padding: 10px 0; border-top: 1px solid #ccc; overflow: visible !important;}
#header .sj-search-pro-wrapper .dropdown-menu-sj {z-index: 10001;}
.form-horizontal .control-label {text-align: left;}
.popover-title {background-color: #000; color: #fff;}
.adminForm input[type="text"], .adminForm input[type="email"], .adminForm input[type="password"], .adminForm select,
.userdata input[type="text"], .userdata input[type="email"], .userdata input[type="password"], .userdata select {padding: 10px; width: 100%;}

/* buttons */
button, .btn {display: inline-block; text-decoration: none; background: #777; color: #fff; cursor: pointer; vertical-align: middle; font-weight:bold; padding: 8px 20px; border: 2px solid #fff; transition: all 0.3s ease; box-shadow: none; border-radius: 0;}
.btn:hover, .btn:focus, button:hover, button:focus {text-decoration: none !important; background-color: #444; color: #fff; border-color:#fff;}
.btn-primary {background: #2d4523; color:#fff;}
.btn-primary:hover, .btn-primary:focus {background: #2d4523;}
.btn-danger {background-color: #d9534f;}
.btn-danger:hover {background-color: #2d4523;}
.btn-lg, .btn-large, .btn-group-lg > .btn {padding: 10px 16px;  font-size: 18px;  line-height: 1.3333333;}
.btn-sm, .btn-small, .btn-group-sm > .btn {padding: 5px 10px;  font-size: 12px;  line-height: 1.5;}
.btn-xs, .btn-group-xs > .btn {padding: 1px 5px;  font-size: 12px;  line-height: 1.5;}
.btn-fixed {position: fixed; z-index:5; opacity:0.7; transition: all 0.3s ease; background: #2d4523; width: 45px; height: 45px; text-align:center;}
.btn-fixed:hover {opacity:1;}
.btn-fixed a {color:#fff;}

/* menu */
#menu {
    /* margin-top: 5px; */
}
	/* #menu * {mily: Arial !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;} */
	/* #menu>div>.menu a {padding: 10px 15px;} */
	
	#mobmenubtn {width: 55px; padding: 0 0 0 10px; vertical-align: middle; display: none;}
	#mobmenubtn>span {display: block; width: 45px; height: 45px; background: #2d4523 url('../images/menu.png') no-repeat center; cursor:pointer; transition: all 0.5s ease; font-size: 0;}
	#mobmenubtn.open>span {background-image: url('../images/close_menu.png');}
	#menu>div>.menu ul {max-width: none !important;}
@media only screen and (min-width: 801px) {
	#menu>div>.menu {background: none;}
	#menu>div>.menu>li>ul>li>a>.sub-arrow {transform: rotate(270deg);}
	#menu>div>.menu a.has-submenu {padding-right: 24px;}
	#menu>div>.menu .sub-arrow {border-color: #2d4523 transparent transparent transparent;}
	#menu>div>.menu li a:hover>.sub-arrow, #menu>div>.menu li a.highlighted>.sub-arrow, #menu>div>.menu .currentpath a>.sub-arrow, #menu>div>.menu .current a>.sub-arrow {border-color: #fff transparent transparent transparent;}
}
@media only screen and (max-width: 1650px) {
	#mobmenubtn {display: block;}
	#menu>div>.menu {width: 100%;}
}

/* lang */
.lang-inline {margin: 5px;}
.lang-inline li {list-style: none; display: inline-block; color: #fff; padding: 5px;}
.lang-inline li a {color: #fff;}
.lang-inline li:first-child {border-right: 2px solid #fff;}
.lang-active {text-decoration: underline;}

/* search */
.moduletable.search {width: 100%; max-width: 500px; text-align: right;}
#searchbtn {display: none;}
@media only screen and (max-width: 800px) {
	#searchbtn {width: 65px; padding: 0 10px; vertical-align: middle; display: inline-block;}
	#searchbtn>span {display: block; width: 45px; height: 45px; background: #2d4523 url('../images/search.png') no-repeat center; cursor:pointer; transition: all 0.5s ease; font-size: 0;}
	#main_header .moduletable.search {display: block; width: 100%; max-width: none; display: none; background: #fff;}
}

/* wishlist */
.moduletable.wishlist {position: relative; width: 130px; min-width: 130px; display: inline-block;}
.moduletable.wishlist .btn {display: inline-block !important; position:relative; font-size: 0; width: 45px; height: 45px; margin: 0; padding: 0; background: #2d4523 url('../images/favorite.png') no-repeat center; border: none; border-radius: 0px 0px 0px 0px;}
.moduletable.wishlist .vm2w-mylists {text-align: center;}
.moduletable.wishlist .vm2w-mylist-button {float: none;}
	#vm2w-mylist-button {background-image: url('../images/favorite.png');}
	#vm2w-compare-button {background-image: url('../images/compare.png'); margin-left: 20px;}
	.moduletable.wishlist .btn i {display: none;}
	.moduletable.wishlist .btn .badge {position: absolute; top: -5px; right: -5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}

/* user */
.moduletable.user {position: relative; width: 65px; display: inline-block;}
.user_icon {width: 45px; height: 45px; background: #2d4523 url('../images/user.png') no-repeat center; font-size: 0; cursor: pointer; margin: 0 auto;}
.moduletable.user form {position: absolute; top: 55px; right: 10px; background-color: #eee; box-shadow: -2px 2px 5px rgba(0,0,0,0.5); border: 1px solid #ccc; padding: 15px; z-index: 10001; display: none; width: 100vw; max-width: 350px; text-align: center;}
#com-form-login {width: 100vw; max-width: 300px !important; margin: 0 auto; clear: both; text-align: center;}
#com-form-login>* {width: 100%;}
#com-form-login>*>* {width: 100%; padding-bottom: 15px;}
	#com-form-login .control-label {text-align: center;}
.moduletable.user input {text-align: center;}
div.body .control-group {margin-bottom: 15px;}
body.view-user #left_column {padding-left: 100px; background: url(../images/login.png) no-repeat 10px 5px; padding-top: 10px;}
body.view-user #left_column h3 {color: #000; background: transparent; text-align: left; padding: 10px 0;}

/* cart */
.moduletable.cart {position: relative; width: 65px; display: inline-block;}
.cart_icon {width: 45px; height: 45px; background: #2d4523 url('../images/cart.png') no-repeat center; font-size: 0; cursor: pointer; margin: 0 auto;}
.moduletable.cart .total_products {position: absolute; top: 0; right: 0; box-shadow: 2px 2px 5px rgba(0,0,0,0.5); width: 20px; height: 20px; line-height: 20px; background: #fff; color: #337ab7; text-align: center; border-radius: 100%;}
.vmCartModule {position: absolute; top: 55px; right: 10px; background-color: #fff; box-shadow: -2px 2px 5px rgba(0,0,0,0.5); border: 1px solid #ccc; padding: 15px; z-index: 10001; display: none; width: 100vw; max-width: 300px; text-align: left;}
.vmCartModule div {clear: both;}
.vmCartModule>div>div>div {padding: 10px 0; position: relative; clear: both;}
	.vmCartModule .vm_cart_products .product_row {border-bottom: 1px solid #ccc;}
		.vmCartModule .vm_cart_products .product_row>br {display: none;}
		.vmCartModule .vm_cart_products .product_row .subtotal_with_tax {font-weight: bold;}
		.vmCartModule .vm_cart_products .product_row .customProductData {padding-right: 60px;}
		.vmCartModule .vm_cart_products .product_row .customProductData>div {display: block; margin: 5px;}
		.vmCartModule .vm_cart_products .product_row .customProductData * {font-size: 11px; color: #666;}
		.vmCartModule .vm-customfield-mod img, .vmCartModule .vm-customfield-cart img {vertical-align: middle; width: 50px; display: block; float: left; clear: left; margin: 0 10px;}
		.vmCartModule .image {width: 80px;}
		.vmCartModule .image>img {width: 100%;}

@media (max-width: 500px) {
	.moduletable.user form, .moduletable.cart .vmCartModule, .moduletable.search {position: fixed; top: 149px; left: 0; right: 0; width: 100vw; max-width: none;}
}
		
/* left */
#left_column h3 {margin-top: 0; padding: 4px;}
#btn_show_left_column {position: fixed; left: 10px; bottom: 20px; transform: scale(0, 0); border-color: #2d4523; transition: transform 0.3s ease; transform-origin: center center;}
#btn_show_left_column i {font-size: 1.8em; margin-top: 10px; color: #fff;}
#btn_close_left_column {position: absolute; top: -2px; right: 5px; color: #fff; padding: 10px; width: 40px; height: 40px; z-index: 1; text-align: center; display: none;}

/* filters */
.cf_filters_list {padding: 0;}
	.cf_filters_list li {margin: 3px; padding: 3px;}
.moduletable.filters {background-color: #ddd; border: 1px solid #ccc; padding: 0 10px 10px 10px;}
	.moduletable.filters h3 {margin: -10px -10px 10px -10px;}
@media only screen and (max-width:991px) {
	.moduletable.filters {position: fixed; height: 100%; overflow: auto; top: 0; bottom: 0; left: -410px; width: 400px; max-width: 300px; max-width: 80vw; z-index: 10010; background: #fff; box-shadow: 0 5px 5px #000; transition: left 0.3s ease;}
	.moduletable.filters.open {left: 0;}
	body.view-category #btn_show_left_column {transform: scale(1,1);}
	#btn_close_left_column {display: block;}
}

/* forms */
input[type="checkbox"] {-webkit-appearance: none;  -moz-appearance: none; position: relative; margin: 0 4px 0 10px; border-radius: 20px; background: #eee; outline: 0; -webkit-appearance: none; cursor: pointer; width: 32px !important; height: 18px; transition: all .2s linear;	vertical-align: middle; box-shadow:0 0 3px #aaa;}
	input[type="checkbox"]:hover{box-shadow:0 0 6px #444;}
	input[type="checkbox"]:after {content: ''; position: absolute; top: 2px; left: 2px; display: block; width: calc((100% - 4px) / 2); height: calc(100% - 4px); border-radius: 50%; background: #aaa; transition: all .2s linear;}
	input[type="checkbox"]:checked {background: #2d4523;}
	input[type="checkbox"]:checked:after {transform: translateX(100%);background: #fff;}
	input[type=checkbox]::-ms-check {border-color: transparent; color: #eee; border-radius:0px; background-color:transparent; box-shadow:0 0 0 transparent; width: 18px;}
input[type="radio"] {-webkit-appearance: none;  -moz-appearance: none;  position: relative; margin: 4px 4px 4px 10px; border-radius: 20px; background: #eee; outline: 0; -webkit-appearance: none; cursor: pointer; width: 18px !important; height: 18px;	vertical-align: middle; transition: all 0.2s linear; box-shadow:0 0 3px #aaa;}
	input[type="radio"]:hover{box-shadow:0 0 6px #444;}
	input[type="radio"]:after {content: ''; transform: scale(0,0);position: absolute; top: 2px; left: 2px; display: block; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 50%; background: #2d4523;  transition: all 0.2s linear;}
	input[type="radio"]:checked { }
	input[type="radio"]:checked:after {transform: scale(1,1);}

.fancy-close {width: 45px; height: 45px; position: absolute; top: 9px; right: 15px; z-index: 1; color: #fff;}
	.fancy-close>span {color: #000; font-size: 1.2em;}

.itemid-235 .generalContainerInner {
  padding-top: 0;
}
.itemid-235 .containerA {
  padding-top: 80px;
}