body {
    margin-top: 0!important;
    padding-top: 80px;
    transition: padding .3s ease
}

html.fancy-active body {
    overflow: hidden
}

.small {
    font-size: unset
}

.wsa-demobar {
    position: fixed!important;
    font-size: .9em!important;
    background: rgba(30,30,30,.8)!important;
    border: 0!important;
    box-shadow: none!important;
    height: auto!important;
    top: auto!important;
    bottom: 0;
    text-shadow: none!important;
    color: #ccc!important;
    font-weight: 400!important
}

.wsa-demobar .close {
    opacity: .8
}

.wsa-cookielaw {
    bottom: 0;
    top: auto !important;
    height: auto!important;
    white-space: inherit!important;
    padding: 10px;
    bottom: 0;
    border: 0;
    border-top: 1px solid #ccc
}

.container.compact {
    max-width: 991px
}

.wsa-cookielaw-button,.wsa-cookielaw-button:hover {
    border-radius: 0;
    border: 0
}

.theme-pop {
    display: none
}

.theme-pop {
    position: absolute;
    background: rgba(0,0,0,.4);
    width: 350px;
    padding: 15px;
    font-weight: 300;
    font-size: 12px;
    color: #f5f5f5;
    border-radius: 5px;
    margin-top: 20px;
    box-shadow: 0 0 50px -20px #000;
    padding-right: 30px;
    z-index: 0
}

.theme-pop.collection-pop
{
  right:30px;
}

.theme-pop .x {
    top: 15px;
    right: 15px
}

.theme-pop .x:before,.theme-pop .x:after {
    border-color: #fff
}

body,html {
    -webkit-overflow-scrolling: touch!important
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.videoWrapper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5)
}

label {
    margin: 0;
    padding: 0
}

html.mobile-nav-active body {
    overflow: hidden;
    height: 100%
}

html.modal-active body {
    height: auto;
    overflow-y: hidden
}

html.mobile-nav-active {
    margin: 0;
    overflow: hidden
}

button,input,textarea {
    border-radius: 0
}

body.quickshop-active {
    overflow: hidden;
    height: 100%
}

p {
    line-height: 2.2em;
    margin: 0 0 15px 0;
    margin: 0 0 1.8em 0
}

.p-compact p {
    line-height: 2em;
    margin: 0 0 15px 0
}

.company-details p {
    margin: 0 0 2px 0
}

.company-details p:last-child {
    margin: 0
}

.box-shadow-med {
    box-shadow: 0 0 11px -4px #000
}

.box-shadow-light {
    box-shadow: 0 0 10px -5px #000
}

h1,h2,h3,h4,h5,h6,.gui-page-title,.productpage .timer-time,.productpage .nav>li>a {
    padding: 0;
    margin: 0;
    font-weight: 700
}

h1 {
    font-size: 26px
}

.content h1 {
    font-size: 24px
}

h2 {
    font-size: 21px
}

h3 {
    font-size: 17px
}

.content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {
    margin: 3px 0 5px 0
}

.gui-page-title {
    margin-bottom: 15px
}

.cf:before,.cf:after {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

a:hover,a:focus {
    color: initial;
    text-deocration: initial
}

.textpage img {
    max-width: 100%;
    height: auto
}

.textpage-sidebar .textpage-content {
    margin-top: 30px
}

.inline-block {
    display: inline-block
}

.gray-bg {
    background: rgba(155,155,155,.05)
}

.gray-bg.darker {
    background: rgba(155,155,155,.16)
}

.gray-border-bottom {
    border-bottom: 1px solid rgba(155,155,155,.17)
}

.gray-border {
    border: 1px solid rgba(155,155,155,.17)
}

dl {
    margin: 0;
    padding: 0 0 5px 0;
    display: block;
    overflow: hidden;
    font-size: .85em
}

select {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid rgba(155,155,155,.17)
}

a:hover,a:active {
    text-decoration: none
}

a.quick-cart {
    outline: 0
}

.button,button {
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    border: 0
}

.button-large {
    padding: 15px 25px;
    font-size: 1.1em
}

.button.full-width {
    display: block;
    text-align: center
}

button:hover,.button:hover,button:focus,.button:focus {
    color: #fff;
    text-decoration: none
}

.button i {
    margin-right: 5px
}

.quick-order form .button i{ margin-right:0; }

.button img.icon {
    width: 20px;
    margin-top: -3px
}

.button img.icon.shopping-bag {
    margin-top: -5px
}

.button.lined,.button.lined:hover,.button.lined:active,.button.lined:focus {
    background: 0 0;
    color: #999;
    border: 1px solid #999;
    padding: 9px 20px
}

.button-txt {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block
}

.img-holder {
    position: relative
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

img.max-size,img.max-responsive {
    max-width: 100%;
    height: auto
}

img.lazy {
/*     min-height: 200px; */
    opacity: 0
}

.nopadding { padding: 0 }
.p-0 { padding: 0 !important; }

.overflow-hidden {
    overflow: hidden
}

.rounded {
    border-radius: 5px
}

.fullround,.rounded-full {
    border-radius: 100%
}

.price-old {
    font-size: .9em;
    text-decoration: line-through
}

.price-strict {
    font-size: .8em
}

#notification {
    text-align: center;
    padding: 12px 40px;
    display: none;
    font-weight: 600;
    font-size: .9em;
    position: relative;
    transition: margin .3s ease;
    width: 100%
}

#notification .x {
    top: 50%;
    margin-top: -9px;
    right: 30px
}

#notification a {
    color: inherit
}

#close-notification {
    cursor: pointer;
    margin-left: 5px
}

.dropdown-content {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(.3,0);
    transform: scale(.3,0);
    display: block;
    opacity: 0;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    z-index: 1000
}

.dropdown-right {
    -webkit-transform-origin: right top!important;
    transform-origin: right top!important
}

.dropdown-holder.open .dropdown-content {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1
}

#header-holder {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 300;
    transition: margin .3s ease
}

#header-holder.headerscrolled {
    box-shadow: 0 0 5px -3px rgba(0,0,0,.8);
    box-shadow: 0 0 16px -13px rgba(0,0,0,.8)
}

#header-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 80px;
    transition: height .3s ease;
    position: relative
}

.header-left {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    max-width: 300px;
    padding-right: 20px
}

.header-center {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-right: 20px;
    padding-left: 20px
}

.header-hallmark {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 10px
}

.header-hallmark img {
    max-width: 100%;
    max-height: 50px
}

.header-hallmark img.thuiswinkel-color,.header-hallmark img.thuiswinkel-white,.header-hallmark img.kiyoh-color,.header-hallmark img.kiyoh-white {
    max-height: 32px
}

.header-right {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-left: 20px;
    padding-top: 5px
}

.logo {
    max-width: 100%;
    max-height: 70px;
    min-width:30px;
}

@media (max-width:991px) {
    .header-left {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 0 85px;
        -ms-flex: 0 0 85px;
        flex: 0 0 85px;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }

    .header-center {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        text-align: center;
        padding: 0 5px
    }

    .header-right {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 0 85px;
        -ms-flex: 0 0 85px;
        flex: 0 0 85px;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }
}

.nav-icon div {
    width: 19px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: .4s
}

.nav-icon .bar1 {
    margin-top: 0
}

.nav-icon .bar3 {
    margin-bottom: 0
}

.nav-icon {
    display: inline-block;
    cursor: pointer
}

.nav-icon.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px,4px);
    transform: rotate(-45deg) translate(-4px,4px)
}

.nav-icon.change .bar2 {
    opacity: 0
}

.nav-icon.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px,-4px);
    transform: rotate(45deg) translate(-4px,-4px)
}

.categories-button.small .nav-icon div {
    width: 24px;
    height: 2px;
    background-color: #555;
    transition: .4s;
    position: absolute;
    margin: 0
}

.categories-button.small .nav-icon .bar1 {
    top: 0
}

.categories-button.small .nav-icon .bar3 {
    top: 7px
}

.categories-button.small .nav-icon.change .bar1 {
    transform: rotate(45deg)
}

.categories-button.small .nav-icon.change .bar2 {
    opacity: 0
}

.categories-button.small .nav-icon.change .bar3 {
    transform: rotate(-45deg);
    top: 0
}

.categories-button.small .nav-icon.change>div {
    margin-top: 8px
}

.categories-button.small .nav-icon.change span {
    margin-top: -10px;
    opacity: 0
}

.mobilesearchform>input {
    width: 100%;
    padding: 15px;
    border: 0;
    background: #f5f5f5;
    outline: 0
}

#mobilesearch {
    font-size: 18px;
    float: right
}

.socials {
    margin-top: 40px
}

.socials a {
    height: 35px;
    width: 35px;
    line-height: 35px;
    display: inline-block;
    text-align: Center;
    font-size: 14px;
    padding: 0!important;
    border-radius: 100%
}

.socials ul {
    list-style: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    display: inline-block
}

.socials ul li {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    padding: 0
}

.socials ul li:last-child {
    margin-right: 0
}

.socials ul li a:hover {
    color: #fff
}

.socials .social-fb:hover {
    background-color: #3b5998
}

.socials .social-twitter:hover {
    background-color: #1da1f2
}

.socials .social-yt:hover {
    background-color: #cc181e
}

.socials .social-insta:hover {
    background-color: #a57d60
}

.socials .social-tumblr:hover {
    background-color: #36465d
}

.socials .social-pinterest:hover {
    background-color: #cb2027
}

.socials .social-rss:hover {
    background-color: #faa21b
}

a.header-link {
    text-decoration: none
}

.header-right .header-link {
    margin-right: 25px;
    display: inline-block
}

.header-right .nova-icon {
    font-size: 16px;
    vertical-align: middle
}

.user-actions {
    display: inline-block;
    position: relative
}

.user-actions .current-lang {
    font-size: 11px;
    font-weight: 700;
    margin-right: 5px
}

.user-actions .compare .count {
    position: absolute;
    font-size: 8px;
    border-radius: 100%;
    height: 13px;
    width: 13px;
    text-align: center;
    line-height: 13px;
  margin-top: -8px;
    margin-left: 10px;
}

.cart {
    display: inline-block
}

.cart .bundled {
    font-size: .8em;
    color: #a1a1a1;
    font-weight: 400
}

.cart-icon {
    display: inline-block;
    position: relative
}

.cart-icon .nova-icon {
    font-size: 20px
}

.cart-icon #qty.shopping-cart {
    right: -11px
}

.cart-icon #qty.shopping-bag {
    right: -11px
}

.cart-icon #qty {
    font-size: 10px;
    color: #fff;
    height: 18px;
    width: 18px;
    text-align: center;
    display: inline-block;
    line-height: 18px;
    border-radius: 100%;
    margin-top: 2px;
    position: absolute;
    right: 0;
    top: -8px
}

.cart-content-holder {
    position: absolute;
    width: 350px;
    right: 15px;
    top: 72px;
    padding-top: 48px;
    visibility: hidden;
    transition: all .2s ease;
    z-index: 999;
    opacity: 0;
    margin-top: 15px
}

.cart-custom .loyalty-block h5
{
  padding-bottom:5px;
}

.cart-custom .loyalty-rewards
{
  max-height: 242px;
  overflow: auto;
}

.cart-custom #loyalty-points-to-be-earned
{
  opacity:0.9;
}

.cart-custom .fa-spin {
  animation: fa-spin 1s linear infinite;
}

.cart-content {
    background: #fff;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.4);
    padding: 25px;
    text-align: left
}

.cart-content h4 {
    margin-bottom: 15px
}

.cart-content h5 {
    font-size: 14px;
    margin-bottom: 5px
}

.cart-content .price {
    font-size: .9em
}

.cart.maincart:hover .cart-content-holder,.cart.active .cart-content-holder {
    visibility: visible;
    display: block;
    margin-top: 0;
    opacity: 1
}

.cart-item-holder {
    border-bottom: 1px solid rgba(155,155,155,.17);
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px
}

.cart-item-image {
    float: left;
    margin-right: 15px
}

.cart-item-title {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    margin-left: 10px;
    font-weight: 400;
    padding-right: 10px
}

.cart-item-delete {
    width: 10px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 50px
}

.cart-item-delete a {
    color: #ddd
}

.cart-item-price {
    text-align: right;
    background: #fafafa;
    padding: 8px;
    margin-top: 5px;
    font-size: .8em
}

.cart .sum {
    text-align: right;
    font-size: .9em
}

.cart .sum .total {
    font-weight: 600
}

.proceed .button {
    text-align: center
}

.cart .proceed {
    text-align: right;
    margin-top: 15px
}

.cart-content .button {
    font-size: .9em
}

.cart .proceed a:first-child {
    width: 100%
}

.freeshipping-bar,.message-bar {
    font-size: 13px;
    margin-top: 15px;
    text-align: center;
    font-weight: 700;
    background: rgba(155,155,155,.05);
    text-transform: uppercase;
    vertical-align: middle;
    position: relative;
    padding-left: 50px;
    padding: 15px 15px 15px 65px
}

.freeshipping-bar .icon,.message-bar .icon {
    width: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(155,155,155,.1)
}

.freeshipping-bar.complete .icon,.message-bar.success .icon {
    background: #b3d287;
    color: #fff
}

.freeshipping-bar .icon i,.message-bar .icon i {
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    font-size: 16px
}

.message-bar-mobile-success {
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    color: #9bbb6d
}

.cart-free-shipping {
    background: #72b42c;
    text-align: center;
    color: #fff;
    padding: 15px;
    background: #e0efd1;
    margin-bottom: 20px;
    margin-top: -10px;
    text-align: center;
    color: #74a840;
    padding: 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .9em
}

.cart-free-shipping i {
    margin-right: 5px
}

.subheader {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    width: 100%;
    min-height: 40px
}

.subheader-nav {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 200px;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-right: 20px;
    z-index: 11
}

