* {font-family: Lato, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;}
:root {
--white-color: #fff;
--grey-color: #f5f7f9;
--verybright-color: #b5d43a; 
--bright-color: #565f66; 
--dark-color: #565f66; 

--verydark-color: #0d192e; 
--black-color: #000; 
}
body {

width: 100vw !important;
max-width: 100% !important;
min-width: 100% !important 

}
.none {display:none!important;}
.w90{width:90px;}
.right{text-align:right}
.left{text-align:left}
.small {font-size:14px;line-height:150%;}
.verysmall {font-size:12px;}
@media only screen and (min-width:960px) {
.services .h3 {min-height:65px;}
.services .h6 {min-height:45px;}
.services .service {min-height:170px}
.servicesareas .h3 {min-height:95px;}
.servicesareas .small {min-height:150px}
.models .small {min-height:165px}
}
/*Hero*/

@media only screen and (max-width:960px) {
.hero {padding:40px 0!important}
}

iframe {border:0px;width:100%;height:400px;margin-bottom:-10px;border-radius:4px;overflow:hidden;}
.auto {
width:auto!important;
padding:0 20px;
}
.grecaptcha-badge {
visibility: hidden;
}
/*Color*/
.white{color:var(--white-color);}
.grey{color:var(--grey-color);}
.verybright{color:var(--verybright-color);}
.bright{color:var(--bright-color);}
.dark{color:var(--dark-color);}
.verydark{color:var(--verydark-color);}
.verydark{color:var(--black-color);}
/*Background*/
.bgwhite{background:var(--white-color);}
.bggrey{background:var(--grey-color);}
.bgbright{background:var(--bright-color);}
.bgmedium{background:var(--bright-color);}
.bgdark{background:var(--dark-color);}
.bgverydark{background:var(--verydark-color);}
.bgblack{background:var(--black-color);}
/*Headers*/
.sticky {z-index:1100;box-shadow:2px 2px 10px rgba(0,0,0,.2);position: -webkit-sticky;position: sticky;top:0px;}
.mobileheader table {width:100%;}
.mobileheader td {vertical-align:middle;padding:10px;}
.mobileheader .logo {max-width:200px;margin:0 auto!important;}
.desktopheader .logo {max-width:280px;}
/*Main Menu*/
.mainmenu li {display: inline-block;}
.mainmenu  a {color:var(--bright-color);text-decoration:none;font-weight:bold;font-size:16px;padding: 10px 15px;}
.mainmenu .active a, .mainmenu  a:hover {color:var(--verybright-color);}
/*Mobile Menu*/
@media only screen and (max-width:960px) {
.navbar {
display: flex;
justify-content: space-between;
align-items: center
}
.mobilemenu {
display: flex;
flex-direction: row;
padding: 0 10px
}
.mobilemenu li {
list-style: none
}
.mobilemenu li a {
display: block;
text-decoration:none;
text-decoration: none transition: all 200ms ease-in-out
}
.mobilemenu>li>a {
color: var(--white-color);
padding: 15px 20px;
font-size: 20px;
font-weight: bold
}
.mobilemenu>li:hover>a {
color: var(--white-color)!important;
background: var(--bright-color);
}
.mobilemenu>li.active>a {
color: var(--white-color);
background: var(--bright-color);
}
.deeper {
position: relative
}
ul.nav-child {
position: absolute;
left: 0;
padding: 0;
width: 100%;
opacity: 0
}
ul.nav-child>li>a {
padding: 15px 20px;
color: var(--white-color);
transition: all .2s ease-in-out;
background:var(--dark-color);
text-decoration: none;
font-weight: bold;
font-size: 18px
}

ul.nav-child>li:hover>a , ul.nav-child>li.active>a {
color: var(--white-color);
}
.arrow {
width: 8px;
height: 8px;
display: inline-block;
vertical-align: middle;
transform: rotate(225deg);
margin: -1px 4px 0 4px;
transition: transform .2s ease-in-out;
transform-origin: center center
}
.nav-child>li:hover>a>.arrow,
.mobilemenu>li:hover>a>.arrow {
transform: rotate(-45deg);
margin: -5px 4px 0 4px
}
.nav-child>li:hover>a+.nav-child,
.mobilemenu>li:hover>a+.nav-child {
opacity: 1;
transform: scaleY(1)
}
.mobilemenu {
z-index: 1010;
flex-flow: column;
position: absolute;
background:var(--dark-color);
top: 75px;
left: 0;
right: 0;
height: 100vh;
padding: 0;
opacity: 0;
transform: scaleY(0);
transform-origin: top center;
transition: .6s transform cubic-bezier(.36, .4, .42, 1.48) .2s, .2s opacity ease-in-out;
overflow-y: hidden
}

.mobilemenu>li:hover>a+.nav-child,
ul.nav-child>li:hover>a+.nav-child {
position: relative;
padding: 0;
transition: transform .3s ease-in-out
}
.hamburger {
font-size:24px!important;
color: var(--white-color);
background: var(--bright-color);
font-weight: bold;
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
line-height: 50px !important;
width: 50px;
height: 50px;
border-radius: 3px;
position: relative;
cursor: pointer;

box-sizing: border-box !important
}
.hamburger:hover {
background: var(--verybright-color);
color:var(--white-color)!important;
}
.close::after {
content: "\f0c9";
content: url('/templates/images/static/hamburgerclose.webp');
transform: rotate(0);
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
}

input[type=checkbox]:checked+.mobilemenu {
position: absolute;
opacity: 1;
transform: scaleY(1)
}
/*Padding*/
.p0 {
padding: 0;
}
.p010 {
padding: 0px 10px;
}
.p020 {
padding: 0px 20px;
}
.p5 {
padding: 5px;
}
.fp,.p05 {
padding: 5px;
}
.p50 {
padding: 5px 0;
}
.p510 {
padding: 5px 10px;
}
.p520 {
padding: 5px 20px;
}
.p10  ,.p1010 {
padding: 10px;
}
.p1020 {
padding: 10px 20px;
}
.p20 ,.p2020 {
padding: 20px 20px;
}
.p100 {
padding: 10px 0;
}
.p150 {
padding: 15px 0;
}
.p200 {
padding: 20px 0;
}
.pt0{padding-top:0} 
.pt10 {padding-top:10px} 
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pt50 {padding-top:50px}
.pt60 {padding-top:60px}
.pt70 {padding-top:70px}
.pt80 {padding-top:80px}
.pt90 {padding-top:90px}
.pt100 {padding-top:100px}
.pt110 {padding-top:110px}
.pt120 {padding-top:120px}
.pb0{padding-bottom:0} 
.pb10 {padding-bottom:10px} 
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb50 {padding-bottom:50px}
.pb60 {padding-bottom:60px}
.pb70 {padding-bottom:70px}
.pb90 {padding-bottom:80px}
.pb90 {padding-bottom:90px}
.pb100 {padding-bottom:100px}
.pb110 {padding-bottom:110px}
.pb120 {padding-bottom:120px}
/*Margin*/
.mt0 {margin-top:0px!important;} 
.mt10 {margin-top:10px!important;} 
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt70 {margin-top:70px!important;}
.mt80 {margin-top:80px!important;}
.mt90 {margin-top:90px!important;}
.mt100 {margin-top:100px!important;}
.mt110 {margin-top:110px!important;}
.mt120 {margin-top:120px!important;}
.mb0 {margin-bottom:0} 
.mb10 {margin-bottom:10px!important;} 
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb60 {margin-top:60px!important;}
.mb70 {margin-top:70px!important;}
.mb80 {margin-top:80px!important;}
.mb90 {margin-top:90px!important;}
.mb100 {margin-top:100px!important;}
.mb110 {margin-top:110px!important;}
.mb120 {margin-top:120px!important;}
.m0{margin:0!important;}
.m10{margin:10px!important;}
.m20{margin:20px!important;}
.m30{margin:30px!important;}
.m40{margin:40px!important;}
.m50{margin:50px!important;}
.m60{margin:60px!important;}
.m100{margin:10px 0!important;}
.m200{margin:20px 0!important;}
.m300{margin:30px 0!important;}
.m400{margin:40px 0!important;}
.m500{margin:50px 0!important;}
.m600{margin:60px 0!important;}
.m700{margin:70px 0!important;}
.m800{margin:80px 0!important;}
.m900{margin:90px 0!important;}
.m1000{margin:100px 0!important;}
.m1100{margin:110px 0!important;}
.m1200{margin:120px 0!important;}
.full100 {padding:10px 0;}
.full200 {padding:20px 0;}
.full300 {padding:30px 0;}
.full400 {padding:40px 0;}
.full500 {padding:50px 0;}
.full600 {padding:60px 0;}
.full800 {padding:80px 0;}
.full1000 {padding:100px 0;}
.full1200 {padding:120px 0;}
.order1{order:1}
.order2{order:2}
.order3{order:3}
.order4{order:4}
.order5{order:5}
.order6{order:6}
.art-buttonfooter {
border: 2px solid var(--verybright-color);
background: var(--verybright-color);
}
.iconsmall {max-width:100px;margin:0 auto}
.icon {max-width:150px;margin:0 auto}
.iconlarge {max-width:250px;margin:0 auto}
.imagehover {
background: rgba(12, 38, 53, .4);
padding: 120px 20px;
-webkit-transition: 1s;
transition: 1s;
}
.imagehover:hover {
background: rgba(255, 255, 255, .7);
-webkit-transition: 1s;
transition: 1s;
}
.imagehover .imagecolor {
filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(31deg) brightness(103%) contrast(107%);
-webkit-transition: 0s;
transition: 0s;
}
.imagehover:hover .imagecolor {
-webkit-transition: 0s;
transition: 0s;
filter: invert(52%) sepia(43%) saturate(4811%) hue-rotate(15deg) brightness(113%) contrast(99%) !important;
-webkit-transition: 0s;
transition: 0s;
}
.imagehover:hover h3 {
color: var(--dark-color); !important 
}
.footertable {
width: 100%;
border-right: 2px solid var(--white-color);
}
/*HEADINGS*/
h1,h1 a,.h1,.h1 a,h2,h2 a,.h2,.h2 a,h3,h3 a,.h3,.h3 a,h4,h4 a,.h4,.h4 a,h5,h5 a,.h5,.h5a,h6,h6 a,.h6,.h6 a {  
font-family: Lato, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;

line-height: 110%;
margin-top:10px;
margin-bottom:10px;
}
h1,h1 a,.h1,.h1 a{
font-size: 42px;}
h2,h2 a,.h2,.h2 a{
font-size: 36px;}
h3,h3 a,.h3,.h3 a,h4,h4 a,.h4,.h4 a  {
font-size: 28px;}
h5,h5 a,.h5,.h5 a,h6,h6 a,.h6,.h6 a {
font-size: 20px!important;text-transform: none;}
.art-postcontent h1,.art-postcontent h3,.art-postcontent h5,.art-postcontent .h1,.art-postcontent .h3,.art-postcontent .h5 {
color: var(--dark-color);}
.art-postcontent h2,.art-postcontent h4 , .art-postcontent h6,.art-postcontent .h2,.art-postcontent .h4, .art-postcontent .h6 {
color: var(--bright-color);}
.art-footer h1,.art-footer h3,.art-footer h5 ,.art-footer .h1,.art-footer .h3,.art-footer .h5 {
color: var(--white-color);}
.art-footer h2 ,.art-footer h4  .art-footer h6 ,.art-footer .h2,.art-footer .h4 .art-footer .h6 {
color: var(--verybright-color);}

.footerheader {
font-size: 24px;
font-weight:bold;
margin: 10px 0;
}

.cf-field-hp {
display: none !important;
}
.twocolumn {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
@media (max-width: 1281px) {
.laptophide {
display: none !important;
}
}
@media (max-width: 960px) {


.twocolumn {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
}
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before {
content: "\f00c" !important;
margin-right: 0px !important;
font-family: FontAwesome !important;
text-indent: 10px !important;
padding-left: 15px !important;
font-size: 20px !important;
color: var(--verybright-color) !important;
padding-right: 10px !important;
line-height: 0 !important;
}
.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li {
padding-left: 28px !important;
text-indent: -38px !important;
overflow: hidden !important;
}
a.anchor {
display: block;
position: relative;
top: -150px;
visibility: hidden;
}
@media only screen and (min-width:960px) {
.testimonials .testimonial {min-height:170px;}
}
.testimonials .suburb {line-height:100%;color:var(--dark-color);font-weight:normal;}
.testimonials  a {text-decoration:none!important;}
.testimonials table {width:100%;}
.testimonials td {vertical-align:middle;}
.testimonials td:last-child {text-align:right;}
.testimonials .fa-star {color:#f3aa01!important;font-size:20px;margin-right:2px;}

.art-button {
width: 100%;
box-sizing: border-box !important;
height: 50px !important;
line-height: 47px !important;
border-radius: 3px !important 
}
.formLabel {
display: none;
}
.enquire1 {
background: var(--dark-color);
color: var(--white-color);
}
.contact .fa {
width: 25px;
}
.g-recaptcha {
transform: scale(.83);
-webkit-transform: scale(.83);
transform-origin: 0 0;
-webkit-transform-origin: 0 0 
}
.full1 {
display: block;
width: 100%;
}
.center1 {
max-width: 1400px;
margin: 0px auto;
}
.center2 {
max-width: 1400px;
margin: 0px auto;
}
.center600 {
max-width: 600px;
margin: 0px auto;
}
.center800 {
max-width: 800px;
margin: 0px auto;
}
.center1200 {
max-width: 1200px;
margin: 0px auto;
}
.centert {
text-align: center;
}
.breadcrumbs, .breadcrumbs a {
font-size: 12px !important;
}
.zmm {
z-index: 20;
}
.hidemm {
display: none !important 
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 960px) {
.right1 {
float: right !important;
text-align: right !important;
}
.left1 {
float: left !important;
text-align: left !important;
}
.right2 {
float: right !important;
text-align: left !important;
}
.left2 {
float: left !important;
text-align: right !important;
}
.mobilehide {
}
.desktophide {
display: none !important;
}
.desktopfixed {
position: fixed;
z-index: 100;
}
.bgmobile {
background-size: cover;
}
}
@media (max-width: 960px) {
.right1 {
float: none !important;
text-align: center !important;
}
.left1 {
float: none !important;
text-align: center !important;
}
.right2 {
float: none !important;
text-align: center !important;
}
.left2 {
float: none !important;
text-align: center !important;
}
.mobilehide {
display: none !important;
}
.desktophide {
}
.desktopfixed {
position: relative;
z-index: 100;
}
.bgmobile {
background-size: 100% auto;
}
.bggrey {
background: var(--grey-color) !important;
}
.centerd {
text-align: left;
}
}
.table {
display: table;
width: 100%;
}
.tablecell {
display: table-cell;
}
.vm-order-done>h3 {
display: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block 
}
audio, canvas, video {
display: inline-block 
}
audio:not([controls]) {
display: none;
height: 0 
}
[hidden] {
display: none 
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: unset !important;
scroll-behavior: smooth;
}
body {
margin: 0;
height: 100%;
width: 100vw !important;
max-width: 100% !important;
min-width: 100% !important 
}
a:focus {
outline: thin dotted 
}
a:active, a:hover {
outline: 0 
}
abbr[title] {
border-bottom: 1px dotted 
}
b, strong {
font-weight: bold 
}
dfn {
font-style: italic 
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0 
}
mark {

color: var(--dark-color);
}
pre {
white-space: pre-wrap 
}
q {
quotes: "\201C" "\201D" "\2018" "\2019" 
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline 
}
sup {
top: -0.5em 
}
sub {
bottom: -0.25em 
}
img {
border: 0;
max-width: 100%;
width:100%;

height: auto;
display: block;
margin-left: auto;
margin-right: auto 
}
svg:not(:root) {
overflow: hidden 
}
figure {
margin: 0 
}
fieldset {

margin: 0 2px;
padding: 10px;
}
legend {
border: 0;
padding: 0 
}
button, input {
line-height: normal 
}
button, select {
text-transform: none 
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer 
}
button[disabled], html input[disabled] {
cursor: default 
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0 
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box 
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none 
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0 
}
textarea {
overflow: auto;
vertical-align: top 
}
table {
border-collapse: collapse;
border-spacing: 0 
}
.row:before, .row:after, .clearfix:before, .clearfix:after {
content: '';
display: table 
}
.row:after, .clearfix:after {
clear: both 
}
.row, .clearfix {
zoom: 1 
}
.rowflex {
width: 100%;
display: inline-flex 
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box 
}



.row {
width: 100%;
margin-bottom: 0px 
}
.c1 {
width: 8.33% 
}
.c2 {
width: 16.66% 
}
.c3 {
width: 25% 
}
.c4 {
width: 33.33% 
}
.c5 {
width: 41.66% 
}
.c6 {
width: 50% 
}
.c7 {
width: 58.33% 
}
.c8 {
width: 66.66% 
}
.c9 {
width: 75% 
}
.c10 {
width: 83.33% 
}
.c11 {
width: 91.66% 
}
.c12 {
width: 100% 
}
.c1a {
width: 10% 
}
.c2a {
width: 20% 
}
.c3a {
width: 30% 
}
.c4a {
width: 40% 
}
.c5a {
width: 50% 
}
.c6a {
width: 60% 
}
.c7a {
width: 70% 
}
.c8a {
width: 80% 
}
.c9a {
width: 90% 
}
.c10a {
width: 100% 
}
.c1b {
width: 14.2% 
}
.d1 {
width: 8.33% 
}
.d2 {
width: 16.66% 
}
.d3 {
width: 25% 
}
.d4 {
width: 33.33% 
}
.d5 {
width: 41.66% 
}
.d6 {
width: 50% 
}
.d7 {
width: 58.33% 
}
.d8 {
width: 66.66% 
}
.d9 {
width: 75% 
}
.d10 {
width: 83.33% 
}
.d11 {
width: 91.66% 
}
.d12 {
width: 100% 
}
.d1a {
width: 10% 
}
.d2a {
width: 20% 
}
.d3a {
width: 30% 
}
.d4a {
width: 40% 
}
.d5a {
width: 50% 
}
.d6a {
width: 60% 
}
.d7a {
width: 70% 
}
.d8a {
width: 80% 
}
.d9a {
width: 90% 
}
.d10a {
width: 100% 
}
.d1b {
width: 14.2% 
}
.e1 {
width: 8.33% 
}
.e2 {
width: 16.66% 
}
.e3 {
width: 25% 
}
.e4 {
width: 33.33% 
}
.e5 {
width: 41.66% 
}
.e6 {
width: 50% 
}
.e7 {
width: 58.33% 
}
.e8 {
width: 66.66% 
}
.e9 {
width: 75% 
}
.e10 {
width: 83.33% 
}
.e11 {
width: 91.66% 
}
.e12 {
width: 100% 
}
.e1a {
width: 10% 
}
.e2a {
width: 20% 
}
.e3a {
width: 30% 
}
.e4a {
width: 40% 
}
.e5a {
width: 50% 
}
.e6a {
width: 60% 
}
.e7a {
width: 70% 
}
.e8a {
width: 80% 
}
.e9a {
width: 90% 
}
.e10a {
width: 100% 
}
.e1b {
width: 14.2% 
}
.f1 {
width: 8.33% 
}
.f2 {
width: 16.66% 
}
.f3 {
width: 25% 
}
.f4 {
width: 33.33% 
}
.f5 {
width: 41.66% 
}
.f6 {
width: 50% 
}
.f7 {
width: 58.33% 
}
.f8 {
width: 66.66% 
}
.f9 {
width: 75% 
}
.f10 {
width: 83.33% 
}
.f11 {
width: 91.66% 
}
.f12 {
width: 100% 
}
.f1a {
width: 10% 
}
.f2a {
width: 20% 
}
.f3a {
width: 30% 
}
.f4a {
width: 40% 
}
.f5a {
width: 50% 
}
.f6a {
width: 60% 
}
.f7a {
width: 70% 
}
.f8a {
width: 80% 
}
.f9a {
width: 90% 
}
.f10a {
width: 100% 
}
.f1b {
width: 14.2% 
}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c1a, .c2a, .c3a, .c4a, .c5a, .c6a, .c7a, .c8a, .c9a, .c10a {
min-height: 1px;
float: left;
}
.d1, .d2, .d3, .d4, .d5, .d6, .d7, .d8, .d9, .d10, .d11, .d12, .d1a, .d2a, .d3a, .d4a, .d5a, .d6a, .d7a, .d8a, .d9a, .d10a {
min-height: 1px;
float: left;
}
.e1, .e2, .e3, .e4, .e5, .e6, .e7, .e8, .e9, .e10, .e11, .e12, .e1a, .e2a, .e3a, .e4a, .e5a, .e6a, .e7a, .e8a, .e9a, .e10a {
min-height: 1px;
float: left;
}
.f1, .f2, .f3, .f4, .f5, .f6, .f7, .f8, .f9, .f10, .f11, .f12, .f1a, .f2a, .f3a, .f4a, .f5a, .f6a, .f7a, .f8a, .f9a, .f10a {
min-height: 1px;
float: left;
}
@media only screen and (max-width:960px) {
.row .row>div:last-child {
margin-bottom: 0 !important 
}
.row .row .c1, .row .row .c2, .row .row .c3, .row .row .c4, .row .row .c5, .row .row .c6, .row .row .c7, .row .row .c8, .row .row .c9, .row .row .c10, .row .row .c11, .row .row .c12, .row .row .c1a, .row .row .c2a, .row .row .c3a, .row .row .c4a, .row .row .c5a, .row .row .c6a, .row .row .c7a, .row .row .c8a, .row .row .c9a, .row .row .c10a {
width: 100%;
}
.row .row .d1, .row .row .d2, .row .row .d3, .row .row .d4, .row .row .d5, .row .row .d6, .row .row .d7, .row .row .d8, .row .row .d9, .row .row .d10, .row .row .d11, .row .row .d12, .row .row .d1a, .row .row .d2a, .row .row .d3a, .row .row .d4a, .row .row .d5a, .row .row .d6a, .row .row .d7a, .row .row .d8a, .row .row .d9a, .row .row .d10a {
width: 50%;
}
.row .row .e1, .row .row .e2, .row .row .e3, .row .row .e4, .row .row .e5, .row .row .e6, .row .row .e7, .row .row .e8, .row .row .e9, .row .row .e10, .row .row .e11, .row .row .e12, .row .row .e1a, .row .row .e2a, .row .row .e3a, .row .row .e4a, .row .row .e5a, .row .row .e6a, .row .row .e7a, .row .row .e8a, .row .row .e9a, .row .row .e10a {
width: 33%;
}
.row .row .f1, .row .row .f2, .row .row .f3, .row .row .f4, .row .row .f5, .row .row .f6, .row .row .f7, .row .row .f8, .row .row .f9, .row .row .f10, .row .row .f11, .row .row .f12, .row .row .f1a, .row .row .f2a, .row .row .f3a, .row .row .f4a, .row .row .f5a, .row .row .f6a, .row .row .f7a, .row .row .f8a, .row .row .f9a, .row .row .f10a {
width: 67%;
}
.row .row>div:last-child {
margin-bottom: 0 !important 
}
}
@media handheld, only screen and (max-width: 960px), only screen and (max-device-width: 960px) and (orientation:portrait) {
body {
font-size: 90% 
}
.row {
margin-bottom: 0 !important 
}
.rowflex {
width: 100%;
display: inline-block 
}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c1a, .c2a, .c3a, .c4a, .c5a, .c6a, .c7a, .c8a, .c9a, .c10a {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.d1, .d2, .d3, .d4, .d5, .d6, .d7, .d8, .d9, .d10, .d11, .d12, .d1a, .d2a, .d3a, .d4a, .d5a, .d6a, .d7a, .d8a, .d9a, .d10a {
width: 50%;
margin-right: 0;
margin-left: 0;
}
.e1, .e2, .e3, .e4, .e5, .e6, .e7, .e8, .e9, .e10, .e11, .e12, .e1a, .e2a, .e3a, .e4a, .e5a, .e6a, .e7a, .e8a, .e9a, .e10a {
width: 33%;
margin-right: 0;
margin-left: 0;
}
.f1, .f2, .f3, .f4, .f5, .f6, .f7, .f8, .f9, .f10, .f11, .f12, .f1a, .f2a, .f3a, .f4a, .f5a, .f6a, .f7a, .f8a, .f9a, .f10a {
width: 67%;
margin-right: 0;
margin-left: 0;
}
}
.fancybox-bg {
display: none 
}
#fancybox-overlay {
z-index: 2010 !important;
}
#fancybox-wrap {
z-index: 2020 !important;
}
#fancybox-outer {
border: 0;
background: none !important;
}
#fancybox-content {
background: var(--white-color);
border: 0;
display: table !important;
border-radius: 4px;
}
#fancybox-content>div {
display: table !important;
width: 100% !important;
height: 100% !important;
}
#fancybox-title {
display: none !important;
}
.fancybox-bg {
display: none 
}
.spu_content {
background: none !important;
margin: 0px !important;
}
.spu_content {
margin: 0px !important;
border: 0px !important;
padding: 20px !important;
height: 100% !important;
display: table-cell !important;
vertical-align: middle !important;
}
div.jwts_content {
padding: 10px 10px !important;
}


