:root {
	--size-1em: 1em;
	--size-2em: 2em;
	--size-3em: 3em;
	--size-4em: 4em;
}

/* Hacks */
#pushstat {display: none !important;}
* {margin: 0px; padding: 0px;}img {border: none;}
.clearPan, .spacer {clear: both; height: 0px;}
.center, .col-centered {float: none; margin-left: auto; margin-right: auto; text-align: center;}
#body-wrapper {filter: alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#body-wrapper.enabled {filter: alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}
#noscriptAlert {margin: 150px auto -255px auto; padding: 20px; text-align: center; width: 400px; background-color: #CCF; border: #1A5F86 2px solid;}
#noscriptAlert div.title {font-size: 28px;}

/* Web Styles */
body {font: 12px Arial, Helvetica, sans-serif;}
section {position: relative; z-index: 0;}
a.tobsite {color: #C89F18;}
.wyswyg {padding: 15px 0px; text-align: justify;} 
.wyswyg ul, .wyswyg ol, .content ol, .content ul {margin-left: 15px;}
.wyswyg p {margin-bottom: 10px;}
.wyswyg img {max-width: 100%;}
.img-square {aspect-ratio: 1 / 1; object-fit: contain;}
.img-wrapper {position: relative; text-align: center; overflow: hidden;}
.img-wrapper.fixed-height-1 {height: 0; padding: 0 15px 65%;}
.img-wrapper img {max-width: 100%;}
.vertical-middle {white-space: nowrap;}
.vertical-middle:before {content: ''; display: inline-block; width: 1px; height: 100%; vertical-align: middle;}
.vertical-middle > * {display: inline-block; vertical-align: middle; white-space: normal;}
.vertical-bottom {white-space: nowrap;}
.vertical-bottom:before {content: ''; display: inline-block; width: 1px; height: 100%; vertical-align: bottom;}
.vertical-bottom > * {display: inline-block; vertical-align: bottom; white-space: normal;}
.equal-height {display: -ms-flex; display: -webkit-flex; display: flex;}
.p4 {padding: var(--size-4em) 0;} .p3 {padding: var(--size-3em) 0;} .p2 {padding: var(--size-2em) 0;} .p1 {padding: var(--size-1em) 0;}
.pt4 {padding-top: var(--size-4em);} .pt3 {padding-top: var(--size-3em);} .pt2 {padding-top: var(--size-2em);} .pt1 {padding-top: var(--size-1em);}
.pb4 {padding-bottom: var(--size-4em);} .pb3 {padding-bottom: var(--size-3em);} .pb2 {padding-bottom: var(--size-2em);} .pb1 {padding-bottom: var(--size-1em);}
.m4 {margin: var(--size-4em) 0;} .m3 {margin: var(--size-3em) 0;} .m2 {margin: var(--size-2em) 0;} .m1 {margin: var(--size-1em) 0;}
.mt4 {margin-top: var(--size-4em);} .mt3 {margin-top: var(--size-3em);} .mt2 {margin-top: var(--size-2em);} .mt1 {margin-top: var(--size-1em);}
.mb4 {margin-bottom: var(--size-4em);} .mb3 {margin-bottom: var(--size-3em);} .mb2 {margin-bottom: var(--size-2em);} .mb1 {margin-bottom: var(--size-1em);}
.parallax {background-attachment: fixed;}

/* Bootstrap Fix */
.logo {position: absolute; top: 22px; left: 45px; z-index: 1;}
.logo img {max-height: 30px;}
#mobile-menu-bottom {position: absolute; bottom: 30px; width: calc(100% - 30px);}
.pagination .page-item .page-link {border-radius: 0;}
.pagination .active a.page-link {border-color: #201f1f; background-color: transparent; color: #201f1f; padding: 0;}
.pagination span.page-link {padding: 0; border: none;}
.pagination span.page-link:hover {background-color: transparent;}

/* Header & Footer */
.main-menu .submenu li.has-dropdown > a {font-weight: bold;}
.footer__contact ul li .text {margin-top: 6px;}

/* Content */
.post-rating .fa-star {font-size: 20px; margin-right: 10px; margin-top: 10px;}
.client__slider .client__thumb {overflow: hidden;}
.client__slider .client__thumb img {max-height: 75px;}
.features__product-thumb img {max-width: 100px;}
.profile__info-item InStRuCtIoN {display: block; margin-top: 15px;}
.profile__info-item InStRuCtIoN p {display: none;}

.banner__area .banner__item {width: 100%; height: 100%;}
.banner__area .banner__item > .banner__thumb {z-index: 0;}
.banner__area .banner__item > .banner__content {z-index: 2; display: none;}
.banner__area .banner__item:hover:before {position: absolute; top: 0; left: 0; content: ""; z-index: 1; width: 100%; height: 100%; background-color: #0002;}
.banner__area .banner__item:hover > .banner__content {display: block;}

.slider__area .single-slider:before {position: absolute; top: 0; left: 0; content: ""; z-index: 1; width: 100%; height: 100%; background-color: #0002;}

[name=frmRegister] InStRuCtIoN {display: none;}

/* Checkout */
.checkout h2 {font-weight: bold;}
.checkout .page {display: none;}
.checkout .page.active {display: block;}
.checkout table th, .checkout table td {text-align: left; padding: 15px 7.5px;}
.checkout .price .disc {text-decoration: line-through; margin-right: 10px;}
.cart-item {margin-bottom: 15px; padding-bottom: 15px;}
.cart-item:not(:last-child) {border-bottom: #eee 1px solid;}
.cart-item .img-wrapper {margin-bottom: 15px;}
.cart-item h3 {margin-top: 0; text-transform: uppercase;}
.cart-item .price {font-size: 16px; margin-bottom: 10px;}
.cart-item .price .disc {text-decoration: line-through; margin-right: 10px;}
.cart-item .desc-wrapper > .row {padding-top: 5px; padding-bottom: 5px; border-top: #eee 1px solid;}
.cart-item .cart-plus-minus, .cart-item input {width: 100%;}

.checkout .product-thumbnail img {max-width: 100px;}
.checkout-form-list input[type=date], .checkout-form-list textarea, .checkout-form-list select {
    background: #ffffff;
    border: 1px solid #eaedff;
    border-radius: 0;
    height: 45px;
    padding: 0 0 0 10px;
    width: 100%;
}

#invoice-list .list-group-item {border-width: 1px 0 0;}
#invoice-list .list-group-item:first-child {border-top-width: 0px;}

/* Form */
.noData {text-align: center; text-transform: uppercase; font-size: 16px;}
.defaultForm {margin: 10px 0px;}
.defaultForm table {width: 100%;}
.defaultForm th, .defaultForm td {padding: 2px 5px; vertical-align: top;}
.defaultForm th {text-align: right;}
.defaultForm input {width: 100%; max-width: 250px;}
.defaultForm input[type='password'], .defaultForm input[type='email'], .defaultForm input.half {max-width: 250px;}
.defaultForm textarea {width: 100%; height: 100px;}
.defaultForm input.button {width: inherit; padding: 5px 10px;}
.defaultForm label.error {color: #FF0000;}

.register-form h2.t {border-bottom: #ccc 1px solid;}
.register-form instruction {display: none;}
.register-form .form-control+.form-control {margin-top: 10px;}

@media (max-width: 768px) {
	.dropdown-submenu .dropdown-menu {display: block !important;}
	.header__action ul li > a > span {display: none;}
}

@media (min-width: 768px) {
	.dropdown-submenu {position:relative;}
	.dropdown-submenu>.dropdown-menu {
		top:0; left:100%; margin-top:-6px; margin-left:15px;
		-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
	}
	.dropdown-submenu:hover>.dropdown-menu {display:block;}
	.dropdown-submenu>a:after {
		display:block; content:" "; width:0; height:0; position:absolute; top: 8px; right: 0;
		border-color:transparent; border-style:solid; border-width:5px; border-left-color:#ccc;
	}
	.dropdown-submenu:hover>a:after {border-left-color:#cc9966;}
}

@media (min-width: 992px) {
	.col-md-25 {width: 20%;}
	.equal-height-desktop {display: -ms-flex; display: -webkit-flex; display: flex;}
}

@media (min-width: 1200px) {
	.logo {position: relative; top: unset; left: unset;}
}