.subheader-hallmark {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 140px;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.subheader-links {
    flex: 1 0 auto;
    padding-right: 25px
}

.subheader-links a {
    display: inline-block;
    font-weight: 600;
    margin-right: 25px;
    opacity: .95;
    font-size: 14px
}

.subheader-links a:last-child {
    margin-right: 0
}

.subheader-usps {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    overflow: hidden
}

.subheader-hallmark img {
    max-width: 100%;
    max-height: 30px
}

.categories-button.main {
    background: #8bb64c;
    padding: 0 10px;
    line-height: 40px;
    width: 100%;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.categories-button .nav-icon {
    position: absolute
}

.categories-button.main .nav-icon {
    right: 10px;
    top: 13px
}

.categories-button.small .nav-icon {
    position: static
}

.categories-button.small {
    padding: 0;
    width: 24px;
    position: absolute;
    left: 0;
    margin: 0;
    bottom: initial;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%)
}

.scroll-nav .nav-main-holder {
    top: 44px;
    margin-top: 0
}

.categories-button.small span {
    position: absolute;
    display: block;
    line-height: 10px;
    font-size: 9px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    top: 12px;
    transition: all .3s;
    opacity: 1;
    left: 50%;
    transform: translateX(-50%);
    width: 50px
}

.categories-button.small.scroll {
    display: none
}

.headerscrolled .categories-button.small.scroll {
    display: block
}

.nav-main-holder {
    height: auto;
    position: absolute;
    z-index: 1;
    margin-top: 6px;
    z-index:12;
}

.nav-main-holder {
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease
}

.nav-main-holder.active {
    visibility: visible;
    opacity: 1
}

.nav-main {
    margin-top: 5px;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    background: #fff;
    padding: 5px 0;
    width: 280px
}

.nav-main-item {
    padding: 0 15px
}

a.nav-main-item-name {
    background: #fff;
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #eee;
    position: relative;
    font-weight: 700
}

a.nav-main-item-name.has-subs:after,a.nav-sub-item-name.has-subs:after {
    font-family: 'Font Awesome 5 Free','FontAwesome';
    content: "\f054";
    font-size: 9px;
    position: absolute;
    top: 50%;
    height: 16px;
    line-height: 16px;
    margin-top: -8px;
    right: 0;
    color: #888;
    font-weight: 700
}

.nav-main-item-name>img {
    margin-right: 10px;
    border-radius: 3px;
    opacity: .7;
    transition: opacity .2s ease;
    width: 100%;
    max-width: 35px
}

.nav-main .nav-main-item:last-child a.nav-main-item-name {
    border: 0
}

.nav-main-sub {
    list-style: none;
    margin: 0;
    background: #fff;
    position: absolute;
    top: 0;
    left: 100%;
    min-height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease;
    padding: 10px 0;
    border-left: 1px solid #eee
}

.nav-main-sub.fixed-width {
    width: 280px
}

.nav-main-sub .nav-main-item:hover {
    background: #fafafa
}

.nav-main-sub .nav-main-item.category-title:hover {
    background: 0 0
}

.nav-main-sub.full-width {
    padding: 30px 30px 30px 30px
}

.nav-main-sub h5 {
    padding: 10px
}

.nav-main-item:hover>.nav-main-sub {
    visibility: visible;
    opacity: 1
}

.nav-main-item:hover>.nav-main-item-name>img {
    opacity: 1
}

a.nav-sub-item-name {
    padding: 10px;
    display: block;
    position: relative
}

.nav-main-sub.mega h5 {
    padding: 0
}

.nav-main-sub.mega ul.nav-mega-sub {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px
}

.nav-main-sub.mega ul.nav-mega-sub li {
    padding: 3px 0
}

.nav-main-sub.mega .nav-main-sub-item {
    margin-bottom: 30px
}

.subnav-dimmed {
    display: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    top: 0;
    left: 0;
    opacity: .2
}

.subnav-dimmed.active {
    display: block
}

#navbar {
    z-index: 222!important;
    position: relative
}

#navbar.boxed {
    max-width: 1260px;
    margin: 0 auto
}

#navbar.boxed.navscrolled {
    max-width: 100%
}

#navbar .boxed-subnav {
    max-width: 1260px
}

#navbar.borders.navscrolled {
    border-top: 0
}

#navbar .cat-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
    display: inline-block
}

#navbar .categories-title,#navbar .brands-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600;
    display: inline-block
}

#navbar h3.headline {
    margin-bottom: 10px;
    text-align: right
}

#navbar .subcat-image {
    float: right
}

#navbar nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#navbar nav ul h4 {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 5px
}

#navbar nav ul .megamenu h4>a {
    display: inline-block
}

#navbar nav ul .megamenu .sub2 a {
    font-size: .95em;
    display: inline-block;
    padding: 5px 0
}

#navbar nav>ul {
    text-align: center
}

#navbar ul.megamenu .maxheight {
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto
}

#navbar .megamenu .sub-holder {
    margin-bottom: 30px
}

#navbar .megamenu .nosubs.sub-holder {
    margin-bottom: 10px
}

#navbar .nosubs.sub-holder ul {
    display: none
}

#navbar nav>ul>li {
    display: inline-block;
    margin-right: 25px
}

#navbar nav>ul>li>a {
    line-height: 50px;
    display: inline-block
}

#navbar nav>ul>li.active>a {
    font-weight: 700
}

#navbar.compact nav>ul>li>a {
    height: 40px;
    line-height: 40px
}

#navbar nav>ul>li>a.dropdown {
    padding-right: 15px
}

#navbar nav>ul>li>a.dropdown:before {
    content: "\f0dd";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    top: -2px;
    right: 0;
    font-size: 10px;
    font-weight: 700
}

#navbar nav>ul>li:last-child {
    margin-right: 0
}

.mobile-cart span {
    font-weight: 300;
    font-size: 12px
}

#navbar nav>ul>li>ul {
    background: #fff;
    visibility: hidden;
    transition: all .15s ease;
    position: absolute;
    height: auto;
    width: 100%;
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 30px 15px;
    left: 0;
    box-shadow: 0 12px 16px -10px rgba(0,0,0,.4);
    opacity: 0;
    z-index: 2
}

#navbar nav ul.sub1 {
    text-align: left
}

@media all and (min-width:991px) {
    #navbar nav>ul>li:hover>ul {
        visibility: visible;
        transition: all .1s ease;
        opacity: 1
    }
}

#navbar nav>ul.smallmenu>li {
    position: relative
}

#navbar nav>ul.smallmenu>li>ul.smallmenu {
    width: auto!important;
    min-width: 220px;
    left: 0;
    padding: 0
}

#navbar nav>ul.smallmenu>li>ul.smallmenu li {
    position: relative
}

#navbar nav>ul.smallmenu>li>ul.smallmenu>li a {
    display: block;
    background: #fff;
    padding: 14px 19px
}

#navbar nav>ul.smallmenu>li>ul.smallmenu>li>a:last-child {
    border-bottom: 0
}

#navbar nav>ul.smallmenu>li>ul.smallmenu>li>ul {
    display: none;
    position: relative
}

#navbar nav>ul.smallmenu>li>ul.smallmenu>li:hover>a,#navbar nav>ul.smallmenu>li>ul.smallmenu>li>ul>li>a:hover {
    text-decoration: none;
    background: #f3f3f3
}

#navbar nav>ul.smallmenu>li>ul.smallmenu>li:hover>ul {
    display: block;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.4);
    z-index: 1
}

#navbar nav>ul.smallmenu>li>ul.smallmenu>li>ul {
    position: absolute;
    left: 100%;
    top: 0
}

#navbar nav>ul.smallmenu>li:hover>ul.smallmenu:before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent #fff transparent;
    left: 10px
}

#navbar nav>ul.smallmenu>li>ul.smallmenu>li>ul>li {
    width: auto;
    min-width: 200px
}

#navbar nav>ul.smallmenu>li>ul.smallmenu>li>ul>li>a {
    padding: 15px 20px;
    display: block
}

.inherit {
    position: inherit
}

.mobile-nav-holder {
    position: fixed;
    z-index: 9999;
    height: 100%;
    background: #fff;
    width: 100%;
    max-width: 330px;
    left: -350px;
    top: 0;
    box-shadow: 0 0 100px -60px #000
}

.mobile-nav-header {
    height: 60px;
    line-height: 60px;
    padding: 0 20px
}

.mobile-nav-header h2 {
    line-height: 60px;
    letter-spacing: 2px;
    color: #fff;
    font-size: 16px;
    margin: 0
}

img.mobile-nav-logo {
    max-width: 180px;
    max-height: 25px
}

.mobile-nav {
    overflow-y: scroll;
    padding: 25px;
    height: 100%;
    height: calc(100% - 60px)
}

.mobile-nav h1 {
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 30px;
    height: 50px;
    line-height: 50px;
    padding-right: 100px;
    position: relative
}

.mobile-nav ul.top {
    margin-bottom: 25px
}

.mobile-nav ul.bottom {
    margin-top: 25px
}

.mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.mobile-nav ul li {
    margin: 0;
    padding: 0;
    display: block;
    position: relative
}

.mobile-nav ul li .main-cat,.sidebar-cats ul li .main-cat {
    padding-right: 40px;
    position: relative
}

.mobile-nav .open-sub:after,.sidebar-cats .open-sub:after {
    position: absolute;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    right: -11px;
    top: 50%;
    margin-top: -15px;
    font-family: 'Font Awesome 5 Free';
    content: "\f105";
    font-weight: 700;
    font-size: 14px;
    color: #999;
    z-index: 1;
    transition: transform .3s ease
}

.mobile-nav li.active>.main-cat>.open-sub:after,.sidebar-cats li.active>.main-cat>.open-sub:after {
    transform: rotate(90deg)
}

.mobile-nav>ul li {
    padding: 12px 0
}

.mobile-nav>ul>li>ul {
    padding-left: 10px;
    border-left: 3px solid #eee;
    display: none;
    margin-top: 24px
}

.mobile-nav>ul>li>ul>li>ul {
    margin-top: 24px;
    display: none;
    padding-left: 10px;
    border-left: 3px solid #eee
}

.mobile-nav>ul>li>ul>li:last-child {
    margin-bottom: 0;
    border: 0
}

.mobile-nav>ul>li>ul>li:first-child {
    padding-top: 0
}

.mobile-nav>ul>li>ul>li:last-child {
    padding-bottom: 0
}

.mobile-nav>ul>li>ul>li>ul>li:first-child {
    padding-top: 0
}

.mobile-nav>ul>li>ul>li>ul>li:last-child {
    padding-bottom: 0
}

.mobile-nav>ul>li>ul>li>ul>li>ul {
    margin-top: 24px;
    display: none
}

.mobile-nav>ul>li>ul>li>ul>li>ul>li:first-child {
    padding-top: 0
}

.mobile-nav>ul>li>ul>li>ul>li>ul>li:last-child {
    padding-bottom: 0
}

.cart-popup-holder {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 30px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cart-popup {
    text-align: initial;
    background: #fff;
    max-width: 1000px;
    width: calc(100% - 70px);
    display: block;
    padding: 30px;
    box-shadow: 0 0 20px -7px #000;
    box-shadow: 0 0 60px -40px #000;
    position: relative
}

.cart-popup .x {
    top: 15px;
    right: 15px;
    z-index: 1
}

.cart-popup .message-bar {
    margin-top: 0;
    background: #9bbb6d;
    text-transform: initial;
    color: #fff;
    font-size: 15px
}

.cart-popup .current-product .image {
    position: relative;
    display: inline-block
}

.current-product .image:after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(155,155,155,.04);
    top: 0;
    display: none
}

.cart-popup .current-product .price {
    font-size: 1.1em
}

.cart-popup img {
    max-width: 210px
}

.cart-popup .cart-item-holder {
    margin-top: 10px
}

.cart-popup .cart-item-holder:first-child {
    margin-top: 0
}

.cart-popup-recent .sum {
    font-size: 1.2em
}

.cart-popup .related img {
    max-width: 100px;
    margin: 0
}

.cart-popup .quick-order input,.cart-popup .quick-order .button {
    height: 26px;
    line-height: 26px;
    font-size: 12px
}

.cart-popup-related h4,.cart-popup-recent h4 {
    margin-bottom: 15px;
    text-align: center;
    opacity: .6;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px
}

.fancy-box {
    position: fixed;
    z-index: 9999;
    height: 100%;
    background: #fff;
    width: 400px;
    max-width: 100%;
    right: -550px;
    top: 0;
    padding: 50px 30px;
    box-shadow: 0 0 22px -9px #000;
    box-shadow: -15px 0 65px -7px rgba(0,0,0,.09);
    overflow-y: auto
}

.fancy-box.fancy-filters-holder {
    width: 300px
}

.fancy-box.flyout {
    position: absolute;
    width: 400px;
    max-width: 400px;
    height: auto;
    right: -30px;
    left: auto;
    top: 30px;
    text-align: left;
    padding: 30px;
    display: none;
    transform-origin: right top!important;
    transform: scale(.1,.1);
    transition: transform .3s ease;
    overflow: visible
}

.fancy-compare-holder {
    right: -2px !important;
}

.fancy-box.flyout.active {
    transform: scale(1,1)
}

.fancy-box.flyout:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -10px;
    right: 28px;
    content: ""
}

.fancy-box.flyout label, .fancy-locale label {
    margin-bottom: 5px
}

.fancy-box.flyout.fancy-locale-holder {
    right: 130px;
    width: 280px
}

.fancy-locale .flex-col>span {
    width: 15px;
    margin-right: 0;
    display: inline-block
}

.fancy-locale .flex-container .flex-col:first-child {
    margin-right: 0
}

.fancy-cart .cart-item-holder .bundled {
    font-size: .9em;
    font-style: italic;
    opacity: .8
}

.fancy-cart .cart-item-holder .price {
    margin-top: 5px
}

.fancy-box .x {
    top: 20px;
    right: 20px
}

.fancy-box h4 {
    margin-bottom: 15px
}

.fancy-box input[type=text],.fancy-box input[type=email],.fancy-box input[type=password],.fancy-box textarea {
    background: rgba(155,155,155,.06);
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 0
}

.fancy-box.flyout select {
    height: 30px;
    line-height: 28px
}

.fancy-box .button {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    text-align: center
}

.fancy-box .button.facebook {
    background: #2c67a5
}

.search {
    position: relative;
    float: left;
    width: 100%
}

.search .fa-search,.search .fa-times {
    position: absolute;
    right: 10px;
    top: 14px
}

.headerscrolled #header-content {
    height: 70px;
    padding-left: 40px
}

@media (max-width:991px) {
    .headerscrolled #header-content {
        padding-left: 0
    }
}

.searchform {
    display: block;
    position: relative
}

.search-holder {
    position: relative;
    width: 100%;
    max-width: 400px
}

.searchbox {
    height: 40px;
    border: 0;
    padding: 0 15px;
    z-index: 99;
    border-radius: 0;
    background: 0 0;
    color: #888;
    width: 100%;
    line-height: 50px;
    line-height: normal
}

.searchbox.white {
    background: #fff;
    border: 1px solid #eee;
    color: unset
}

.search-holder:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: .12;
    z-index: -9;
    left: 0;
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale")
}

.searchbox::-ms-clear {
    display: none
}

.searchbox:focus {
    outline: 0
}

.searchcontent {
    background: #fff;
    display: none;
    padding: 15px;
    position: absolute;
    width: 100%;
    width: 400px;
    box-shadow: 0 7px 26px -4px rgba(0,0,0,.4);
    z-index: 250
}

.searchcontent .searchresults ul {
    list-style: none;
    padding: 0;
    display: table
}

.searchcontent .searchresults li {
    display: table-row
}

.searchcontent .searchresults li .result-col {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #eee
}

.result-col:nth-child(2) {
    width: 100%;
    padding-left: 5px;
    padding-right: 10px
}

.searchcontent .searchresults li .result-col:last-child {
    text-align: right
}

.searchcontent .searchresults li:first-child {
    padding-top: 0
}

.searchcontent .searchresults img {
    margin-right: 10px
}

.searchcontent .searchresults li h4 {
    font-size: 11px;
    display: inline;
    font-weight: 600
}

.searchcontent .searchresults li .price {
    font-size: 11px;
    color: #999
}

.searchcontent .search-viewall {
    font-size: .9em;
    font-weight: 700
}

.searchcontent .more,.searchcontent .noresults {
    display: none;
    text-align: center;
    margin-top: 15px;
    font-weight: 400
}

.searchcontent .noresults {
    margin-top: 0
}

.usps-header {
    padding: 5px 0;
    height: 40px
}

.usps-header.below-nav {
    height: 30px
}

.usps-header .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.usp-block {
    text-align: center
}

.usp-block i {
    margin-right: 8px;
    font-size: 12px
}

.usp-bar .usp-block {
    padding: 0 25px
}

.usp-bar .usp-block h4 {
    font-size: 14px
}

.usp-bar .usp-block span {
    margin-top: 2px;
    display: inline-block;
    font-size: 12px;
    opacity: .6
}

.usp-bar .usp-block i {
    margin: 0;
    margin-bottom: 5px;
    font-size: 16px
}

.product-usp-bar {
    background: #f5f5f5
}