/* SLIDERS */


.jwts_clr {
display: block;
clear: both;
height: 0;
line-height: 0;
margin: 0;
padding: 0;
border: 0;
}


/* Tabs
------------------------------------------ */
.jwts_tabber {
display: none;
}

.jwts_tabberlive {
margin: 4px 0;
padding: 0;
}

/* The tab navigation */
ul.jwts_tabbernav {
text-align: left !important;
margin: 0 8px !important;
padding: 0 !important;
list-style: none !important;
list-style-image: none !important;
background: none !important;
line-height: normal !important;
height: auto !important;
}

ul.jwts_tabbernav li {
margin: 0 !important;
padding: 0 !important;
line-height: normal !important;
list-style: none !important;
list-style-image: none !important;
background: none !important;
display: inline !important;
}

ul.jwts_tabbernav li a {
font-size: 15px;
margin: 0 3px 0 0;
padding: 6px 10px 2px;
color: var(--bright-color);
border: 1px solid #bbb;
border-bottom: none;
background: #eee;
}

ul.jwts_tabbernav li a:hover {
color: var(--bright-color);
border: 1px solid #aaa;
border-bottom: none;
background: #f2f2f2;
text-decoration: none;
}

ul.jwts_tabbernav li a:active,
ul.jwts_tabbernav li a:focus {
outline: 0;
}

