@font-face { font-family: 'BankGothicBT-Medium'; src: url('../fonts/246446_0_0.eot'); src: url('../fonts/246446_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/246446_0_0.woff') format('woff'), url('../fonts/246446_0_0.ttf') format('truetype'); }
@font-face { font-family: 'ds-digitalnormal'; src: url('fonts/ds-digi-webfont.eot'); src: url('fonts/ds-digi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ds-digi-webfont.woff') format('woff'), url('fonts/ds-digi-webfont.ttf') format('truetype'), url('fonts/ds-digi-webfont.svg#ds-digitalnormal') format('svg'); font-weight: normal; font-style: normal; }
html { overflow-x: hidden; }
body { color: #dddddd; font-size: 12px; font-weight: 400; font-family: Arial, Helvetica, sans-serif; line-height: 1.667; 
text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; background-color: #000;
  background-image: url(../images/green-earth-bg1.jpg); background-position: center top; background-attachment: fixed; background-repeat: no-repeat;  
}
body:before { content: ""; height: 100%; 
background: url(../images/bg-wrapper.png) top center repeat-y; background-attachment: fixed; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: -1 }
* { margin: 0; outline: 0 !important; padding: 0; }
label { display: block; margin: 0 0 8px; font-weight: 400 }
label.auto { display: inline-block; margin: 5px 40px 5px 0 }
label.auto:last-child { margin-right: 0 }
ol, ul { list-style: none }
a { color: #aecade; text-decoration: underline; }
a:focus, a:hover { color: #aecade; text-decoration: none }
img { height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6, .primary-heading, .secondary-heading { font-weight: 700; color: #dddddd; margin: 0.25em 0 }
h1, .primary-heading { font-family: bankgothicbt-medium; font-size: 24px; color: #f3a60a; text-transform: uppercase; margin-bottom: 10px; }
h2, .secondary-heading { font-family: bankgothicbt-medium; font-size: 15px; color: #f8b929; margin: 1.25em 0 0.5em; text-transform: uppercase; }
h3 { font-family: bankgothicbt-medium; font-size: 12px; color: #f3a60a; margin: 0.25em 0; text-transform: uppercase; }
h4 { font-size: 14px }
h5 { font-size: 13px }
h6 { font-size: 12px }
.lg-heading { font-family: Arial, Helvetica, sans-serif; color: #f8b929; font-size: 54px; font-weight: 700; text-transform: none }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0 }
.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 8px 20px; }
.alignleft { float: left; margin: 5px 20px 8px 0; }
p.pn { padding: 0; margin: 0 }
.clearfix { display: table; width: 100%; padding: 15px 0; margin: 0 }
.clearfix + h2, .clearfix + h3, .clearfix + h4 { margin-top: 0 }
p, ul { margin: 0.25em 0 1em; }
ul li { position: relative; padding: 0 0 8px 12px; overflow: hidden }
ul li:before { content: ""; display: inline-block; line-height: 1; position: absolute; left: 0; top: 5px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #aecade; }
ol { padding-left: 2em; margin: 0.25em 0 1em; text-align: left; overflow: hidden }
ol li { list-style: decimal; padding-bottom: 8px; padding-left: 0 }
ol li ul > li { padding-left: 20px; list-style: none }
ol li ul > li:before { display: block; left: 1px }
ul ol li { overflow: visible }
ul ol li:before { display: none; overflow: visible }
ol ol li { list-style: lower-alpha }
ol ol ol li { list-style: lower-roman }
ol ol, ol ul, ul ol, ul ul { margin-top: 12px; margin-bottom: 5px }
ol li:last-child, ul li:last-child { padding-bottom: 0 }
.text-center ul { text-align: left; display: table; margin-left: auto; margin-right: auto }
.list-none li { padding-left: 0 }
.list-none li:before { display: none }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, ol ul:last-child, ol:last-child, p:last-child, ul:last-child { margin-bottom: 0 }
.table-responsive { border: none; margin: 0.25em 0 1em; overflow: auto }
.table-responsive::-webkit-scrollbar {
width: 5px;
height: 4px
}
.table-responsive::-webkit-scrollbar-track {
background: #f5f5f5;
border-radius: 8px
}
.table-responsive::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 8px
}
.table-responsive::-webkit-scrollbar-thumb:hover {
background: #ccc
}
textarea.form-control { height: 120px; resize: none }
select { -moz-appearance: menulist-button; -webkit-appearance: menulist-button }
input[type=checkbox], input[type=radio] { display: inline-block; margin-right: 10px; vertical-align: baseline }

::-webkit-input-placeholder {
color: #9c9999;
opacity: 1
}
::-moz-placeholder {
color: #9c9999;
opacity: 1
}
:-ms-input-placeholder {
color: #9c9999;
opacity: 1
}
:-moz-placeholder {
color: #9c9999;
opacity: 1
}
 button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0
}
input[type=button], input[type=reset], input[type=submit] { -moz-appearance: none; -webkit-appearance: none }
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none
}
input[type=number] { -moz-appearance: textfield !important }
footer, header, section, .hundred { float: left; width: 100%; position: relative }
.container { padding-left: 20px; padding-right: 20px; max-width: 1050px; }
.btn { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); }
.btn-primary { position: relative; font-family: bankgothicbt-medium; font-size: 10px; text-transform: uppercase; line-height: 14px; padding: 1px 8px 5px; font-weight: 400; text-shadow: 0 0 0.01px rgba(0,0,0,0.3); color: #000000 !important; border-radius: 0; border: 1px solid #a29368 !important; border-left-color: #c19f72!important; border-bottom-color: #0f1312!important; border-right-color: #030406!important; box-shadow: inset -1px -1px 1px 0.5px #765512, inset 1px 1px 1px 0.5px #f9cb75 !important; text-decoration: none; background: #f6ac29 !important; background: -moz-linear-gradient(top, #f6ac29 0%, #f6b326 100%) !important; background: -webkit-linear-gradient(top, #f6ac29 0%, #f6b326 100%) !important; background: linear-gradient(to bottom, #f6ac29 0%, #f6b326 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ac29', endColorstr='#f6b326', GradientType=0 ) !important;
}
.btn-secondary { position: relative; font-family: bankgothicbt-medium; font-size: 10px; text-transform: uppercase; line-height: 14px; padding: 1px 8px 5px; font-weight: normal; color: #ffffff !important; border-radius: 0; box-shadow: none !important; background: rgb(255,175,6) !important; background: -moz-linear-gradient(top, rgba(255,175,6,1) 0%, rgba(154,106,5,1) 100%) !important; background: -webkit-linear-gradient(top, rgba(255,175,6,1) 0%, rgba(154,106,5,1) 100%) !important; background: linear-gradient(to bottom, rgba(255,175,6,1) 0%, rgba(154,106,5,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf06', endColorstr='#9a6a05', GradientType=0 ) !important;
border: none; text-decoration: none; }
.btn-secondary:before { content: ""; position: absolute; left: 1px; top: 1px; right: 1px; bottom: 1px; border: 1px solid #80c76f; border-bottom-color: #105201; border-left-color: #53c23a; border-right-color: #176e03; background: rgb(34,159,5); background: -moz-linear-gradient(top, rgba(34,159,5,1) 0%, rgba(39,194,3,1) 100%); background: -webkit-linear-gradient(top, rgba(34,159,5,1) 0%, rgba(39,194,3,1) 100%); background: linear-gradient(to bottom, rgba(34,159,5,1) 0%, rgba(39,194,3,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#229f05', endColorstr='#27c203', GradientType=0 );
z-index: -1; }
/*Header*/
header { position: relative; z-index: 999; padding: 15px 0 10px; max-width: 1010px; margin-left: auto; margin-right: auto; float: none; background-color: #000 }
header:before { content: ""; background: #000 url(../images/header-bg.gif) top center no-repeat; background-size: cover; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: .5; z-index: -1; }
header .container { padding-left: 20px; padding-right: 20px }
header .navbar-brand { padding: 0; margin: 0 }
header .row { flex-wrap: inherit; justify-content: space-between; }
header .col { position: static; -ms-flex-preferred-size: inherit; flex-basis: inherit; -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; }
header .col:first-child { width: 263px }
header .col:nth-child(2) { order: 3; width: 276px; padding-top: 7px }
header .col:last-child { width: auto; padding: 0 }
header ul.nav-icons { margin: 0 }
header ul.nav-icons li { display: inline-block; padding: 0; vertical-align: top; overflow: visible; position: static }
header ul.nav-icons li:nth-child(2) { margin: 10px 0 15px }
header ul.nav-icons li:first-child, header ul.nav-icons li:nth-child(2) { display: block }
header .navbar-toggler { margin: 0; padding: 0; display: block; border: none; position: relative; }
header .navbar-toggler span { display: inline-block; width: 46px; height: 27px; background: url(../images/desktop-nav-trigger.png) no-repeat 0 0; padding-top: 27px; overflow: hidden; border: none; cursor: pointer }
header .navbar-toggler span:hover, header .navbar-toggler span.closemenu { background-position: 0 100% }
header .navbar-collapse { position: absolute; left: 20px; top: 100%; right: 20px; margin-top: -8px; background: #3a3a3a; height: auto !important }
header .some-customers { display: none }
ul.primary-nav { display: flex; flex-direction: row; margin: 0 }
ul.primary-nav > li { position: relative; width: 25%; padding: 0; margin: 0; overflow: visible }
ul.primary-nav > li> a { position: relative; display: block; height: 32px; padding: 3px; font-size: 14px; font-family: bankgothicbt-medium; font-weight: normal; text-transform: uppercase; text-decoration: none; color: #ffffff; text-align: center; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); }
ul.primary-nav > li> a:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../images/nav-bg.jpg)0 0 no-repeat; background-size: cover; z-index: -1 }
ul.primary-nav > li> a:after { content: ""; position: absolute; top: 1px; right: 1px; left: 1px; bottom: 2px; background: url(../images/nav-bg-line.jpg)0 0; background-repeat: repeat-x; z-index: -1 }
ul.primary-nav li:before { display: none }
ul.primary-nav > li> a:hover, ul.primary-nav > li.active> a, ul.primary-nav > li:hover> a { color: #ffaf06 }
ul.primary-nav > li> ul { position: absolute; left: 0; margin: 0; padding: 0; top: 100%; opacity: 0; visibility: hidden; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
ul.primary-nav > li:hover> ul { opacity: 1.0; visibility: visible }
ul.primary-nav > li> ul li { padding: 0; margin: 0 }
ul.primary-nav > li> ul a { display: block; font-size: 12px; padding: 4px 25px; white-space: nowrap; background: url(../images/bg-dark-nav.png)0 0 no-repeat; text-decoration: none; color: #aecade; line-height: 18px; min-width: 242px; }
ul.primary-nav > li> ul a:hover, ul.primary-nav > li> ul li.active a { background: url(../images/bg-dark-nav-hover.png)0 0 no-repeat; color: #ffffff }
ul.secondary-nav { position: relative; display: flex; align-items: center; justify-content: center; margin: 13px 0 5px; z-index: 11 }
ul.secondary-nav > li { padding: 0; margin: 0; overflow: visible }
ul.secondary-nav li:before { display: none }
ul.secondary-nav > li> a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffaf06; line-height: 1; padding: 0 10px; text-decoration: none; border-right: 1px solid #666666 }
ul.secondary-nav > li:last-child a { border-right: none }
ul.secondary-nav > li:first-child a, ul.secondary-nav> li:last-child a { color: #ffffff }
ul.secondary-nav > li> ul { position: absolute; left: 0; top: 0; padding-top: 18px; opacity: 0; visibility: hidden; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
ul.secondary-nav > li:hover> ul { opacity: 1.0; visibility: visible }
ul.secondary-nav > li> ul li { padding: 0 }
ul.secondary-nav > li> ul a { font-size: 11px; padding: 4px 25px; white-space: nowrap; background: url(../images/bg-dark-nav-s.png)0 0 no-repeat; display: block; text-decoration: none; color: #aecade; line-height: 18px; min-width: 194px; }
ul.secondary-nav > li> ul a:hover, ul.secondary-nav > li> ul li.active a { background: url(../images/bg-dark-nav-hover.png)0 0 no-repeat; color: #ffffff }
header .cart-btn { display: table; font-size: 0; width: 194px; height: 25px; background: url(../images/view-cart.png) no-repeat 0 0; padding-top: 25px; overflow: hidden; }
header .cart-btn:hover { background-position: 0 -25px }
#ship-link { text-align: center; line-height: 1.2 }
#ship-link a { display: block; margin: 0; font-size: 19px; color: #f3a60a; font-family: bankgothicbt-medium; text-transform: uppercase; text-decoration: none; }
#ship-link i { font-style: normal; margin-bottom: 2px; font-size: 18px; }
 @-webkit-keyframes glow {
0% {
transform:scale(.95)
}
10% {
transform:scale(.96)
}
20% {
transform:scale(.97)
}
30% {
transform:scale(.98)
}
40% {
transform:scale(.99)
}
50% {
transform:scale(1)
}
60% {
transform:scale(.99)
}
70% {
transform:scale(.98)
}
80% {
transform:scale(.97)
}
90% {
transform:scale(.96)
}
100% {
transform:scale(.95)
}
}
#ship-link a i i { color: #27c303; display: block; -moz-animation: glow 2.5s infinite; -webkit-animation: glow 2.5s infinite; -ms-animation: glow 2.5s infinite; -o-animation: glow 2.5s infinite; animation: glow 2.5s infinite }
#ship-link a span { text-transform: capitalize; font-size: 16px; color: #fff; display: inline-block; vertical-align: middle; }
#ship-link a img { display: inline-block; vertical-align: middle; width: 40px; height: auto }
#ship-link a:hover span { text-decoration: underline; }
#ship-link .cards { text-align: center; padding: 13px 0 0 }
#ship-link .cards img { display: inline-block; vertical-align: middle }
header .tel { display: table; font-size: 20px; font-family: bankgothicbt-medium; color: #fff; margin: 0 0 0 auto; text-align: center; line-height: .75em; text-decoration: none; }
header .tel span { font-size: 16px; display: block; text-transform: capitalize; }
#search-wrapper { position: relative; }
#search-wrapper form input[type=text] { padding-left: 13px; background: url(../images/bg-search.png) no-repeat; border: none; height: 31px; line-height: 31px; width: 248px; font-size: 11px; color: #747474; }
#search-wrapper form #search-submit { position: absolute; font-size: 0; border: none; background: url(../images/btn-search.png) no-repeat 0 0; width: 46px; height: 27px; top: 2px; right: 1px; bottom: auto; cursor: pointer; }
#search-wrapper form #search-submit:hover { background-position: 0 -27px; }
/*Header End*/
.lazy-image { position: relative; width: 100%; padding-top: 66.33%; overflow: hidden }
.lazy-image img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; max-width: 100%; max-height: 100%; width: auto; margin: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.lazy-image:before { content: ""; padding: 25px; background: url(../images/favicon.png) center center no-repeat; background-size: contain; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: .3 }
.google-map { position: relative; padding-top: 42% }
.iframe-video { position: relative; display: block; width: 100%; padding-top: 56%; margin: 10px 0; background-color: #f5f5f5 }
.google-map iframe, .google-map img, .iframe-video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100% }
/*******Slider******/
.slide-bg-1 { background-image: url(../images/bg-1.jpg) }
.slide-bg-2 { background-image: url(../images/bg-2.jpg) }
.slide-bg-3 { background-image: url(../images/bg-3.jpg) }
.slide-bg-4 { background-image: url(../images/bg-4.jpg) }
.slide-bg-5 { background-image: url(../images/bg-5.jpg) }
.slide-bg-6 { background-image: url(../images/bg-6.jpg) }
.slide-bg-7 { background-image: url(../images/bg-7.jpg) }
.slide-bg-8 { background-image: url(../images/bg-8.jpg) }
.slide-bg-9 { background-image: url(../images/bg-9.jpg) }
.slide-bg-10 { background-image: url(../images/bg-10.jpg) }
.slide-bg-11 { background-image: url(../images/bg-11.jpg) }
.slide-bg-12 { background-image: url(../images/bg-12.jpg) }
.slide-bg-16 { background-image: url(../images/bg-13.jpg) }
.home-slider-wrap { position: relative; margin-bottom: 28px; }
.home-slider-wrap .bx-wrapper { position: relative; margin-bottom: 0; padding: 0; *zoom:1;
-ms-touch-action: pan-y; touch-action: pan-y }
.home-slider-wrap .bx-wrapper img { max-width: 100%; display: block; width: 100% }
.home-slider-wrap .bxslider { margin: 0; padding: 0 }
.home-slider-wrap ul.bxslider { list-style: none }
.home-slider-wrap .bx-viewport { -webkit-transform: translatez(0); transform: translatez(0) }
.home-slider-wrap .bx-wrapper { border: 1px solid #383738 }
.home-slider-wrap .bx-wrapper .bx-pager, .home-slider-wrap .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100% }
.home-slider-wrap .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000 }
.home-slider-wrap .bx-wrapper .bx-pager { text-align: left; font-size: .85em; padding: 4px 10px 10px 50px; background: rgba(34,156,6,.5); position: absolute; bottom: 0 }
.home-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.home-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .home-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a.active, .home-slider-wrap .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #ffaf06 }
.home-slider-wrap .bx-wrapper .bx-pager-item, .home-slider-wrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom:1;
}
.slider-caption a { text-decoration: none }
.home-slider-wrap .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0 }
.home-slider-wrap .bx-wrapper .bx-prev { left: 15px; background: url(../images/slider-arrow.png)0 0 no-repeat }
.home-slider-wrap .bx-wrapper .bx-prev:hover { background-position: 0 100% }
.home-slider-wrap .bx-wrapper .bx-next { right: 15px; background: url(../images/slider-arrow.png)100% 0 no-repeat }
.home-slider-wrap .bx-wrapper .bx-next:hover { background-position: 100% 100% }
.home-slider-wrap .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -18px; outline: 0; width: 16px; height: 37px; text-indent: -9999px; z-index: 99 }
.home-slider-wrap .bx-wrapper .bx-controls-direction a.disabled { display: none }
.home-slider-wrap .bx-wrapper .bx-controls-auto { text-align: center }
.home-slider-wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80% }
.home-slider-wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px }
.home-slider-wrap .home-slider { position: relative }
.home-slider-wrap .slide { display: none }
.home-slider-wrap .slider-caption { position: absolute; left: 0; right: 0; top: 0; bottom: 30px; padding: 20px 45px; max-width: 600px; overflow: hidden }
.home-slider-wrap .slide a { text-decoration: none }
.home-slider-wrap .slider-caption h3 { font-size: 35px; color: #fff; text-transform: capitalize; text-shadow: 0 1px 2px rgba(0,0,0,.5); margin: 0 0 10px; padding: 0; line-height: 0.9; }
.home-slider-wrap .slider-caption h3 sup { font-size: 10px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: 300 }
.home-slider-wrap .slider-caption p { font-size: 15px; color: #ffffff; line-height: 26px; text-shadow: 0 1px 2px rgba(0,0,0,.5); opacity: 0; }
.home-slider-wrap .slider-caption p:last-child { padding-bottom: 0; margin-bottom: 0 }
.home-slider-wrap .shop-now { display: inline-block; width: 83px; height: 21px; background: url(../images/shop-now.png) no-repeat 0 0; padding-top: 21px; overflow: hidden; border: none }
.video-bg { position: relative; float: right; width: 100%; padding-top: 45.624444444%; overflow: hidden; }
.video-bg video { background: #000; min-width: 100%; width: 100%; min-height: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.single-video { position: relative; display: inline-block; width: 100%; padding-top: 45.624444444%; overflow: hidden; margin: 0 0 10px }
.single-video video { background: #000; min-width: 100%; width: auto; min-height: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.home-slider-wrap .slider-caption .shop-now { position: absolute; bottom: 20px; left: 45px }
.home-slider-wrap:hover .slider-caption p { opacity: 1 }
/*******Slider End******/

body.award-bg { background-image: url(../images/slider-nav/award-bg.jpg) }
body.green-earth { background-image: url(../images/slider-nav/green-earth-bg.jpg) }

.page-container { margin-left: auto; margin-right: auto; max-width: 1010px; }
.page-wrapper { display: flex; flex-wrap: wrap; margin-left: auto; margin-right: auto; max-width: 1010px; background-color: #000; margin-bottom: 20px; }
.page-wrapper>.container, .page-container>.container { padding-left: 20px; padding-right: 20px }
.row.page-column { margin-left: -10px; margin-right: -10px; flex-wrap: inherit }
.row.page-column > .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 214px; flex: 0 0 214px; max-width: 214px; padding-left: 10px; padding-right: 10px; }
.row.page-column > .col-sm-7 { padding-left: 10px; padding-right: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; max-width: -webkit-calc(100% - 214px); max-width: -moz-calc(100% - 214px); max-width: calc(100% - 214px); margin-bottom: 80px; }
/*******Tiles****/
.row.tiles-row { margin: 0 -10px 1em }
.row.tiles-row > [class*="col-"] { padding: 0 10px 20px; }
.tiles-row .card { text-decoration: none; background: none; border: none }
.tiles-row .card-body { padding: 0; }
.tiles-row .lazy-image { padding-top: 58.666666666666%; background: #000000; }
.tiles-row .lazy-image:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(../images/grid-shadow.png)0 0 no-repeat; background-size: cover; z-index: 2; }
.tiles-row .lazy-image img { width: 100% !important; max-height: inherit; opacity: 0.8 }
.tiles-row .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 18px 10px 10px 16px; }
.tiles-row h3 { color: #ffffff; font-weight: normal; font-size: 19px; line-height: 16px; text-shadow: 0 1px 2px rgba(0,0,0,0.4); letter-spacing: -0.5px; }
.tiles-row h3:after { content: ""; display: block; width: 83px; height: 21px; background: url(../images/shop-now.png) no-repeat 0 0; padding-top: 21px; overflow: hidden; border: none; margin: 12px 0 0 -1px; }
.tiles-row h3 sup { font-size: 60% }
.tiles-row a:hover .lazy-image img { opacity: 1 }
.tiles-row a:hover .overlay { background: rgba(0,27,243,0.6) }
.tiles-row.has-bg .overlay { display: none }
.tiles-row.has-bg h3:after { display: none }
.tiles-row.has-bg .lazy-image { padding-top: 58.2444444444444444%; background: #000000; }
.tiles-row.has-bg .lazy-image img { margin-top: 1px; opacity: 1.0 }
.tiles-row.has-bg a:hover .lazy-image img { margin-top: auto; margin-bottom: -1px }
/**********award Slider*******/
.ticker-slider-wrap { font-size: 11px!important; padding: 5px 0; border-bottom: 1px solid #2e2e2f }
.award.ticker-slider-wrap+.ticker-slider-wrap { border-top: 1px solid #2e2e2f }
.ticker-slider-wrap * { font-size: 11px!important; zoom: unset!important; zoom: initial!important; zoom: inherit!important; -webkit-text-size-adjust: none!important }
.ticker-slider-wrap .slide { width: auto!important; padding: 0 20px; white-space: nowrap; border-right: 1px solid #b4dcff; float: left; display: none }
.ticker-slider-wrap .bx-viewport .slide { display: inherit }
.ticker-slider-wrap .slide img { margin-right: 2px; margin-bottom: -2px; display: inline-block; vertical-align: text-bottom }
.ticker-slider-wrap .rev-name { font-size: 12px!important; text-transform: capitalize; padding-left: 10px }
.ticker-slider-wrap a, .ticker-slider-wrap .slide { font-size: 11px!important; color: #b4dcff; text-transform: uppercase; text-decoration: none; -moz-transition: none; -webkit-transition: none; transition: none; -moz-transform: none; -webkit-transform: none; transform: none }
.ticker-slider-wrap a:hover { text-decoration: underline }
.award.ticker-slider-wrap { padding: 6px 0; border-bottom: none }
.award.ticker-slider-wrap .award-icon:last-child { margin-right: 4px }
.award.ticker-slider-wrap+.award.ticker-slider-wrap { border-top: 1px solid #2e2e2f }
.award-icon-small { background: url(../images/small-award-icon-silver.png)0 0 repeat-x; display: inline-block; vertical-align: middle; padding: 6px 0; width: 10px; margin-top: 3px }
.award-icon-small-2 { background: url(../images/award-icon-small-2.png)0 0 repeat-x; display: inline-block; vertical-align: middle; padding: 6px 0; width: 10px; margin-top: 0 }
.award-icon+.award-icon-small, .award-icon-2+.award-icon-small-2, .award-icon-2+.award-icon-small, .award-icon+.award-icon-small-2 { margin-top: 3px }
.award.ticker-slider-wrap .award-icon-small:last-child, .award.ticker-slider-wrap .award-icon-small-2:last-child { margin-right: 3px }
.award-icon { background: url(../images/small-award-icon.png)0 0 repeat-x; display: inline-block; vertical-align: middle; padding: 8px 0; width: 12px }
.award-icon-2 { background: url(../images/small-award-icon-2-gold.png)0 0 repeat-x; display: inline-block; vertical-align: middle; padding: 8px 0; width: 11px }
.award-icon.icon-1, .award-icon-2.icon-1 { width: 11px }
.award-icon.icon-2, .award-icon-2.icon-2 { width: 22px }
.award-icon.icon-3, .award-icon-2.icon-3 { width: 33px }
.award-icon.icon-4, .award-icon-2.icon-4 { width: 44px }
.award-icon.icon-5, .award-icon-2.icon-5 { width: 55px }
.award-icon.icon-6, .award-icon-2.icon-6 { width: 66px }
.award-icon.icon-7, .award-icon-2.icon-7 { width: 77px }
.award-icon.icon-8, .award-icon-2.icon-8 { width: 88px }
.award-icon.icon-9, .award-icon-2.icon-9 { width: 99px }
.award-icon.icon-10, .award-icon-2.icon-10 { width: 110px }
.award-icon.icon-11, .award-icon-2.icon-11 { width: 121px }
.award-icon.icon-12, .award-icon-2.icon-12 { width: 132px }
.award-icon.icon-13, .award-icon-2.icon-13 { width: 143px }
.award-icon.icon-14, .award-icon-2.icon-14 { width: 154px }
.award-icon.icon-15, .award-icon-2.icon-15 { width: 165px }
.award-icon.icon-16, .award-icon-2.icon-16 { width: 176px }
.award-icon.icon-17, .award-icon-2.icon-17 { width: 187px }
.award-wrap .icon-1 { width: 14px }
.award-wrap .icon-2 { width: 28px }
.award-wrap .icon-3 { width: 42px }
.award-wrap .icon-4 { width: 56px }
.award-wrap .icon-5 { width: 70px }
.award-wrap .icon-6 { width: 84px }
.award-wrap .icon-7 { width: 98px }
.award-wrap .icon-8 { width: 112px }
.award-wrap .icon-9 { width: 126px }
.award-wrap .icon-10 { width: 140px }
.award-wrap .icon-11 { width: 154px }
.award-wrap .icon-12 { width: 168px }
.award-wrap .icon-13 { width: 182px }
.award-wrap .icon-14 { width: 196px }
.award-wrap .icon-15 { width: 210px }
.award-wrap .icon-16 { width: 224px }
.award-wrap .icon-17 { width: 238px }
.award-wrap .award-icon-2.icon-1 { width: 14px }
.award-wrap .award-icon-2.icon-2 { width: 28px }
.award-wrap .award-icon-2.icon-3 { width: 42px }
.award-wrap .award-icon-2.icon-4 { width: 56px }
.award-wrap .award-icon-2.icon-5 { width: 70px }
.award-wrap .award-icon-2.icon-6 { width: 84px }
.award-wrap .award-icon-2.icon-7 { width: 98px }
.award-wrap .award-icon-2.icon-8 { width: 112px }
.award-wrap .award-icon-2.icon-9 { width: 126px }
.award-wrap .award-icon-2.icon-10 { width: 140px }
.award-wrap .award-icon-2.icon-11 { width: 154px }
.award-wrap .award-icon-2.icon-12 { width: 168px }
.award-wrap .award-icon-2.icon-13 { width: 182px }
.award-wrap .award-icon-2.icon-14 { width: 196px }
.award-wrap .award-icon-2.icon-15 { width: 210px }
.award-wrap .award-icon-2.icon-16 { width: 224px }
.award-wrap .award-icon-2.icon-17 { width: 238px }
.award-icon-small.icon-1 { width: 10px }
.award-icon-small.icon-2 { width: 20px }
.award-icon-small.icon-3 { width: 30px }
.award-icon-small.icon-4 { width: 40px }
.award-icon-small.icon-5 { width: 50px }
.award-icon-small.icon-6 { width: 60px }
.award-icon-small.icon-7 { width: 70px }
.award-icon-small.icon-8 { width: 80px }
.award-icon-small.icon-9 { width: 90px }
.award-icon-small.icon-10 { width: 100px }
.award-icon-small.icon-11 { width: 110px }
.award-icon-small.icon-12 { width: 120px }
.award-icon-small.icon-13 { width: 130px }
.award-icon-small.icon-14 { width: 140px }
.award-icon-small.icon-15 { width: 150px }
.award-icon-small.icon-16 { width: 160px }
.award-icon-small.icon-17 { width: 170px }
.award-icon-small-2.icon-1 { width: 9px }
.award-icon-small-2.icon-2 { width: 18px }
.award-icon-small-2.icon-3 { width: 27px }
.award-icon-small-2.icon-4 { width: 36px }
.award-icon-small-2.icon-5 { width: 45px }
.award-icon-small-2.icon-6 { width: 54px }
.award-icon-small-2.icon-7 { width: 63px }
.award-icon-small-2.icon-8 { width: 72px }
.award-icon-small-2.icon-9 { width: 81px }
.award-icon-small-2.icon-10 { width: 90px }
.award-icon-small-2.icon-11 { width: 99px }
.award-icon-small-2.icon-12 { width: 108px }
.award-icon-small-2.icon-13 { width: 117px }
.award-icon-small-2.icon-14 { width: 126px }
.award-icon-small-2.icon-15 { width: 135px }
.award-icon-small-2.icon-16 { width: 144px }
.award-icon-small-2.icon-17 { width: 153px }
.award-wrap .award-icon-small.icon-1, .award-wrap .award-icon-small-2.icon-1 { width: 9px }
.award-wrap .award-icon-small.icon-2, .award-wrap .award-icon-small-2.icon-2 { width: 18px }
.award-wrap .award-icon-small.icon-3, .award-wrap .award-icon-small-2.icon-3 { width: 27px }
.award-wrap .award-icon-small.icon-4, .award-wrap .award-icon-small-2.icon-4 { width: 36px }
.award-wrap .award-icon-small.icon-5, .award-wrap .award-icon-small-2.icon-5 { width: 45px }
.award-wrap .award-icon-small.icon-6, .award-wrap .award-icon-small-2.icon-6 { width: 54px }
.award-wrap .award-icon-small.icon-7, .award-wrap .award-icon-small-2.icon-7 { width: 63px }
.award-wrap .award-icon-small.icon-8, .award-wrap .award-icon-small-2.icon-8 { width: 72px }
.award-wrap .award-icon-small.icon-9, .award-wrap .award-icon-small-2.icon-9 { width: 81px }
.award-wrap .award-icon-small.icon-10, .award-wrap .award-icon-small-2.icon-10 { width: 90px }
.award-wrap .award-icon-small.icon-11, .award-wrap .award-icon-small-2.icon-11 { width: 99px }
.award-wrap .award-icon-small.icon-12, .award-wrap .award-icon-small-2.icon-12 { width: 108px }
.award-wrap .award-icon-small.icon-13, .award-wrap .award-icon-small-2.icon-13 { width: 117px }
.award-wrap .award-icon-small.icon-14, .award-wrap .award-icon-small-2.icon-14 { width: 126px }
.award-wrap .award-icon-small.icon-15, .award-wrap .award-icon-small-2.icon-15 { width: 135px }
.award-wrap .award-icon-small.icon-16, .award-wrap .award-icon-small-2.icon-16 { width: 144px }
.award-wrap .award-icon-small.icon-17, .award-wrap .award-icon-small-2.icon-17 { width: 153px }
.award-wrap .award-icon-small { display: block; background: url(../images/award-icon-small.png)0 0 repeat-x; padding: 6px 0; margin-top: 0; margin-bottom: 25px }
.award-wrap .award-icon-small-2 { background: url(../images/award-icon-small-2.png)0 0 repeat-x; display: inline-block; vertical-align: middle; padding: 5px 0; margin-top: 0; margin-bottom: 25px }
.award-wrap .award-icon+.award-icon-small { margin-top: -20px; margin-bottom: 25px }
.award-wrap .award-icon-2+.award-icon-small-2 { margin-top: -20px }
.award-wrap .award-icon-small:last-child, .award-wrap .award-icon-small-2:last-child { margin-bottom: 3px }
.award-wrap .award-icon-small+.award-icon-2 { margin-top: 10px }
.ticker-slider-3 .award-icon-small-2 { padding: 5px 0; background: url(../images/Stanley-Cup.png)0 0 repeat-x }
.ticker-slider-3 .award-icon-2 { padding: 7px 0 6px; background: url(../images/Golden-Globe.png)0 0 repeat-x }
.ticker-slider-3 .award-icon-2:last-child { margin-right: 2px }
.ticker-slider-3 .award-icon-2+.award-icon-small-2 { margin-left: 2px }
.ticker-slider-3 .award-icon-small-2.icon-1 { width: 10px }
.ticker-slider-3 .award-icon-small-2.icon-2 { width: 20px }
.ticker-slider-3 .award-icon-small-2.icon-3 { width: 30px }
.ticker-slider-3 .award-icon-small-2.icon-4 { width: 40px }
.ticker-slider-3 .award-icon-small-2.icon-5 { width: 50px }
.ticker-slider-3 .award-icon-small-2.icon-6 { width: 60px }
.ticker-slider-3 .award-icon-small-2.icon-7 { width: 70px }
.ticker-slider-3 .award-icon-small-2.icon-8 { width: 80px }
.ticker-slider-3 .award-icon-small-2.icon-9 { width: 90px }
.ticker-slider-3 .award-icon-small-2.icon-10 { width: 100px }
.ticker-slider-3 .award-icon-small-2.icon-11 { width: 110px }
.ticker-slider-3 .award-icon-small-2.icon-12 { width: 120px }
.ticker-slider-3 .award-icon-small-2.icon-13 { width: 130px }
.ticker-slider-3 .award-icon-small-2.icon-14 { width: 140px }
.ticker-slider-3 .award-icon-small-2.icon-15 { width: 150px }
.ticker-slider-3 .award-icon-small-2.icon-16 { width: 160px }
.ticker-slider-3 .award-icon-small-2.icon-17 { width: 170px }
.award-wrap .award-icon { display: block; background: url(../images/award-icon.png)0 0 repeat-x; padding: 13px 0 14px; margin-bottom: 25px }
.award-wrap .award-icon-2 { background: url(../images/award-icon-2.png)0 0 repeat-x; display: inline-block; vertical-align: middle; padding: 11px 0; margin-bottom: 25px }
.award-wrap .award-icon-2:last-child, .award-wrap .award-icon:last-child { margin-bottom: 3px }
/**********award Slider End*******/


/**********aside Column*********/
.join-dealer-network { position: relative; display: block; font-size: 0; padding: 46px 0 47px; width: 194px; margin: 0 auto; background: url(../images/join-dealer-network.jpg) 0 0 no-repeat; background-size: 100% auto; z-index: 11; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.join-dealer-network.big { background: url(../images/join-dealer-network_big.jpg); background-size: 270px; height: 131px; width: 270px; margin-bottom: 20px }
.join-dealer-network:hover { background-position: 0 -93px }
.join-dealer-network.big:hover { background-position: 0 -131px }
 @-webkit-keyframes shake {
 from, to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-10px, 0, 0)
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0)
}
}
 @keyframes shake {
 from, to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0)
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0)
}
}
.join-dealer-network.active { -webkit-animation-name: shake; animation-name: shake }
/*Flip*/
.flip-slider { padding: 93px 0 0; cursor: pointer; position: relative; overflow: hidden; -webkit-perspective: 1000px; perspective: 1000px; width: 194px; margin: 0 auto }
.flip-slider .box { display: block!important; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; z-index: 10; -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg) }
.flip-slider .box.show { -moz-transform: rotateY(0); -webkit-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); z-index: 21 }
.flip-slider a { background: url(../images/Raise-Your-Profile.png)0 0 no-repeat; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 11 }
.flip-slider .join-thethomas { background-position: 0 0 }
.flip-slider .raise-your-profile { background-position: 0 -199px }
.flip-slider .increase-sales { background-position: 0 -399px }
.flip-slider .attract-more-work { background-position: 0 -599px }
.flip-slider .thomas-fx-brand { background-position: 0 -799px }
.flip-slider .join-thethomas:hover { background-position: 0 -99px }
.flip-slider .raise-your-profile:hover { background-position: 0 -299px }
.flip-slider .increase-sales:hover { background-position: 0 -497px }
.flip-slider .attract-more-work:hover { background-position: 0 -699px }
.flip-slider .thomas-fx-brand:hover { background-position: 0 -899px }
.flip-slider .thomas-fx-patents { background-position: 0 -1200px }
.flip-slider .thomas-fx-patents:hover { background-position: 0 -1301px }
.flip-slider .flip-apply-btn { background-position: 0 -1000px }
.flip-slider .flip-apply-btn:hover { background-position: 0 -1100px }
.flip-slider-wrap { margin: 5px auto auto; width: 194px }
.flip-slider-wrap .bx-controls { display: none }
.flip-slider.big { width: 270px!important; height: 134px }
.flip-slider.big a { background: url(../images/Raise-Your-Profile_big.png); background-size: 270px; width: 270px }
.flip-slider.big .raise-your-profile { background-position: 0 -267px }
.flip-slider.big .increase-sales { background-position: 0 -1075px }
.flip-slider.big .attract-more-work { background-position: 0 -538px }
.flip-slider.big .thomas-fx-brand { background-position: 0 0 }
.flip-slider.big .raise-your-profile:hover { background-position: 0 -402px }
.flip-slider.big .increase-sales:hover { background-position: 0 -1209px }
.flip-slider.big .attract-more-work:hover { background-position: 0 -673px }
.flip-slider.big .thomas-fx-brand:hover { background-position: 0 -135px }
.flip-slider.big .thomas-fx-patents { background-position: 0 -1076px }
.flip-slider.big .thomas-fx-patents:hover { background-position: 0 -1210px }
.flip-slider.big .flip-apply-btn { background-position: 0 -1344px }
.flip-slider.big .flip-apply-btn:hover { background-position: 0 -1479px }
.flip-slider-wrap-big { margin: 5px auto auto; width: 270px }
.flip-slider-wrap-big .bx-controls { display: none }
.flip-slider-wrap-big .bx-viewport { height: 140px!important }
/*green-dealer*/
div.find-a-green-dealer { margin: 5px auto auto; animation: pulse 1.3s infinite }
a.find-a-green-dealer { position: relative; display: block; font-size: 0; padding: 46px 0 47px; width: 194px; margin: 0 auto; background: url(../images/find-a-green-dealer.png) 0 0 no-repeat; background-size: 100% auto; z-index: 11 }
a.find-a-green-dealer:hover { background-position: 0 100% }
 @-webkit-keyframes pulse {
 0% {
 transform: scale(1.02)
}
 50% {
 transform: scale(1)
}
 100% {
 transform: scale(1.02)
}
}
 @keyframes pulse {
 0% {
 transform: scale(1.02)
}
 50% {
 transform: scale(1)
}
 100% {
 transform: scale(1.02)
}
}
/***shopperapproved****/
.shopperapproved { display: block; margin-left: auto; margin-right: auto; max-width: 193px; position: relative; top: 0; background: url(../images/bg-shop-online-small.png) no-repeat 0 0; background-size: cover; margin-top: 5px; padding: 54px 0 39px; }
.shopperapproved:hover { background-position: 0 -92px; }
/**aside menu***/
.aside-info-wrapper.mobile-device { display: none }
#aside-menu-wrapper { background: url(../images/aside-nav-bg.png) 0 0 no-repeat; background-size: contain; padding: 15px 8px 0 10px; margin: 5px 0 25px }
.aside-menu ul li:before { display: none }
.aside-menu ul li { padding-left: 8px; }
.aside-menu ul li a, .aside-menu ul li li a { text-decoration: none }
.aside-menu ul li a:before { content: ""; display: inline-block; line-height: 1; position: absolute; left: 0; top: 5px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #aecade; }
.aside-menu ul li > a:hover, .aside-menu ul li.active > a { color: #eda910; }
.aside-menu ul li > a:hover:before, .aside-menu ul li.active > a:before { border-left-color: #eda910 }
.aside-menu ul li ul { display: none; margin: 5px 0 0 -8px }
.aside-menu ul li.active ul { display: block }

/*******shop-in-person********/
#shop-in-person { position: relative; background: url(../images/bg-shopinperson.png) no-repeat; width: 194px; height: 140px; color: #ffffff; }
#shop-in-person a { display: block; height: 1px; padding-top: 37px; width: 160px; position: absolute; top: 40px; left: 16px; overflow: hidden; background: url(../images/btn-map.png); }
#shop-in-person p { padding-top: 80px; text-align: center; font-size: 13px; font-family: bankgothicbt-medium; line-height: 1em; margin-left: -4px; text-transform: none; font-weight: bold; color: #fff; text-shadow: 0 1px 5px rgba(0,0,0,.36); }
#shop-in-person a:hover { background-position: 0 -38px; }
/**Hours******/

.hours-wrapper { border: 1px solid #27c303; margin-bottom: 22px; }
#store-hours { color: #fff; background: #0c263f url(../images/bg-hours.png) no-repeat; width: 100%; margin-left: auto; margin-right: auto; border-top: none; padding: 12px 0 20px 21px; background-size: 100% auto; background-position: 0 -33px; line-height: 1.1; }
#store-hours p { width: 150px; line-height: 15px }
#time { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; left: 0; text-align: center; background: #0c263f; width: 100%; margin: 0 0 -1px; position: relative; padding: 6px 0 11px; line-height: 1.1; background-size: cover; z-index: 5; }
#time span:first-child { display: inline-block; font-family: bankgothicbt-medium; font-weight: 400; font-size: 14px; color: orange; padding: 0 0 7px; text-transform: none }
#time span:last-child { font-family: bankgothicbt-medium; font-weight: 400; font-size: 15px; color: orange; padding: 0 }
#clock { display: inline-block; font-size: 20px; color: #fff; font-weight: 700; font-family: Arial, Helvetica, sans-serif; width: 85px; padding: 0 }
/***Socail***/
#socialmedia { width: 194px; display: block; background: url(../images/bg-socialmedia.png) no-repeat left 23px; }
#socialmedia .heading { font-size: 15px; color: #f8b929; margin: 0 0 8px 18px; text-transform: uppercase; font-family: bankgothicbt-medium; font-weight: 700; }
#socialmedia ul { display: flex; flex-wrap: wrap; text-align: center; margin: 0; }
#socialmedia li { display: inline-block; padding: 0 0 8px 8px; }
#socialmedia li:before { display: none }
#socialmedia li a { display: block; height: 1px; padding-top: 39px; overflow: hidden; margin: 0; }
#socialmedia li a:hover { background-position: 0 -40px }
#facebook a { background: url(../images/btn-facebook.png) no-repeat; width: 40px }
#pinterest a { background: url(../images/btn-pinterest.png) no-repeat; width: 40px; }
#instagram a { background: url(../images/btn-instagram.png) no-repeat; width: 40px }
#linkedIn a { background: url(../images/btn-linkedin.png) no-repeat; width: 40px }
#vimeo a { background: url(../images/btn-vimeo.png) no-repeat; width: 40px }
#Youtube a { background: url(../images/btn-youtube.png) no-repeat; width: 40px }
#vimeo a { background: url(../images/btn-vimeo.png) no-repeat; width: 40px }
#twitter a { background: url(../images/btn-twitter.png) no-repeat; width: 40px }
#yelp a { background: url(../images/btn-yelp.png) no-repeat; width: 40px }
#imdb a { background: url(../images/btn-imdb.png) no-repeat; width: 40px }
#linkedIn a { background: url(../images/btn-linkedin.png) no-repeat; width: 40px }
#instagram a { background: url(../images/btn-instagram.png) no-repeat; width: 40px }
/**********aside Column End*********/


/**Blog****/
.home h2 { color: #f3a60a; }
.blog-wrapper { margin-top: 25px }
.blog-wrapper .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; padding-right: 30px }
.blog-wrapper .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; padding-left: 20px }
.video-box { margin-bottom: 17px; }
.video-box iframe { border: 1px solid #787878; }
.video-box p { line-height: 14px; margin-bottom: 5px; color: #ffffff }
.post { color: #ffffff; padding: 10px 0; clear: both; overflow: hidden; }
.post .img-column { float: left; margin: 0 15px 0 0; width: 127px; }
.post img { border: 1px solid #474747; }
.post .text-column { overflow: hidden }
.post p { margin-bottom: 10px; line-height: 18px; }
.post .post-date { font-size: 10px; color: #787878; text-transform: uppercase; line-height: 1em; padding-bottom: 3px; margin: 0 }
.post h3 { font-size: 12px; color: #f3a60a; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; margin: 0 0 10px }
.post h3 a { color: inherit; }
.post a { text-decoration: none }
.post a:hover { text-decoration: underline }
/*****Review*******/
.review-row, .home-content { margin: 30px 0; overflow: hidden; clear: both }
.home-content img + h2 { margin-top: 5px }
.review-row img { float: left; border: 3px solid #ffffff; width: 114px; margin-right: 15px; }
.review-row p { font-style: italic }
.review-row h6 { text-align: right; color: #f3a60a; font-size: 14px; font-family: Arial; line-height: 20px; font-weight: normal; margin-bottom: 0 }
.review-row .sub-title { text-align: right; color: #f3a60a; font-size: 12px; font-family: Arial; line-height: 20px; font-style: italic; margin: 0 }
.review-row .company-title { text-align: right; color: #f3a60a; font-size: 12px; font-family: Arial; line-height: 20px; font-style: italic; margin: 0; }
/***Flags****/
.flags-wrapper { margin-bottom: 10px }
.flags-wrapper h3 { color: #fff; position: relative; margin-bottom: 15px; text-align: center }
.flags-wrapper h3:before { content: ''; display: block; position: absolute; border-top: 1px solid #27c303; top: 50%; left: 0; right: 0; }
.flags-wrapper h3 span { display: inline-block; background: #000; position: relative; padding: 0 10px; font-weight: 400; font-size: 13px; z-index: 5; }
.flags-wrapper ul { text-align: center; margin: 0 auto; max-width: 940px; }
.flags-wrapper ul li { padding: 0 5px; display: inline-block }
.flags-wrapper ul li:before { display: none }
.flags-wrapper ul li a { opacity: .5; filter: alpha(opacity=50); display: block; zoom: 1 }
.flags-wrapper ul li a:hover { opacity: 1; filter: alpha(opacity=100) }
.dealer-country { color: #ffffff }
.dealer-country img { width: 24px }
.dealer-country + ul { margin-bottom: 30px }
/**Inner page****/
.max-width-5 { max-width: 540px; }
.max-width-6 { max-width: 640px; }
.max-width-7 { max-width: 740px; }
.max-width-8 { max-width: 840px; }
.max-width-9 { max-width: 940px; }
.max-width-10 { max-width: 1040px; }
.row-sm { margin-left: -5px; margin-right: -5px }
.row-sm > [class*="col"] { padding-left: 5px; padding-right: 5px }
nav[aria-label="breadcrumb"] { margin: 15px 0 10px }
.breadcrumb { padding: 0; margin: 0; list-style: none; background-color: transparent; border-radius: 0; }
.breadcrumb li { list-style: none; font-size: 11px; }
.breadcrumb li a { text-decoration: none }
.breadcrumb li a:hover { text-decoration: underline }
.breadcrumb-item+.breadcrumb-item::before { content: ""; display: inline-block; line-height: 1; margin-right: 0.5rem; margin-left: 0.4rem; border: solid #aecade; border-width: 0 1px 1px 0; padding: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); vertical-align: middle; }
.breadcrumb-item.active { color: #aecade; }
.pagination li { padding: 0 }
.pagination li:before { display: none }
.page-link { position: relative; display: block; padding: 0.1em 0.2rem; margin-left: 0; line-height: 1; color: #aecade; background-color: transparent !important; border: none; box-shadow: none !important }
.page-link:hover { color: #ffffff }
.page-item.active .page-link { color: #ffffff; font-weight: bold; background-color: transparent; text-decoration: none }
.pagination .view-all { margin-left: 15px }
hr { background: url(../images/divider.gif) center center no-repeat; padding: 11px; clear: both; overflow: hidden; border: none }
.common-top-wrapper { margin-bottom: 5px; overflow: hidden; clear: both }
.common-top-wrapper.yel-color { color: #f3a60a; }
.align-right-video { position: relative; float: right; min-width: 378px; margin: 0 0 5px 10px; padding-top: 28.7777777%; overflow: hidden }
.align-right-video video { min-width: 100%; width: 100%; min-height: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.align-right-video + h1 { margin-top: 0 }
.category-wrapper { margin-top: 50px }
.category-wrapper h2 { font-size: 24px; font-family: Arial, Helvetica, sans-serif; color: #dddddd; text-transform: capitalize }
.product-category { padding-right: 5%; margin-top: 20px; padding-left:20px;}
.product-category [class*="col"] { margin-bottom: 35px }
.product-category .img-thumbnail { background: none; border-radius: 0; padding: 0; border: none; float: left; width: 140px; margin: 0 15px 0 0 }
.product-category h3 { font-family: Arial, Helvetica, sans-serif; text-transform: none; font-weight: normal }
.product-category h3 a:after { content: ""; background: url(../images/arrow.gif) center center no-repeat; padding: 7px; margin-left: 5px }
.product-wrapper { margin: 50px 0 0 }
.short-wrapper { display: table; width: 100%; border-bottom: 1px solid #333; margin-bottom: 35px; padding-bottom: 20px; }
.short-wrapper.bottom { border-top: 1px solid #333; border-bottom: none; margin: 35px 0 0; padding: 20px 0 0; }
.short-wrapper .pagination { float: right }
.short-by { float: left }
.short-by p { color: #7f7f7f; font-size: 15px; font-weight: 700; display: inline-block; vertical-align: baseline; margin: 0 22px 0 0 }
.short-by select { border-radius: 4px; }
.product-list { margin-bottom: -40px; margin-left: -10px; margin-right: -10px; }
.product-list [class*="col"] { text-align: center; margin-bottom: 40px; padding-left: 10px; padding-right: 10px }
.product-list .img-thumbnail { background: none; border-radius: 0; padding: 0; border: none; margin: 0 0 8px }
.product-list h3 { font-family: Arial, Helvetica, sans-serif; text-transform: none; font-weight: normal; color: #dddddd; line-height: 1.667; }
.product-list h3 a { text-decoration: none; color: inherit }
.product-list .price { font-weight: 700; color: #f8b929; }
.page-nav-links { display: flex; flex-wrap: wrap; margin: 25px 0 0; overflow: hidden }
.page-nav-links li { padding: 0 15px 0 0; margin: 0 15px 10px 0; line-height: 1; }
.page-nav-links li:before { display: none }
.page-nav-links li:after { content: ""; border-left: 1px solid #767676; right: 0; position: absolute; top: 5px; bottom: 0; }
.page-nav-links li:last-child:after { display: none }
.page-nav-links a { display: block; color: #e2e2e2; font-size: 14px; text-transform: uppercase; font-family: bankgothicbt-medium; text-decoration: none; }
.page-nav-links .active a, .page-nav-links a:hover { color: #d39009; }
.credits-section { margin: 20px auto 0; max-width: 540px; }
.credits-section .col-4:first-child, .credits-section .col-4:nth-child(3) { width: 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; max-width: 120px; }
.credits-section .col-4:nth-child(2) { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; max-width: -webkit-calc(100% - 240px); max-width: -moz-calc(100% - 240px); max-width: calc(100% - 240px); }
.credits-section ul li { line-height: 15px; padding: 0; text-align: center; overflow: visible }
.credits-section ul li:before { display: none }
.credits-section .award-wrap { position: absolute; top: 50%; right: 100%; width: auto; padding-right: 7px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.credits-section img { margin-bottom: 5px }
.credits-section .col-4:first-child { }
.credits-section .award-icon, .credits-section .award-icon-2, .credits-section .award-icon-small, .credits-section .award-icon-small-2 { float: right; clear: both }
.credits-section .col-4:nth-child(3) .award-icon, .credits-section .col-4:nth-child(3) .award-icon-2, .credits-section .col-4:nth-child(3) ul li .award-icon-small, .credits-section .col-4:nth-child(3) .award-icon-small-2 { float: left; clear: both }
.credits-section .col-4:nth-child(3) .award-wrap { left: 100%; right: auto; padding-left: 12px; padding-right: 0 }
.contact-aside-img .col-12 { margin-bottom: 40px; text-align: center; max-width: 370px }
.contact-aside-img img { width: 100% }
.contact-aside-img p { margin: 20px 0 0; font-size: 11px; }
.contact-aside-img p + p { margin-top: 10px }
.dealer-brand { display: flex; flex-wrap: wrap; justify-content: center; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
.dealer-brand > div { margin: 0 20px; }
.dealer-brand .flip-slider-wrap-big { margin: -2px 0 0; }
/*Footer*/
footer { max-width: 1010px; margin-left: auto; margin-right: auto; float: none; font-size: 11px; color: #dddddd; line-height: 22px; font-family: Arial, Helvetica, sans-serif; padding: 16px 0 30px; }
footer:before { content: ""; position: absolute; left: 20px; right: 20px; top: 0; border-top: 1px solid #27c303 }
footer .container { padding-left: 20px; padding-right: 20px; }
ul.footer-links { float: left; margin: 0; display: flex; flex-wrap: wrap }
ul.footer-links li { line-height: 1; padding: 0 7px 0 0; margin: 0 6px 8px 0; border-right: 1px solid #aecade; font-size: 12px; }
ul.footer-links li:last-child { border-right: none }
footer #creditcards { float: right }
footer .copyright { clear: both; margin: 0; padding: 5px 0 0 }
.company-info ul { margin: 0; display: flex; flex-wrap: wrap }
.company-info ul li { margin: 0 13px 0 0; padding: 0 }
.company-info ul li:before, ul.footer-links li:before { display: none }

@media only screen and (max-width:1199px) {
}

@media only screen and (max-width:1024px) {
.video-box iframe { width: 100%; max-width: 200px; height: auto }
.blog-wrapper .row { flex-wrap: no-wrap }
.blog-wrapper .col-sm-7 { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 15px; width: auto; max-width: 80%; max-width: -webkit-calc(100% - 230px); max-width: -moz-calc(100% - 230px); max-width: calc(100% - 230px); }
.blog-wrapper .col-sm-5 { -ms-flex: 0 0 230px; flex: 0 0 230px; max-width: 230px; padding-left: 20px; min-width: 230px; text-align: center; }
}

@media only screen and (min-width:992px) {
.search-icon { display: none }
header .navbar-collapse ul.secondary-nav { display: none !important }
#search-wrapper.collapse { display: block !important; height: auto !important }
}

@media only screen and (max-width:991px) {
header .container, .page-wrapper>.container, .page-container>.container, footer .container { padding-left: 15px; padding-right: 15px; }
header { padding: 10px 0 15px }
header .navbar-brand { max-width: 143px }
header .col:first-child { width: 174px; }
#ship-link { margin-top: -5px; line-height: 1.1 }
#ship-link i { font-size: 11px; }
#ship-link a span { font-size: 12px }
#ship-link .cards { padding: 3px 0 0; }
header .col:nth-child(2) { width: 183px; }
ul.secondary-nav { display: none }
.search-icon, header .tel, header .cart-btn { display: block; height: 30px; width: 30px; overflow: hidden; padding: 30px 0 0 30px; background-image: url(../images/mobile-sprite.png); background-repeat: no-repeat; cursor: pointer; border: none; z-index: 10; }
header .tel span { display: none }
header .tel { background-position: 0 -30px }
.search-icon { background-position: 0 -60px }
header .navbar-toggler span { height: 30px; width: 30px; overflow: hidden; padding: 30px 0 0 30px; border-color: #333; background: -webkit-linear-gradient(bottom, #333, #555 60%, #777); background: -moz-linear-gradient(bottom, #333, #555 60%, #777); background: -o-linear-gradient(bottom, #333, #555 60%, #777); background: -webkit-gradient(linear, 0 100%, 0 0, from(#333), color-stop(0.6, #555), to(#777)); background: linear-gradient(bottom, #333, #555 60%, #777); }
header .navbar-toggler span:before, header .navbar-toggler span:after, header .navbar-toggler:before { content: ''; display: block; position: absolute; left: 7px; right: 7px; height: 2px; background: #fff }
header .navbar-toggler span:before { top: 7px }
header .navbar-toggler span:after { bottom: 7px }
header .navbar-toggler:before { top: 50%; margin-top: -1px }
header .some-customers { display: block; position: relative; color: #ffffff; text-decoration: none; float: right; margin-bottom: 12px; line-height: 1 }
header .some-customers:after { content: ''; display: inline-block; height: 6px; width: 6px; border: 1px solid transparent; border-right-color: #fff; border-top-color: #fff; vertical-align: middle; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
header ul.nav-icons { display: flex; width: 100%; justify-content: flex-end; }
header ul.nav-icons li:nth-child(2) { margin: 0 0 0 8px; order: 3 }
header ul.nav-icons li { margin-left: 8px }
header .cart-btn, header .cart-btn:hover { background-position: 0 0; }
header ul.nav-icons li:nth-child(3) { order: 4 }
header ul.nav-icons li:last-child { order: 2 }
#search-wrapper { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); height: 36px; padding: 3px 0 3px 3px; background: #27c303; border: 1px solid #eda910; max-width: 300px; width: 100%; }
#search-wrapper form input[type=text] { background: #ffff; height: 28px; line-height: 26px; width: 100%; padding-right: 55px; }
#search-wrapper form #search-submit { height: 29px; right: 0; top: 3px; }
header .navbar-collapse { background: #333333; position: relative; top: 0; left: 0; right: 0; margin: 15px 0 -20px }
ul.primary-nav { flex-wrap: wrap; }
ul.primary-nav > li { width: 100%; }
ul.primary-nav > li> a { text-align: left; font-size: 15px; padding: 7px 10px; height: auto; color: #aecade; }
ul.primary-nav > li> a:hover, ul.primary-nav > li.active> a, ul.primary-nav > li:hover> a { color: #ffffff; }
ul.primary-nav > li> a:after { content: ""; display: inline-block !important; line-height: 1; position: relative; left: 10px; top: -1px; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #ffaf06; }
ul.primary-nav > li> a:before, ul.primary-nav > li> a:after { display: none; }
ul.primary-nav > li> ul { position: relative; opacity: 1.0; visibility: visible; width: 100%; top: 0; display: none }
ul.primary-nav > li> ul a { background: none !important }
ul.primary-nav > li> ul a:hover, ul.primary-nav > li> ul li.active a { color: #ffaf06; }
ul.primary-nav > li> ul a:before { content: ""; display: inline-block; line-height: 1; position: absolute; left: 15px; top: 8px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #ffaf06; }
header .navbar-collapse ul.secondary-nav { display: block; margin-top: 0 }
header .navbar-collapse ul.secondary-nav > li { display: block; width: 100% }
header .navbar-collapse ul.secondary-nav > li:nth-child(2) { display: none }
header .navbar-collapse ul.secondary-nav > li a { display: block; font-family: bankgothicbt-medium; font-weight: normal; text-transform: uppercase; text-decoration: none; text-align: left; font-size: 15px; padding: 7px 10px; height: auto; color: #aecade; border: none; line-height: 1.667 }
header .navbar-collapse ul.secondary-nav > li> ul { display: none !important }
header .navbar-collapse ul.secondary-nav > li> a:hover, header .navbar-collapse ul.secondary-nav > li.active> a, header .navbar-collapse ul.secondary-nav > li:hover> a { color: #ffffff; }
.home-slider-wrap .slider-caption h3 { font-size: 25px }
.home-slider-wrap .slider-caption p { font-size: 13px; line-height: 1.6; }
.credits-section .award-wrap { position: relative; left: auto!important; right: auto!important; padding-right: 0 }
.credits-section .col-4:nth-child(3) li { clear: both }
.credits-section .col-4:nth-child(3) .award-wrap { padding-left: 2px }
.award-wrap .award-icon-2:last-child, .award-wrap .award-icon:last-child, .award-wrap .award-icon-small:last-child, .award-wrap .award-icon-small-2:last-child { margin-bottom: 20px }
footer { padding: 16px 0 }
footer #creditcards { float: left; width: 100%; margin: 15px 0 0; }
}

@media only screen and (min-width:800px) {
.aside-menu-icon { display: none }
#aside-menu-wrapper.collapse { display: block !important; height: auto !important }
}

@media only screen and (max-width:799px) {
.aside-menu { position: absolute; top: 5px; left: 10px; right: 10px; background: #FF0004; padding: 0; z-index: 100; }
.aside-menu-icon { font-family: bankgothicbt-medium; display: block; line-height: 36px; position: relative; border: 1px solid #333; font-weight: bold; color: #eda910; padding: 0 10px; background-image: url(../images/dotted-stripe.png); background-repeat: repeat-x; width: 100%; text-align: left; -webkit-background-size: auto 100%; background-size: auto 100%; background-color: #333; -webkit-box-shadow: inset 5px 0 10px #000; -moz-box-shadow: inset 5px 0 10px #000; box-shadow: inset 5px 0 10px #000; }
.aside-menu-icon span { background: #222; position: absolute; height: 100%; width: 40px; left: 50%; top: 0; cursor: pointer; transform: translateX(-50%); }
.aside-menu-icon span:before, .aside-menu-icon span i:before, .aside-menu-icon span i:after { content: ''; display: block; height: 2px; background: #fff; position: absolute; left: 9px; right: 9px }
.aside-menu-icon span:before { top: 50%; margin-top: -1px }
.aside-menu-icon span i:before { top: 12px }
.aside-menu-icon span i:after { bottom: 12px }
#aside-menu-wrapper { border: 1px solid #333; background: #1a1a1a; margin: 0; padding: 10px }
.page-wrapper { margin-bottom: 20px }
.row.page-column > .col-sm-7 { margin-bottom: 0 }
.row.page-column { flex-wrap: wrap; flex-direction: column-reverse; align-items: center; position: relative; padding-top: 43px; }
.row.page-column > .col-sm-3 { min-height: inherit; padding-top: 20px; position: static }
.home .row.page-column > .col-sm-3 { padding-top: 0 }
.row.page-column > .col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
#shop-in-person { margin-top: 16px; }
.aside-info-wrapper.mobile-device { display: block; margin-top: 25px; }
.home .row.page-column > .col-sm-3 .join-dealer-network, .home .row.page-column > .col-sm-3 .flip-slider, .home .row.page-column > .col-sm-3 .shopperapproved, .home .row.page-column > .col-sm-3 .flip-slider-wrap, .blog-wrapper > .row > .col-sm-5 { display: none !important }
.blog-wrapper { margin-bottom: 45px }
.blog-wrapper .col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 15px; width: 100%; }
.home-content, .blog-wrapper + .home-content + .review-row { display: none }
nav[aria-label="breadcrumb"] { margin: 10px 0; }
.xs-plr-0 { padding-left: 0 !important; padding-right: 0 !important }
.xs-plr-0.pb-0 { padding-bottom: 0 !important }
.lg-heading { font-size: 44px }
}

@media only screen and (max-width:767px) {
.short-by { width: 100%; }
.short-wrapper .pagination { width: 100%; margin-top: 15px }
.short-wrapper.bottom .pagination { width: 100%; margin-top: 0; text-align: center; display: flex; justify-content: center; flex-wrap: wrap }
}

@media only screen and (max-width:639px) {
header .row { flex-wrap: wrap; }
header .col:last-child { width: 100%; order: 3; margin-top: 16px }
header .navbar-collapse { margin: -80px 0 -20px; }
.align-right-video.w-50 { width: 100% !important }
.align-right-video { padding-top: 45.624444444%; margin: 0 0 10px; }
}

@media only screen and (max-width:575px) {
.home-slider-wrap .slider-caption { position: relative; padding: 20px 20px 50px; }
.home-slider-wrap .bx-wrapper .bx-pager { position: relative; padding-left: 20px }
.home-slider-wrap .slider-caption p { opacity: 1.0 }
.home-slider-wrap .slider-caption .shop-now { left: 20px }
.home-slider-wrap .bx-wrapper .bx-controls-direction a { top: 25%; }
.row.tiles-row > [class*="col-"] { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
}

@media only screen and (max-width:479px) {
header .row { margin-left: 0; margin-right: 0 }
header .col { padding-left: 0; padding-right: 0 }
header .col:first-child { width: 138px; }
header .col:nth-child(2) { width: 146px; }
header ul.nav-icons li:first-child { margin-left: 0 }
.aside-menu-icon span { left: 123px; transform: none; }
.post .text-column { width: 100%; clear: both; padding: 8px 0 0 }
.row.tiles-row > [class*="col-"] { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.credits-section .hidden-xs { display: none !important }
.credits-section .col-4:nth-child(2) { max-width: 100%; max-width: -webkit-calc(100% - 120px); max-width: -moz-calc(100% - 120px); max-width: calc(100% - 120px); }
}

@media only screen and (max-width:420px) {
.home-slider-wrap .bx-wrapper .bx-controls-direction a { top: 18%; }
}

@media only screen and (max-width:359px) {
.home-slider-wrap .bx-wrapper .bx-controls-direction a { top: 15%; }
}
/****MFP Popup****/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: .75 }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: 0 !important; -webkit-backface-visibility: hidden }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle }
.mfp-align-top .mfp-container:before { display: none }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 15px auto; text-align: left; z-index: 1045 }
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto }
.mfp-ajax-cur { cursor: progress }
.mfp-auto-cursor .mfp-content { cursor: auto }
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none }
.mfp-loading.mfp-figure { display: none }
.mfp-hide { display: none !important }
.mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 }
.mfp-preloader a { color: #ccc }
.mfp-preloader a:hover { color: #fff }
.mfp-s-ready .mfp-preloader { display: none }
.mfp-s-error .mfp-content { display: none }
button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation }
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close { width: 30px; height: 30px; line-height: 30px; font-size: 28px; border-radius: 0; position: absolute; right: 0; top: 0 !important; text-decoration: none; text-align: center; opacity: .65; padding: 0; color: #fff; font-style: normal; font-family: Arial, Baskerville, monospace; background: 0 0 !important }
div.mfp-close { display: none !important }
.videoFrame .mfp-close { top: 0 !important; background-color: rgba(236, 223, 223, .5) !important; border-radius: 0; opacity: 0 }
.videoFrame .mfp-iframe-scaler:hover .mfp-close { opacity: 1 }
.videoFrame .mfp-iframe-holder .mfp-content { max-width: 90%; max-height: 100% }
.mfp-close:focus, .mfp-close:hover { opacity: 1 }
.mfp-close:active { top: 1px }
.mfp-close-btn-in .mfp-close { color: #ffffff; background: #000 !important; border-radius: 40px; top: 15px !important; right: 15px; line-height: 31px; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap }
.mfp-arrow-left { width: 30px; height: 50px; position: absolute; left: 0; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; border-radius: 0 30px 30px 0 }
.mfp-arrow-left:before { content: ''; height: 15px; width: 15px; display: block; border: 2px solid #929292; border-right-width: 0; border-bottom-width: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 15px; left: 8px }
.mfp-arrow-right { width: 30px; height: 50px; position: absolute; right: 0; top: 50%; z-index: 90; display: inline-block; margin-top: -25px; font-size: 0; cursor: pointer; border-radius: 30px 0 0 30px }
.mfp-arrow-right:before { content: ''; height: 15px; width: 15px; display: block; border: 2px solid #929292; border-left-width: 0; border-top-width: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 15px; right: 8px }
.mfp-arrow-left:hover:before, .mfp-arrow-right:hover:before { border-color: #fff }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px }
.mfp-iframe-holder .mfp-close { top: -40px }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #000 }
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 0; margin: 0 auto; background-color: #fff }
.mfp-figure { line-height: 0; position: relative }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #444 }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px }
.mfp-figure figure { margin: 0 }
.mfp-bottom-bar { margin-top: 0; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px }
.mfp-image-holder .mfp-content { max-width: 100% }

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 }
.mfp-img-mobile img.mfp-img { padding: 0 }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px }
}

@media all and (min-width:900px) {
.caption-frame .mfp-container { left: 50%; display: table; width: auto; padding: 0 45px; margin: 0 auto; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
}

@media all and (max-width:900px) {
.mfp-arrow { -webkit-transform: scale(.75); transform: scale(.75) }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% }
.mfp-container { padding-left: 6px; padding-right: 6px }
button.mfp-arrow, button.mfp-close { background: rgba(255, 255, 255, .95) }
}
.caption-frame .mfp-bottom-bar { margin-top: 0; left: 0; top: 40px; padding: 30px; text-shadow: 0 0 5px rgba(0, 0, 0, .8) }
.caption-frame .mfp-counter { display: none }
.caption-frame .mfp-title p { color: #fff; margin: 0 0 5px }
.caption-frame .mfp-title h3 { color: #fff; font-size: 20px; margin: 0 }

@media all and (max-width:520px) {
.caption-frame .mfp-bottom-bar { padding: 15px }
}




ol.breadcrumb { padding: 0; margin: 0; list-style: none; background-color: transparent; border-radius: 0; }
ol.breadcrumb li { list-style: none; font-size: 11px; }
ol.breadcrumb li a { text-decoration: none }
ol.breadcrumb li a:hover { text-decoration: underline }
ol.breadcrumb li + li:before { content: ""; display: inline-block !important; line-height: 1; margin-right: 0.5rem; margin-left: 0.4rem; border: solid #aecade; border-width: 0 1px 1px 0; padding: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); vertical-align: middle; }
ol.breadcrumb li.active { color: #aecade; }
.row.category-toolbar .col-sm-6.clearfix { padding: 0 }
.category-toolbar .view-as-btn { display: none !important }
.category-products.clearfix { margin-top: 40px; padding-top: 0 }
.category-toolbar .sort-by span { display: none }
.category-toolbar select { border-radius: 4px; font-size: 12px }
.category-toolbar select option { font-size: 12px }
.category-toolbar .col-sm-6 { padding: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; float: left; width: auto; }
.category-toolbar h2.titles { color: #7f7f7f; font-size: 15px !important; font-weight: 700 !important; display: inline-block; vertical-align: baseline; margin: 0 22px 0 0 !important; }
#frmsortby { display: table; width: 100%; border-bottom: 1px solid #333; margin-bottom: 35px; padding-bottom: 10px; }
#frmsortby .row.category-toolbar { margin: 0 0 10px; float: left; }
#frmsortby .category-actions.clearfix { float: right; width: auto; padding: 0; margin: 0; border-bottom: none; }
#frmsortby .category-viewall { margin-left: 15px }
#frmsortby .category-actions .paging { padding-bottom: 0; }
#frmsortby .category-actions .paging a, #frmsortby .category-actions .paging strong { padding: 0.1em 0.2rem; }
.product-items.product-items-4 { display: flex; flex-wrap: wrap; clear: both; margin: 0 -10px }
.product-items.product-items-4 .product-item { width: 25%; text-align: center; margin-bottom: 40px; padding-left: 10px; padding-right: 10px; }
.product-item .img { margin: 0 0 8px; }
.product-item .name { font-family: Arial, Helvetica, sans-serif; text-transform: none; font-weight: normal; color: #dddddd; line-height: 1.667; }
.product-item .name a { text-decoration: none; color: inherit }
.product-item .price { font-weight: 700; color: #f8b929; }
.product-item .btn { color: #aecade; font-size: 12px; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; box-shadow: none !important; white-space: nowrap; }
.product-item .btn:after { content: "»"; text-decoration: none; margin-left: 1px }
.product-item .product-content div { display: inline-block; vertical-align: top }
nav.bottom_breadcrumb { display: table; width: 100%; border-top: 1px solid #333; padding-top: 20px; }
nav.bottom_breadcrumb .category-viewall { margin-left: 15px }
nav.bottom_breadcrumb .paging { float: right; padding-bottom: 0; }
nav.bottom_breadcrumb .paging a, nav.bottom_breadcrumb .paging strong { padding: 0.1em 0.2rem; }
.browsing_historyBlock .product-items.product-items-4 .product-item { width: auto }

@media only screen and (max-width:767px) {
#frmsortby .category-actions.clearfix { width: 100% }
.product-items.product-items-4 .product-item { width: 33.333333333333% }
nav.bottom_breadcrumb .paging { float: none; padding-bottom: 0; display: table; margin: 0 auto; }
}

@media only screen and (max-width:580px) {
.product-items.product-items-4 .product-item { width: 50% }
}
.browsing_historyBlock {display:none;}

.category_breadcrumbs {display:none;}

.btn-add-to-cart {
    display: block;
    width: 174px;
    height: 37px;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    border: 0;
    overflow: hidden;
    background: url(assets/templates/custom-core/images/btn-add-to-cart.png);
    cursor: pointer;
}
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
    background-image: none;
}

.btn-add-to-cart:active {background-image:auto;}

@media  only screen and (max-width: 799px)
{
.home-page .aside-info-wrapper .join-dealer-network {display: none; } 
.home-page .aside-info-wrapper.mobile-device .join-dealer-network { display: block; } 
.home-page .aside-info-wrapper .flip-slider-wrap {display:none;}
.home-page .aside-info-wrapper.mobile-device .flip-slider-wrap {display:block;}
.home-page .aside-info-wrapper .shopperapproved {display:none;}
.home-page .aside-info-wrapper.mobile-device .shopperapproved {display:block;}
.home-page .aside-info-wrapper .find-a-green-dealer {display:none;}
.home-page .aside-info-wrapper.mobile-device .find-a-green-dealer {display:block;}


}
.flip-slider #raise-your-profile { background-position: 0 -199px }
.flip-slider #increase-sales { background-position: 0 -399px }
.flip-slider #attract-more-work { background-position: 0 -599px }
.flip-slider #thomas-fx-brand { background-position: 0 -799px }


.dealer-country:before {
    content: '';
    display: inline-block;
    margin-right: 4px;
    vertical-align: -14px;
    height: 24px;
    width: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}

.ca:before {background-image: url(/images/canada_flag.png);}
.nz:before {background-image: url(/images/newzealand_flag.png);}
.eng:before {background-image: url(/images/England.png);}
.us:before {background-image: url(/images/usa_flag.jpg);}
.sk:before {background-image: url(/images/southkorea_flag.jpg);}
.hk:before {background-image: url(/images/china_flag.png);}
.swe:before {background-image: url(/images/sweden_flag.png);}
.irl:before {background-image: url(/images/ireland_flag.png);}
.sa:before {background-image: url(/images/sf_flag.png);}
.ind:before {background-image: url(/images/india_flag.png);}
.flag-au:before {background-image: url(/images/australia_flag.png);}
.flag-guam:before {background-image: url(/images/guam_flag.png);}
.flag-mexico:before {background-image: url(/images/mexico_flag.png);}
.flag-uae:before {background-image: url(/images/uae_flag.png);}
.flag-spain:before {background-image: url(/images/spain_flag.png);}
.ice:before {background-image: url(/images/flag-of-iceland.jpg);}
.flag-netherlands:before {background-image: url(/images/netherlands-flag.png);}



.shippingMethods  a.icon-btn.icon-btn-refresh  {color:black;}
.option-shipper {
    color: black;
    font-weight: bold;
    font-size: 14px;
}

.modal-dialog h4, .modal-dialog #instorePickupInstructionsText {color:black;}

.iCookie-whitered {bottom:100px !important;}

.cad-both-side-flag { display: flex; column-gap: 2px; justify-content: center; align-items: center; font-size: 100%; color: inherit }
.cad-both-side-flag:before, .cad-both-side-flag:after { display: block; content: ""; background-image: url(../images/canada_flag.png); width: 28px; height: 11px; background-size: contain; background-repeat: no-repeat; background-position: center center;margin-top: 2px;}
@media only screen and (max-width: 991px){
.cad-both-side-flag:before, .cad-both-side-flag:after { width: 20px; height: 8px; margin-top: 1px; }
}