.product-usp-bar .usps-header {
    color: #777
}

.breadcrumbs {
    font-size: 13px;
    padding: 15px
}

.breadcrumbs .seperator {
    color: #ddd
}

.breadcrumbs a {
    color: #a5a5a5;
    margin-right: 10px;
    margin-left: 10px
}

.breadcrumbs a:first-child {
    margin-left: 0
}

.countdown {
    width: 80%;
    margin: 30px auto 0 auto;
    max-width: 250px
}

.homedeal-compact .price-old {
    margin-right: 10px
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.homedeal-compact-holder {
    display: -ms-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 500px;
    padding: 30px;
    border: 1px solid rgba(155,155,155,.17);
    text-align: center;
    position: relative;
    overflow: hidden
}

.homedeal-compact-holder.grey {
    background: rgba(155,155,155,.05);
    border: 0;
    height: auto
}

.homedeal-compact {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.homedeal-compact-holder.product-block .product-label.rotated {
    font-size: 1.3em;
    font-weight: 700;
    top: 70px;
    right: -62px;
    height: 35px;
    line-height: 35px;
    width: 300px
}

.homedeal-compact-holder img {
    max-width: 100%
}

.homedeal-compact-holder .img-holder {
    margin: 0 auto;
    max-width: 300px
}

.product-block .homedeal-compact h4 {
    font-size: 20px;
    height: auto;
    overflow: unset
}

.homedeal-compact-holder.grey .img-holder:after {
    width: 100%;
    height: 100%;
    background: rgba(155,155,155,.05);
    left: 0;
    top: 0;
    position: absolute;
    content: "";
    pointer-events: none
}

.home-looks {
    text-align: center
}

.home-look .main-image {
    width: 100%
}

.home-look .images {
    margin-bottom: 30px
}

.home-look .images img {
    margin-right: 50px
}

.home-look .images img:last-child {
    margin-right: 0
}

.home-look .description {
    margin: 0 auto 30px auto;
    color: #aaa;
    max-width: 700px
}

.home-look .price {
    margin-bottom: 15px;
    font-size: 1.2em
}

.home-look a.button {
    font-weight: 700;
    font-size: 14px
}

.home-slider-holder {
    position: relative
}

.home-slider.large-height {
    height: 600px
}

.home-slider.adaptive
{
  height:auto !important;
  min-height:0;
}

.home-slider.adaptive .home-slider-slide:after
{
  display:none;
}

.home-slider.full-height {
    height: calc(100vh - 130px);
    min-height: 500px
}

.home-slider.medium-height {
    height: 400px
}

.home-slider-holder img {
    width: 100%
}

.home-slider-holder .slider-content-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    justify-content: center
}

.home-slider-holder .fixed .slider-content-container.lazy-bg {
    background-size: unset;
    background-repeat: repeat
}

.home-slider-holder .fixed .slider-content-container {
    background-size: cover;
    background-position: center
}

.home-slider-holder .slider-text-holder {
    display: table;
    width: 100%;
    height: 100%;
    padding: 30px 50px;
    max-width: 1320px;
    margin: 0;
    z-index: 1
}

.home-slider-holder .slider-text {
    display: table-cell;
    vertical-align: middle
}

.home-slider .slider-text .title {
    font-size: 46px;
    text-shadow: 0 0 10px rgba(0,0,0,.25);
    margin-bottom: 25px;
    display: inline-block
}

.home-slider-holder .slider-text .slider-sub,.home-slider-holder .slider-text .slider-pre {
    font-size: 1.4em;
    color: #fff;
    display: block;
    font-weight: 400;
    margin-bottom: 25px
}

.home-slider-holder .slider-text .slider-sub {
    margin-bottom: 30px;
    line-height: 1.4em
}

.home-slider-holder .slider-text .slider-pre {
    font-size: 1.3em;
    font-size: 1.1em
}

.home-slider.adaptive .slider-content-container {
    display: none
}

.home-slider-slide:after {
    display: block;
    content: "";
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: .3;
    top: 0
}

@media (max-width:768px) {
    .breadcrumbs {
        font-size: 11px;
        letter-spacing: 1px;
        text-align: center
    }

    .breadcrumbs a {
        color: #a5a5a5;
        margin-right: 5px;
        margin-left: 5px
    }

    .breadcrumbs a:first-child {
        margin-left: 0
    }
}

.banner-text-block {
    display: inline-block;
    max-width: 600px;
    min-width: 200px
}

.banner-text-block.small {
    max-width: 400px
}

.banner-text-block {
    color: #fff
}

.banner-text-block .title {
    display: block;
    margin-bottom: 15px;
    font-size: 28px;
    text-shadow: 0 0 10px rgba(0,0,0,.25)
}

.banner-text-block .sub {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 600
}

.banners-home-block {
    float: left;
    width: 33.333333%;
    height: 600px;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

.banners-home-block.banner-block-slider .home-slider {
    height: 600px
}

.banners-home-block.amount-1 {
    width: 100%
}

.banners-home-block.amount-2 {
    width: 50%
}

.boxed .banners-home-block:nth-child(1) {
    margin-right: 20px;
    width: calc(33.333% - 20px)
}

.boxed .banners-home-block.banner-block-slider {
    width: calc(66.666% - 20px)
}

.boxed .banners-home-block:nth-child(2) {
    margin-right: 10px;
    margin-left: 10px;
    width: calc(33.333% - 20px)
}

.boxed .banners-home-block:nth-child(3) {
    margin-left: 20px;
    width: calc(33.333% - 20px)
}

.banners-home-block.compact,.banners-home-block.compact .home-slider {
    height: 400px
}

.banners-home-block.small,.banners-home-block.small .home-slider {
    height: 260px
}

.banners-home-block-double {
    float: left;
    width: 33.333333%
}

.boxed .banners-home-block-double {
    margin-left: 20px;
    width: calc(33.333% - 20px)
}

.banners-home-block-double .banners-right {
    height: 300px;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

.boxed .banners-home-block-double .banners-right {
    height: 285px
}

.boxed .banners-home-block-double .banners-right:last-child {
    margin-top: 30px
}

.banners-home .banner-content-holder {
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.25);
    color: #fff;
    transition: background .2s ease;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-align: center
}

.banners-home.nobg .banner-content-holder {
    background: 0 0
}

.banners-home .banner-content-holder:hover {
    background: 0 0
}

.banners-home .banner-content {
    text-align: center;
    width: 100%;
    padding: 15px
}

.banners-home .title {
    font-size: 26px
}

@media (max-width:991px) {
    .banners-home-block {
        width: 50%;
        height: 400px
    }

    .banners-home-block.banner-block-3 {
        width: 100%
    }

    .banners-home-block-double {
        width: 100%
    }

    .banners-home-block-double .banners-right {
        float: left;
        width: 50%
    }

    .boxed .banners-home-block:nth-child(1),.boxed .banners-home-block:nth-child(2) {
        width: calc(50% - 20px)
    }

    .boxed .banners-home-block:nth-child(3) {
        margin-right: 0;
        margin-left: 0;
        width: 100%
    }
}

@media (max-width:600px) {
    .banners-home-block,
  .banners-home-block.compact, .banners-home-block.compact .home-slider{
        width: 100%;
        height: 350px
    }

    .banners-home-block-double {
        width: 100%
    }

    .banners-home-block-double .banners-right {
        float: left;
        width: 100%
    }

    .boxed .banners-home-block:nth-child(1),.boxed .banners-home-block:nth-child(2),.boxed .banners-home-block:nth-child(3) {
        margin-right: 0;
        margin-left: 0;
        width: 100%
    }
  
  .container-fluid .banners-home-block {
    width: 100% !important;
    display: block;
    float: none;
	}
}

.home-grid .side-list>:first-child {
    margin-top: 30px
}

.subheadlines .subheadline-holder {
    display: table;
    height: 260px;
    width: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

.subheadlines.side .subheadline-holder {
    min-height: 240px
}

.subheadlines .subheadline-content {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    background: rgba(0,0,0,.25);
    transition: background .2s ease;
    padding: 30px
}

.subheadlines .subheadline-content:hover {
    background: 0 0
}

.subheadlines h3 {
    color: #fff;
    margin-bottom: 15px
}

.subheadlines .sub {
    color: #fff;
    font-size: 1.1em;
    font-weight: 400;
    margin-bottom: 15px
}

.instashow-holder .instashow-gallery-media {
    padding: 5px!important
}

.home-vid {
    position: relative;
    overflow: hidden;
    display: block
}

.home-vid video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%,-50%);
    background-size: cover;
    z-index: -1
}

.home-vid-overlay {
    background: rgba(0,0,0,.2);
    display: table;
    padding: 15px;
    height: 100%;
    width: 100%;
    z-index: 1;
    padding-top: 180px;
    padding-bottom: 180px
}

.home-vid-content-holder {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    margin: 0 auto
}

.home-vid-content {
    max-width: 1260px;
    margin: 0 auto
}

.home-banner {
    padding: 30px;
    color: #fff;
    background: #eee;
    background-position: center;
    background-size: cover;
    height: 400px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.home-banner:after {
    content: "";
    background: rgba(0,0,0,.25);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1
}

.home-banner>div {
    z-index: 2
}

p.headline {
    margin-top: 10px;
    margin-bottom: 0;
    max-width: 700px;
    opacity: .6
}

h3.headline {
    font-weight: 700;
    font-size: 23px
}

h3.with-link a,h4.with-link a,.headline.with-link a {
    font-weight: 400
}

h3.with-link .spacer,h4.with-link .spacer,.headline.with-link .spacer {
    display: inline-block;
    width: 10px
}

h4.headline {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 5px;
    margin-bottom: 10px
}

h4.tagline {
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    margin-bottom: 15px;
    display: inline-block
}

.rowmargin15,.margin-top-15,.margin-top-half {
    margin-top: 15px
}

.rowmargin,.margin-top {
    margin-top: 30px
}

.margin-top-double {
    margin-top: 80px
}

.rowmargin50,.margin-top-50 {
    margin-top: 50px
}

.rowmargin80,.margin-top-80 {
    margin-top: 80px
}

.margin-right-10 {
    margin-right: 10px
}

.unit-price {
    display: block;
    font-size: .85em;
    opacity: .7
}

.product-block-holder {
    position: relative;
    margin-bottom: 0;
    padding: 10px;
    overflow: hidden
}

.product-block-holder.boxed-border {
    padding: 15px;
    border: 1px solid rgba(155,155,155,.17)
}

.quick-order {
    display: inline-block;
    float: right;
    margin-top: 15px
}

.quick-order input,.sticky-addtocart input {
    display: inline-block;
    border: 1px solid rgba(155,155,155,.17);
    height: 36px;
    width: 36px;
    text-align: center;
    margin: 0;
    line-height: 36px;
    float: left;
    color: #777;
    font-size: 11px
}

.quick-order .button {
    font-size: 14px;
    padding: 0 15px;
    line-height: 36px;
    display: inline-block;
    float: left;
    margin-left: 5px
}

.product-block .price-strict {
    color: #ccc
}

.product-block .product-label,.product-label {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    font-size: 11px;
    letter-spacing: 1px;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px
}

.product-block .product-label.rotated,.product-label.rotated {
    transform: rotate(45deg);
    right: -42px;
    left: auto;
    bottom: initial;
    top: 21px;
    display: block;
    width: 150px;
    text-align: center;
    height: 25px;
    overflow: hidden;
    line-height: 25px;
    padding: 0
}

.label-outofstock {
    background: #fafafa;
    color: #9f0f0f;
    letter-spacing: 1px;
}

/* .product-block-holder img,.product-list-holder img {
  width:100%;
  height:auto;
  display:block;
  display:block;
} */

.product-block-image img, .product-list-image img {
  width:100%;
  height:auto;
  display:block;
  display:block;
}

.product-block-holder.look img {
    transform: none;
    width: 100%;
    height: auto
}

.product-block-image,.product-list-image {
    overflow: hidden;
    position: relative
}

.product-block-image>a,.product-list-image>a {
    display: block;
    position: relative;
/*   min-height:100px; */
  width:100%;
}

.product-block .himage,.product-list .himage {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  display:none;
}

.product-block .himage.active,.product-list .himage.active {
    opacity: 1
}

.product-block .himage>img,.product-list .himage>img {
    margin-left: auto;
    margin-right: auto;
  width:100%;
}

.product-block-holder .product-block-meta-holder {
    min-height: 50px;
    position: relative;
    z-index: -1
}

.product-block-holder .product-block-meta {
    position: relative;
    margin-top: 5px
}

.product-block-desc {
    line-height: 22px;
    color: #aaa;
    overflow: hidden;
    height: 44px;
    margin-top: 10px
}

.product-block-quick {
    display: block;
    color: #666;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0 10px -5px #000;
    box-shadow: 0 0 6px -4px #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 2;
    text-align: center;
    opacity: 0;
    transition: opacity .3s ease,margin .3s ease;
    margin-right: -40px
}

_:-ms-lang(x),.product-block-quick {
    border: 1px solid #f5f5f5
}

_:-ms-lang(x),#header-holder.headerscrolled {
    box-shadow: 0 0 16px rgba(0,0,0,.1)
}

.product-block-quick.wishlist,.product-block-quick.compare {
    right: 33px;
    top: 75px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    font-size: 9px;
    transition: margin .4s ease
}

.product-block-quick.wishlist {
    top: 109px;
    transition: margin .5s ease
}

.product-block-holder:hover .product-block-quick {
    opacity: 1;
    margin-left: 0;
    margin-right: 0
}

.product-block-holder .product-block-stock {
    position: absolute;
    text-align: center;
    margin-top: 17px;
    font-size: .9em;
    opacity: 0;
    transition: all .3s ease;
    bottom: 15px;
    left: 0;
    font-weight: 700
}

.product-block-stock>div {
    padding: 9px 15px;
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 8px -6px #000
}

.product-block-holder .product-block-stock i {
    margin-right: 5px
}

.product-block-holder:hover .product-block-stock {
    opacity: 1
}

.product-block-holder .product-block-reviews {
    width: 100%;
    margin-top: 10px
}

.product-block-reviews .yotpo .text-m,.product-list-reviews .yotpo .text-m {
    display: none
}

.product-block-reviews .yotpo-icon.yotpo-icon-star.pull-left,.product-list-reviews .yotpo-icon.yotpo-icon-star.pull-left,.product-block-reviews .yotpo-icon.yotpo-icon-half-star.pull-left,.product-list-reviews .yotpo-icon.yotpo-icon-half-star.pull-left,.product-block-reviews .yotpo-icon.yotpo-icon-empty-star.pull-left,.product-list-reviews .yotpo-icon.yotpo-icon-empty-star.pull-left {
    float: none!important
}

.product-block-reviews .yotpo-stars,.product-list-reviews .yotpo-stars,.product-block-reviews .yotpo-bottomline,.product-list-reviews .yotpo-bottomline {
    display: block;
    width: 100%;
    text-align: center
}

.product-block .brand,.product-list-mini .brand {
    margin-top: 15px;
    letter-spacing: 1px;
    font-size: 11px;
    opacity: .7;
    text-transform: uppercase;
    display: inline-block
}

.product-list-mini .brand {
    margin: 0 0 2px 0
}

.product-block h4 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 15px;
    line-height: 23px;
    overflow: hidden;
    transition: all .3s ease;
    opacity: 1;
    max-height: 46px
}

.boxed-border .product-block h4 {
    height: 46px
}

.product-block h4.with-brand {
    margin-top: 0
}