ul.jwts_tabbernav li.jwts_tabberactive a {
background: var(--white-color);
border-bottom: 1px solid var(--white-color);
}

ul.jwts_tabbernav li.jwts_tabberactive a:hover {
background: var(--white-color);
border-bottom: 1px solid var(--white-color);
text-decoration: none;
}

ul.jwts_tabbernav li.jwts_tabberactive,
ul.jwts_tabbernav li.jwts_tabberinactive {
background: none;
padding: 0;
margin: 0;
}

/* The tab content */
.jwts_tabberlive .jwts_tabbertab {
text-align: left;
margin: 2px 0 0 !important;
padding: 8px;
border-top: 1px solid #bbb;
}

.jwts_tabberlive .jwts_tabbertab h2.jwts_heading,
.jwts_tabberlive .jwts_tabbertabhide {
display: none;
}


/* Sliders (accordion)
------------------------------------------ */
div.jwts_toggleControlContainer {
}

div.jwts_toggleControlContainer a.jwts_toggleControl {
font-size: 22px;
font-weight: bold;
text-decoration: none;
display: block;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
color:var(--dark-color);
padding: 10px ;
margin-top: -1px;
}

div.jwts_toggleControlContainer a.jwts_toggleOn {
color:var(--bright-color);
border-bottom: 0px dotted #eee;
}

