html {width:calc(100% + calc(100vw - 100%)); overflow-x:hidden;}
body {padding:0; font-size:16px; display:flex; flex-direction:column; min-height:100vh;}
img {border:0 none; max-width:100%;}
table {width:100%;}

@media screen and (max-width:767px) {
    body {font-size: 0.9em !important;}
    h1,.h1 {font-size: 1.4rem !important;}
    h2,.h2 {font-size: 1.3rem !important;}
    h3,.h3 {font-size: 1.2rem !important;}
    h4,.h4 {font-size: 1rem !important;}
    h5,.h5 {font-size: 0.9rem !important;}
}

.clear {clear:both;}
.tr_3s, .tr_3s:hover {transition:all .3s;}
.tr_6s, .tr_6s:hover {transition:all .6s;}
.breadcrumb {background:#fff; padding-left:0; padding-right:0;}
.column-2 {column-count:2; column-gap:60px;}
.column-2 p {margin-top:0;}
.magnifier {background:#fff; z-index:9999;}
.moduletable.fullbg {position:relative; left:50%; margin-left:-50vw; width:calc(100% + calc(100vw - 100%)); background:#f6f6f6;}

@media screen and (max-width:575px) {
    .moduletable.fullbg:not(.mod_slider) {left:0; margin-left: 0; width:inherit;}
    .container .moduletable.fullbg:not(.mod_slider) {margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px;}
}

.navbar {position:relative; z-index:100;}
.navbar .navbar-toggler {border-width:0; outline:none;}
.navbar-nav ul {margin:0; padding:0; list-style-type:none;}
@media screen and (min-width:1200px) {
    .navbar-nav > ul > li > ul {display:none;}
}
@media screen and (max-width:1199px) {
    .navbar-nav .nav a {display:block!important;}
    .navbar-nav > ul > li > ul > li {padding-left:15px;}
}

#middle {display:flex;}
#center {flex:1;}
#center #left {order:0;}
#center main {order:1; display:flex; flex:1; flex-direction:column; overflow:hidden;}
#center #right {order:2;}

.owl-carousel .owl-nav {position:absolute; top:50%; font-size:48px; max-width: 1300px; width: 100vw; transform: translateX(-50%); transform: -webkit-translateX(-50%); left: 50%;}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {position:absolute; left: 0; outline:none; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.owl-carousel .owl-next {left:auto; right: 0;}
.owl-carousel .owl-dots {position:absolute; left:50%; bottom:20px; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.owl-carousel .owl-dot {height:10px; width:10px; background:#666!important; border-radius:50%; margin:0 5px; outline:none;}
.owl-carousel .owl-dot.active {background:#333!important;}

.scroll-up {position:fixed; display:none; left:20px; bottom:20px; background:rgba(0,0,0,.3); border-radius:4px; height:40px; width:40px; cursor:pointer; color:#fff; font-size:2.2rem;}
.scroll-up:hover {background:rgba(0,0,0,.5);}
.scroll-up i {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

@media screen and (max-width:900px) {
    .column-2 {column-count:1; column-gap:0;}
}

/* virtuemart */
#fancybox-wrap, #fancybox-content {box-sizing:content-box;}
.showcart, .continue_link {background:#eee; padding:10px 35px; text-transform:uppercase; display:inline-block; color:#333;}
.showcart {float:right;}

/* one page generic */
.opg-form > :last-child, #loginbtns, #otherpay_buttons hr, #div_shipto, .checkout-button-top > section, .checkout-button-top > a.opg-link.opg-text-small, .vm-price-desc {display:none;}
.PricebasePriceVariant {text-decoration:line-through;}
.opg-button-primary {color:#fff!important;}
#cart-contents #right_div input {border:1px solid #ddd; display:block; margin-bottom:5px; padding:5px 10px; width:100%;}

#message {position:fixed; top:50%; left:50%; width:300px; margin:-210px 0 0 -160px; background:#fff; border-radius:5px; padding:10px; z-index:100; text-align:center; cursor:pointer; box-shadow:0 0 10px rgba(0,0,0,.75)}
#counters {display: none;}

.m-50 {margin: 50px !important;}
.mt-50 {margin-top: 50px !important;}
.ml-50 {margin-left: 50px !important;}
.mr-50 {margin-right: 50px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mx-50 {margin-left: 50px !important; margin-right: 50px !important;}
.my-50 {margin-top: 50px !important; margin-bottom: 50px !important;}

.m-100 {margin: 100px !important;}
.mt-100 {margin-top: 100px !important;}
.ml-100 {margin-left: 100px !important;}
.mr-100 {margin-right: 100px !important;}
.mb-100 {margin-bottom: 100px !important;}
.mx-100 {margin-left: 100px !important; margin-right: 100px !important;}
.my-100 {margin-top: 100px !important; margin-bottom: 100px !important;}

.p-50 {padding: 50px !important;}
.pt-50 {padding-top: 50px !important;}
.pl-50 {padding-left: 50px !important;}
.pr-50 {padding-right: 50px !important;}
.pb-50 {padding-bottom: 50px !important;}
.px-50 {padding-left: 50px !important; padding-right: 50px !important;}
.py-50 {padding-top: 50px !important; padding-bottom: 50px !important;}

.p-100 {padding: 50px !important;}
.pt-100 {padding-top: 100px !important;}
.pl-100 {padding-left: 100px !important;}
.pr-100 {padding-right: 100px !important;}
.pb-100 {padding-bottom: 100px !important;}
.px-100 {padding-left: 100px !important; padding-right: 100px !important;}
.py-100 {padding-top: 100px !important; padding-bottom: 100px !important;}

.pos-left-top {top: 0; left: 0;}
.pos-left-center {top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.pos-left-bottom {bottom: 0; left: 0;}
.pos-center-top {top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.pos-center {top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.pos-center-bottom {bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.pos-right-top {top: 0; right: 0;}
.pos-right-center {top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.pos-right-bottom {bottom: 0; right: 0;}