.product-block-price {
    margin-top: 10px;
    font-size: 1.1em;
    width: 100%
}

.product-block-price .price-old {
    font-size: .9em;
    margin-right: 5px
}

.product-block-holder:hover .product-block-price.hidehover {
    opacity: 0;
    top: 50px
}

.product-block-quick.deals-enabled {
    bottom: 70px
}

.product-block-addtocart {
    margin-top: 15px
}

.product-list-holder {
    border: 1px solid rgba(155,155,155,.17);
    padding: 15px
}

.product-list {
    display: table;
    position: relative;
    width: 100%
}

.product-list .product-label {
    position: absolute;
    top: 0;
    right: 0;
    left: unset;
    z-index: 1;
    font-size: .9em;
    letter-spacing: 1px;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase
}

.product-list-image-holder {
    display: table-cell;
    vertical-align: middle;
    width: 200px
}

.product-list-content {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px
}

.product-list-content h4 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s ease;
    opacity: 1
}

.product-list .description {
    margin-bottom: 10px
}

.product-list-reviews {
    margin-bottom: 10px
}

.product-list-price {
    font-weight: 700;
    font-size: 1.1em
}

.product-list-mini-holder {
    background: rgba(155,155,155,.05);
    margin-bottom: 10px;
    padding: 15px
}

.product-list-mini-link {
    display: block;
    height: 100%
}

.fancy-compare .product-list-mini-holder {
    padding: 10px 15px;
    margin-bottom: 5px
}

.product-list-mini-holder:last-child {
    margin-bottom: 0
}

.shadow-hover {
    transition: all .3s ease
}

.shadow-hover:hover {
    box-shadow: 0 0 40px -31px rgba(0,0,0,.6)
}

.shadow-hover.more-shadow:hover {
    box-shadow: 0 0 30px -20px rgba(0,0,0,.6)
}

.product-list-mini {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.product-list-mini .image {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 60px;
    -ms-flex: 0 1 60px;
    flex: 0 1 60px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    position: relative
}

.product-list-mini .image:after {
    content: "";
    display: block;
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(155,155,155,.04);
    top: 0
}

.product-list-mini .title {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding: 0 10px
}

.product-list-mini.grid .title {
    padding: 0
}

.product-list-mini .stars {
    display: block;
    margin-top: 5px
}

.product-list-mini .stars i {
    font-size: 8px
}

.product-list-mini .title h5 {
    font-weight: 600;
    font-size: 1em
}

.product-list-mini .price {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 50px;
    -ms-flex: 0 1 50px;
    flex: 0 1 50px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-right: 15px
}

.product-list-mini .view {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 50px;
    -ms-flex: 0 1 50px;
    flex: 0 1 50px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.product-list-mini .button {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0
}

.product-list-mini .button i {
    margin: 0
}

.product-list-mini img {
    width: 60px;
    max-width: 60px
}

.fancy-compare .product-list-mini img {
    width: 50px
}

.cart-custom .no-items {
    padding: 100px
}

.cart-custom .no-items h3,
.collection .no-items h3 {
    margin-bottom: 15px;
    font-size: 24px;
    opacity: .6;
    font-weight: 300
}

.cart-custom .cart-products {
    border: 0;
    border-collapse: collapse;
    width: 100%
}

.cart-custom .cart-products tr {
    border-bottom: 1px solid rgba(155,155,155,.17)
}

.cart-custom .cart-products tr:last-child {
    border: 0
}

.cart-custom .cart-products td {
    padding-top: 15px;
    padding-bottom: 15px
}

.cart-custom .cart-products .image {
    width: 100px;
    padding-right: 30px
}

.cart-custom .cart-products .product, .cart-custom .cart-products .price, .cart-custom .cart-products .quantity {
    padding-right: 15px;
}

.cart-custom .cart-products .brand-txt {
    letter-spacing: 1px;
    font-size: 11px;
    text-transform: uppercase;
    opacity: .7;
    margin-bottom: 3px
}

.cart-custom .cart-products .price-total {
    font-weight: 700
}

.cart-custom .cart-products .image img {
    max-width: 100%
}


.cart-custom .cart-products .delivery-holder,
.cart-custom .cart-products .additional-costs
{
  margin-top:5px;
  font-size: 0.95em;
  opacity:0.8;
}

.cart-custom .grey-block {
    margin-top: 10px
}

.cart-custom .cart-totals table {
    width: 100%;
    font-size: 1.1em
}

.cart-custom .cart-totals table td {
    padding: 10px 0
}

.cart-custom .cart-totals table tr:first-child td {
    padding-top: 0
}

.cart-custom .cart-totals table tr:last-child td {
    font-weight: 700;
    font-size: 1.15em;
    border-top: 1px solid rgba(155,155,155,.17)
}

.cart-custom .cart-totals table tr.no-border:last-child td {
  border:0;
}

.cart-custom .cart-products .bundled-holder {
    display: inline-block;
    margin-right: 10px
}

.cart-custom .cart-products .bundled-holder h6 {
    display: inline;
    font-weight: 400;
    opacity: .8
}

.cart-custom .custom-holder .value {
    font-size: .85em;
    opacity: .7;
    margin-top: 3px;
    display: block
}

.cart-custom #gui-form-discount,
.cart-custom #gui-form-gift-card
{
    padding: 15px;
    display: none
}

.cart-custom .giftcard-check-balance{ margin-top:5px; }

a.cart-coupon,
a.cart-shipping,
a.cart-giftcard
{
    display: block;
    padding-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    margin-top: 15px;
    position: relative
}

a.cart-coupon i,
a.cart-shipping i,
a.cart-giftcard i
{
    position: absolute;
    right: 0
}

.productpage .product-image-holder {
    position: relative;
    padding: 0 0 0 0;
    min-height: 200px;
    overflow: hidden;
    text-align: center
}

.productpage .product-image {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    border-bottom: 0;
    margin-bottom: 0
}

.productpage .swiper-lazy {
    opacity: 0
}

.productpage .thumbs img {
    width: 100%;
    cursor: pointer;
    border: 1px solid transparent
}

.productpage .thumbs .active img {
    border-color: rgba(155,155,155,.17)
}

.productpage .thumbs .active img.single-thumbnail {
    border-color: rgba(155,155,155,.17)
}

.productpage .thumbs.vertical {
    height: 500px;
    margin-top: 30px
}

.productpage .thumbs-holder.vertical .arrow {
    width: 100%;
    text-align: center;
    cursor: pointer;
    height: 30px;
    line-height: 30px
}

.productpage .thumbs-holder.vertical .arrow i {
    color: #333;
    font-size: 18px
}

.productpage .thumbs-holder.vertical .arrow.swiper-button-disabled i {
    color: #ddd
}

.productpage .thumbs-holder.vertical .thumb-arrow-top {
    position: absolute;
    top: 0;
    padding-right: 30px
}

.productpage .swiper-pagination-image {
    width: 100%;
    left: 0;
    bottom: -20px
}

.productpage .swiper-pagination-bullet {
    margin-right: 10px
}

.productpage .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.lg-backdrop {
    background: #fff
}

.lg-toolbar .lg-icon {
    background: #333;
    color: #fff
}

.productpage .mobile-wishlist
{
position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    background: rgba(255,255,255,0.9);
    width: 38px;
    height: 38px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    border-radius: 100%;
    border: 1px solid rgba(155,155,155,0.17);
    color: #666;
}

.productpage .unit-price {
    margin-top: 5px
}

.productpage h4.block-title {
    margin-bottom: 15px;
    font-size: 20px
}

.productpage .info-right>div,.productpage .info-left>div {
    margin-top: 50px
}

.productpage .info-right>div:first-child,.productpage .info-left>div:first-child {
    margin-top: 0
}

.productpage .info-left .product-info {
    margin-top: 30px
}

.productpage .store-stock
{
  font-size:0.9em;
  text-decoration:underline;
}

.productpage .discounts {
    padding: 0;
    margin: 0;
    list-style: none
}

.productpage .discounts li {
    border: 1px solid rgba(99,142,173,.2);
    border-radius: 5px;
    background: #fff;
    margin-bottom: 10px;
    padding: 8px;
    color: #84a2c1;
    text-align: center;
    font-size: .9em
}

.productpage .discounts li:last-child {
    margin: 0
}

.productpage .offer-holder {
    padding: 30px;
    background: rgba(155,155,155,.05)
}

.look-form-holder .productrow {
    padding: 15px;
    background: #fafafa;
    display: table;
    width: 100%
}

.look-form-holder .productrow .row {
    display: table-row
}

.look-form-holder .productrow .row .col-xs-3 {
    display: table-cell;
    float: none;
    margin: 0;
    padding: 0;
    padding-right: 15px
}

.look-form-holder .productrow .row .col-xs-9 {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0;
    padding-left: 5px
}

.small-button {
    padding: 5px 10px;
    font-size: .85em
}

.look-form-holder .small-button {
    margin-top: 10px
}

.productpage .look-form-holder p {
    font-size: .9em
}

.productpage .look-form-holder .product-configure .fancy-select,
.productpage .look-form-holder .related-variants .fancy-select {
    height: 30px;
    line-height: 30px
}

.related-variant-price {
    margin-top: 10px
}

.productpage-right .countdown {
    margin: 0;
    width: 100%
}

.productpage .timer-holder {
    position: relative
}

.productpage .timer-icon {
    width: 50px
}

.productpage .timer-time {
    background: #f5f5f5;
    position: absolute;
    left: 4px;
    top: 6px;
    height: 44px;
    line-height: 43px;
    padding: 0 30px 0 60px;
    z-index: -1;
    width: 100%;
    border-radius: 20px;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase
}

.productpage .timer-time::before {
    content: "";
    display: block;
    position: absolute;
    height: 40px;
    width: 40px;
    background: #fff;
    border-radius: 100%;
    left: 0;
    top: 3px
}

.productpage .product-price .price {
    font-size: 22px;
    font-weight: 700
}

.productpage .product-price .price-old {
    text-decoration: line-through;
    color: #333
}

.productpage .product-title .variant-title {
    color: #333
}

.productpage .title-appendix .yotpo .text-m {
    margin-left: 10px
}

.productpage .mobile-title {
    font-weight: 700;
    font-size: 1.4em;
  margin-bottom:10px;
}

.productpage .mobile-pre-title {
	margin-bottom:10px;
}

.productpage .mobile-pre-title .brand-button {
  display:inline-block;
  font-size:10px;
  padding:3px 6px;
}

.variant-block,a.variant-block {
    display: inline-block;
    background: #fff;
    padding: 10px 18px;
    margin: 8px 15px 0 0;
    font-size: .9em;
    font-weight: 400;
    border: 1px solid #ddd;
    cursor: pointer;
    text-decoration: none;
    text-align: center
}

.variant-block.out-of-stock {
    text-decoration: line-through;
    color: #ccc
}

.variant-block.active {
    color: #fff;
    background: #000;
    border: 1px solid #000
}

.productpage .title-appendix {
    height: 50px;
    line-height: 50px;
    margin-top: -10px
}

.productpage .reviewscore {
    font-size: .9em;
    display: inline-block;
    margin-right: 30px
}

.productpage .reviewscore .stars {
    font-size: 16px
}

.productpage .reviewscore a {
    text-decoration: none
}

.stars {
    color: #ffd600;
    margin-right: 5px
}

.stars i {
    padding: 5px;
    font-size: 10px;
    background: #ffd600;
    color: #fff;
    margin-right: 3px
}

.stars .empty {
    color: #fff;
    background: rgba(155,155,155,.21)
}

.stars.flat i {
    background: none;
    padding: 0;
    color: #ffd600
}

.stars.flat .empty {
    background: 0 0;
    color: initial;
    opacity: .16
}

.block-title .review-stars{ margin-right:10px; float:right; }
.block-title .review-stars i
{
    font-size: 6px;
    vertical-align: middle;
}

.product-details-nav {
    padding: 10px 0;
    border-top: 1px solid rgba(155,155,155,.16);
    border-bottom: 1px solid rgba(155,155,155,.16);
    font-size: 13px
}

.product-details-nav a {
    margin-right: 25px;
    font-size: 13px;
    font-weight: 400
}

.productpage .wishlist {
    display: inline-block;
    margin-left: 30px;
    float: right
}

.productpage .wishlist>a,.productpage .share>a {
    height: 35px;
    width: 35px;
    background: #f5f5f5;
    background: 0 0;
    text-align: center;
    line-height: 35px;
    border-radius: 100%;
    display: inline-block;
    font-size: 12px;
    border: 1px solid rgba(155,155,155,.17)
}

.productpage .share {
    display: inline-block;
    float: right;
    position: relative
}

.productpage .share:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f107";
    font-weight: 700;
    position: absolute;
    margin-left: -10px;
    opacity: .5
}

.productpage .share .content {
    position: absolute;
    width: 150px;
    background: #fff;
    background: #222;
    right: 0;
    box-shadow: 0 0 26px -9px #000;
    text-align: center;
    margin-top: 2px;
    overflow: visible!important
}

.productpage .share .content:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #222 transparent;
    right: 15px
}

.productpage .share .content>a {
    margin-right: 20px;
    height: 50px;
    line-height: 50px;
    color: #f5f5f5!important
}

.productpage .share .content>a:last-child {
    margin-right: 0
}

.productpage .share a.facebook {
    color: #3b5998
}

.productpage .share a.twitter {
    color: #1da1f2
}

.productpage .share a.pinterest {
    color: #bd081c
}

.productpage .share .content i {
    font-size: 18px
}

.productpage .brand-title,.mobile-brand {
    text-transform: uppercase;
    font-weight: 300;
    font-size: .9em
}

.mobile-brand {
    text-align: center;
    margin-top: 5px
}

.productpage .brand-button {
    opacity: .8;
    display: inline;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 10px;
    border: 1px solid rgba(155,155,155,.27);
    font-size: 11px
}

.productpage .brand-button.youtube {
    border-color: #c10d0d;
    color: #c10d0d
}

.productpage-right form input,input.textfield {
    display: block;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border: 1px solid rgba(155,155,155,.17)
}

input.textfield {
    padding: 9px 20px
}

.productpage #formTagsInput {
    display: inline-block
}

.productpage form input[type=checkbox],.productpage input[type=radio] {
    display: inline;
    width: auto
}

.productpage .tags-content {
    text-align: center
}

.productpage .tags-content .info {
    font-size: .9em;
    margin-top: 10px;
    display: inline-block
}

.productpage .tags-content {
    margin-top: -30px
}

.product-configure-custom-option-date select,select.productoptiondate {
    display: inline;
    width: auto
}

.product-configure-custom-option,.product-configure-options-option,product-configure-variants {
    margin-bottom: 15px
}

.product-configure-custom-option:last-child,.product-configure-options-option:last-child,product-configure-variants:last-child {
    margin-bottom: 0
}

.product-configure-custom {
    margin-top: 15px
}

.look-form-holder .producttitle {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.15em
}

.product-configure label {
    font-size: 1.15em;
    margin-bottom: 5px
}

.productrow .product-configure label {
    font-size: 1em;
}

.product-configure-custom-option-item label {
    font-weight: 400
}

.product-configure .product-configure-custom-option label {
    font-size: 1em
}

.productpage .addtocart {
    text-align: center;
    padding: 0 0 0 92px
}

.qty {
    display: inline-block;
    border: 1px solid rgba(155,155,155,.17);
    position: relative;
    float: left
}

.productpage .qty input,.qty input {
    height: 48px;
    padding: 0 25px 0 0;
    width: 75px;
    border: 0;
    text-align: center;
    border-radius: 0;
    background: #fff
}