div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleMinus,
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_togglePlus {
display: inline-block;
font-size:36px;

float:right;

}

div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_togglePlus,
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleMinus {
display: none;
}

div.jwts_toggleControlContainer a.jwts_toggleControl span.jwts_toggleControlTitle {
}

div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice ,
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlNotice {
display: none;
}

div.jwts_toggleContent {
}

div.jwts_content {
padding: 0 10px 20px 10px;
}


.radius1 {
border-radius: 1px;
overflow: hidden;
}
.radius2 {
border-radius: 2px;
overflow: hidden;
}
.radius3 {
border-radius: 3px;
overflow: hidden;
}
.radius4 {
border-radius: 4px;
overflow: hidden;
}
.radius5 {
border-radius: 5px;
overflow: hidden;
}
.radius6 {
border-radius: 6px;
overflow: hidden;
}
.radius7 {
border-radius: 7px;
overflow: hidden;
}
.radius8 {
border-radius: 8px;
overflow: hidden;
}
.radius9 {
border-radius: 8px;
overflow: hidden;
}
.radius10 {
border-radius: 10px;
overflow: hidden;
}
.radius15 {
border-radius: 10px;
overflow: hidden;
}
.radius20 {
border-radius: 20px;
overflow: hidden;
}
.radius50 {
border-radius: 50px;
overflow: hidden;
}
.radius100 {
border-radius: 100px;
overflow: hidden;
}
.vm-prices-info, .vm-price-value {
display: inline-block !important 
}
.vm-price-desc {
float: right;
margin-left: 5px;
font-size: 10px !important;
margin-top: 2px;
}
.vm-prices-info {
font-size: 10px !important 
}
.prodstock .availability {
display: none !important;
}
.footer2, .footer2 p, .footer2 a {
font-size: 12px !important;
}
.footer1, .footer1, .footer1 p, .footer1 a {
font-size: 14px !important;
display:block;line-height:200%!important;
color:var(--white-color)!important;
}
.footer1 a:hover{

color:var(--verybright-color)!important;
}
.footer1 .fa {width:25px;}
.buttonfooter {
background: none !important;
color: var(--dark-color);
}
.buttonfooter:hover {
background: var(--dark-color);
color: var(--white-color);
border: 2px solid var(--dark-color);
}
.art-footer p {
text-align: unset 
}
.art-footer ul>li {
font-size: 20px;
}
.art-postcontent .description ul {
margin: 10px 0px !important;
padding: 0;
}
.art-postcontent .description li {
margin: 0;
color: var(--black-color);
text-align: left;
padding: 0;
}
.art-postcontent .description ol {
counter-reset: section;
list-style-type: none;
margin: 10px 10px !important 
}
.art-postcontent .description ol>li::before {
counter-increment: section;
display: inline-block;
content: counters(section, ".")".";
width: 25px;
margin-right: -8px;
color: var(--black-color);
font-size: 16px;
line-height: 0;
}
.art-postcontent .description ul>li::before {
content: "\f192 ";
margin-right: 0;
font-family: FontAwesome;
padding-left: 25px;
color: var(--black-color);
font-size: 16px;
padding-right: 0;
line-height: 0;
}
.art-postcontent .description li {
padding-left: 40px !important;
text-indent: -18px !important;
overflow: hidden;
}
input[type=number]::-webkit-inner-spin-button {
width: 14px;
height: 30px;
opacity: 1;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
.labelt {
width: 100%;
}
.labelt td {
padding: 5px;
}
.outer1 .input1, .outer1 input[type="text"], .outer1 input[type="password"], .outer1 input[type="email"], .outer1 input[type="url"], .outer1 input[type="color"], .outer1 input[type="date"], .outer1 input[type="datetime"], .outer1 input[type="datetime-local"], .outer1 input[type="month"], .outer1 input[type="number"], .outer1 input[type="range"], .outer1 input[type="tel"], .outer1 input[type="time"], .outer1 input[type="week"], .outer1 textarea, .outer1 select {
width: 100% !important;
text-transform: unset !important;
-webkit-appearance: none;
-webkit-border-radius: none;
}
.gcore-line-td .input1, .gcore-line-td input[type="text"], .gcore-line-td input[type="password"], .gcore-line-td input[type="email"], .gcore-line-td input[type="url"], .gcore-line-td input[type="color"], .gcore-line-td input[type="date"], .gcore-line-td input[type="datetime"], .gcore-line-td input[type="datetime-local"], .gcore-line-td input[type="month"], .gcore-line-td input[type="number"], .gcore-line-td input[type="range"], .gcore-line-td input[type="tel"], .gcore-line-td input[type="time"], .gcore-line-td input[type="week"], .gcore-line-td textarea, .gcore-line-td select {
width: 100% !important;
text-transform: unset !important;
-webkit-appearance: none;
-webkit-border-radius: none;
}
.addtocart-arearight .outer1 textarea {
min-height: 80px !important;
margin: 0px !important;
;
font-size: 14px !important;
;
border: 1px solid #eee !important;
padding: 20px 10px 0px 10px !important;
border-radius: 3px !important;
text-indent: 0;
}
.outer1 textarea, .outer1 select {
min-height: 80px !important;
margin: 0px !important;
;
font-size: 14px !important;
;
border: 1px solid #eee !important;
padding: 20px 10px 0px 10px !important;
border-radius: 3px !important;
text-indent: 0;
}
.gcore-line-td textarea, .gcore-line-td select {
min-height: 80px !important;
margin: 0px !important;
;
font-size: 14px !important;
;
border: 1px solid #eee !important;
padding: 20px 10px 0px 10px !important;
border-radius: 3px !important;
text-indent: 0;
}
.outer1 input[type="text"], .outer1 input[type="password"], .outer1 input[type="email"], .outer1 input[type="url"], .outer1 input[type="color"], .outer1 input[type="date"], .outer1 input[type="datetime"], .outer1 input[type="datetime-local"], .outer1 input[type="month"], .outer1 input[type="number"], .outer1 input[type="range"], .outer1 input[type="tel"], .outer1 input[type="time"], .outer1 input[type="week"], .outer1 select {
min-height: 50px !important;
margin: 0px !important;
;
font-size: 14px !important;
;
border: 1px solid #eee;
padding: 15px 10px 0px 10px !important;
border-radius: 3px !important;
-webkit-appearance: none;
-webkit-border-radius: none;
text-indent: 0px !important;
text-align: left !important;
}
.gcore-line-td input[type="text"], .gcore-line-td input[type="password"], .gcore-line-td input[type="email"], .gcore-line-td input[type="url"], .gcore-line-td input[type="color"], .gcore-line-td input[type="date"], .gcore-line-td input[type="datetime"], .gcore-line-td input[type="datetime-local"], .gcore-line-td input[type="month"], .gcore-line-td input[type="number"], .gcore-line-td input[type="range"], .gcore-line-td input[type="tel"], .gcore-line-td input[type="time"], .gcore-line-td input[type="week"], .gcore-line-td select {
min-height: 50px !important;
margin: 0px !important;
;
font-size: 14px !important;
;
border: 1px solid #eee !important;
padding: 15px 10px 0px 10px !important;
border-radius: 3px !important;
-webkit-appearance: none;
-webkit-border-radius: none;
text-indent: 0px !important;
text-align: left !important;
}
.outer1 .input {
min-height: 50px !important;
margin: 0px !important;
;
font-size: 14px !important;
;
border: 1px solid #f7f7f7 !important;
padding: 20px 10px 0px 10px !important;
border-radius: 3px !important;
}
.gcore-line-td .input {
min-height: 50px !important;
margin: 0px !important;
;
font-size: 14px !important;
;
border: 1px solid #f7f7f7 !important;
padding: 20px 10px 0px 10px !important;
border-radius: 3px !important;
}
.outer1 .labelt {
font-size: 14px;
}
.gcore-line-td .labelt {
font-size: 14px;
}
.outer1, .gcore-line-td {
position: relative 
}
.inner1, .gcore-line-td label {
font-size: 10px;
line-height: 100%;
position: absolute;
top: 8px;
left: 10px;
width: 90%;
color: var(--black-color);
}
.outer1, .gcore-line-td, .quantity-box {
position: relative;
display: block !important;
text-align: left !important;
}
.inner1, .gcore-line-td label {
font-size: 10px;
line-height: 100%;
position: absolute;
top: 8px;
left: 10px;
width: 90%;
}
.containerf {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
perspective: 1000px;
}
#howdid {
width: 100% !important;
height: 50px;
border: 1px solid #eee;
}
#virtuemart_state_id {
border: 1px solid #eee;
margin-bottom: 10px;
height: 50px;
}
#virtuemart_country_id {
max-width: unset !important 
}
#register1 {
display: none !important 
}
#virtuemart_state_id {
min-width: unset !important;
max-width: unset !important;
width: 100% !important 
}
#virtuemart_country_id, #virtuemart_state_id {
;
max-width: 100% !important;
}
#shipto_virtuemart_country_id, #virtuemart_country_id, #virtuemart_country_id_field {
display: block !important 
}
#virtuemart_state_id_field, .opcPaymentSelect, .opcShippingSelect {
width: 100% !important;
border: 1px solid #eee;
height: 50px;
margin-bottom: 10px 
}
#sidebarMenu {
height: 100%;
position: fixed;
left: 0;
width: 250px;
margin-top: 20px;
transform: translateX(-250px);
transition: transform 250ms ease-in-out;
background: linear-gradient(180deg, #323a45 0, #323a45 100%) 
}
#virtuemart_country_id_input {
display: block 
}
#virtuemart_country_id {
display: block;
width: 100% !important;
max-width: 100% !important;
height: 50px;
border: 1px solid #eee 
}
#st-1 {
text-align: right !important 
}
#shipto_virtuemart_country_id, #virtuemart_country_id, #virtuemart_country_id_field {
display: block !important 
}
#virtuemart_state_id_field, .opcPaymentSelect, .opcShippingSelect {
width: 100% !important;
border: 1px solid #eee;
height: 50px;
margin-bottom: 10px 
}
#shipto_virtuemart_state_id, #virtuemart_state_id {
border: 1px solid #eee;
margin-bottom: 10px;
height: 50px;
width: 100% 
}
.sidebarMenuInner {
margin: 0;
padding: 0 
}
.sidebarMenuInner li {
list-style: none;
color: var(--white-color);

cursor: pointer;
padding: 5px 10px;
text-align: left 
}
.sidebarMenuInner li span {
display: block;
font-size: 14px;
color: rgba(255, 255, 255, .5) 
}
.sidebarMenuInner li a {
color: var(--white-color);

cursor: pointer;
text-decoration: none 
}
.sidebarMenuInner li a:hover {
color: #5fc3b1 
}
.opcPaymentSelect, .opcShippingSelect {
width: 100% !important;
border: 1px solid #eee !important;
height: 50px !important;
}
.prodimg {
width: 100%;
padding-top: 75%;
position: relative;
overflow: hidden;
}
.prodimghover {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
opacity: 0;
top: 0;
left: 0;
z-index: 10;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.prodimghover:hover {
opacity: 1;
}
.prodimg img {
position: absolute;
max-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
vertical-align: middle;
}
.productname {
width: 100%;
}
.productname a {
line-height: 150% !important;
overflow: hidden;
}
.productname .clamp {
text-transform: none;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-moz-line-clamp: 1;
display: -webkit-box;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
margin-top: -1px;
z-index: 10;
position: relative;
}
@media only screen and (max-width:960px) {
.mobileprice {
font-size: 12px !important 
}
.mobilesku {
font-size: 10px !important 
}
.productname a {
font-size: 12px !important 
}
.productname .clamp {
height: 27px;
}
.products {
padding: 10px;
}
}
@media only screen and (min-width:960px) {
.footer1 ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.flex {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.flextop {
display: flex;
flex-direction: row;
align-items: top;
justify-content: center;
}
.productname a {
}
.productname .clamp {
height: 24px;
font-size: 16px !important;
line-height: 150% !important;
}
.mobileprice {
font-size: 14px !important 
}
.mobilesku {
font-size: 12px !important 
}
.products {
padding: 20px;
}
}
.cferr {
margin-bottom: 3px;
}
.cf4all_wrapper {
position: relative 
}
.cf4all_error_msg {
position: absolute;
top: 4px;
text-align: right !important;
pointer-events: none;
right: 15px;
background: var(--white-color);
display: inline-block;
width: auto;
padding: 0px 5px;
color: #ff0000;
}
.cf4all_wrapper select {
width: 100%;
font-size: 12px;
height: 20px;
border-radius: 5px !important;
border: 1px solid #eee;
}
.button-social {
display: inline-block;
padding: 0px 8px;
font-size: 20px !important;
line-height: 100% !important;
}
@media (max-width: 960px) {
.product_badge>div>img {
width: 50px !important;
}
}
.d-tool .close-button {
top: 15px;
right: 15px;
}
.bit_badge_discount {
}
.bit_badge_hot {
}
.main-image img {
width: 100%;
}
.stock {
transform: scale(0.6);
-webkit-transform: scale(0.6);
overflow: none;
margin-top: 8px;
}
.cf_results-msg {
display: none;
}
.brandicon1:hover .brandicon {
transform: rotateY(360deg) translateY(-5px) scale(1.1) perspective(600px) !important 
}
.tp-arr-imgholder {
display: none !important;
}
.orderlistcontainer .title {
display: none;
}
.vm-chzn-select {
width: 100%;
border: 1px solid #eee;
padding: 5px;
}
.vmcustom-textinput {
width: 100% !important;
border: 1px solid #eee !important;
padding: 5px !important;
}
.hover {
transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
}
.text1 {
color: var(--white-color);
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
white-space: nowrap 
}
.attribute li span {
font-size: 16px !important 
}
.overlay1 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .5);
overflow: hidden;
width: 100%;
height: 60px;
transition: .5s ease 
}
.container1:hover .overlay1 {
height: 100% 
}
.card {
box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .15);
display: block;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: .3s;
transition: .3s;
background: var(--white-color);
}
.card:hover {
box-shadow: 0 22px 43px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, .15);
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-moz-transform: none;
}
.cardbutton {
box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .2);
display: block;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: .3s;
transition: .3s;
padding: 10px 0;
background: var(--dark-color);
border-radius: 4px;
}
.cardbutton:hover {
box-shadow: 0 22px 43px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, .15);
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-moz-transform: none;
background: var(--bright-color);
}
a .cardbutton {
color:  var(--bright-color) !important;
}
a .cardbutton:hover {
color: var(--white-color);
}
.cardbutton .cardbuttonimg {
filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(31deg) brightness(103%) contrast(107%) 
}
.cardbutton:hover .cardbuttonimg {
filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(31deg) brightness(103%) contrast(107%);
}
.card1 {
box-shadow: 0 3px 8px -4px rgba(0, 0, 0, .1);
display: block;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: .3s;
transition: .3s;
background: var(--white-color);
padding: 10px;
}
.card1:hover {
box-shadow: 0 22px 43px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, .15);
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-moz-transform: none 
}
.shadow {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
}
.shadow:hover {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.cardframe1 {
box-shadow: 22px 22px 22px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 22px 22px 22px rgba(0, 0, 0, 0.15);
display: block;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: 0.3s;
transition: 0.3s 
}
.cardframe1:hover {
box-shadow: 22px 22px 43px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 22px 22px 43px rgba(0, 0, 0, 0.15);
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-moz-transform: none;
}
.image1, .image2 {
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand');
overflow: none;
}
.image {
background-position: center;
transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
overflow: none;
}
.image:hover {
transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand');
overflow: none;
}
.image2 {
background-position: center;
transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
overflow: none;
}
.image2:hover {
transform: rotate(10deg) scale(1.05);
-moz-transform: rotate(10deg) scale(1.05);
-webkit-transform: rotate(10deg) scale(1.05);
-o-transform: rotate(10deg) scale(1.05);
-ms-transform: rotate(10deg) scale(1.05);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand');
overflow: none;
}
.hover1 {
transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0);
}
.hover1:hover {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.hover2 {
padding: 10px;
transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0);
}
.hover2:hover {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.sliderimg {
width: 100%;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.sliderimghalf {
width: 100%;
padding-top: 50%;
position: relative;
overflow: hidden;
}
.sliderimghome {
width: 100%;
padding-top: 54.8%;
position: relative;
overflow: hidden;
}
.sliderimg img {
position: absolute;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
vertical-align: middle;
object-fit: cover 
}
.sliderimghome img {
position: absolute;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
vertical-align: middle;
object-fit: cover 
}
.sliderimg .mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 99%;
height: 99%;
overflow: hidden;
background-attachment: fixed;
backdrop-filter: contrast(85%) brightness(110%) saturate(75%) sepia(0%) hue-rotate(0deg) grayscale(0%) invert(0%) blur(0px);
mix-blend-mode: soft-light;
background: rgba(173, 205, 239, 1);
opacity: 0.9;
-webkit-transition: .3s;
transition: .3s;
}
.prodimg {
width: 100%;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.prodimghalf {
width: 100%;
padding-top: 50%;
position: relative;
overflow: hidden;
}
.prodimghome {
width: 100%;
padding-top: 40%;
position: relative;
overflow: hidden;
}
.prodimg .mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 99%;
height: 99%;
overflow: hidden;
background-attachment: fixed;
backdrop-filter: contrast(85%) brightness(110%) saturate(75%) sepia(0%) hue-rotate(0deg) grayscale(0%) invert(0%) blur(0px);
mix-blend-mode: soft-light;
background: rgba(173, 205, 239, 1);
opacity: 0.9;
-webkit-transition: .3s;
transition: .3s;
}
.prodimg .mask:hover {
opacity: 0 !important;
}
.prodimg img {
position: absolute;
max-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
vertical-align: middle;
}
.prodimghome img {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
vertical-align: middle;
object-fit: cover 
}
.prodname {
color: #071A2D;
height: 50px;
word-wrap: break-word;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
-webkit-line-clamp: 2;
display: -webkit-inline-box;
vertical-align: middle;
padding: 0px 0;
line-height: 150%;
margin: 10px 0px 0px 0;
}
.prodprice {
margin: 0px 0px 0px 0;
}
.prodpack {
position: absolute;
top: 0;
right: 0;
border-radius: 3px;
height: 18px;
background: #eee;
vertical-align: middle;
justify-content: center;
display: table;
}
.prodpack div {
font-size: 10px;
color: #111;
vertical-align: middle;
height: 18px;
display: table-cell;
line-height: 100%;
padding: 0px 10px 
}
.prodstock {
position: absolute;
top: -6px;
left: 0;
border-radius: 3px;
height: 30px;
vertical-align: middle;
justify-content: center;
display: table;
}
.prodstock div {
font-size: 10px;
color: #111;
vertical-align: middle;
height: 30px;
display: table-cell;
line-height: 100%;
padding: 0px 0px 
}
.catimg {
width: 100%;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.catimg .mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 99%;
height: 99%;
overflow: hidden;
background-attachment: fixed;
backdrop-filter: contrast(85%) brightness(110%) saturate(75%) sepia(0%) hue-rotate(0deg) grayscale(0%) invert(0%) blur(0px);
mix-blend-mode: soft-light;
background: rgba(173, 205, 239, 1);
opacity: 0.9;
-webkit-transition: .3s;
transition: .3s;
}
.catimg .mask:hover {
opacity: 0 !important;
}
.catname {
color: #071A2D;
height: 50px;
word-wrap: break-word;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
-webkit-line-clamp: 2;
display: -webkit-inline-box;
vertical-align: middle;
padding: 0px 0;
margin: 10px 0px 0px 0;
}
.catimg img {
position: absolute;
max-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
vertical-align: middle;
}
.manufname {
color: #071A2D;
height: 50px;
word-wrap: break-word;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
-webkit-line-clamp: 2;
display: -webkit-inline-box;
vertical-align: middle;
padding: 0px 0;
margin: 10px 0px 0px 0;
}
.manufimg {
padding-top: 50%;
position: relative;
overflow: hidden;
width: 100%;
height: auto;
}
.manufimg .mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 99%;
height: 99%;
overflow: hidden;
background-attachment: fixed;
backdrop-filter: contrast(100%) brightness(100%) saturate(0%) sepia(0%) hue-rotate(0deg) grayscale(0%) invert(0%) blur(0px);
mix-blend-mode: color;
background: rgba(7, 26, 45, 1);
opacity: 0.9;
-webkit-transition: .3s;
transition: .3s;
}
.manufimg .mask:hover {
opacity: 0 !important;
}
.manufimg img {
position: absolute;
max-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
vertical-align: middle;
object-fit: contain 
}

