/**
* 2019-01-30 08:13:25 */
body {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
}
/* Class for elements in custom content */
.headings-font,
.main-font,
/* Headings */
h1, h2, h3, h4, h5,
.section-title,
.products-list .product-name,
.filter .block-subtitle,
/* Generic */
.feature .heading,
.uaccordion .heading,
/* Block headings */
.block .block-title,
/* Checkout headings */
#opc-login h3,
/* Multiple checkout */
/*.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend,*/
/* Account */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2,
/* Product page tabs */
.product.data.items > .item.title > .switch,
/* Footer headings */
.footer .heading,
#subscribe-form label,
/* Captions */
.caption .heading
{
font-family: 'Open Sans';
font-weight: 400;
}
body
{
background-color: #fff;
color: #333;
}
a
{
color: #cd6b00;
}
a:hover,
.sideacco li.current > a,
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover
{
color: #cd6b00;
}
.action.primary
{
background-color: #cd6b00;
color: #fff;
}
.action.primary:hover,
.action.primary:focus
{
background-color: #e88b24;
color: #fff;
}
.product-view .action.primary,
.action.primary.checkout
{
background-color: #cd6b00;
color: #fff;
}
.product-view .action.primary:hover,
.action.primary.checkout:hover
{
background-color: #e88b24;
color: #fff;
}
.links > li > a:hover {
color: #cd6b00 !important;
}
.sticker.new {
background-color: rgba(91, 210, 236, 0.85);
color: #fff;
}
.sticker.sale {
background-color: rgba(241, 43, 99, 0.85);
color: #fff;
}
.sticker.custom {
background-color: rgba(146, 210, 19, 0.85);
color: #fff;
}
.opc-progress-bar-item._active:before,
.opc-progress-bar-item._active > span:before,
.opc-wrapper .shipping-address-item.selected-item:after,
.filter-title strong[data-count]:after,
.main-color--bg
{
background-color: #5bd2ec;
}
.opc-wrapper .shipping-address-item.selected-item,
.main-color--border
{
border-color: #5bd2ec;
}
.fotorama__thumb-border
{
border-color: #333;
}
.swatch-option.selected,
.swatch-attribute.size .swatch-option.selected,
.swatch-attribute.manufacturer .swatch-option.selected,
.swatch-option:not(.disabled):hover,
.swatch-option.image:not(.disabled):hover,
.swatch-option.color:not(.disabled):hover
{
outline-color: #333;
}
.price-box .price
{
color: #cd6b00;
}
.special-price .price,
.special-price .price-label
{
color: #F70046;
}
.page-product-configurable .product-info-price .special-price .price
{
color: #cd6b00;
}
.old-price .price,
.old-price .price-label,
.old-price, .old.price
{
color: #ccc;
}
.rating-summary .rating-result > span:before,
.review-control-vote label:before {
color: #333;
}
.additional-bg-color,
.cart-summary,
.opc-block-summary,
.opc-estimated-wrapper,
.bundle-options-container .block-bundle-summary,
.block-collapsible-nav .content,
/* Legacy styles selectors, may be deprecated (review it later): */
.checkout-agreements li
{
background-color: #f5f5f5;
}
.minicart-wrapper .action.showcart .counter:not(.ib), .header-container .skip-link .counter, .dropdown-block .dropdown-heading .counter
{
background-color: #ff8a00;
}
.minicart-wrapper .action.showcart .counter:not(.ib), .dropdown-block .dropdown-heading .counter
{
}
.modes-mode,
.sorter-action,
.pages .page,
.pages .action,
.pages .action.previous,
.pages .action.next
{
background-color: #cd6b00;
color: #fff;
}
.modes-mode:before,
.sorter-action:before,
.pages .action:before,
.pages .action.previous:before,
.pages .action.next:before
{
color: #fff;
}
.modes-mode:hover,
.sorter-action:hover,
.pages .page:hover,
.pages .action:hover
{
background-color: #e88b24;
color: #fff;
}
.modes-mode:hover:before,
.sorter-action:hover:before,
.pages .action:hover:before,
.pages .action.previous:hover:before,
.pages .action.next:hover:before
{
color: #fff;
}
.modes-mode.active,
.pages .current .page
{
background-color: #e5e5e5;
color: #333;
}
.modes-mode.active:before
{
color: #333;
}
/* Add-to links */
.addto-links .ic,
/* Slider arrows */
.slider-arrows1 .owl-controls .owl-buttons div,
.slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,
.slider-arrows2 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,
/* Slider pagination */
.slider-pagination1 .owl-controls .owl-page span,
.slider-pagination2 .owl-controls .owl-page span,
/* Lightbox */
#cboxPrevious,
#cboxNext,
#cboxClose,
/* Accordion and collapsible: opener */
.uaccordion-style1 .opener,
.collapsible .opener,
/* Quantity button */
.qty-button,
/* Scroll to top */
#scroll-to-top
{
background-color: #cd6b00;
color: #fff;
}
/* Add-to links */
.addto-links .ic:hover,
.addto-links .feature-icon-hover:hover .ic,
/* Slider arrows */
.slider-arrows1 .owl-controls.clickable .owl-buttons div:hover,
.slider-arrows2 .owl-controls.clickable .owl-buttons div:hover,
.slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,
/* Slider pagination */
.slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.slider-pagination2 .owl-controls.clickable .owl-page:hover span,
/* Lightbox */
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover,
/* Accordion and collapsible: opener */
.uaccordion-style1 .opener:hover,
.collapsible .opener:hover,
/* Quantity button */
.qty-button:hover,
/* Scroll to top */
#scroll-to-top:hover
{
background-color: #e88b24;
color: #fff;
}
/* Slider pagination */
.slider-pagination1 .owl-controls .owl-page.active span,
.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */
.slider-pagination2 .owl-controls .owl-page.active span,
.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */
{
background-color: #e5e5e5;
color: #333;
}
.ib
{
background-color: #cd6b00;
color: #fff;
}
.ib-hover:hover,
.feature-icon-hover:hover .ib
{
background-color: #e5e5e5;
color: #fff;
}
.ib-ef-1:hover,
.feature-icon-hover:hover .ib-ef-1
{
background-color: #e5e5e5;
color: #fff;
}
.ib-ef-1:after
{
box-shadow: 0 0 0 4px #e5e5e5;
}
.ib-ef-2
{
box-shadow: 0 0 0 4px #cd6b00;
}
.ib-ef-2:after
{
background-color: #cd6b00;
}
.ib-ef-2a:hover,
.feature-icon-hover:hover .ib-ef-2a
{
color: #fff;
}
.ib-ef-2b:hover,
.feature-icon-hover:hover .ib-ef-2b
{
color: #cd6b00;
}
.ib-ef-3 {
box-shadow: 0 0 0 4px #cd6b00;
}
.ib-ef-3:after
{
background-color: #cd6b00;
}
.ib-ef-3a:hover,
.feature-icon-hover:hover .ib-ef-3a {
color: #cd6b00;
}
.ib-ef-3b {
color: #cd6b00;
}
.ib-ef-3b:hover,
.feature-icon-hover:hover .ib-ef-3b {
color: #fff;
}
.ib.icon-color-productview
{
background-color: #eee;
color: #333;
}
.ib-hover.icon-color-productview:hover,
.feature-icon-hover:hover .ib.icon-color-productview
{
background-color: #5bd2ec !important;
color: #fff !important;
}
.cap {
background-color: rgba(91, 210, 236, 0.85);
}
.page-wrapper
{
border: none !important;
}
.inner-container {
padding-left: 15px;
padding-right: 15px;
}
.header-container
{
}
.header.container
{
}
.header-container3
{
}
.header-regular .block-search.expanding._active {
width: 185px;
}
.header-regular .block-search .input-text,
.header-regular .block-search .action.search .icon,
.header-regular .block-search.expanding .input-text {
background-color: #fff;
color: #bbb;
}
.header-regular .block-search .input-text:hover,
.header-regular .block-search .input-text:focus,
.header-regular .block-search .action.search:hover .icon,
.header-regular .block-search .action.search:focus .icon,
.header-regular .block-search.expanding._active .input-text {
background-color: #fff;
color: #333;
}
.header-regular .block-search.expanding._active .action.search .icon {
color: #333;
}
.block-search .action.search .icon
{
background-color: transparent !important;
color: #bbb;
}
.header-regular .block-search .input-text
{
border-color: #ddd;
}
.header-regular .block-search .input-text:hover,
.header-regular .block-search .input-text:focus
{
border-color: #eee;
}
.header-regular .block-search .action.search, .header-regular .block-search .action.search:before, .header-regular .block-search .input-text::-webkit-input-placeholder,
.header-regular .block-search .input-text:-moz-placeholder,
.header-regular .block-search .input-text::-moz-placeholder,
.header-regular .block-search .input-text:-ms-input-placeholder,
.header-regular .block-search .input-text::placeholder
{
color: #bbb;
}
.header-regular .block-search .action.search:hover, .header-regular .block-search .action.search:focus, .header-regular .block-search .action.search:hover:before, .header-regular .block-search .action.search:focus:before, .header-regular .block-search .input-text:hover::-webkit-input-placeholder,
.header-regular .block-search .input-text:focus::-webkit-input-placeholder,
.header-regular .block-search .input-text:hover:-moz-placeholder,
.header-regular .block-search .input-text:focus:-moz-placeholder,
.header-regular .block-search .input-text:hover::-moz-placeholder,
.header-regular .block-search .input-text:focus::-moz-placeholder,
.header-regular .block-search .input-text:hover:-ms-input-placeholder,
.header-regular .block-search .input-text:focus:-ms-input-placeholder,
.header-regular .block-search .input-text:hover::placeholder,
.header-regular .block-search .input-text:focus::placeholder
{
color: #333;
}
.header-regular .block-search .input-text
{
box-shadow: none;
}
.header-regular .block-search .input-text:focus
{
box-shadow: 0 0 5px rgba(81,167,232,0.5), inset 0 1px 2px rgba(0,0,0,0.075);
}
.header-container .dropdown-block .dropdown-content,
.header-container .dropdown-block.filled-heading.open .dropdown-heading .inner-heading,
.header-container .dropdown-block.open .dropdown-heading.filled .inner-heading,
.header-container .dropdown-block.open .dropdown-heading.cover .inner-heading,
.header-container .block-search .search-autocomplete ul li
{
background-color: #fff;
color: #333; }
.header-container .dropdown-block.filled-heading.open .dropdown-heading .icon:not(.ib),
.header-container .dropdown-block.open .dropdown-heading.filled .icon:not(.ib),
.header-container .dropdown-block.open .dropdown-heading.cover .icon:not(.ib) {
color: #333; }
.header-container .dropdown-block .dropdown-content a,
.header-container .dropdown-block .dropdown-content .action:before,
.header-container .dropdown-block.filled-heading.open .dropdown-heading a,
.header-container .dropdown-block.open .dropdown-heading.filled a,
.header-container .dropdown-block.open .dropdown-heading.cover a {
color: #333;
}
.header-container .dropdown-block .dropdown-content a:hover,
.header-container .dropdown-block .dropdown-content .action:hover:before,
.header-container .dropdown-block.filled-heading.open .dropdown-heading a:hover,
.header-container .dropdown-block.open .dropdown-heading.filled a:hover,
.header-container .dropdown-block.open .dropdown-heading.cover a:hover,
.header-container .block-search .search-autocomplete ul li:hover,
.header-container .block-search .search-autocomplete ul li.selected {
color: #aaa;
}
.dropdown-block.show-pointer .dropdown-content:before {
border-bottom-color: #fff;
}
.dropdown-block.show-border .dropdown-content:after {
border-bottom-color: #ccc;
}
.dropdown-block.show-border .dropdown-content,
.dropdown-block.show-border.filled-heading.open .dropdown-heading {
border-color: #ccc;
}
.dropdown-block .dropdown-heading .icon
{
color: #333;
}
.dropdown-block .dropdown-heading .icon.ib
{
background-color: #f55856;
}
.header-top-container
{
}
.header-top
{
}
.header-top a
{
}
.header-top a:hover
{
}
.header-top .local-font,
.header-top .dropdown-block .dropdown-heading,
.header-top .links > li > *
{
}
.header-top .local-height,
.header-top .dropdown-block .dropdown-heading,
.header-top .links > li > *
{
line-height: 36px;
}
.header-top .dropdown-block .dropdown-heading
{
max-height: 36px;
}
.header-top
{
line-height: 36px;
}
.header-primary-container
{
}
.header-primary
{
padding-top: 5px;
padding-bottom: 5px;
}
.header-primary a {
}
.header-primary a:hover {
}
.header-primary .local-font,
.header-primary .dropdown-block .dropdown-heading,
.header-primary .links > li > *
{
line-height: 36px;
}
.header-primary .dropdown-block .dropdown-heading
{
max-height: 36px;
}
.cat-label-label1 {
background-color: #5bd2ec;
color: #fff;
}
.cat-label-label2 {
background-color: #d52462;
color: #fff;
}
li.level0 > a > span > .cat-label-label1.pin-bottom:before {
border-top-color: #5bd2ec;
}
li.level0 > a > span > .cat-label-label2.pin-bottom:before {
border-top-color: #d52462;
}
li > a:hover > span > .cat-label,
.nav-regular li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */
{
background-color: #ff7214;
color: #fff;
}
li.level0 > a:hover > span > .pin-bottom:before,
.nav-regular li.level0:hover > a > span > .pin-bottom:before
{
border-top-color: #ff7214;
}
.navi .nav-panel--dropdown
{
background-color: #fff;
color: #333;
}
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div
{
background-color: #fff !important;
}
.nav-regular .nav-panel--dropdown .nav-item > a:hover
{
background-color: #fff;
}
.navi .nav-panel--dropdown a
{
color: #333;
}
.navi .nav-panel--dropdown a:hover
{
color: #ff7b16;
}
.nav-regular .nav-panel--dropdown
{
-moz-box-shadow:0 3px 10px rgba(0,0,0, 0.15);
-webkit-box-shadow:0 3px 10px rgba(0,0,0, 0.15);
box-shadow:0 3px 10px rgba(0,0,0, 0.15);
}
.nav-mobile div.nav-panel--dropdown,
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div
{
-moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
-webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
z-index: 1;
position: relative;
}
.nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown
{
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.nav-container
{
background-color: #000;
}
.nav.container
{
}
.sticky-header .nav-container, .sticky-header .navi-wrapper, .sticky-header .nav-regular:not(.nav-vert) {
background-color: #000;
}
.sticky-header .nav-regular:not(.nav-vert) .nav-item.level0 > a,
.sticky-header .nav-regular .nav-item--homeicon a, .sticky-header .nav-regular .nav-item--homeicon.active a,
.sticky-header .nav-holder .dropdown-block .dropdown-heading, .sticky-header .nav-holder .dropdown-block .dropdown-heading .icon:not(.ib), .sticky-header .nav-holder .dropdown-block .dropdown-heading a, .sticky-header .nav-holder .block-search.expanding:not(._active) .action.search .icon {
color: #fff;
}
.sticky-header .nav-border-bottom
{
border-bottom: none;
}
.nav-mobile .nav-item > a,
.header-mobile .skip-content .links > li > a
{
line-height: 50px;
}
.navi-wrapper,
.nav-regular
{
background-color: #000;
}
.nav-regular:not(.nav-vert) .nav-item.level0 > a,
.nav-holder .dropdown-block .dropdown-heading, .nav-holder .dropdown-block .dropdown-heading .icon:not(.ib), .nav-holder .dropdown-block .dropdown-heading a, .nav-holder .block-search.expanding .action.search .icon {
color: #fff;
}
.navi .nav-item--homeicon a
{
color: #fff !important;
}
.nav-mobile .nav-item.level0 > a,
.header-mobile .skip-content .links > li > a {
background-color: #000;
color: #fff;
padding: 0 10px;
}
.nav-mobile .nav-item.level0 > .opener
{
color: #fff;
}
.navi.nav-mobile ul.level0 .nav-item > a
{
background-color: #000;
color: #fff;
}
.nav-mobile ul.level0 .nav-item > .opener
{
color: #fff;
}
.nav-regular:not(.nav-vert) .nav-item.level0.active > a
{
background-color: rgba(0, 0, 0, 0.04);
color: #fff;
}
.nav-mobile .nav-item.level0.current > a,
.header-mobile .skip-content .links > li.current > a {
background-color: #000;
color: #fff;
}
.nav-mobile .nav-item.level0.current > .opener
{
color: #fff;
}
.navi.nav-mobile ul.level0 .nav-item.current > a
{
background-color: #000;
color: #fff;
}
.nav-mobile ul.level0 .nav-item.current > .opener
{
color: #fff;
}
.nav-regular:not(.nav-vert) .nav-item.level0:hover > a
{
background-color: rgba(0, 0, 0, 0.04);
color: #fff;
}
.nav-mobile .nav-item.level0 > a:hover,
.header-mobile .skip-content .links > li > a:hover {
background-color: #000;
color: #fff;
}
.nav-mobile .nav-item.level0 > a:hover + .opener
{
color: #fff;
}
.navi.nav-mobile ul.level0 .nav-item > a:hover
{
background-color: #000;
color: #fff;
}
.nav-mobile ul.level0 .nav-item > a:hover + .opener
{
color: #fff;
}
.nav-vert .nav-item.level0 > a
{
background-color: transparent;
color: #000;
}
.sideacco .nav-item > a
{
background-color: transparent;
color: #000;
}
.sideacco .nav-item > .opener
{
color: #000;
}
.nav-vert .nav-item.level0.active > a
{
background-color: transparent;
color: #ff7b16;
}
.sideacco .nav-item.current > a
{
background-color: transparent;
color: #ff7b16;
}
.sideacco .nav-item.current > .opener
{
color: #ff7b16;
}
.nav-vert .nav-item.level0:hover > a
{
background-color: transparent;
color: #ff7b16;
}
.sideacco .nav-item > a:hover
{
background-color: transparent;
color: #ff7b16;
}
.sideacco .nav-item > a:hover + .opener
{
color: #ff7b16;
}
.navi.nav-vert-triggerable
{
-moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
-webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
}
.navi-wrapper .menu-trigger,
.nav-regular .nav-item.level0 > a {
line-height: 50px;
}
.navi-wrapper .navi.nav-vert-triggerable
{
top: 50px;
}
.nav-holder > * {
line-height: 50px;
max-height: 50px;
}
.nav-holder .dropdown-block .dropdown-heading {
line-height: 50px;
max-height: 50px;
}
.menu-trigger,
.nav-vert .nav-item.level0 > a
{
line-height: 36px;
}
.vertnav-trigger + .navi.nav-vert-triggerable {
top: 36px;
}
.sideacco .nav-item > a
{
line-height: 36px;
}
.sideacco .nav-item.parent > a
{
padding-right: 36px;
}
.sideacco .nav-item > .opener
{
width: 36px;
height: 36px;
line-height: 36px;
}
.nav-mobile .nav-item { margin-top: 1px !important; }
.nav-mobile { background-color: #eee; }
.menu-trigger .menu-trigger-inner
{
background-color: #000;
color: #fff;
}
.menu-trigger .menu-trigger-inner:hover
{
background-color: rgba(0, 0, 0, 0.04);
color: #fff;
}
.menu-trigger.active .menu-trigger-inner
{
background-color: rgba(0, 0, 0, 0.04);
color: #fff;
}
.menu-trigger .menu-trigger-inner .trigger-icon .line {
background-color: #fff;
}
.menu-trigger .menu-trigger-inner:hover .trigger-icon .line {
background-color: #fff;
}
.menu-trigger.active .menu-trigger-inner .trigger-icon .line {
background-color: #fff;
}
.vertnav-trigger .menu-trigger-inner
{
background-color: #f7f7f7;
color: #333;
}
.vertnav-trigger .menu-trigger-inner .trigger-icon .line {
background-color: #333;
}
.vertnav-trigger,
.nav-regular .nav-item.level0 > a,
.nav-holder .dropdown-block .dropdown-heading {
font-size:16px;
text-transform: uppercase;
}
.nav-regular .nav-item > a
{
font-size:16px;
}
.nav-regular .nav-submenu--mega .nav-item > a
{
font-size:14px;
text-transform: none;
}
.nav-regular .nav-submenu--mega > .nav-item > a
{
font-size:16px;
text-transform: uppercase;
}
.nav-mobile li.nav-item > a
{
font-size:16px;
}
.nav-mobile .nav-item > a,
.header-mobile .skip-content .links > li > a {
}
.mobnav-trigger,
.nav-mobile .nav-item.level0 > a,
.header-mobile .skip-content .links > li > a {
font-size:18px;
text-transform: uppercase;
}
.nav-mobile .nav-item.level1 > a
{
font-size:18px;
text-transform: none;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
/* Menu */
.nav-regular:not(.nav-vert) .nav-item.level0 > a,
.nav-regular .nav-holder .dropdown-heading
{
font-size: 14px;
}
.nav-regular:not(.nav-vert) .nav-item.level0 > a {
padding: 0 6px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1023px) {
/* Menu */
.nav-regular:not(.nav-vert) .nav-item.level0 > a,
.nav-regular .nav-holder .dropdown-heading
{
font-size: 14px;
}
.nav-regular:not(.nav-vert) .nav-item.level0 > a {
padding: 0 4px;
}
}
@media only screen and (max-width: 959px) {
/* Menu */
.nav-regular:not(.nav-vert) .nav-item.level0 > a,
.nav-regular .nav-holder .dropdown-heading
{
font-size: 13px;
}
.nav-regular:not(.nav-vert) .nav-item.level0 > a {
padding: 0 3px;
}
}
.header-container-micro {
background-color: rgba(0,0,0, 0.02);
}
.header-mobile.header-container, .header-mobile .header-m-container,
.header-mobile .nav-container
{
padding-top: 0;
padding-bottom: 0;
}
.header-mobile .header-m-top,
.header-mobile .header-m-primary,
.header-mobile .nav
{
}
.header-mobile .header-container3
{
}
.header-mobile .skip-link
{
background-color: #000;
color: #fff;
}
.header-mobile .skip-link.skip-active
{
background-color: #000;
color: #fff;
}
.header-mobile .skip-link:hover {
background-color: #000;
color: #fff;
}
.header-mobile .skip-content--style
{
background-color: #f5f5f5;
color: #333;
}
.header-mobile .skip-content--style a
{
color: #333;
}
.header-mobile .skip-content--style a:hover
{
color: #3ec2df;
}
.main-container
{
}
.main.container
{
background-color: #fff;
padding-top: 20px;
padding-bottom: 20px;
}
.truncated .item-options
{
background-color: #fff;
}
/* Slider arrows */
.slideshow-wrapper .owl-controls .owl-buttons div,
/* Slider pagination */
.slideshow-wrapper.slider-pagination1 .owl-controls .owl-page span,
/* For pagination2 default color overrides color of active state and hover state */
.slideshow-wrapper.slider-pagination2 .owl-controls .owl-page span,
.slideshow-wrapper.slider-pagination2 .owl-controls .owl-page.active span,
.slideshow-wrapper.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span
{
background-color: #ff7b16;
color: #fff;
}
/* Slider arrows */
.slideshow-wrapper .owl-controls.clickable .owl-buttons div:hover,
/* Slider pagination */
.slideshow-wrapper.slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.slideshow-wrapper.slider-pagination2 .owl-controls.clickable .owl-page:hover span
{
background-color: #000;
color: #fff;
}
.slideshow-wrapper.slider-pagination1 .owl-controls .owl-page.active span,
.slideshow-wrapper.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */
{
background-color: #ff7b16;
}
.footer-container
{
background-color: #d5d5d5;
}
.footer
{
}
.footer a
{
}
.footer a:hover
{
}
.footer .button
{
background-color: #e5e5e5;
color: #555;
}
.footer .button:hover,
.footer .button:focus
{
background-color: #a5db00;
color: #fff;
}
.footer .ib,
.footer span.icon /* For backward compatibility */
{
background-color: #fff;
color: #000;
}
.footer .ib-hover:hover,
.footer span.icon-hover:hover, /* For backward compatibility */
.footer .feature-icon-hover:hover .ib,
.footer .feature-icon-hover:hover span.icon /* For backward compatibility */
{
background-color: #444 !important;
color: #fff !important;
}
/* Slider arrows */
.footer .slider-arrows1 .owl-controls .owl-buttons div,
.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,
.footer .slider-arrows2 .owl-controls .owl-buttons div,
.footer .slider-arrows3 .owl-controls .owl-buttons div,
.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,
/* Slider pagination */
.footer .slider-pagination1 .owl-controls .owl-page span,
.footer .slider-pagination2 .owl-controls .owl-page span,
/* Accordion and collapsible: opener */
.footer .uaccordion-style1 .opener,
.footer .collapsible .opener
{
background-color: #f5f5f5;
color: #333;
}
/* Slider arrows */
.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,
/* Slider pagination */
.footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span,
/* Accordion and collapsible: opener */
.footer .uaccordion-style1 .opener:hover,
.footer .collapsible .opener:hover
{
background-color: #000;
color: #fff;
}
.footer-top-container
{
background-color: #fff;
}
.footer-top
{
}
.footer-top a
{
}
.footer-top a:hover
{
}
.footer-primary-container
{
padding-top: 10px;
padding-bottom: 10px;
}
.footer-primary
{
padding-top: 20px;
padding-bottom: 20px;
}
.footer-primary a
{
}
.footer-primary a:hover
{
}
.footer-bottom-container
{
background-color: #737373;
}
.footer-bottom
{
color: #fff;
padding-top: 5px;
padding-bottom: 5px;
}
.footer-bottom a
{
color: #fff;
}
.footer-bottom a:hover
{
color: #ff8a00;
}
.social-links .ib,
.social-links a > span.icon /* For backward compatibility */
{
background-color: #bbb;
color: #fff;
}
.social-links .ib-hover:hover,
.social-links a > span.icon-hover:hover /* For backward compatibility */
{
background-color: #cd6b00 !important;
color: #fff !important;
}
/* Shadows: for pop-ups, drop-downs etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Sticky header */
.sticky-header .sticky-container,
/* Dropdowns */
.dropdown-block.filled-heading.open .dropdown-heading,
.dropdown-block.open .dropdown-heading.filled,
.dropdown-block.open .dropdown-heading.cover,
.dropdown-block.open .dropdown-content,
/* Search autocomplete */
.search-autocomplete
{
-moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
-webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
}/**
* 2019-01-30 08:13:25 */
/* w:1200, b:1200*/
.container { width: 96%; }
.lte-ie8 .container { max-width:1170px; }
@media only screen and (min-width: 1200px) {
.container { max-width: 1170px; }
/* Item grid
-------------------------------------------------------------- */
.itemgrid .item { width:31.3333%; clear:none !important; }
.itemgrid > li:nth-of-type(3n+1) { clear:left !important; }
/* Item grid - adaptive
-------------------------------------------------------------- */
/* Item grid: 2 columns */
.itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; }
.itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) { clear:left !important; }
/* Item grid: 3 columns */
.itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; }
.itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) { clear:left !important; }
/* Item grid: 4 columns */
.itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; }
.itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) { clear:left !important; }
/* Item grid: 5 columns */
.itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; }
.itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) { clear:left !important; }
/* Item grid: 6 columns */
.itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; }
.itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) { clear:left !important; }
/* Item grid: 7 columns */
.itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; }
.itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; }
/* Hide */
.hide-below-1280 { display:inherit !important; }
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
/* Item grid
-------------------------------------------------------------- */
.itemgrid .item { width:31.3333%; clear:none !important; }
.itemgrid > li:nth-of-type(3n+1) { clear:left !important; }
/* Item grid - adaptive
-------------------------------------------------------------- */
/* Item grid: 2 columns */
.itemgrid-adaptive.itemgrid-2col .item { width:48%; clear:none !important; }
.itemgrid-adaptive.itemgrid-2col > li:nth-of-type(2n+1) { clear:left !important; }
/* Item grid: 3 columns */
.itemgrid-adaptive.itemgrid-3col .item { width:31.3333%; clear:none !important; }
.itemgrid-adaptive.itemgrid-3col > li:nth-of-type(3n+1) { clear:left !important; }
/* Item grid: 4 columns */
.itemgrid-adaptive.itemgrid-4col .item { width:23%; clear:none !important; }
.itemgrid-adaptive.itemgrid-4col > li:nth-of-type(4n+1) { clear:left !important; }
/* Item grid: 5 columns */
.itemgrid-adaptive.itemgrid-5col .item { width:18%; clear:none !important; }
.itemgrid-adaptive.itemgrid-5col > li:nth-of-type(5n+1) { clear:left !important; }
/* Item grid: 6 columns */
.itemgrid-adaptive.itemgrid-6col .item { width:14.6666%; clear:none !important; }
.itemgrid-adaptive.itemgrid-6col > li:nth-of-type(6n+1) { clear:left !important; }
/* Item grid: 7 columns */
.itemgrid-adaptive.itemgrid-7col .item { width:12.2857%; clear:none !important; }
.itemgrid-adaptive.itemgrid-7col > li:nth-of-type(7n+1) { clear:left !important; }
}
@media only screen and (max-width: 991px) {
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
/* 2 columns - left
-------------------------------------------------------------- */
.page-layout-2columns-left .column.main {
width: 75%;
}
.page-layout-2columns-left .sidebar-main {
width: 25%;
}
.page-layout-2columns-left .sidebar-additional {
width: 25%;
}
/* 2 columns - right
-------------------------------------------------------------- */
.page-layout-2columns-right .column.main {
width: 75%;
}
.page-layout-2columns-right .sidebar-main {
width: 25%;
}
.page-layout-2columns-right .sidebar-additional {
width: 25%;
}
/* 3 columns
-------------------------------------------------------------- */
.page-layout-3columns .column.main {
width: 75%;
float: right;
}
.page-layout-3columns .sidebar-main {
width: 25%;
float: left;
}
.page-layout-3columns .sidebar-additional {
width: 25%;
padding-right: 2%;
padding-left: 0;
clear: left;
float: left;
}
/* Item grid
-------------------------------------------------------------- */
.itemgrid .item { width:48%; clear:none !important; }
.itemgrid > li:nth-of-type(2n+1) { clear:left !important; }
/* Item grid - adaptive
Between breakpoints S and M decrease number of columns
if default number of columns is 4 or higher.
-------------------------------------------------------------- */
/* Item grid: 4 columns */
.itemgrid-adaptive.itemgrid-4col .item { width:31.3333%; clear:none !important; }
.itemgrid-adaptive.itemgrid-4col > li:nth-of-type(3n+1) { clear:left !important; }
/* Item grid: 5 columns */
.itemgrid-adaptive.itemgrid-5col .item { width:23%; clear:none !important; }
.itemgrid-adaptive.itemgrid-5col > li:nth-of-type(4n+1) { clear:left !important; }
/* Item grid: 6 columns */
.itemgrid-adaptive.itemgrid-6col .item { width:18%; clear:none !important; }
.itemgrid-adaptive.itemgrid-6col > li:nth-of-type(5n+1) { clear:left !important; }
/* Item grid: 7 columns */
.itemgrid-adaptive.itemgrid-7col .item { width:14.6666%; clear:none !important; }
.itemgrid-adaptive.itemgrid-7col > li:nth-of-type(6n+1) { clear:left !important; }
/* Item grid: 8 columns */
.itemgrid-adaptive.itemgrid-8col .item { width:12.2857%; clear:none !important; }
.itemgrid-adaptive.itemgrid-8col > li:nth-of-type(7n+1) { clear:left !important; }
}
@media only screen and (max-width: 767px) {
.container {
max-width: none !important;
width: 100%;
}
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
.grid-full
{
width:100% !important; margin-left:0;
margin-right:0;
}
.columns .column.main,
.columns .sidebar-main,
.columns .sidebar-additional
{
width: 100%;
margin-left: 0;
margin-right: 0;
padding-right: 0;
padding-left: 0;
}
.v-grid-container { display:block; }
.v-grid { float:inherit; display:block; width:100%; }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
/* Item grid
-------------------------------------------------------------- */
.itemgrid .item { width:48%; clear:none !important; }
.itemgrid > li:nth-of-type(2n+1) { clear:left !important; }
}
@media only screen and (max-width: 639px) {
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
/* Item grid
-------------------------------------------------------------- */
.itemgrid .item { width:98%; clear:none !important; }
}
@media only screen and (max-width: 479px) {
.category-products-grid.hover-effect .item .addto-links,
.category-products-grid .item .addto-links {
display: none !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
/* Item grid
-------------------------------------------------------------- */
.itemgrid .item { width:98%; clear:none !important; }
}
@media only screen and (max-width: 319px) {
/* Disable hover effect */
.category-products-grid.hover-effect .item:hover {
margin-left:0;
margin-right:0;
padding-left:1%;
padding-right:1%;
box-shadow: none !important;
border-color: #f5f5f5;
}
.category-products-grid.hover-effect .item .display-onhover { display:block !important; }
.category-products-grid.hover-effect.single-line-name .item .product-name { overflow: visible; white-space: normal; }
/* Item grid
-------------------------------------------------------------- */
/* Always show 1 column */
/* Important: added ".itemgrid" class to override other styles */
.itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; }
}
@media only screen and (max-width: 1023px) {
.hide-below-1024 { display:none !important; }
}
@media only screen and (max-width: 959px) {
.hide-below-960 { display:none !important; }
}
@media only screen and (max-width: 767px) {
.hide-below-768 { display:none !important; }
}
@media only screen and (max-width: 479px) {
.hide-below-480 { display:none !important; }
}
@media only screen and (max-width: 319px) {
.hide-below-320 { display:none !important; }
}