.qty .qtyadd {
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    background: #fff;
    top: 0;
    border: 1px solid rgba(155,155,155,.17);
    border-top: 0;
    border-right: 0;
    font-size: 12px;
    cursor: pointer
}

.qty .qtyminus {
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    background: #fff;
    bottom: 0;
    border: 1px solid rgba(155,155,155,.17);
    border-bottom: 0;
    border-right: 0;
    border-top: 0;
    font-size: 12px;
    cursor: pointer
}

.qty-small input {
    height: 38px;
    width: 60px
}

.qty.qty-small .qtyadd,.qty.qty-small .qtyminus {
    height: 20px;
    line-height: 20px
}

.productpage .btn-addtocart {
    border: 0;
    height: 50px;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    display: block;
    text-decoration: none;
    margin: 0 0 0 0;
    font-size: 1.1em;
    font-weight: 700;
    position: relative;
    width: 100%
}

.btn-addtocart .icon-holder {
    display: block;
    float: right;
    height: 50px;
    line-height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    background: rgba(255,255,255,.12);
    padding-top: 2px
}

.btn-addtocart .icon-holder i {
    margin: 0
}

.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: -15px;
    margin-right: -15px
}

.flex-container.seamless,.flex-container.no-margin,.flex-container.marginless {
    margin-right: 0;
    margin-left: 0
}

.flex-container.middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-container .col-20 {
    width: 20%
}

.flex-container .col-30 {
    width: 30%
}

.flex-container .col-33 {
    width: 33.333%
}

.flex-container .col-40 {
    width: 40%
}

.flex-container .col-50 {
    width: 50%
}

.flex-container .col-60 {
    width: 60%
}

.flex-container .col-70 {
    width: 70%
}

.flex-container .col-80 {
    width: 80%
}

.flex-container .col-100 {
    width: 100%
}