.vina-carousel-virtuemart {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box 
}
.owl-carousel .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both 
}
.owl-carousel .owl-animated-in {
z-index: 0 
}
.owl-carousel .owl-animated-out {
z-index: 1 
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut 
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1 
}
100% {
opacity: 0 
}
}
@keyframes fadeOut {
0% {
opacity: 1 
}
100% {
opacity: 0 
}
}
.owl-height {
-webkit-transition: height .5s ease-in-out;
-moz-transition: height .5s ease-in-out;
-ms-transition: height .5s ease-in-out;
-o-transition: height .5s ease-in-out;
transition: height .5s ease-in-out 
}
.owl-carousel {
display: none;
width: 100%;
position: relative;
z-index: 1 
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y 
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0 
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0) 
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none 
}
.owl-carousel .owl-item img {
display: block;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d 
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block 
}
.owl-carousel.owl-loading {
opacity: 0;
display: block 
}
.owl-carousel.owl-hidden {
opacity: 0 
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel.owl-refresh .owl-item {
display: none 
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none 
}
.owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab 
}
.owl-carousel.owl-rtl {
direction: rtl 
}
.owl-carousel.owl-rtl .owl-item {
float: right 
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-ms-transition: opacity .4s;
-o-transition: opacity .4s;
transition: opacity .4s 
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000 
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale .1s;
-moz-transition: scale .1s;
-ms-transition: scale .1s;
-o-transition: scale .1s;
transition: scale .1s 
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-ms-transition: opacity .4s;
-o-transition: opacity .4s;
transition: opacity .4s 
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100% 
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none 
}
.owl-carousel, .owl-carousel .owl-item, .owl-theme .owl-dots {
-webkit-tap-highlight-color: transparent 
}
.owl-theme .owl-dots {
height: 15px;
margin-top: 10px;
width: 100%;
text-align: center 
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1 
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 0px 5px;
background: #d6d6d6;
display: block;

border-radius: 30px 
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #ccc 
}
.tab_container {
width: 100%;
margin: 0 auto;
background: none;
position: relative;
}
.tab_flex {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.tabinput, .tab-content {
clear: both;
padding-top: 0;
display: none;
}
.tablabel {
font-size: 12px;
display: block;
float: left;
width: 12.5%;
padding: 5px 0;
color: var(--white-color);
cursor: pointer;
text-decoration: none;
text-align: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: var(--dark-color);
}
#tab0:checked~#content0, #tab1:checked~#content1, #tab2:checked~#content2, #tab3:checked~#content3, #tab4:checked~#content4, #tab5:checked~#content5, #tab6:checked~#content6, #tab7:checked~#content7, #tab8:checked~#content8, #tab9:checked~#content9, #tab10:checked~#content10, #tab11:checked~#content11, #tab12:checked~#content12, #tab13:checked~#content13, #tab14:checked~#content14, #tab15:checked~#content15 {
display: block;
padding: 20px 10px;
background: var(--white-color);
border-radius: 5px;
border-top-left-radius: 0;
}