.flex-container .flex-item,.flex-container .flex-col {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.flex-grow-1,.flex-col.flex-grow-1 {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-col-2 {
    width: 16.667%
}

.flex-col-4 {
    width: 33.3333%
}

.flex-container .flex-col {
    margin-left: 15px;
    margin-right: 15px
}

.flex-container .flex-col-spaced {
    margin-left: 25px;
    margin-right: 25px
}

.flex-container .flex-item:first-child {
    padding-left: 0
}

.flex-container .flex-item:last-child {
    padding-right: 0
}

.flex-col.service-item {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    text-align: center;
    padding: 30px
}

.flex-col.service-item span>span {
    display: block;
    font-weight: 700
}

.service-item i {
    font-size: 22px;
    margin-bottom: 10px;
    display: inline-block
}

.our-stores .col-content {
    padding: 50px;
    text-align: center
}

.our-stores .store-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 70vh;
    min-height: 500px
}

.store-container .store-col {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.store-container .store-col.img {
    background-size: cover;
    background-position: center
}

.store-container .store-col .desc-container {
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px
}

.store-container .store-col iframe {
    height: 100%;
    width: 100%
}

@media (max-width:991px) {
    .our-stores .store-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        height: auto
    }

    .store-col.img {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        height: 300px;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .store-col.desc {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .store-col.hours {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

@media (max-width:587px) {
    .store-container .store-col {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.desc-content>i {
    font-size: 40px;
    margin-bottom: 50px;
    opacity: .2
}

.input-group>* {
    margin-right: 15px
}

.input-group>:last-child {
    margin-right: 0
}

.addtocart-sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 70px;
    z-index: 10;
    background: #fff;
    height: 60px;
    display: none;
    box-shadow: 0 2px 15px -14px #000
}

.addtocart-sticky .flex-container {
    height: 60px
}

.addtocart-sticky img {
    margin-right: 15px
}

.addtocart-sticky .title {
    font-weight: 700;
    font-size: 16px;
    margin-right: 15px
}

.addtocart-sticky .sticky-price {
    margin-right: 15px;
    margin-left: auto
}

.addtocart-sticky .price-old {
    margin-right: 5px
}

.addtocart-sticky .price {
    font-weight: 700;
    font-size: 1.1em
}

.addtocart-sticky a {
    text-align: center
}

.addtocart-sticky .sticky-wishlist {
    margin-left: 15px;
    padding: 0!important;
    line-height: 40px;
    height: 38px;
    width: 50px
}

.addtocart-sticky .sticky-wishlist i {
    margin: 0;
    font-size: 15px
}

.productpage .yt-icon {
    padding: 15px;
    background: #cc181e;
    color: #fff;
    position: absolute;
    bottom: 1px;
    cursor: pointer;
    display: inline-block;
    right: 1px;
    font-size: 30px;
    z-index: 2
}

.productpage div p:last-child {
    margin-bottom: 0
}

.productpage .sizechart-button {
    font-size: .85em;
    background: rgba(155,155,155,.15);
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
    display: inline-block;
    height: 31px;
    line-height: 32px;
    padding: 0 15px;
    white-space: nowrap
}

.productpage .sizechart-button svg {
    display: inline;
    vertical-align: middle;
    margin-right: 5px
}

.productpage .no-reviews {
    text-align: center
}

.productpage .no-reviews .title {
    font-size: 1.3em
}

.productpage .no-reviews p {
    font-size: .9em;
    color: #aaa
}

.stock {
    font-weight: 700
}

.stock .in-stock,.product-block-stock .in-stock,i.check,.in-stock {
    color: #8bb64c
}

.stock .out-of-stock,.product-block-stock .out-of-stock,i.cross {
    color: #cc181e
}

.stock .backorder,.product-block-stock .backorder {
    color: #e67423
}

.productpage .nav-tabs>li {
    float: none;
    margin-right: 25px;
    display: inline-block
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
    border-color: transparent;
    border-bottom-color: #000
}

.nav>li>a:hover,.nav>li>a:focus {
    background: 0 0;
    border-color: transparent
}

.productpage .nav>li>a {
    padding: 0;
    padding-bottom: 5px;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    background: 0 0
}

.productpage .tab-content {
    padding-top: 30px
}

.productpage .nav-tabs {
    border-color: #eee;
    border-bottom: 0
}

.product-content.product-split-tabs {
    max-width: 991px;
    margin: 30px auto 0 auto
}

.product-content h1,.product-content h2 {
    font-size: 1.2em;
    margin-bottom: 7px
}

.product-content h3 {
    font-size: 1em;
    margin-bottom: 7px
}

.productpage .embed-read-more {
    margin-top: 15px;
    text-align: center
}

.productpage .product-tags {
    margin-top: 25px
}

.productpage .spec-holder {
    padding: 10px
}

.productpage .spec-holder:nth-child(odd) {
    background: rgba(155,155,155,.05)
}

.productpage .embed-specs-holder {
    position: relative
}

.productpage .reviews-header {
    overflow: hidden;
    margin-bottom: 30px
}

.productpage .reviews-header .reviews-score {
    float: left
}

.productpage .reviews-header .reviews-extracted {
    float: right
}

.productpage .reviews-extracted-block .fas {
    font-size: 10px;
    color: #ffd600
}

.productpage .reviews-extracted-block .fas.empty {
    color: initial;
    opacity: .16
}

.productpage .review-bar {
    display: inline-block;
    width: 200px;
    height: 6px;
    vertical-align: middle;
    margin-left: 8px
}

.productpage .review-bar .fill {
    height: 6px
}

.productpage .review-holder {
    margin-bottom: 20px;
    border-top: 1px solid rgba(155,155,155,.16);
    padding-top: 20px
}

.productpage .review-holder .date {
    font-size: .9em;
    color: #a1a1a1;
    margin-left: 5px
}

.productpage .review-content {
    margin-top: 15px
}

.productpage .review-write {
    text-align: center
}

.productpage .review-write p {
    text-align: center;
    font-size: .9em;
    color: #a1a1a1
}

.productpage .product-deliverytime {
    font-weight: 700
}

.productpage .deliverytime-icon {
    display: table-cell;
    vertical-align: top;
    opacity:0.8;
}

.productpage .deliverytime-icon > svg
{
   vertical-align:middle;
}

.productpage .deliverytime-content {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px
}

.productpage .related-products .product-grid:nth-child(1),.productpage .related-products .product-grid:nth-child(2) {
    margin-top: 0
}

.productpage .related-products .swiper-container {
    padding: 10px 15px
}

.productpage .related-products .button-holder {
    margin-top: 15px;
    text-align: center
}

.productpage .related-products .button-holder .swiper-related-next,.productpage .related-products .button-holder .swiper-related-prev {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 100%;
    font-size: 14px;
    opacity: .6
}

.productpage .related-products .button-holder .swiper-related-next {
    margin-left: 5px
}

.productpage .related-products .button-holder .swiper-button-disabled {
    opacity: .3
}

table.sizechart td,.sizechart table td {
    padding: 10px;
    border: 1px solid #eee
}

.sizechart-holder {
    z-index: 1001;
    position: fixed;
    width: 90%;
    height: 90%;
    top: 0;
    top: 5%;
    left: 5%;
    display: none;
    padding-top: 50px;
    padding-bottom: 50px
}

.sizechart-content-holder {
    background: #fff;
    padding: 30px;
    height: 100%;
    width: 100%;
    overflow: auto;
    box-shadow: 0 0 40px -10px #000
}

.sizechart-title {
    display: inline-block
}

.sizechart-content {
    margin-top: 30px
}

.size-chart-holder .close {
    position: absolute;
    top: 15px;
    right: 15px
}

.video-holder {
    display: none;
    position: fixed;
    z-index: 999;
    left: 50%;
    margin-left: -270px;
    top: 50%;
    margin-top: -160px;
    box-shadow: 0 0 48px 0 rgba(0,0,0,.6);
    border: 1px solid #414141;
    background: #fff;
    padding: 30px
}

.product-bundle-holder {
    border: 1px solid rgba(155,155,155,.16);
    padding: 25px;
    position: relative;
    overflow: hidden;
  margin-bottom:15px;
}

.bundle-product-titles {
    margin-top: 15px;
    font-size: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(155,155,155,.16);
    opacity: .7;
    margin-bottom: 10px;
    padding-right: 10px
}

.bundle-product-titles i {
    font-size: 8px;
    padding: 0 4px
}

.bundle-product {
    width: 25%;
    display: block;
    padding: 15px;
    text-align: center;
    position: relative;
    flex-wrap: wrap
}

.bundle-product .img-holder {
    display: inline-block
}

.bundle-product .image {
    position: relative
}

.bundle-product .image:after {
    content: "\f067";
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    top: 50%;
    right: -25px;
    border-radius: 100%;
    font-size: 8px;
    margin-top: -10px;
    opacity: .9
}

.bundle-products .bundle-product:last-child .image:after {
    display: none
}

.bundle-products {
    flex-wrap: wrap
}

.bundle-product .title {
    font-size: 11px;
    display: block;
    margin-top: 10px
}

.bundle-product .options {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 10px;
    display: block
}

.product-bundle-holder .in-stock {
    margin-bottom: 3px
}

.product-bundle-holder .price {
    font-weight: 700;
    font-size: 1.1em
}

.product-bundle-holder .price-old {
    margin-right: 5px
}

.product-bundle-holder h5 {
    font-size: 16px
}

.product-bundle-holder .product-label {
    right: 15px;
    left: auto
}

.product-bundle-holder .bundle-configure {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    text-align: center;
    display: none
}

.product-bundle-holder .bundle-configure .flex-container {
    height: 100%;
    padding: 30px;
    background: rgba(155,155,155,.05)
}

.product-bundle-holder .bundle-configure .flex-item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto
}

.product-bundle-holder .bundle-configure h5 {
    margin-bottom: 30px
}

.homesplit-cats {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.homesplit-cats .block {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.category .flex-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    color: #fff;
    padding: 20px;
    transition: all .2s ease
}

.category .scale-holder {
    overflow: hidden
}

.category .scale-holder img {
    transition: all .3s ease;
  width:100%;
}

.category:hover .scale-holder img {
    transform: scale(1.1)
}

.category:hover .flex-container {
    background: 0 0
}

.category .flex-container>h4 {
    width: 100%;
    text-shadow: 0 0 10px rgba(0,0,0,.26)
}

.category .img-holder a {
    opacity: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.category .title {
    display: block;
    margin-top: 10px
}

.blog-block {
    position: relative
}

.blog-slider .blog-block-slide {
    padding: 0 5px
}

.blog-block .img-holder {
    width: 50%
}

.blog-block.full-width .img-holder {
    width: 100%
}

.blog-block .date {
    background: #fff;
    padding: 5px 10px;
    position: absolute;
    top: 15px;
    left: 15px;
    text-align: center;
    box-shadow: 0 0 6px -3px rgba(0,0,0,.51)
}

.blog-block .date .day {
    font-size: 24px;
    font-weight: 400;
    opacity: .8
}

.blog-block .date .month {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    display: block;
    opacity: .8;
    font-weight: 700
}

.blog-block .date .year {
    margin-top: 3px;
    font-size: 13px;
    display: inline-block;
    opacity: .8
}

.blog-block img {
    width: 100%
}

.blog-block .content-holder {
    text-align: center
}

.blog-block .summary-holder {
    width: 60%;
    position: absolute;
    box-shadow: 0 0 6px -3px rgba(0,0,0,.51);
    top: 50%;
    background: #fff;
    right: 0;
    padding: 30px;
    transform: translateY(-50%)
}

.blog-block h3.title {
    line-height: 25px;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 16px
}

.blog-block .content-holder p {
    margin: 0 0 20px 0;
    text-align: center;
    height: 5.4em;
    overflow: hidden
}

.blog-block.full-width .summary {
    border: 1px solid rgba(155,155,155,.17);
    border-top: 0;
    padding: 15px;
    position: relative
}

.blog-block .summary p {
    height: 5.4em;
    overflow: hidden
}

.article-dummy-header
{
  height:200px;
}

.article-dummy-header.small
{
  height:100px;
}

.article-highlight .image {
    background-size: cover;
    background-position: center;
    background-color: #777;
    padding: 50px;
    height: 400px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.article-highlight .image .title {
    background: rgba(0,0,0,.4);
    color: #fff;
    padding: 10px 15px;
    font-size: 27px;
    text-align: center;
    max-width: 550px;
    line-height: 38px
}

.article-highlight .summary {
    margin: -50px 50px 0 50px;
    padding: 30px;
    position: relative
}

.article-highlight .summary .meta,.blogs .meta {
    font-size: .95em;
    opacity: .6
}

.blogs .meta>span:first-child {
    margin-right: 15px
}

.article-highlight .summary .title {
    font-size: 22px
}

.article-highlight .summary p {
    margin: 15px auto 0 auto
}

.blog-custom .summary .tags {
    display: block;
    position: absolute;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
    padding: 4px 10px;
    right: 0;
    top: -35px;
    letter-spacing: 1px
}

.blog-custom .summary .tags .more {
    opacity: .7;
    margin-left: 5px
}

.blog-custom .blog-block .tags {
    right: 10px
}

.article-highlight .summary .tags {
    right: 0;
    top: -35px
}

.article-highlight .summary .button,.article-highlight .summary .button-txt {
    margin-top: 10px
}

.blog-sidebar .twitter-timeline {
    border: 1px solid #eee!important;
    width: 100%!important;
    margin-top: 30px!important
}

.latest-articles .block {
    margin: 15px 0;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(155,155,155,.17);
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.latest-articles .block:last-child {
    margin: 0;
    border: 0
}

.latest-articles .block img {
    margin-right: 10px
}

.latest-articles .block .details {
    display: inline-block
}

.latest-articles .block a {
    font-weight: 700
}

.latest-articles .block .date {
    opacity: .5
}

.sidebar-newsletter {
    padding: 25px;
    background: rgba(155,155,155,.051)
}

.sidebar-newsletter h4 {
    margin-bottom: 15px
}

.sidebar-newsletter .sub {
    margin-bottom: 15px
}

.sidebar-newsletter input[type=email] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px
}

.tagcloud {
    list-style: none;
    padding: 0;
    margin: 0
}

.tagcloud li {
    display: inline-block;
    margin: 10px 5px 0 0;
    padding: 0
}

.tagcloud li a {
    display: inline-block;
    padding: 4px 10px;
    font-size: .88em;
    text-decoration: none;
    border: 1px solid rgba(155,155,155,.17);
    border-radius: 20px;
    font-weight: 300
}

.tagcloud li a:link,.tagcloud li a:visited {
    color: #888
}

.home-brands.swiper-container {
    padding: 2px 30px
}

.home-brands-holder img {
    padding: 10px
}

.article-custom .main-image {
    max-width: 100%;
    z-index: -1
}

.article-custom .share {
    position: absolute;
    bottom: 65px;
    left: 50%;
    height: 35px;
    line-height: 35px;
    width: 200px;
    text-align: center;
    margin-left: -100px
}

.article-custom .share>a {
    width: 35px;
    height: 35px;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    display: inline-block;
    margin-right: 15px;
    font-size: 16px
}

.article-custom a.fb {
  color: #3b5998;
}

.article-custom a.twitter {
  color: #55acee;
}

.article-custom .share>a:last-child {
    margin: 0
}

.article-custom article {
    background: #fff;
    margin: -50px 30px 0 30px;
    padding: 30px;
    position: relative
}

.article-custom header {
    margin-bottom: 30px
}

.article-custom header .meta {
    margin-top: 10px
}

.article-custom .comment {
    padding: 15px;
    border: 1px solid rgba(155,155,155,.17)
}

.article-custom .comment .name {
    font-weight: 700
}

.article-custom .comment .date {
    opacity: .6
}

.article-custom .comment .content {
    margin-top: 15px
}

.brands h3 {
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    margin-bottom: 30px;
    height: 50px;
    line-height: 25px;
    overflow: hidden
}

.contact-form label {
    display: block;
    margin-bottom: 5px
}

.contact-form input,.contact-form textarea {
    border: 1px solid rgba(155,155,155,.3);
    padding: 8px;
    display: block;
    width: 100%
}

.contact-form textarea {
    height: 150px;
    padding: 10px
}

footer {
    padding: 30px 0 0 0
}

footer .footer-logo {
    margin-bottom: 30px;
    max-width: 70%
}

.footer {
    padding: 30px;
    padding-top: 0
}

.footer h3 {
    margin-bottom: 15px;
    font-size: 1.1em
}

footer .widget iframe {
    max-width: 250px;
  width:100% !important;
}

footer .fbc-widget .__fbcw__widget {
    display: inline-block!important;
    width: 100%!important;
    min-width: 0!important
}

.footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer ul li a {
    display: inline-block;
    padding: 6px 0
}

.footer ul li:first-child {
    padding-top: 0
}

.footer ul li:last-child {
    border-bottom: 0
}

.footer p.info {
    padding-left: 25px;
    position: relative
}

.footer p.info i {
    position: absolute;
    left: 0;
    top: 5px
}

.footer-bottom {
    padding: 15px 0 0 0
}

.newsletter {
    padding: 50px 30px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: 0;
    margin-top: 80px;
    text-align: center
}

.newsletter h3 {
    margin-bottom: 15px
}

.newsletter-sub {
    margin-bottom: 10px;
    margin-top: -5px;
    opacity: .7
}

.newsletter form {
    max-width: 700px;
    margin: 15px auto 0 auto
}

.newsletter .input {
    padding-right: 40px
}

.newsletter .submit {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    color: #fff;
    cursor: pointer;
    padding: 0 15px;
    font-weight: 700
}

.newsletter .submit i {
    margin-right: 5px
}

#form-newsletter {
    position: relative
}

.newsletter input[type=email] {
    height: 40px;
    border: 0;
    line-height: 40px;
    width: 100%;
    padding: 0 15px;
    display: inline-block
}

.overlay {
    z-index: 900;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background: rgba(0,0,0,.7);
    display: none
}

.overlay i {
    position: absolute;
    left: 30px;
    top: 30px;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    cursor: pointer
}

.chevron::before {
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: '';
    display: inline-block;
    height: 30px;
    left: 0;
    position: relative;
    top: 0;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 30px
}

.chevron.small::before {
    height: 20px;
    width: 20px
}

.chevron.right:before {
    left: 0;
    transform: rotate(45deg)
}

.chevron.bottom:before {
    top: 0;
    transform: rotate(135deg)
}

.chevron.left:before {
    left: .25em;
    transform: rotate(-135deg)
}

.fancy-content-bg-holder {
    width: 100%;
    height: 300px;
    position: absolute;
    margin-top: -50px;
    overflow: hidden;
    z-index: -1
}

.fancy-content-bg-holder:after {
    display: block;
    content: "";
    background: rgba(0,0,0,.3);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 43%,#fff 100%);
    width: 100%;
    height: 100%;
    position: absolute
}

.fancy-content-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    filter: blur(7px);
    filter: blur(10px);
    opacity: .2;
    left: -5%;
    width: 110%;
    height: 120%;
    margin-top: -5%;
    position: absolute;
    display: none
}

.productpage .content-box {
    padding: 0;
    background: 0 0;
    margin-top:10px;
}

.white {
    color: #fff
}

.white-bg {
    background: #fff
}

.collection-top {
    margin-top: 15px
}

.collection-pagination {
    color: #a1a1a1;
    font-size: .9em
}

.collection-pagination ul {
    display: inline-block;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0
}

.collection-pagination ul li {
    float: left;
    display: inline-block
}

.collection-pagination .holder {
    background: #fafafa;
    padding: 15px
}

.collection-pagination .mid-height {
    height: 40px;
    line-height: 40px
}

.collection-pagination .prev,.collection-pagination .next {
    font-size: .8em
}

.collection-pagination ul li a {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block
}

.collection-pagination ul li {
    margin-right: 15px
}

.custom-pagination .items {
    display: inline-block;
    background: #fff;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.custom-pagination .items:before {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(155,155,155,.17);
    position: absolute;
    left: 0;
    z-index: -1;
    margin-top: 15px
}

.filters-top {
    text-align: right;
    float: right
}

ul.paginate
{
  list-style:none;
  display:block;
  padding:0;
  margin:0;
}

ul.paginate>li
{
  display:inline-block;
  height:40px;
  line-height:40px;
}

ul.paginate>li.static-text
{
  padding:0 15px;
}

ul.paginate>li.previous a, ul.paginate>li.next a
{
  width:40px;
  text-align:center;
  display:block;
  font-size:15px;
  font-weight:bold;
}

.filters-top.standalone {
    background: rgba(155,155,155,.05);
    padding: 10px;
    float: none
}

.filters-top select {
    display: inline;
    width: auto;
    margin: 0;
    margin-left: 15px
}

.filters-top a {
    margin-right: 15px;
    border-right: 1px solid rgba(155,155,155,.17);
    padding-right: 15px;
    color: #a1a1a1
}

.filters-top a:nth-child(2)
{
  margin-right:5px;
  border-right:0;
  padding-right:0;
}

.overflow-content-holder {
    max-height: 200px;
    overflow: hidden;
    position: relative
}

.overflow-fade {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
    display: none
}

.productpage .embed-specs-holder .overflow-fade {
    bottom: 40px;
    display: block
}

.overflow-expand-holder {
    font-weight: 700;
    text-align: center;
    padding: 10px
}

.overflow-expand-holder>div {
    display: none;
    cursor: pointer;
    padding: 5px 10px;
    font-size: .85em;
    color: #fff
}

.grey-block {
    background: rgba(155,155,155,.06);
    padding: 25px
}

.filter-holder #remove-filter {
    float: left;
    margin-top: 10px
}

#remove-filter>a {
    display: inline-block;
    letter-spacing: 0;
    color: #d00000;
    font-size: .9em;
    margin-left: 10px
}

.product-filters .filter-values {
    font-size: .9em
}

.custom-filters-holder .toggle,.filter-toggle {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border: 1px solid rgba(155,155,155,.17);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.1em;
    cursor: pointer;
    display: inline-block
}

.filter-toggle.mobile {
    position: fixed;
    bottom: 15px;
    transform: translateX(-50%);
    left: 50%;
    box-shadow: 0 10px 40px -22px #000;
    background: #fff;
    height: 50px;
    padding: 0 25px;
    line-height: 50px;
  z-index:1;
}

.custom-filters-holder .toggle i,.filter-toggle i {
    margin-left: 15px
}

.custom_filter_form {
    padding: 30px;
    margin-top: 15px;
    border: 1px solid rgba(155,155,155,.17);
    display: none
}

.custom-filters-selected span {
    display: inline-block;
    font-size: .8em;
    color: #999;
    background: #f5f5f5;
    padding: 5px 8px;
    margin-right: 5px;
    margin-top: 5px
}

.custom_filter_form .custom-filter-col {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 25%
}

.custom_filter_form .custom-filter-col {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    float: none;
    display: block;
    width: 100%;
    margin-top: 30px
}

.fancy-filters .custom_filter_form,.custom_filter_form {
    display: block;
    padding: 0;
    margin: 0;
    border: 0
}

.custom-filter-block h5 {
    margin-bottom: 10px
}

.filters-sidebar {
    padding: 25px
}

.filters-sidebar .custom-filter-block h5 {
    margin-bottom: 5px
}

.filters-sidebar .custom-filter-col:first-child {
    margin-top: 0!important
}

.filter-values label,.filter-values label,.filter-values .more {
    font-weight: 400;
    font-size: .9em
}

.filter-values .more {
    font-weight: 600
}

.filter-values label span,.filter-values label span {
    color: #aaa
}

.custom-filter-block ul {
    padding: 0;
    list-style: none
}

.custom-filter-block ul li {
    padding: 3px 0
}

.custom-filter-block .hidden-filter {
    display: none
}

.price-filter-range {
    font-size: 12px
}

.price-filter-range .min {
    float: left
}

.price-filter-range .max {
    float: right
}

.lookbook .custom-filters-holder {
    text-align: center
}

.lookbook .page-title {
    text-align: center
}

.sidebar h4 {
    font-size: 16px
}

.sidebar .nice-select,.sidebar .fancy-select {
    margin-top: 10px
}

.collection-filter-price .ui-slider-handle {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 0;
    top: -5px;
    margin-left: -10px;
    cursor: pointer;
    outline: 0;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #a5a5a5
}

.sidebar-cats {
    padding: 25px;
    background: rgba(155,155,155,.05)
}

.sidebar-cats>ul.sub0 {
    margin-top: 15px
}

.sidebar-cats ul,.sidebar-cats li {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative
}

.sidebar-cats .count {
    font-size: .8em;
    color: #aaa
}

.sidebar-cats>ul li {
    padding: 10px 0
}

.sidebar-cats>ul li:first-child {
    padding-top: 0
}

.sidebar-cats>ul li:last-child {
    padding-bottom: 0
}

.sidebar-cats>ul>li ul {
    padding-left: 10px;
    border-left: 3px solid rgba(155,155,155,.17);
    margin-top: 20px;
    display: none
}

.sidebar-cats li.active>.main-cat {
    font-weight: 700
}

.sidebar-cats li.active>ul {
    display: block
}

.custom-filter h4 {
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 5px
}

.sidebar-usps ul,.productpage-usps ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.sidebar-usps ul li,.productpage-usps ul li {
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
    position: relative;
    padding-left: 35px;
    font-size: .9em
}

.productpage-usps ul li {
    float: left;
    width: 50%;
    padding-right: 5px
}

.productpage-usps.cart ul li {
    width: 25%
}

.productpage-usps ul li.seperator {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 0
}

.sidebar-usps ul li:last-child,.productpage-usps ul li:last-child {
    margin-bottom: 0
}

.sidebar-usps i,.productpage-usps i {
    position: absolute;
    left: 0;
    height: 100%;
    padding-top: 0;
    top: 50%;
    margin-top: -7px;
    font-size: 16px
}

.sidebar-usps .title {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 1.1em
}

.productpage-usps h4,.sidebar-usps h4 {
    font-weight: 600;
    font-size: 13px
}

.category-header .description {
    margin: 0;
    background: rgba(34,34,34,.82);
    padding: 30px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    width: 50%;
    right: 30px
}

@media all and (max-width:991px) {
    .category-header .description {
        position: static;
        width: 100%;
        background: #222
    }
}

@media all and (max-width:768px) {
    .category-title {
        text-align: center
    }

    .filters-top {
        text-align: center;
        margin-top: 15px
    }
}

.collection .filters-top .nice-select,.collection .filters-top .fancy-select {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: middle
}

.catalog h3 {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    font-weight: 300;
    padding: 10px;
    font-weight: 700
}

.catalog img.cat-img {
    filter: blur(0);
    opacity: .85;
    width: 100%;
    transition: all .2s ease
}

.catalog img.cat-img:hover {
    opacity: 1
}

.cat-top-holder {
    overflow: hidden;
    display: table;
    width: 100%
}

.catalog figure {
    position: relative;
    overflow: hidden
}

.catalog figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.catalog figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

@-webkit-keyframes shine {
    to {
        left: 125%
    }
}

@keyframes shine {
    to {
        left: 125%
    }
}

.cat-top-left {
    width: 50%;
    display: table-cell;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.cat-top-right {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    background: #f5f5f5;
    text-align: center;
    padding: 50px
}

.cat-top-right p {
    padding: 0;
    margin: 30px 0 0 0;
    line-height: 30px;
    font-weight: 300
}

.dimmed {
    background: rgba(0,0,0,.25);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 300;
    display: none
}

.dimmed.flyout {
    z-index: 30
}

.loading {
    background: rgba(0,0,0,.6);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    display: none
}

.spinner {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    text-align: center;
    font-size: 20px
}

.spinner>div {
    background-color: #fff;
    height: 100%;
    width: 10px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.spinner .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.spinner .rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes sk-stretchdelay {
    0%,40%,to {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {
    0%,40%,to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 50%;
    margin-left: -32px
}

.lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #555;
    animation-timing-function: cubic-bezier(0,1,1,0)
}

.lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 .6s infinite
}

.lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 .6s infinite
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0,0)
    }

    to {
        transform: translate(19px,0)
    }
}

.quickshop-holder {
    display: table;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.4);
    padding: 30px;
    display: none;
    z-index: 1001
}

.quickshop-inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.quickshop-modal {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 980px;
    box-shadow: 0 0 60px -40px #000;
    opacity: 0;
    text-align: left;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.quickshop-modal .left {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 400px;
    -ms-flex: 0 1 400px;
    flex: 0 1 400px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    min-width: 400px;
    position: relative;
    min-height: 460px
}

.quickshop-modal .product-image-holder:after,.bundle-product .img-holder:after {
    background: rgba(0,0,0,.026);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    pointer-events: none;
    left: 0
}

.quickshop-modal .left .arrow,.home-slider-holder .arrow {
    position: absolute;
    color: #fff;
    font-size: 18px;
    width: 30px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: rgba(0,0,0,.3);
    font-weight: 600;
    top: 50%;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    outline: 0
}

.home-slider-holder .arrow {
    font-size: 22px;
    width: 30px;
    height: 50px;
    line-height: 50px;
    border-radius: 0;
    opacity: 1;
    margin-top: -25px
}

.quickshop-modal .left .arrow.swiper-button-disabled,.home-slider-holder .arrow.swiper-button-disabled {
    opacity: .3;
    cursor: initial
}

.quickshop-modal .left .arrow.img-arrow-right,.home-slider-holder .arrow.img-arrow-right {
    right: 0;
    padding-left: 4px
}

.quickshop-modal .left .arrow.img-arrow-left,.home-slider-holder .arrow.img-arrow-left {
    padding-right: 4px
}

.quickshop-modal .stock {
    position: absolute;
    left: 0;
    bottom: 30px;
    padding: 10px 15px;
    background: #fff;
    z-index: 2;
    box-shadow: 0 0 8px -6px #000
}

.quickshop-modal .right {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding: 30px 50px
}

#quickshop-form {
    margin-top: 10px
}

.quickshop-modal h1 {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 15px
}

.quickshop-modal .price-moreinfo {
    margin-top: 30px
}

.quickshop-modal .price-moreinfo a {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #555;
    color: #555;
    padding: 7px 12px
}

.quickshop-modal .brand {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.quickshop-modal .price-moreinfo .price-holder {
    float: right;
    line-height: 40px
}

.quickshop-modal .price-moreinfo .price {
    font-size: 20px;
    font-weight: 700
}

.quickshop-modal .price-moreinfo .price-old {
    margin-right: 10px
}

.quickshop-usps-holder {
    background: #222;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.reviews-modal-holder,.specs-modal-holder,.sizechart-modal-holder, .stock-modal-holder {
    display: none;
    position: fixed;
    top: 0;
    z-index: 1000;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    padding: 50px
}

.reviews-modal,.specs-modal,.sizechart-modal, .stock-modal {
    max-width: 900px;
    margin: 0 auto;
    padding: 50px;
    position: relative;
    box-shadow: 0 0 60px -40px #000
}

.stock-modal
{
  max-width:600px;
}

.stock-modal .store-row
{
      display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  margin-top:25px;
  padding-bottom:25px;
  border-bottom:1px solid rgba(155,155,155,0.3);
}

.stock-modal .store-row>div
{
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

.stock-modal .store-row .icon
{
	-webkit-flex: 0 1 70px;
	-ms-flex: 0 1 70px;
	flex: 0 1 70px;
}

.store-row .icon i {
    font-size: 18px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 100%;
    text-align: center;
    /* color: #ab0f0f; */
    opacity: 0.3;
}

.stock-modal .store-row .info
{
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.store-row .info h4 {
    font-size: 1em;
}

.store-row .info span
{
  font-size:0.9em;
  opacity:0.7;
}

.stock-modal .store-row .stock
{
	-webkit-flex: 0 1 150px;
	-ms-flex: 0 1 150px;
	flex: 0 1 150px;
  text-align:right;
  padding-left:15px;
}

.stock-modal .bottom
{
      margin-top: 30px;
    text-align: center;
    font-style: italic;
    opacity: 0.7;
}

.quickshop-modal .x,.reviews-modal .x,.specs-modal .x,.sizechart-modal .x,.mobile-nav-holder .x,.message .x, .stock-modal .x {
    top: 15px;
    right: 15px
}

.x {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    transition: transform .25s ease-in-out;
    cursor: pointer;
    border-radius: 100%;
    border: 1px solid #ddd
}

.x.relative {
    display: inline-block;
    position: relative;
    right: unset;
    top: unset
}

.x.x-small,.x.small {
    width: 17px;
    height: 17px;
    border: 0
}

.x.extra-small {
    width: 11px;
    height: 11px;
    border: 0
}

.x:hover {
    transform: rotate(180deg)
}

.x:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 12px;
    height: 0;
    border-top: 2px solid #999;
    transform: rotate(45deg);
    transform-origin: center
}

.x:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 12px;
    height: 0;
    border-top: 2px solid #999;
    transform: rotate(-45deg);
    transform-origin: center
}

.x.x-small:before,.x.x-small:after,.x.small:before,.x.small:after {
    width: 17px
}

.x.extra-small:before,.x.extra-small:after {
    width: 11px
}

.x.dark:before,.x.dark:after {
    border-color: rgba(0,0,0,.7)
}

.copyright {
    text-align: center;
    padding: 0 15px 15px 15px;
    font-size: .9em
}

.gui-messages {
    MAX-WIDTH: 1260px;
    margin: 30px auto 20px auto;
    text-align: center
}

.gui-messages ul {
    border: 0;
    font-weight: 700;
    line-height: initial;
    font-size: 14px;
    padding: 15px 30px;
    border-radius: 5px
}

.gui-messages ul.gui-success {
    background: #9bbb6d;
    color: #fff
}

.message-blue {
    background: #ecf5fb;
    color: #878f94;
    padding: 15px
}

.no-products-found {
    padding: 50px;
    font-size: 18px;
    font-weight: 300;
    text-align: center
}

.theme-messages {
    margin: 0!important;
    padding: 0!important;
    position: fixed;
    z-index: 999;
    width: 100%;
    max-width: 400px;
    top: 50px;
    right: 50px
}

.theme-messages .message {
    padding: 25px;
    font-size: 1.1em;
    border-radius: 0;
    margin: 0;
    position: relative;
    box-shadow: 0 0 44px -25px rgba(0,0,0,.5);
    background: #fff;
    color: #555;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 15px
}

.theme-messages .message .icon>i {
    color: #fff;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center
}

.theme-messages .message.info .icon>i {
    background: #5286ab
}

.theme-messages .message.success .icon>i {
    background: #6e964f
}

.theme-messages .message.error .icon>i {
    background: #efbd4d
}

.theme-messages .message ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 25px
}

.shop-rating,.shop-rating a {
    font-size: .9em;
    color: #999;
    text-decoration: none
}

.shop-rating {
    opacity: .8
}

.flags {
    background-image: url(flags.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 10px;
    background-size: 100% auto;
    display: inline-block
}

.flags.nl {
    background-position: 0 -10px
}

.flags.de {
    background-position: 0 -20px
}

.flags.en {
    background-position: 0 -30px
}

.flags.fr {
    background-position: 0 -40px
}

.flags.es {
    background-position: 0 -50px
}

.flags.it {
    background-position: 0 -60px
}

.flags.pl {
    background-position: 0 -100px
}

.flags.us {
    background-position: 0 -170px
}

.flags.fc {
    background-position: 0 -160px
}

.payment-icons-holder {
    display: block;
    text-align: center;
    padding: 15px
}

.payment-icons-cart {
    text-align: center
}

.payment-icons {
    background-image: url(payment-icons.png)
}

.payment-icon-img{ margin-right:5px; height:auto; max-width:46px; }

.payment-icons.light {
    background-image: url(payment-icons-light.png)
}

.payment-icons {
    display: inline-block;
    height: 30px;
    width: 50px;
    margin-right: 5px;
    background-size: 100% auto;
    margin-right: 10px
}

.payment-icons-cart .payment-icons {
    margin-right: 10px
}

.payment-icons:last-child {
    margin-right: 0
}

.payment-icons.icon-payment-acceptgiro {
    background-position: 0 0
}

.payment-icons.icon-payment-achterafbetale {
    background-position: 0 -30px
}

.payment-icons.icon-payment-afterpay {
    background-position: 0 -60px
}

.payment-icons.icon-payment-alfabank {
    background-position: 0 -90px
}

.payment-icons.icon-payment-americanexpress {
    background-position: 0 -120px
}

.payment-icons.icon-payment-banktransfer {
    background-position: 0 -150px
}

.payment-icons.icon-payment-betaalnaontvangst {
    background-position: 0 -180px
}

.payment-icons.icon-payment-cartebleue {
    background-position: 0 -210px
}

.payment-icons.icon-payment-clickandbuy {
    background-position: 0 -240px
}

.payment-icons.icon-payment-cash {
    background-position: 0 -1620px
}

.payment-icons.icon-payment-dankort {
    background-position: 0 -270px
}

.payment-icons.icon-payment-directdebit {
    background-position: 0 -300px
}

.payment-icons.icon-payment-directebanki {
    background-position: 0 -330px
}

.payment-icons.icon-payment-discover {
    background-position: 0 -360px
}

.payment-icons.icon-payment-dotpay {
    background-position: 0 -390px
}

.payment-icons.icon-payment-ebo {
    background-position: 0 -420px
}

.payment-icons.icon-payment-ecare {
    background-position: 0 -450px
}

.payment-icons.icon-payment-ecelv {
    background-position: 0 480px
}

.payment-icons.icon-payment-empayment {
    background-position: 0 -510px
}

.payment-icons.icon-payment-eps {
    background-position: 0 -540px
}

.payment-icons.icon-payment-fashioncheque {
    background-position: 0 -570px
}

.payment-icons.icon-payment-giftcard {
    background-position: 0 -600px
}

.payment-icons.icon-payment-giropay {
    background-position: 0 -630px
}

.payment-icons.icon-payment-ideal {
    background-position: 0 -660px
}

.payment-icons.icon-payment-incasso {
    background-position: 0 -690px
}

.payment-icons.icon-payment-invoice {
    background-position: 0 -720px
}

.payment-icons.icon-payment-ippies {
    background-position: 0 -750px
}

.payment-icons.icon-payment-klarna {
    background-position: 0 -780px
}

.payment-icons.icon-payment-maestro {
    background-position: 0 -810px
}

.payment-icons.icon-payment-mailru {
    background-position: 0 -840px
}

.payment-icons.icon-payment-mastercard {
    background-position: 0 -870px
}

.payment-icons.icon-payment-minitix {
    background-position: 0 -900px
}

.payment-icons.icon-payment-mistercash {
    background-position: 0 -930px
}

.payment-icons.icon-payment-multisafepay {
    background-position: 0 -960px
}

.payment-icons.icon-payment-nordea {
    background-position: 0 -990px
}

.payment-icons.icon-payment-onlinegiro {
    background-position: 0 -1020px
}

.payment-icons.icon-payment-onlinetransfer {
    background-position: 0 -1050px
}

.payment-icons.icon-payment-paypal {
    background-position: 0 -1080px
}

.payment-icons.icon-payment-paysafecard {
    background-position: 0 -1110px
}

.payment-icons.icon-payment-phone {
    background-position: 0 -1140px
}

.payment-icons.icon-payment-postfinance {
    background-position: 0 -1170px
}

.payment-icons.icon-payment-przelewy24 {
    background-position: 0 -1200px
}

.payment-icons.icon-payment-qiwi {
    background-position: 0 -1230px
}

.payment-icons.icon-payment-rembours {
    background-position: 0 -1260px
}

.payment-icons.icon-payment-ukash {
    background-position: 0 -1290px
}

.payment-icons.icon-payment-visa {
    background-position: 0 -1320px
}

.payment-icons.icon-payment-visadebit {
    background-position: 0 -1350px
}

.payment-icons.icon-payment-visaelectro {
    background-position: 0 -1380px
}

.payment-icons.icon-payment-vpay {
    background-position: 0 -1410px
}

.payment-icons.icon-payment-wallie {
    background-position: 0 -1440px
}

.payment-icons.icon-payment-webmoney {
    background-position: 0 -1470px
}

.payment-icons.icon-payment-webshopgiftcard {
    background-position: 0 -1500px
}

.payment-icons.icon-payment-yourgift {
    background-position: 0 -1530px
}

.payment-icons.icon-payment-afterpay_nl_b2c_digital_invoice,.payment-icons.icon-payment-afterpay_nl_b2c_direct_debit,.payment-icons.icon-payment-afterpay_nl_b2b_digital_invoice,.payment-icons.icon-payment-afterpay_be_b2c_digital_invoice {
    background-position: 0 -60px
}

.payment-icons.icon-payment-pi {
    background-position: 0 -1560px
}

.payment-icons.icon-payment-postnl {
    background-position: 0 -1590px
}

.payment-icons.icon-payment-bitcoi {
    background-position: 0 -1650px
}

.payment-icons.icon-payment-belfius {
    background-position: 0 -1680px
}

.payment-icons.icon-payment-kbc {
    background-position: 0 -1710px
}

.payment-icons.icon-payment-bunq {
    background-position: 0 -1740px
}

.payment-icons.icon-payment-creditcard {
    background-position: 0 -1770px
}

.payment-icons.icon-payment-vvvgiftcard {
    background-position: 0 -1800px
}

.payment-icons.icon-payment-inghomepay {
    background-position: 0 -1830px
}

.payment-icons.icon-payment-klarnapaylater {
    background-position: 0 -1860px
}

.payment-icons.icon-payment-cartesbancaires {
    background-position: 0 -1890px
}

.heightAuto {
    height: auto!important;
    max-height: 100%!important
}

.is-countdown {
    display: block;
    overflow: hidden
}

.countdown-rtl {
    direction: rtl
}

.countdown-row {
    clear: both;
    width: 100%;
    padding: 0 2px;
    text-align: center
}

.countdown-show1 .countdown-section {
    width: 98%
}

.countdown-show2 .countdown-section {
    width: 48%
}

.countdown-show3 .countdown-section {
    width: 32.5%
}

.countdown-show4 .countdown-section {
    width: 24.5%
}

.countdown-show5 .countdown-section {
    width: 19.5%
}

.countdown-show6 .countdown-section {
    width: 16.25%
}

.countdown-show7 .countdown-section {
    width: 14%
}

.countdown-section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center
}

.countdown-amount {
    font-size: 22px;
    height: 70px;
    line-height: 70px;
    width: 60px;
    text-align: center;
    font-weight: 400;
    display: inline-block;
    border-radius: 5px;
    background: #adadad;
    background: -moz-linear-gradient(top,#adadad 0,#111 2%,#222 49%,#000 50%,#333 51%,#111 100%);
    background: -webkit-linear-gradient(top,#adadad 0,#111 2%,#222 49%,#000 50%,#333 51%,#111 100%);
    background: linear-gradient(to bottom,#adadad 0,#111 2%,#222 49%,#000 50%,#333 51%,#111 100%);
    box-shadow: 0 1px 5px rgba(49,49,49,.62)
}

.homedeal-compact .countdown-amount {
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-weight: 700;
    font-size: 13px
}

.countdown-period {
    display: block;
    font-size: 14px;
    margin-top: 5px
}

.countdown-descr {
    display: block;
    width: 100%
}

.homedeal-compact .countdown-period {
    display: none
}

.homedeal-compact .price {
    font-size: 1.2em;
    font-weight: 700
}

span.countdown-section {
    position: relative
}

span.countdown-section:after {
    content: ":";
    display: block;
    position: absolute;
    top: 50%;
    font-size: 30px;
    font-weight: 700;
    color: #999;
    right: -6px;
    top: 10px;
    animation: blinkergeneral 1s linear infinite
}

.homedeal-compact span.countdown-section:after {
    top: 50%;
    right: -3px;
    margin-top: -10px
}

.countdown-block .countdown-section:last-child:after {
    display: none
}

.countdown .countdown-section:last-child .countdown-amount {
    animation: blinkerbg 1s linear infinite
}

@keyframes blinkergeneral {
    80% {
        opacity: 0
    }
}

@keyframes blinkerbg {
    80% {
        opacity: .4
    }
}

.product-grid .countdown-holder {
    width: 100%;
    text-align: center;
    padding-top: 10px;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 10px 5px;
    border-top: 0
}

.countdown-block {
    display: inline-block;
    width: 100%;
    max-width: 250px
}

.countdown-block.tiny {
    max-width: 170px
}

.countdown-block.highlight {
    margin-bottom: 15px
}

.countdown-block.slider {
    display: block;
    margin: 30px auto 0 auto;
    max-width: 300px
}

.countdown-block .countdown-period {
    font-size: 9px;
    text-transform: uppercase
}

.countdown-block.tiny .countdown-period {
    display: none
}

.countdown-block .countdown-amount {
    box-shadow: none;
    background: #424242;
    padding: 0;
    height: 40px;
    line-height: 40px;
    width: 40px;
    letter-spacing: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 100%
}

.countdown-block.slider .countdown-amount {
    background: 0 0;
    border: 2px solid #fff;
    height: 50px;
    line-height: 48px;
    width: 50px;
    font-size: 14px
}

.countdown-block.small .countdown-amount {
    height: 36px;
    line-height: 36px;
    width: 36px;
    font-size: 11px
}

.countdown-block.tiny .countdown-amount {
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    width: 25px;
    margin-right: 10px
}

.countdown-block .countdown-section:after {
    content: ":";
    display: block;
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    color: #999;
    top: 0;
    right: -2px;
    animation: blinkergeneral 1s linear infinite;
    height: 40px;
    line-height: 38px
}

.countdown-block.slider .countdown-section:after {
    color: #fff;
    top: 5px
}

.countdown-block .countdown-section:last-child:after {
    display: none
}

.countdown-block.highlight .countdown-section:after {
    color: #fff
}

.countdown-block.tiny .countdown-section:after {
    font-size: 15px;
    right: 2px;
    height: 25px;
    line-height: 25px
}

.countdown-block svg {
    vertical-align: middle
}

.countdown-block>span {
    vertical-align: middle;
    margin-left: 5px;
    display: inline-block
}

.countdown-block .blink,.countdown-block .timer-sec,.countdown-block .countdown-section:last-child {
    font-weight: 600;
    animation: blinkergeneral 1s linear infinite;
    opacity: 1
}

@keyframes blinkergeneral {
    90% {
        opacity: .6
    }
}

.product-block .countdown-amount {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-weight: 700;
    font-size: 14px;
    box-shadow: none;
    background: #333;
    color: #fff;
    border: 0;
    border-radius: 100%
}

.product-block .countdown-section:after {
    color: #333;
    font-size: 14px;
    right: -2px;
    font-weight: 700;
    height: 20px;
    line-height: 20px
}

.product-block .countdown-section:last-child:after {
    display: none
}

.product-block .countdown-period {
    display: none
}

.faq-holder {
    max-width: 991px;
    margin-left: auto;
    margin-right: auto
}

.faq-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

.question i {
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    right: 0
}

.faq-item .question {
    font-size: 1.2em;
    font-weight: 400;
    cursor: pointer
}

.faq-item .question span {
    padding-right: 30px;
    display: inline-block;
}

.faq-item .question i {
    transition: all .3s ease
}

.faq-item .question.active i {
    transform: rotate(-180deg)
}

.faq-item .answer {
    margin-top: 10px;
    display: none
}

.faq-item .answer p:last-child {
    margin-bottom: 0
}

.custom-service .contact-item i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    border-radius: 100%;
    margin-right: 10px;
    border: 0;
    color: #fff
}

.company-main-image {
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: center
}

ul.sidebar-service-links li {
    padding-bottom: 15px;
    margin-bottom: 15px
}

ul.sidebar-service-links {
    padding: 0;
    margin: 0;
    list-style: none
}

ul.sidebar-service-links li.active {
    font-weight: 700
}

ul.sidebar-service-links li a {
    display: block
}

.home-vid.no-overlay .home-vid-overlay,
.banners-home.no-overlay .banner-content-holder,
.home-slider-holder.no-overlay .home-slider-slide:after,
.subheadlines.no-overlay .subheadline-content,
.home-banner.no-overlay:after
{
    background: none;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    -o-transition-property: transform,height;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-prev,.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top,200ms -webkit-transform;
    transition: 200ms top,200ms -webkit-transform;
    -o-transition: 200ms transform,200ms top;
    transition: 200ms transform,200ms top;
    transition: 200ms transform,200ms top,200ms -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left,200ms -webkit-transform;
    transition: 200ms left,200ms -webkit-transform;
    -o-transition: 200ms transform,200ms left;
    transition: 200ms transform,200ms left;
    transition: 200ms transform,200ms left,200ms -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right,200ms -webkit-transform;
    transition: 200ms right,200ms -webkit-transform;
    -o-transition: 200ms transform,200ms right;
    transition: 200ms transform,200ms right;
    transition: 200ms transform,200ms right,200ms -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar,.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.YouTubePopUp-Wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    z-index: 9999999999999
}

.YouTubePopUp-animation {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUp;
    animation-name: YouTubePopUp
}

@-webkit-keyframes YouTubePopUp {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes YouTubePopUp {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.YouTubePopUp-Content {
    max-width: 680px;
    display: block;
    margin: 0 auto;
    height: 100%;
    position: relative
}

.YouTubePopUp-Content iframe {
    max-width: 100%!important;
    width: 100%!important;
    display: block!important;
    height: 480px!important;
    border: 0!important;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.YouTubePopUp-Hide {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUpHide;
    animation-name: YouTubePopUpHide
}

@-webkit-keyframes YouTubePopUpHide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes YouTubePopUpHide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.YouTubePopUp-Close {
    position: absolute;
    top: 0;
    cursor: pointer;
    bottom: 528px;
    right: 0;
    margin: auto 0;
    width: 24px;
    height: 24px;
    background-size: auto auto;
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px
}

.YouTubePopUp-Close:hover {
    opacity: .5
}

@media all and (max-width:768px) and (min-width:10px) {
    .YouTubePopUp-Content {
        max-width: 90%
    }
}

@media all and (max-width:600px) and (min-width:10px) {
    .YouTubePopUp-Content iframe {
        height: 320px!important
    }

    .YouTubePopUp-Close {
        bottom: 362px
    }
}

@media all and (max-width:480px) and (min-width:10px) {
    .YouTubePopUp-Content iframe {
        height: 220px!important
    }

    .YouTubePopUp-Close {
        bottom: 262px
    }
}

.fancy-checkbox,.fancy-radio {
    opacity: 0!important;
    width: 25px!important;
    margin: 0!important;
    padding: 0!important
}

.fancy-checkbox+label,.fancy-radio+label {
    position: relative;
    padding-left: 30px;
    margin-left: -25px;
    cursor: pointer
}

.fancy-checkbox+label:before,.fancy-radio+label:before {
    content: "";
    border: 1px solid #e5e5e5;
    font-size: 9px;
    position: absolute;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    background: rgba(255,255,255,.6);
    left: 0;
    transition: all .3s ease
}

.fancy-checkbox+label:hover:before,.fancy-radio+label:hover:before {
    border-color: #999
}

.fancy-radio+label:before {
    border-radius: 100%
}

.fancy-checkbox:checked+label:before {
    content: "\f00c"
}

.fancy-radio:checked+label:before {
    content: "\f111";
    font-size: 7px
}

.fancy-select {
    display: block;
    font-size: 13px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208.14%205.05%22%3E%0A%20%20%3Ctitle%3EAsset%203%3C%2Ftitle%3E%0A%20%20%3Cg%20id%3D%22abe7e859-115e-4568-82e8-11152a3cdada%22%20data-name%3D%22Layer%202%22%3E%0A%20%20%20%20%3Cg%20id%3D%2265fd8162-9791-42c2-9ba6-6dade6f7f55e%22%20data-name%3D%22Layer%203%22%3E%0A%20%20%20%20%20%20%3Cpolyline%20points%3D%227.86%200.25%204.07%204.49%200.28%200.25%22%20style%3D%22fill%3A%20none%3Bstroke%3A%20%23595959%3Bstroke-miterlimit%3A%2010%3Bstroke-width%3A%200.75px%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E),linear-gradient(to bottom,#fff 0,#fff 100%);
    background-repeat: no-repeat,repeat;
    background-position: right 10px top 54%,0 0;
    background-size: 8px auto,100%;
    padding: 0 25px 0 15px;
    height: 40px;
    line-height: 40px
}

.fancy-select::-ms-expand {
    display: none
}

.fancy-select:hover {
    border-color: rgba(155,155,155,.8)
}

.fancy-select:focus {
    border-color: #aaa;
    color: #222;
    outline: 0
}

.fancy-select option {
    font-weight: 400
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .fancy-select {
        /*background-size: 60px auto,100%*/
      background-size:9px 9px
    }
}

@media all and (max-width:1284px) {
    #navbar.boxed {
        max-width: 1140px
    }
}

@media all and (max-width:1170px) {
    #navbar.boxed {
        margin: 0 15px
    }

    #navbar.boxed.navscrolled {
        margin: 0
    }

    .bundle-product {
        width: 50%
    }
}

@media all and (max-width:991px) {
    #notification .x {
        right: 15px
    }

    .custom-filters-holder {
        margin-top: 30px;
        text-align: center
    }

    nav>ul {
        display: none
    }

    .slider-highlights-holder .col-md-8 {
        margin-right: 15px
    }

    .slider-highlights-holder .col-md-4 {
        margin-left: 15px
    }

    .home-look .images img {
        width: 30%;
        height: auto;
        margin-right: 3%
    }

    .home-vid-overlay {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .embed-reviews-holder {
        margin-top: 50px
    }

    .productpage .embed-specs-holder {
        margin-top: 50px
    }

    .bundle-product {
        width: 25%
    }

    .main-product-holder {
        width: 35%
    }

    .bundle-product-holder {
        width: 65%
    }

    .cart-popup-holder .current-product-holder {
        width: 100%;
        padding: 0
    }

    .cart-popup {
        width: 100%
    }

    .filters-top {
        text-align: center;
        float: none
    }

    footer .contact-description {
        text-align: center
    }

    .footer p.info {
        padding-left: 0
    }

    .footer p.info i {
        position: initial;
        margin-right: 5px;
    }
}

@media all and (max-width:768px) {
    .rowmargin80 {
        margin-top: 50px
    }

    h1.page-title {
        text-align: center
    }

    h1 {
        font-size: 22px
    }

    .banners-home h3,.mobile-title h4,h3.headline {
        font-size: 20px
    }

    h4,.productpage .nav>li>a,.home-look h3,.blogs h3.title {
        font-size: 16px
    }

    .productpage .nav-tabs {
        text-align: center
    }

    .productpage .nav-tabs>li {
        margin-right: 20px
    }
  
  .productpage .content-box
  {
    margin-top:0;
  }
  
  .shadow-hover:hover
  {
    box-shadow:none;
  }

    .product-grid.odd {
        padding-right: 5px
    }

    .product-grid.even {
        padding-left: 5px
    }

    .product-block-quick {
        display: none!important
    }

    .product-block h4,.product-block-price,.product-list h4,.product-list-price,h4.headline {
        font-size: 14px
    }

    .product-list-holder {
        padding: 0;
        border: 0;
        border-bottom: 1px solid rgba(155,155,155,.17);
        padding-bottom: 15px
    }

    .product-list-image-holder {
        width: 150px
    }

    .product-list .description {
        font-size: 13px;
        height: 60px;
        line-height: 20px;
        overflow: hidden
    }

    .mobile-brand {
        font-size: 12px
    }

    .nice-select,.fancy-select {
        height: 36px;
        line-height: 34px
    }

    .productpage-right {
        margin-top: 30px
    }

    .productpage .offer-holder {
        background: 0 0;
        padding: 0
    }
  
  .productpage .product-price .price
  {
    font-size:1.2em;
  }

    .productpage .btn-addtocart {
        letter-spacing: 0;
        font-size: 1.1em
    }

    .productpage .btn-addtocart .icon-holder {
        display: none
    }

    .variant-block,a.variant-block {
        padding: 8px 14px
    }

    .bundle-product-holder {
        width: 55%
    }

    .main-product-holder {
        width: 45%
    }

    .bundle-product {
        width: 25%
    }

    .product-block .countdown-block {
        font-size: .88em
    }

    .home-grid .product-grid .loopindex-9 {
        display: none
    }

    .product-list .product-label {
        position: static;
        display: inline-block;
        margin-bottom: 10px
    }

    .productpage h4.block-title {
        padding-top: 15px;
        font-size: 1.15em;
        border-top: 1px solid rgba(155,155,155,.16);
        position: relative
    }

    .productpage h4.block-title:sdf {
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(155,155,155,.16)
    }

    .productpage h4.block-title:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        content: "\f054";
        position: absolute;
        right: 0;
        opacity: .5
    }

    .productpage .active h4.block-title:after {
        transform: rotate(-90deg)
    }

  .productpage .block-content:not(.active) {
        display: none;
  }
  
    .productpage .block-content {
        margin-bottom: 15px
    }

    .productpage .product-details {
        margin-top: 0
    }

    .productpage .info-right>div,.productpage .info-left>div {
        margin-top: 0
    }

    .productpage .info-right>div:last-child {
        border-bottom: 1px solid rgba(155,155,155,.16)
    }
  
  	.productpage .related-products .swiper-container
  	{
    	padding:0;
  	}

    .addtocart-sticky.mobile-visible {
        top: initial;
        bottom: 0;
        box-shadow: 0 -2px 15px -14px #000;
        display: block!important
    }

    .blogholder {
        padding: 0;
        border: 0
    }

    .blogs h3.title {
        line-height: 1.5em;
        height: 3em;
        overflow: hidden;
        margin: 10px 0
    }

  .reviews-modal-holder, .specs-modal-holder, .sizechart-modal-holder, .stock-modal-holder {
    padding:15px;
  }

  .reviews-modal, .specs-modal, .sizechart-modal, .stock-modal {
    padding:30px;
  }
  
  .stock-modal .store-row .icon
  {
    display:none;
  }
  
    .cart-popup-holder .proceed .button {
        width: 100%;
        margin-top: 10px
    }

    .cart-popup-holder .proceed .button:first-child {
        margin-top: 0
    }

    .cart-custom .cart-products .price-total {
        font-weight: 400
    }

    .cart-custom .cart-products h5 {
        font-size: 1em
    }

    .cart-custom .cart-products .image {
        width: 40px;
        padding-right: 10px
    }
}

@media all and (max-width:576px) {
    .home-slider-holder .slider-text .slider-pre {
        font-size: 13px
    }

    .home-slider .slider-text .title {
        font-size: 28px
    }

    .home-slider-holder .slider-text .slider-sub {
        font-size: 14px
    }

    .countdown-block.slider .countdown-amount {
        border: 2px solid #fff;
        height: 40px;
        line-height: 38px;
        width: 40px;
        font-size: 13px
    }

    .banner-text-block .title,.banners-home .title {
        font-size: 22px
    }

    .bundle-product-holder {
        width: 100%
    }

    .main-product-holder {
        width: 100%
    }

    .main-product-holder img {
        max-width: 200px
    }

    .bundle-product {
        width: 33%
    }

    .bundle-product:before {
        top: 0!important;
        left: 100%!important
    }

    .bundle-product .wrapper {
        padding: 0
    }

    .product-list-image-holder {
        width: 80px
    }

    .article-custom article {
        margin: 0;
        padding: 0;
      padding-bottom:30px;
        margin-top: 30px
    }

    .fancy-box {
        max-width: 340px;
        width: 100%
    }

    .theme-messages {
        left: 0;
        padding: 15px!important;
        bottom: 0;
      	top: unset;
    		right: unset;
    }
}