.tab_container .tab-content h3 {
}
.tab_container .tab-content a {
	color:var(--dark-color)!important;
}
.tab_container [id^="tab"]:checked+.tablabel {
background: var(--bright-color);
color: var(--white-color);
}
.tab_container [id^="tab"]:checked+.tablabel .fa {
color: var(--white-color);
}
.tablabel .fa {
font-size: 1.3em;
margin: 0 0.4em 0 0;
display: none;
}
@media only screen and (max-width: 1280px) {
.tablabel {
width: 25%;
}
}
@media only screen and (max-width: 960px) {
.tablabel {
width: 50%;
border-radius: 5px;
border: 2px solid var(--white-color);
}
.tablabel span {
font-size: 12px;
}
.tab_container a {
font-size: 14px !important;
}
.tab_container {
width: 98%;
font-size: 14px;
}
.no_wrap {
color: var(--verybright-color);
}
}

.art-button {
border-collapse: separate;
-webkit-border-radius: 0;
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
background: var(--bright-color);
border: 1px solid  var(--bright-color);
margin: 0 auto;
height: 12px 
}
.art-article table, .art-postcontent .art-content-layout, .items-row, table.art-article {
border-collapse: collapse 
}
.art-blockcontent, .art-postcontent, .art-postfootericons, .art-postheadericons, ul.art-vmenu a {
text-align: left 
}
.art-postcontent, .art-postcontent a, .art-postcontent a.hovered, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent li, .art-postcontent table {
font-size: 16px;


font-style: normal;
line-height: 200% 
}
.art-postcontent p {
margin: 12px 0 
}
.art-postcontent h6, body {
margin: 0 
}

.art-postcontent a, .art-postcontent a:link {
font-size: 16px;

font-weight: bold;
font-style: normal;
text-decoration: none;
color:  var(--bright-color);
}

.art-postcontent a.visited, .art-postcontent a:visited {

text-decoration: underline;
color: var(--bright-color);
}
.art-postcontent a.hover, .art-postcontent a:hover {

text-decoration: underline;
color: var(--bright-color)
}


ul {
list-style-type: none 
}
ol {
list-style-position: inside 
}

form {
padding: 0 !important;
margin: 0 !important 
}
table.position {
table-layout: fixed 
}
.art-pager>:last-child, .art-slidenavigator>a:last-child {
margin-right: 0 !important 
}
a.art-button, a.art-button:link, a.art-button:visited, a:link.art-button:link, body a.art-button:link, body a.art-button:visited, button.art-button, input.art-button {
text-decoration: none;
font-size: 16px;

font-weight: bold;
font-style: normal;

position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
color: var(--white-color);
margin: 0 5px 0 0 !important;
overflow: visible;
cursor: pointer;
text-indent: 0;
line-height: 12px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box 
}
.image-caption-wrapper, form.art-search input[type=text] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box 
}
.art-button img {
margin: 0;
vertical-align: middle 
}
#searchForm .phrases-box, .firefox2 .art-button {
display: block;
float: left 
}
a.art-search-button span, input, select, textarea {
vertical-align: middle;
font-size: 16px;

font-weight: bold;
font-style: normal;

}
form.art-search input[type=text], input.art-error, textarea.art-error {
margin: 0 auto;


font-style: normal 
}
.art-block select {
width: 96% 
}
input.art-button {
float: none !important;
-webkit-appearance: none 
}
.art-button.active, .art-button.active:hover {
background: var(--verybright-color);
border: 1px solid var(--verybright-color);
margin: 0 auto;
color: var(--white-color); !important 
}
.art-button.hover, .art-button:hover {
background: var(--verybright-color);
border: 1px solid var(--verybright-color);
margin: 0 auto;
color: var(--white-color); !important 
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
background: var(--white-color);
border: 1px solid #ededed;
margin: 0 auto;
width: 100%;
padding: 0;
color: #666 !important;
font-size: 16px;


font-style: normal;
text-transform: none;
font-variant: normal;
text-indent: 5px;
text-shadow: none 
}
.art-pager {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 5px;
text-align: center 
}
.art-pager .active, .art-pager a:hover {
background: #428dcb;
border: 1px solid #428dcb;
margin: 0 4px 0 auto 
}
.art-pager>span {
cursor: default 
}
.art-pager>* {
border: 1px solid #eee;
padding: 7px;
margin: 0 4px 0 0;
line-height: normal;
position: relative;
display: inline-block 
}
.art-pager .active, .art-pager a:link, .art-pager a:visited {
line-height: normal;


font-style: normal;
text-decoration: none;
color: #666 
}
.art-pager .active {
padding: 7px;
color: var(--white-color); 
}
.art-pager .more {
border: 1px solid #eee;
margin: 0 4px 0 auto 
}
.art-pager a.more:link, .art-pager a.more:visited {
color: #666 
}
.art-pager a:hover {
padding: 7px 
}
.art-pager a.more:hover, .art-pager a:hover {
color: var(--white-color); 
}
.art-pager>:after {
margin: 0 0 0 auto;
display: inline-block;
position: absolute;
content: ' ';
top: 0;
width: 0;
height: 100%;
right: 0;
text-decoration: none 
}
.art-footer img, div.art-block img {
border: none;

}
pre {
overflow: auto;
padding: .1em 
}
.art-post ul>li:before, .art-postcontent ul>li:before, .art-textblock ul>li:before {
content: url('../images/postbullets.png');
margin-right: 6px;
bottom: 2px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
margin-left: -13px 
}
.art-post ol, .art-post ul>li, .art-postcontent ol, .art-postcontent ul>li, .art-textblock ol, .art-textblock ul>li {
padding: 0 
}
.art-post ol, .art-post ul, .art-postcontent ol, .art-postcontent ul, .art-textblock ol, .art-textblock ul {
margin: 1em 0 
}
.art-post li ol, .art-post li ul, .art-postcontent li ol, .art-postcontent li ul, .art-textblock li ol, .art-textblock li ul {
margin: .5em 0 
}
.art-post li, .art-postcontent li, .art-textblock li {
font-size: 16px;


font-style: normal;
line-height: 175%;
color: #666;
margin: 0 
}
.accordion-body.in:hover, .art-post ol>li, .art-postcontent ol>li, .art-textblock ol>li, .edit.item-page .search-field {
overflow: visible 
}
.art-post ul>li, .art-postcontent ul>li, .art-textblock ul>li {
padding-left: 13px;
overflow-x: visible;
overflow-y: hidden 
}
blockquote {
background: url('../images/postquote.png') no-repeat #eee;
padding: 10px 10px 10px 43px;
color: #666;
font-size: 14px;


font-style: italic;
text-align: left;
overflow: auto;
clear: both 
}
.art-blockcontent blockquote a, .art-blockcontent blockquote a:hover, .art-blockcontent blockquote a:link, .art-blockcontent blockquote a:visited, .art-footer blockquote a, .art-footer blockquote a:hover, .art-footer blockquote a:link, .art-footer blockquote a:visited, .art-postcontent blockquote a, .art-postcontent blockquote a:hover, .art-postcontent blockquote a:link, .art-postcontent blockquote a:visited, blockquote a, blockquote a:hover, blockquote a:link, blockquote a:visited {
color: #666;
font-size: 14px;


font-style: italic;
text-align: left 
}
.art-blockcontent blockquote p, .art-footer blockquote p, .art-postcontent blockquote p, blockquote p {
margin: 2px 0 2px 15px 
}
.art-footer, .art-footer caption, .art-footer td, .art-footer th {
color: var(--white-color);

font-style: normal;
line-height: 150%;
font-size: 16px;
font-family: Lato, 'Arial Unicode MS', Helvetica, Sans-Serif 
}
.art-footer a, .art-footer a:link, .art-footer a:visited {
color: var(--white-color);
font-size: 16px;


font-style: normal;
text-decoration: none 
}
.art-footer {
margin: 0 auto;
position: relative;
}
.art-footer p {
padding: 0;
text-align: left 
}



.art-footer a:hover {
color: var(--white-color);

text-decoration: underline 
}

div.item-page div.pagination ul, ul.pagenav {
clear: both;
list-style: none;
display: block;
margin: 0;
padding: 0 
}
ul.pagenav li, ul.pagenav li:before {
display: block;
background: 0 0;
margin: 0;
padding: 0;
width: 50%;
text-align: center;
content: normal 
}
ul.pagenav li.pagenav-prev {
float: left 
}
ul.pagenav li.pagenav-next {
margin: 0 0 0 50% 
}
.breadcrumbs img {
margin: 0;
padding: 0;
border: none;
outline: 0 
}
div.pagination p.counter {
display: inline-block;
margin: 0 .3em 0 0;
padding: 0;
background: 0 0 
}
div.pagination ul, div.pagination ul li, div.pagination ul>li:before {
display: inline-block;
list-style: none;
margin: 0;
padding: 0 .3em;
background: 0 0;
content: normal 
}
div.img_caption p.img_caption {
padding: .3em 0;
margin: 0 
}