#page{left:0;position:relative}.mmPushBody{height:100%;width:100%}#mobile-menu.pixxett-header1{background:#f5f5f5;border-right:1px solid #ccc;box-shadow:0 1px 8px #555;box-sizing:content-box;display:none;line-height:1.42857;position:fixed;text-transform:uppercase;top:0;z-index:99999}.pixxett-header1 .mobile-menu{box-sizing:border-box;float:left;list-style-type:none;margin:0;padding-left:0;position:relative;width:100%}.pixxett-header1 .mobile-menu ul{margin-left:0;padding-left:0}.pixxett-header1 .mobile-menu li li,.pixxett-header1 .mobile-menu ul .expand{background:#eee}.pixxett-header1 .mobile-menu .mm-search{background-color:#f5f5f5;box-sizing:border-box;color:#555;height:50px;margin-bottom:5px;padding:5px 10px;margin-top:5px}.pixxett-header1 .mobile-menu .input-group{border-collapse:separate;display:table;position:relative}.pixxett-header1 .mobile-menu .input-group .form-control:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.pixxett-header1 .mobile-menu .input-group .form-control{display:table-cell;float:left;height:36px;margin-bottom:0;position:relative;width:100%;z-index:2}.pixxett-header1 .mobile-menu .input-group-btn{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap;width:1%}.pixxett-header1 .mobile-menu #search1 input{height:36px;margin:0;padding-left:10px;width:85%}.pixxett-header1 .mobile-menu #search1 button{background:#ff6709;border:none;color:#fff;display:inline-block;float:none;line-height:24px;padding:4px 10px 10px}.pixxett-header1 .mobile-menu #search1 button i,.pixxett-header1 .mobile-menu li .home a{color:#fff}.pixxett-header1 .mobile-menu .input-group-btn:first-child>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.pixxett-header1 .mobile-menu .input-group-btn>.btn{height:36px;position:relative}.pixxett-header1 .mobile-menu .btn{background-image:none;border-radius:0;cursor:pointer;display:inline-block;font-size:15px;font-weight:400;line-height:1.42857;margin-bottom:0;text-align:center;vertical-align:middle;white-space:nowrap}.pixxett-header1 .mobile-menu .form-control{background-color:#fff;border:0;border-radius:0;color:#555;font-size:15px;height:18px;padding:6px 0}.pixxett-header1 .mobile-menu .btn-default{background-color:#fff;border:0;height:30px;padding:4px 5px}#mobile-menu.pixxett-header1 .top-links ul.links a:hover,.pixxett-header1 .mobile-menu .btn-default:hover,.pixxett-header1 .mobile-menu li a.active{color:#ff6709}.mm-search #search1{width:100%}.pixxett-header1 .mobile-menu .btn-default:active,.pixxett-header1 .mobile-menu .btn-default:focus{background-color:#fff}.pixxett-header1 .mobile-menu .home{background-color:#ff6709;color:#fff;overflow:hidden}.pixxett-header1 .mobile-menu .home i{padding-right:5px}.pixxett-header1 .mobile-menu .home a.active{color:#fff!important}.pixxett-header1 .mobile-menu .expand{border-left:1px solid #ddd;color:#ff6709;margin-left:20px;padding:0 10px;position:absolute;right:0;width:35px}.pixxett-header1 .mobile-menu .expand:hover{cursor:pointer}.pixxett-header1 .mobile-menu li{border-top:1px solid #ddd;display:block;float:left;margin-left:0;padding-left:0;position:relative;width:100%}.pixxett-header1 .mobile-menu li a{color:#222;display:block;font-weight:500;overflow:hidden;padding:10px 10px 10px 15px;text-decoration:none;white-space:normal}.pixxett-header1 .mobile-menu li li a{font-weight:400;padding-left:25px}.pixxett-header1 .mobile-menu li li li{background:#ddd}.pixxett-header1 .mobile-menu li li li a{padding-left:35px}.pixxett-header1 .mobile-menu .social a{float:left;margin:10px 0 10px 15px;padding:0}.pixxett-header1 .mobile-menu .social i{color:#ff6709;font-size:22px}.pixxett-header1 .mobile-menu input.simple:focus{border:none;box-shadow:none;transition:none}.pixxett-header1 .mobile-menu [class*=" icon-"]:before,.pixxett-header1 .mobile-menu [class^=icon-]:before{margin-left:0;margin-right:0}.pixxett-header1 .mm-toggle-wrap{color:#333;line-height:1;overflow:hidden;display:inline-block;position:absolute;top:8px;left:0;z-index:100}.pixxett-header1 .mm-toggle{cursor:pointer;float:left;font-size:24px;height:40px;padding:8px 15px;width:auto}.pixxett-header1 .mm-toggle .mm-label{display:none;font-size:13px;margin-left:3px;text-transform:uppercase;vertical-align:middle}#mobile-menu.pixxett-header1 .top-links{display:inline-block;width:100%;background:rgba(0,0,0,.02)}#mobile-menu.pixxett-header1 .top-links .lang-curr{border-bottom:1px solid #e5e5e5;float:none;margin:auto;padding:12px 15px;width:100%}#mobile-menu.pixxett-header1 .top-links .form-language{border-left:0 solid #ececec;display:inline;float:left;line-height:17px;margin-left:0;padding-left:0}#mobile-menu.pixxett-header1 .top-links ul.links,.inner-mobilemenu-footer .panel-group .panel-heading{padding:0}#mobile-menu.pixxett-header1 .top-links ul.links a{color:#333}#mobile-menu.pixxett-header1 .top-links .links li{border-bottom:1px solid #e5e5e5;list-style:none;padding:7px 15px}.pixxett-header1 .mobile-menu li li a span.fa.fa-plus:before{content:""}.pixxett-header1 .mobile-menu li li a span.fa.fa-plus{font-family:inherit;padding:0!important}.mobile-menu-footer{background-color:#212121;padding:40px 0 20px;color:#b0b0b0;display:none}.inner-mobilemenu-footer .panel,.inner-mobilemenu-footer .panel-body{box-shadow:none}.inner-mobilemenu-footer .panel-group .panel-heading a{display:block;padding:10px 15px;text-decoration:none;position:relative;color:#222;text-transform:uppercase;font-size:14px}.inner-mobilemenu-footer .panel-group .panel-heading a:after{content:'-';float:right;font-size:30px;color:#009bce}.inner-mobilemenu-footer .panel-default>.panel-heading{color:#222;border-color:#f5f5f5;background:#f5f5f5}.inner-mobilemenu-footer .panel-group .panel-heading a.collapsed:after{content:'+';font-size:30px;color:#009bce}.innner-menu-pannel ul li a{color:#222;font-size:15px;padding:5px 0;display:block}@media only screen and (max-width:767px){.mobile-menu-footer{display:block}.footer-main{display:none}.footer-bottom .copyright{line-height:25px}}@media only screen and (min-width:300px) and (max-width:479x){.pixxett-header1 .mm-toggle{display:block}.pixxett-header1 .mm-toggle-wrap{display:inline-block;position:absolute}}@media only screen and (min-width:480px) and (max-width:767x){.pixxett-header1 .mm-toggle-wrap{display:inline-block;left:0;position:absolute;top:24px}}
.block-layered-nav dt, .block-poll label {
    text-overflow: ellipsis;
    white-space: nowrap
}

#limiter ul ul, #sort-by ul ul {
    top: 27px;
    z-index: 10000;
    visibility: hidden
}

.dropdown.dropdown--active > .dropdown__container > .container > .row > .dropdown__content, body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container .dropdown__content, body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container:before, body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container .dropdown__content, body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container:before {
    pointer-events: all
}

.blog_post img, .category-description .owl-item .item img, .container .container, .hot-banner img, .modal-container video, .notification, .picker, .video-cover video, form, img, textarea {
    max-width: 100%
}

*, .block-layered-nav dd, .block-related ul, a, h1, h2, h3, h4, h5, h6, p, ul {
    margin: 0;
    padding: 0
}

html {
    font-size: 87.5%
}

@media all and (max-width:768px) {
    html {
        font-size: 81.25%
    }
}

@font-face {
    font-family: proximanova;
    src: url(../newhome/fonts/proximanova-regular-webfont.eot?1307578394);
    src: url('../newhome/fonts/proximanova-regular-webfont.eot?iefix') format('eot'),url(../newhome/fonts/proximanova-regular-webfont.woff?1307578394) format('woff'),url(../newhome/fonts/proximanova-regular-webfont.ttf?1307578394) format('truetype'),url('../newhome/fonts/proximanova-regular-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-style: italic;
    src: url(../newhome/fonts/proximanova-regitalic-webfont.eot?1307578394);
    src: url('../newhome/fonts/proximanova-regitalic-webfont.eot?iefix') format('eot'),url(../newhome/fonts/proximanova-regitalic-webfont.woff?1307578394) format('woff'),url(../newhome/fonts/proximanova-regitalic-webfont.ttf?1307578394) format('truetype'),url('../newhome/fonts/proximanova-regitalic-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-weight: 300;
    src: url(../newhome/fonts/proximanova-light-webfont.eot?1307578394);
    src: url('../newhome/fonts/proximanova-light-webfont.eot?iefix') format('eot'),url(../newhome/fonts/proximanova-light-webfont.woff?1307578394) format('woff'),url(../newhome/fonts/proximanova-light-webfont.ttf?1307578394) format('truetype'),url('../newhome/fonts/proximanova-light-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-weight: 600;
    src: url(../newhome/fonts/proximanova-semibold-webfont.eot?1307578394);
    src: url('../newhome/fonts/proximanova-semibold-webfont.eot?iefix') format('eot'),url(../newhome/fonts/proximanova-semibold-webfont.woff?1307578394) format('woff'),url(../newhome/fonts/proximanova-semibold-webfont.ttf?1307578394) format('truetype'),url('../newhome/fonts/proximanova-semibold-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-weight: 600;
    font-style: italic;
    src: url(../newhome/fonts/proximanova-semibolditalic-webfont.eot?1307578394);
    src: url('../newhome/fonts/proximanova-semibolditalic-webfont.eot?iefix') format('eot'),url(../newhome/fonts/proximanova-semibolditalic-webfont.woff?1307578394) format('woff'),url(../newhome/fonts/proximanova-semibolditalic-webfont.ttf?1307578394) format('truetype'),url('../newhome/fonts/proximanova-semibolditalic-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-weight: 700;
    src: url(../newhome/fonts/proximanova-bold-webfont.eot?1307578394);
    src: url('../newhome/fonts/proximanova-bold-webfont.eot?iefix') format('eot'),url(../newhome/fonts/proximanova-bold-webfont.woff?1307578394) format('woff'),url(../newhome/fonts/proximanova-bold-webfont.ttf?1307578394) format('truetype'),url('../newhome/fonts/proximanova-bold-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-weight: 700;
    font-style: italic;
    src: url(../newhome/fonts/proximanova-boldit-webfont.eot?1307578394);
    src: url('../newhome/fonts/proximanova-boldit-webfont.eot?iefix') format('eot'),url(../newhome/fonts/proximanova-boldit-webfont.woff?1307578394) format('woff'),url(../newhome/fonts/proximanova-boldit-webfont.ttf?1307578394) format('truetype'),url('../newhome/fonts/proximanova-boldit-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-weight: 900;
    src: url(../newhome/fonts/proximanova-extrabold-webfont.eot?1307578394);
    src: url('../newhome/fonts/proximanova-extrabold-webfont.eot?iefix') format('eot'),url(../newhome/fonts/proximanova-extrabold-webfont.woff?1307578394) format('woff'),url(../newhome/fonts/proximanova-extrabold-webfont.ttf?1307578394) format('truetype'),url('../newhome/fonts/proximanova-extrabold-webfont.svg#webfont2rpW2ohz') format('svg')
}

body {
    font-size: 1em;
    line-height: 1.85714286em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Open Sans',sans-serif;
    color: #666;
    font-weight: 400;
    overflow-x: hidden;
    background: #f5f5f5
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica;
    color: #252525;
    font-weight: 300;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0
}

.h1, h1 {
    font-size: 3.14285714em;
    line-height: 1.31818182em
}

.h2, h2 {
    font-size: 2.35714286em;
    line-height: 1.36363636em
}

.h3, h3 {
    font-size: 1.78571429em;
    line-height: 1.5em
}

.h4, .lead, .notification.side-menu .menu-vertical li a, h4 {
    font-size: 1.35714286em;
    line-height: 1.68421053em
}

.h5, h5 {
    font-size: 1em;
    line-height: 1.85714286em
}

.h6, h6 {
    font-size: .85714286em;
    line-height: 2.16666667em
}

.h5:not(:last-child), .page-navigator ul li:not(:last-child), .text-block:not(:last-child), blockquote, h5:not(:last-child), ol, p, pre, table, ul {
    margin-bottom: 1.85714286em
}

ol, ul {
    list-style: none;
    line-height: 1.85714286em
}

    ul.bullets {
        list-style: inside
    }

blockquote {
    font-size: 1.78571429em;
    line-height: 1.5em;
    padding: 0;
    margin: 0;
    border-left: 0
}

strong {
    font-weight: 600
}

.cart-customer-details .input-checkbox, hr {
    margin: 1.85714286em 0
}

a:active, a:focus, a:hover {
    text-decoration: none;
    outline: 0
}
/*! Typography -- Helpers */

.menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger, .menu-horizontal > li:not(:hover) > a, .menu-horizontal > li:not(:hover) > span, .page-navigator li a:not(:hover), .type--fade, [data-overlay="5"]:before, [data-scrim-bottom="5"]:before, [data-scrim-top="5"]:before {
    opacity: .5
}

.type--uppercase {
    text-transform: uppercase
}

.block .block-title strong, .block-poll .answer, .h6, .type--bold, h6 {
    font-weight: 700
}

.type--italic {
    font-style: italic
}

.bar-3, .type--fine-print {
    font-size: .85714286em
}

.type--strikethrough {
    text-decoration: line-through;
    opacity: .5
}

.products-list .desc .link-learn:hover, .type--underline {
    text-decoration: underline
}

.type--body-font {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif
}

.imagebg, .imagebg .container:not(.pos-absolute), .pos-relative, [data-overlay], [data-scrim-bottom], [data-scrim-top] {
    position: relative
}

.pos-absolute {
    position: absolute
}

    .pos-absolute.container {
        left: 0;
        right: 0
    }

.main-container > a:first-child + .parallax .background-image-holder, .parallax:first-child .background-image-holder, .parallax:first-child .slides li > .background-image-holder, .pos-top {
    top: 0
}

.pos-bottom {
    bottom: 0
}

.flickity-prev-next-button.next, .item .item-inner:hover .item-img .box-hover, .pos-right, .recommend .controls .next, .switchable div[class*=col-]:last-child:not([class*=pull]):not([class*=push]) {
    right: 0
}

.flickity-prev-next-button.previous, .map-container iframe, .pos-left, .switchable div[class*=col-]:first-child:not([class*=pull]):not([class*=push]) {
    left: 0
}

.float-left, .language-arabic-selected .pixxett-header1 .toplinks .links, .pager .amount, .pixxett-header1 .nav-block-bottom, .products-grid .item .add-to-links .pull-compare, .section-services ul li div, .sorter .actions, .toolbar .sorter, div.left, form[action*='list-manage.com'] .input-group ul li {
    float: left
}

.float-right {
    float: right
}

.pos-vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

    .pos-vertical-center form[action*='list-manage.com'].form--active *, .subscribe-form-1.boxed form[action*='list-manage.com'].form--active * {
        padding-left: .92857143em;
        width: 100%
    }

.subscribe-form-1.boxed form[action*='list-manage.com'].form--active .input-checkbox, .subscribe-form-1.boxed form[action*='list-manage.com'].form--active .input-radio, .subscribe-form-1.boxed form[action*='list-manage.com'].form--active .input-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer;
    width: inherit
}

    .subscribe-form-1.boxed form[action*='list-manage.com'].form--active .input-checkbox + span {
        display: inline-block;
        position: relative;
        bottom: 8px;
        font-size: .85714286em;
        white-space: nowrap;
        width: inherit
    }

.subscribe-form-1.boxed form .input-checkbox .inner {
    width: 1.85714286em;
    height: 1.85714286em;
    border-radius: 6px;
    background: #000
}

.comments-form input[type], .comments-form select, .comments-form textarea {
    -webkit-appearance: none;
    background: #fcfcfc;
    padding: .46428571em;
    border-radius: 6px;
    border: 1px solid #ececec
}

.btn, .comments-form button.btn {
    border-radius: 0;
    font-size: inherit;
    line-height: 1.85714286em;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif
}

.comments-form button.btn {
    transition: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    padding: .46428571em 2.78571429em;
    border-width: 1px
}

@media all and (max-width:767px) {
    .h1, h1 {
        font-size: 2.35714286em;
        line-height: 1.36363636em
    }

    .h2, h2 {
        font-size: 1.78571429em;
        line-height: 1.5em
    }

    .h3, .lead, h3 {
        font-size: 1.35714286em
    }

    .h3, h3 {
        line-height: 1.85714286em
    }

    .lead {
        line-height: 1.68421053em
    }

    .float-left, .float-right {
        float: none
    }

    .float-left-xs {
        float: left
    }

    .float-right-xs {
        float: right
    }

    .pos-vertical-center {
        top: 0;
        transform: none;
        -webkit-transform: none
    }

    .block--xs {
        display: block
    }
}

@media all and (max-height:600px) {
    .pos-vertical-center {
        top: 0;
        transform: none;
        -webkit-transform: none
    }
}

.pos-vertical-align-columns {
    display: table;
    table-layout: fixed;
    width: 100%
}

    .pos-vertical-align-columns > div[class*=col-] {
        display: table-cell;
        float: none;
        vertical-align: middle
    }

.bestsellers3 .product-bestseller-list, .inline-block, .input-checkbox .inner, .input-radio .inner, .input-select .inner, .pager .pages li, .pixxett-header1 .language-currency-wrapper .block span, .product-additional, .ratings .rating-box {
    display: inline-block
}

#product-tabs > dd h2.product-name, .block, .box-category > ul > li a.active + ul, .input-checkbox label, .input-radio label, .input-select label, .tabs-content > .active > .tab__content, span.h1:not(.inline-block), span.h2:not(.inline-block), span.h3:not(.inline-block), span.h4:not(.inline-block), span.h5:not(.inline-block), span.h6:not(.inline-block) {
    display: block
}

.height-10, .height-100, .height-20, .height-30, .height-40, .height-50, .height-60, .height-70, .height-80, .height-90 {
    height: auto;
    padding: 5em 0
}

@media all and (max-width:767px) {
    .text-center-xs {
        text-align: center
    }

    .text-left-xs {
        text-align: left
    }

    .text-right-xs {
        text-align: right
    }

    .height-10, .height-100, .height-20, .height-30, .height-40, .height-50, .height-60, .height-70, .height-80, .height-90 {
        height: auto;
        padding: 4em 0
    }

    div[class*=col-][class*=height-] {
        padding-top: 5.57142857em !important;
        padding-bottom: 5.57142857em !important
    }
}

@media all and (min-height:600px) and (min-width:767px) {
    .height-10 {
        height: 10vh
    }

    .height-20 {
        height: 20vh
    }

    .height-30 {
        height: 30vh
    }

    .height-40 {
        height: 40vh
    }

    .height-50 {
        height: 50vh
    }

    .height-60 {
        height: 60vh
    }

    .height-70 {
        height: 70vh
    }

    .height-80 {
        height: 80vh
    }

    .height-90 {
        height: 90vh
    }

    .height-100 {
        height: 100vh
    }
}

.slider.height-10, .slider.height-100, .slider.height-20, .slider.height-30, .slider.height-40, .slider.height-50, .slider.height-60, .slider.height-70, .slider.height-80, .slider.height-90, section.height-auto, section.slider.height-10, section.slider.height-100, section.slider.height-20, section.slider.height-30, section.slider.height-40, section.slider.height-50, section.slider.height-60, section.slider.height-70, section.slider.height-80, section.slider.height-90 {
    height: auto
}

[data-scrim-bottom]:before, [data-scrim-top]:before {
    height: 80%;
    position: absolute;
    content: '';
    width: 100%;
    left: 0
}

section.height-auto .pos-vertical-center {
    top: 0;
    position: relative;
    transform: none
}

img {
    margin-bottom: 1.85714286em
}

.background-image-holder:not([class*=col-]), .blog-outer-container .entry-thumb img, .img--fullwidth, .latest-blog img, .menu-fullscreen .pos-absolute, .menu-vertical, .menu-vertical li, .product-view .product-img-box .product-image .product-full img, .products-list .product-image img, .slide:not([class*=col-]) > img:only-child, .slider .slides .flickity-slider > li:not([class*=col-]), .testimonial-2 .boxed, .top-banner-section {
    width: 100%
}

[data-grid="2"].masonry {
    -webkit-column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-count: 2;
    -moz-column-gap: 0;
    column-count: 2;
    column-gap: 0
}

    [data-grid="2"].masonry li, [data-grid="3"].masonry li, [data-grid="4"].masonry li, [data-grid="5"].masonry li, [data-grid="6"].masonry li, [data-grid="7"].masonry li, [data-grid="8"].masonry li {
        width: 100%;
        float: none
    }

[data-grid="2"] li {
    width: 50%;
    display: inline-block
}

[data-grid="3"].masonry {
    -webkit-column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-count: 3;
    -moz-column-gap: 0;
    column-count: 3;
    column-gap: 0
}

[data-grid="3"] li {
    width: 33.33333333%;
    display: inline-block
}

[data-grid="4"].masonry {
    -webkit-column-count: 4;
    -webkit-column-gap: 0;
    -moz-column-count: 4;
    -moz-column-gap: 0;
    column-count: 4;
    column-gap: 0
}

[data-grid="4"] li {
    width: 25%;
    display: inline-block
}

[data-grid="5"].masonry {
    -webkit-column-count: 5;
    -webkit-column-gap: 0;
    -moz-column-count: 5;
    -moz-column-gap: 0;
    column-count: 5;
    column-gap: 0
}

[data-grid="5"] li {
    width: 20%;
    display: inline-block
}

[data-grid="6"].masonry {
    -webkit-column-count: 6;
    -webkit-column-gap: 0;
    -moz-column-count: 6;
    -moz-column-gap: 0;
    column-count: 6;
    column-gap: 0
}

[data-grid="6"] li {
    width: 16.66666667%;
    display: inline-block
}

[data-grid="7"].masonry {
    -webkit-column-count: 7;
    -webkit-column-gap: 0;
    -moz-column-count: 7;
    -moz-column-gap: 0;
    column-count: 7;
    column-gap: 0
}

[data-grid="7"] li {
    width: 14.28571429%;
    display: inline-block
}

[data-grid="8"].masonry {
    -webkit-column-count: 8;
    -webkit-column-gap: 0;
    -moz-column-count: 8;
    -moz-column-gap: 0;
    column-count: 8;
    column-gap: 0
}

[data-grid="8"] li {
    width: 12.5%;
    display: inline-block
}

.background-image-holder {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
    z-index: 0;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    opacity: 0;
    background: #252525
}

    .background-image-holder.background--bottom {
        background-position: 50% 100% !important
    }

    .background-image-holder.background--top {
        background-position: 50% 0 !important
    }

.image--light .background-image-holder {
    background: 0 0
}

.background-image-holder img {
    display: none
}

[data-overlay]:before {
    position: absolute;
    content: '';
    background: #252525;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.imagebg .container, [data-overlay] :not(.container):not(.background-image-holder) {
    z-index: 2
}

[data-overlay].image--light:before, [data-scrim-bottom].image--light:before, [data-scrim-top].image--light:before {
    background: #fff
}

.input-checkbox.checked .inner, .input-radio.checked .inner, .input-select.checked .inner, [data-overlay].bg--primary:before {
    background: #4a90e2
}

[data-overlay="1"]:before, [data-scrim-bottom="1"]:before, [data-scrim-top="1"]:before {
    opacity: .1
}

[data-overlay="2"]:before, [data-scrim-bottom="2"]:before, [data-scrim-top="2"]:before {
    opacity: .2
}

[data-overlay="3"]:before, [data-scrim-bottom="3"]:before, [data-scrim-top="3"]:before {
    opacity: .3
}

[data-overlay="4"]:before, [data-scrim-bottom="4"]:before, [data-scrim-top="4"]:before {
    opacity: .4
}

.flickity-page-dots .dot:hover:not(.is-selected), [data-overlay="6"]:before, [data-scrim-bottom="6"]:before, [data-scrim-top="6"]:before {
    opacity: .6
}

[data-overlay="7"]:before, [data-scrim-bottom="7"]:before, [data-scrim-top="7"]:before {
    opacity: .7
}

.box-category .subDropdown:hover, [data-overlay="8"]:before, [data-scrim-bottom="8"]:before, [data-scrim-top="8"]:before {
    opacity: .8
}

.btn.bg--behance:hover, .btn.bg--dark:hover, .btn.bg--dribbble:hover, .btn.bg--facebook:hover, .btn.bg--googleplus:hover, .btn.bg--instagram:hover, .btn.bg--pinterest:hover, .btn.bg--twitter:hover, [data-overlay="9"]:before, [data-scrim-bottom="9"]:before, [data-scrim-top="9"]:before {
    opacity: .9
}

[data-overlay="10"]:before, [data-scrim-bottom="10"]:before, [data-scrim-top="10"]:before {
    opacity: 1
}

#category-desc-slider .owl-theme .owl-controls, [data-overlay="0"]:before {
    opacity: 0
}

[data-scrim-bottom]:before {
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,#252525 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,#252525));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,#252525 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,#252525 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,#252525 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,#252525 100%);
    bottom: 0;
    z-index: 1;
    backface-visibility: hidden
}

[data-scrim-bottom]:not(.image--light) h1, [data-scrim-bottom]:not(.image--light) h2, [data-scrim-bottom]:not(.image--light) h3, [data-scrim-bottom]:not(.image--light) h4, [data-scrim-bottom]:not(.image--light) h5, [data-scrim-bottom]:not(.image--light) h6 {
    color: #f1f1f1
}

[data-scrim-bottom]:not(.image--light) p, [data-scrim-bottom]:not(.image--light) span, [data-scrim-bottom]:not(.image--light) ul, [data-scrim-top]:not(.image--light) p, [data-scrim-top]:not(.image--light) span, [data-scrim-top]:not(.image--light) ul {
    color: #e6e6e6
}

[data-scrim-top]:before {
    background: -moz-linear-gradient(bottom,#252525 0,rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear,left bottom,left bottom,color-stop(0,#252525),color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom,#252525 0,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom,#252525 0,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(bottom,#252525 0,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,#252525 0,rgba(0,0,0,0) 100%);
    top: 0;
    z-index: 1
}

.btn.bg--behance .btn__text, .btn.bg--behance .btn__text i, .btn.bg--dark .btn__text, .btn.bg--dark .btn__text i, .btn.bg--dribbble .btn__text, .btn.bg--dribbble .btn__text i, .btn.bg--facebook .btn__text, .btn.bg--facebook .btn__text i, .btn.bg--googleplus .btn__text, .btn.bg--googleplus .btn__text i, .btn.bg--instagram .btn__text, .btn.bg--instagram .btn__text i, .btn.bg--pinterest .btn__text, .btn.bg--pinterest .btn__text i, .btn.bg--twitter .btn__text, .btn.bg--twitter .btn__text i, .imagebg:not(.image--light) blockquote, .imagebg:not(.image--light) h1, .imagebg:not(.image--light) h2, .imagebg:not(.image--light) h3, .imagebg:not(.image--light) h4, .imagebg:not(.image--light) h5, .imagebg:not(.image--light) h6, .imagebg:not(.image--light) p, .imagebg:not(.image--light) ul, [data-scrim-top]:not(.image--light) h1, [data-scrim-top]:not(.image--light) h2, [data-scrim-top]:not(.image--light) h3, [data-scrim-top]:not(.image--light) h4, [data-scrim-top]:not(.image--light) h5, [data-scrim-top]:not(.image--light) h6, div[data-overlay] h1, div[data-overlay] h2, div[data-overlay] h3, div[data-overlay] h4, div[data-overlay] h5, div[data-overlay] h6, div[data-overlay] p, div[data-overlay] ul {
    color: #fff
}

.parallax .background-image-holder {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important
}

.image--xxs, img.flag {
    max-height: 1.85714286em
}

.image--xs {
    max-height: 3.71428571em
}

.image--sm {
    max-height: 5.57142857em
}

.btn {
    transition: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    padding: .46428571em 2.78571429em;
    border: 1px solid #252525
}

    .btn .btn__text, .btn i {
        color: #252525;
        border-color: #252525;
        font-weight: 700;
        font-size: .85714286em
    }

    .btn[class*=col-], .pixxett-header1 .custom-menu .grid12-5 {
        margin-left: 0;
        margin-right: 0
    }

    .btn:active {
        box-shadow: none;
        -webkit-box-shadow: none
    }

    .btn.bg--behance, .btn.bg--dark, .btn.bg--dribbble, .btn.bg--facebook, .btn.bg--googleplus, .btn.bg--instagram, .btn.bg--pinterest, .btn.bg--twitter {
        border-color: transparent !important
    }

    .btn.bg--error {
        background: #e23636;
        border-color: #e23636 !important
    }

        .btn.bg--error:hover {
            background: #e54c4c;
            border-color: #e54c4c !important;
            color: #fff !important
        }

        .btn--primary .btn__text, .btn--primary .btn__text i, .btn--primary-1 .btn__text, .btn--primary-1:visited .btn__text, .btn--primary-2 .btn__text, .btn--primary-2:visited .btn__text, .btn--primary:visited .btn__text, .btn--primary:visited .btn__text i, .btn.bg--error .btn__text, .btn.bg--error .btn__text i {
            color: #fff
        }

    .btn:first-child {
        margin-left: 0
    }

    .bestsellers3 .category-product .pixxett-tabs > li:last-child, .btn:last-child, .menu-fullscreen .social-list, .product-view .box-up-sell .subtitle {
        margin-right: 0
    }

.btn--xs {
    padding: 0 1.39285714em
}

.btn--sm {
    padding: .30952381em 1.85714286em
}

.btn--lg {
    padding: .58035714em 3.48214286em
}

    .btn--lg .btn__text {
        font-size: 1.07142857em
    }

.btn--primary, .btn--primary:visited {
    background: #4a90e2;
    border-color: #4a90e2
}

    .btn--primary:hover {
        background: #609de6
    }

    .btn--primary:active {
        background: #3483de
    }

.btn--primary-1, .btn--primary-1:visited {
    background: #31639c;
    border-color: #31639c
}

    .btn--primary-1:hover {
        background: #376faf
    }

    .btn--primary-1:active {
        background: #2b5789
    }

.btn--primary-2, .btn--primary-2:visited {
    background: #465773;
    border-color: #465773
}

    .btn--primary-2:hover {
        background: #506383
    }

    .btn--primary-2:active {
        background: #3c4b63
    }

.btn--secondary {
    background: #fafafa;
    border-color: #fafafa
}

    .bg--dark .flickity-page-dots .dot, .btn--secondary:hover, .btn--white, .dropdown .dropdown__content:not([class*=bg-]), .home-index .pixxett-header1 nav:hover, .imagebg:not(.image--light) .flickity-page-dots .dot, .notification:not([class*=bg-]), section.bg--dark .slider[data-paging=true] .flickity-page-dots .dot, section.bg--primary .slider[data-paging=true] .flickity-page-dots .dot, section.slider:not(.image--light)[data-paging=true] .flickity-page-dots .dot {
        background: #fff
    }

    .btn--secondary:active {
        background: #f5f5f5
    }

.btn--white {
    color: #252525;
    border-color: #fff
}

    .btn--white i, .menu-horizontal > li > .modal-instance > .modal-trigger:hover, .menu-horizontal > li > a:hover, .menu-horizontal > li > span:hover, .slider.controls--dark .flickity-prev-next-button:before {
        color: #252525
    }

.btn--transparent {
    background: 0 0;
    border-color: transparent;
    padding-left: 0;
    padding-right: 0
}

    .btn--transparent.btn--white .btn__text {
        color: #fff
    }

#carousel-example-generic .carousel-control.left, #carousel-example-generic .carousel-control.right, .btn--unfilled, .table--alternate-column th:nth-child(odd), body.boxed-layout .modal-container section:not([class*=bg-]), button {
    background: 0 0
}

    #limiter li:hover, .bg--dark .menu-horizontal > li > a, .bg--dark .menu-horizontal > li > a:hover, .bg--dark .menu-horizontal > li > span, .bg--dark .menu-horizontal > li > span:hover, .bg--dark + .notification-close-cross:before, .blog-preview-small_link:hover .blog-preview_posted, .btn--unfilled.btn--white .btn__text, .btn--unfilled.btn--white i, .cat-img-title.cat-bg p, .featured-pro .block-title h2, .modal-container .modal-content.imagebg:not(.image--light) .modal-close-cross:before, .pixxett-header1 .header-top .top-link a:hover, .timer-grid .day.box-time-date span, button.bg--error {
        color: #fff
    }

.btn--floating {
    position: fixed;
    bottom: 3.71428571em;
    right: 3.71428571em;
    z-index: 10
}

.icon {
    line-height: 1em;
    font-size: 3.14285714em
}

.breadcrumb li, .icon--xs, .wizard > .steps .number, p .material-icons {
    font-size: 1em
}

.icon--sm {
    font-size: 2.35714286em
}

.icon--lg {
    font-size: 5.57142857em
}

#carousel-example-generic .carousel-inner, #featured-slider.product-flexslider, #related-products-slider.product-flexslider, #upsell-products-slider.product-flexslider, .block-compare .block-content ol, .block-compare .block-content ul, .block-progress dt.complete, .carousel-inner > .item img, .minimal-price, .no-rating, .pager .pages, .pixxett-header1 #nav a.level-top.feature, .products-grid .minimal-price, .sidebar .block dd li, .slider:not([data-paging=true]) .slides, section.slider .slides, ul:last-child {
    margin: 0
}

.btn.block, .list-inline li, .pixxett-header1 #nav > li > a:first-child {
    margin-left: 0
}

    .boxed > div[class*=col-]:first-child:not(.boxed), .list-inline li:first-child, .pixxett-header1 .language-currency-wrapper .block.block-language, .tabs li:first-child .tab__title:not(.btn), div[class*=col-] > div[class*=col-]:first-child {
        padding-left: 0
    }

    .boxed > div[class*=col-]:last-child:not(.boxed), .list-inline li:last-child, .pixxett-header1 #nav > li.last, div[class*=col-] > div[class*=col-]:last-child {
        padding-right: 0
    }

.list-inline.list-inline--narrow li {
    padding: 0 .5em
}

.list-inline.list-inline--wide li {
    padding: 0 2em
}

.pixxett-header1 .header-top {
    line-height: 40px;
    height: 40px;
    width: 100%;
    color: #b0b0b0;
    background-color: #212121;
    text-transform: uppercase
}

    .pixxett-header1 #nav ul li .number, .pixxett-header1 .header-top a, .pixxett-header1 .language-currency-wrapper .block > div > span:hover {
        color: #aaa
    }

.pixxett-header1 .toplinks .links div .fa-heart {
    font-size: 11px
}

.pixxett-header1 .welcome-msg {
    text-align: left;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 20px;
    font-size: 12px
}

.pixxett-header1 .language-currency-wrapper .block {
    float: left;
    margin: 0;
    position: relative;
    padding: 1px 20px 0;
    font-size: 12px;
    background: 0 0
}

    .pixxett-header1 .language-currency-wrapper .block:after, .pixxett-header1 .toplinks div.links div.top-links-wrapper a.top-link:after {
        content: '';
        height: 12px;
        width: 1px;
        background: #424242;
        top: 15px;
        right: 0;
        position: absolute
    }

    .block-layered-nav dt .toggleBtn, .datepicker, .pixxett-header1 .language-currency-wrapper .block:hover, .tabs .tab__title {
        cursor: pointer
    }

    .bestsellers3 .tab-container, .block-layered-nav dd ol, .blog-img, .blog-outer-container .entry-thumb, .box-category ul li, .btn, .dropdown, .filter-list-wrap, .imagebg h1, .imagebg h2, .imagebg h3, .imagebg h4, .imagebg h5, .imagebg h6, .input-number, .input-select, .instagram, .menu-vertical li.dropdown, .offer-slider li, .pixxett-header1 #nav li.drop-menu ul li, .pixxett-header1 .cat-img a, .pixxett-header1 .language-currency-wrapper .block > div, .process-2, .process__item, .product-view .product-shop .price-block, .radial, .switchable, .tabs-content, .video-cover, .wizard > .steps a, [data-gradient-bg] {
        position: relative
    }

        .pixxett-header1 .language-currency-wrapper .block > div img {
            margin: 0 3px 0 0
        }

    .pixxett-header1 .language-currency-wrapper .block > ul {
        position: absolute;
        right: -1px;
        top: 75px;
        padding: 6px;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        z-index: 99999;
        text-align: left;
        border: 1px solid #ebebeb
    }

        .pixxett-header1 .language-currency-wrapper .block > ul li {
            list-style: none;
            background-color: #fff
        }

            .pixxett-header1 .language-currency-wrapper .block > ul li a {
                position: relative;
                white-space: nowrap;
                line-height: 30px;
                color: #666;
                padding-left: 12px;
                display: block;
                text-transform: capitalize
            }

                .pixxett-header1 .language-currency-wrapper .block > ul li a img {
                    margin: -3px 4px 0 0
                }

                .pixxett-header1 .language-currency-wrapper .block > ul li a:hover {
                    color: #cf3341;
                    text-decoration: none
                }

    .pixxett-header1 .language-currency-wrapper .block:hover > ul {
        margin-top: 0;
        top: 40px;
        opacity: 1;
        visibility: visible;
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out
    }

    .pixxett-header1 .language-currency-wrapper .block.block-language > ul {
        min-width: 132px;
        left: -1px;
        margin: auto
    }

    .pixxett-header1 .language-currency-wrapper .block.block-currency > ul {
        min-width: 114px;
        margin: auto
    }

.pixxett-header1 .toplinks, .pixxett-header1 .toplinks .links div.top-links-wrapper {
    display: inline-block;
    text-align: right
}

    .pixxett-header1 .toplinks .links {
        display: flex;
        margin-right: 50px;
        float: right;
        font-size: 12px
    }

    .pixxett-header1 .toplinks .compare-total, .pixxett-header1 .toplinks .wishlist-total {
        margin-left: 5px
    }

        .pixxett-header1 .toplinks .compare-total:before, .pixxett-header1 .toplinks .wishlist-total:before {
            content: "( ";
            position: relative;
            left: 0;
            top: 0;
            line-height: 15px
        }

        .pixxett-header1 .toplinks .compare-total:after, .pixxett-header1 .toplinks .wishlist-total:after {
            content: " )";
            position: relative;
            right: 0;
            top: 0;
            line-height: 15px
        }

    .pixxett-header1 .toplinks .links div img {
        margin-bottom: 3px
    }

    .pixxett-header1 .toplinks div.links div.top-links-wrapper a.top-link {
        display: inline-block;
        padding: 0 10px;
        text-decoration: none;
        position: relative
    }

    .pixxett-header1 .toplinks div.links div.top-links-wrapper.top-cart .basket a.top-link {
        background-image: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/cart-icon.png);
        background-repeat: no-repeat;
        background-position: -2px 12px;
        margin-left: 12px
    }

        .pixxett-header1 .toplinks div.links div.top-links-wrapper.top-cart .basket a.top-link:hover {
            background-image: url("https://cdn.clicflyer.com/websiteimages/NewHome/images/cart-icon-hover.png")
        }

    .pixxett-header1 .toplinks div.links div.top-links a.top-link:hover {
        color: #ddd;
        text-decoration: none
    }

.pixxett-header1 .pixxett-search-block {
    float: right;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 9100
}

    .pixxett-header1 .pixxett-search-block:before {
        content: '';
        height: 12px;
        width: 1px;
        background: #424242;
        top: 15px;
        left: 0;
        position: absolute
    }

    .pixxett-header1 .pixxett-search-block #searchbox {
        width: auto;
        position: relative;
        display: inline-block
    }

    .pixxett-header1 .pixxett-search-block .btn.button-search {
        background: inherit;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        height: 40px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 50px;
        border-radius: 0;
        padding: 0;
        margin: 0;
        border: none
    }

        .pixxett-header1 .pixxett-search-block #search_query_top:active + .btn.button-search, .pixxett-header1 .pixxett-search-block #search_query_top:focus + .btn.button-search, .pixxett-header1 .pixxett-search-block .btn.button-search:hover, .pixxett-header1 .pixxett-search-block:hover .btn.button-search {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0)
        }

        #product-tabs > dd h2, .bestsellers3 .product-bestseller .item:nth-child(3n+1) .item-inner:after, .custom-slider .carousel-control, .latest-product .old-price .price-label, .latest-product .special-price .price-label, .pixxett-header1 .nav-inner .price-label, .pixxett-header1 .pixxett-search-block .btn.button-search span, .product-view .new-label, .product-view .product-shop .add-to-links li .separator, .product-view .sale-label, .products-grid .add-to-links .separator, .products-grid .item .actions .availability.out-of-stock span.ava-out-of-stock, .products-grid .item .quick-view-btn span, .section-services ul li.active_slide .shadow {
            display: none
        }

        .pixxett-header1 .pixxett-search-block .btn.button-search:before {
            content: "\f002";
            display: block;
            font-family: FontAwesome;
            font-size: 16px;
            color: #fff;
            line-height: .5;
            width: 100%;
            text-align: center
        }

        .pixxett-header1 .pixxett-search-block .btn.button-search:hover {
            color: #6f6f6f
        }

    .pixxett-header1 .pixxett-search-block #search_query_top {
        background-color: #0d0f10;
        border: none;
        color: #fff;
        display: inline-block;
        font-size: 13px;
        height: 40px;
        padding: 0;
        margin-left: 0;
        width: 0;
        transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out;
        border-radius: 0;
        margin-right: 50px
    }

        .pixxett-header1 .pixxett-search-block #search_query_top:active, .pixxett-header1 .pixxett-search-block #search_query_top:focus, .pixxett-header1 .pixxett-search-block:hover #search_query_top {
            width: 330px;
            padding: 0 0 0 15px
        }

    .pixxett-header1 .pixxett-search-block .btn.button-search {
        transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out
    }

.pixxett-header1 #nav ul.level1 > li a, .pixxett-header1 #nav ul.level1 > li a:hover {
    transition: background-position 150ms ease-out;
    float: none
}

.home-index .pixxett-header1 nav, .pixxett-header1 #nav > li > a, .pixxett-header1 .mini-cart .actions .btn-checkout, .pixxett-header1 .mini-cart .actions .view-cart, .pixxett-header1 a.btn-button-st, .pixxett-header1 button.buy-now {
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out
}

.pixxett-header1 .pixxett-search-block .form-control {
    background: 0 0;
    border: 0
}

.pixxett-header1 .logo {
    float: left;
    vertical-align: middle;
    margin-top: 10px;
    text-align: left;
    margin-bottom: 10px;
    display: inline-block;
    position: inherit;
    z-index: 10;
    margin-right: 45px;
    width: 11%
}

#sort-by li:hover, .block-layered-nav, .pixxett-header1 .header-container, .product-essential {
    background-color: #fff
}

.pixxett-header1 .top-cart-contain .top-cart-content {
    opacity: 0;
    transform-origin: 0 0 0;
    transition: .5s;
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0)
}

.pixxett-header1 .top-cart-contain .mini-cart:hover .top-cart-content {
    opacity: 1;
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.pixxett-header1 .top-cart {
    padding-left: 0;
    float: right;
    z-index: 9000;
    position: relative;
    height: 40px
}

.pixxett-header1 .mini-products-list .product-image {
    float: left;
    width: 68px;
    padding: 0;
    border: 1px solid #eee
}

.pixxett-header1 .top-cart-content .product-name {
    margin: 0;
    width: 178px;
    line-height: 1.3em;
    padding: 0 0 3px
}

    .pixxett-header1 .top-cart-content .product-name a {
        font-size: 12px;
        line-height: normal;
        font-weight: 400
    }

        .pixxett-header1 .top-cart-content .product-name a:hover {
            color: #cf3341
        }

.pixxett-header1 .top-cart-contain .price {
    color: #ff6700;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 10px;
    float: right
}

.pixxett-header1 .top-cart-contain .product-details .price {
    width: auto;
    float: none;
    font-weight: 600;
    padding-left: 0;
    font-size: 13px
}

.pixxett-header1 .mini-cart .basket a {
    text-align: center;
    cursor: pointer;
    padding: 0 12px 0 10px;
    border-radius: 2px;
    display: inline-block
}

    .pixxett-header1 #nav li.drop-menu ul li a:hover, .pixxett-header1 #nav ul li a:hover, .pixxett-header1 #nav > li > a:hover span, .pixxett-header1 .mini-cart .basket a:hover, .products-grid .item .add-to-links a:hover, .products-grid .item .item-inner .item-title a:hover, .products-grid .item:hover .item-inner .item-info .info-inner .item-title a, .products-grid .quick-view a {
        color: #ff6709
    }

.products-list .actions .add-to-links a.link-compare:hover, .products-list .actions .add-to-links a.link-wishlist:hover {
    color: #fff !important;
    background-color: #ff6700;
    border: 1px solid #ff6700
}

.pixxett-header1 .mini-cart .basket a .cart-title {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-left: 5px;
    text-transform: uppercase
}

.pixxett-header1 .mini-cart .basket a .cart_count {
    font-size: 12px;
    line-height: 20px;
    position: relative;
    text-align: center;
    padding: 0 5px
}

.pixxett-header1 .mini-cart .basket a span.cart_count:before {
    content: '( '
}

.pixxett-header1 .mini-cart .basket a span.cart_count:after {
    content: ' )'
}

.pixxett-header1 .shoppingcart-inner {
    float: left;
    text-align: left
}

.pixxett-header1 .mini-cart .dropdown-toggle {
    padding: 0;
    text-transform: none
}

.pixxett-header1 .top-cart-contain {
    padding: 0;
    color: #fff;
    float: right
}

.pixxett-header1 .top-cart-content .empty {
    padding: 10px
}

.pixxett-header1 .top-cart-content {
    width: 320px;
    position: absolute;
    top: 40px;
    right: 0;
    background-color: #fff;
    padding: 0;
    z-index: 50;
    box-shadow: 0 1px 4px rgba(0,0,0,.7)
}

    .pixxett-header1 .top-cart-content p {
        color: #333;
        margin: 0;
        padding: 10px
    }

.pixxett-header1 .top-subtotal {
    color: #333;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 15px 10px;
    text-align: left;
    text-transform: none;
    margin-bottom: 0;
    border-top: 1px solid #e5e5e5
}

.pixxett-header1 .top-cart-title {
    display: inline-block;
    padding: 3px;
    margin: 2px 0 0 29px;
    vertical-align: top;
    text-align: center;
    color: #223d62;
    line-height: 12px;
    position: relative;
    width: 20px
}

.pixxett-header1 .top-cart-content .block-subtitle {
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    overflow: hidden;
    padding: 8px 15px;
    text-align: left;
    font-size: 13px
}

.pixxett-header1 ul#cart-sidebar {
    padding: 3px 0 6px;
    margin: auto;
    max-height: 195px;
    overflow: auto
}

.pixxett-header1 .top-cart-content li.item {
    margin: 5px 0;
    border-bottom: 1px solid #eee;
    min-height: 67px
}

    .pixxett-header1 .top-cart-content li.item.last {
        margin: 0;
        border-bottom: 0 solid #eee;
        padding-bottom: 10px
    }

.pixxett-header1 .top-cart-content .product-details {
    color: #ff6700;
    position: relative;
    text-align: left
}

.pixxett-header1 .mini-products-list .product-details {
    margin-left: 80px;
    padding: 0
}

.pixxett-header1 .top-cart-content .product-details .btn-remove {
    position: absolute;
    right: 10px;
    top: 12px
}

.pixxett-header1 .top-cart-content .product-details .btn-edit {
    position: absolute;
    right: 22px;
    top: 6px
}

.pixxett-header1 .top-cart-content .actions {
    padding: 5px 15px 20px;
    margin: 0;
    overflow: hidden
}

.pixxett-header1 .top-cart-icon {
    padding: 5px;
    width: 20px;
    height: 24px;
    display: inline-block;
    vertical-align: middle
}

.pixxett-header1 .top-cart-title span {
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase
}

.pixxett-header1 .top-cart-title p span {
    text-transform: none
}

.pixxett-header1 .mini-cart .actions .fa-shopping-cart:before {
    font-size: 13px;
    padding-right: 3px
}

.pixxett-header1 .mini-cart .actions .fa-check:before {
    font-size: 13px;
    padding-right: 8px
}

.pixxett-header1 .mini-cart .actions .btn-checkout {
    background-color: #ff6709;
    color: #fff;
    padding: 0 15px;
    cursor: pointer;
    display: inline-block;
    border: 2px solid rgba(0,0,0,.08);
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 400;
    width: 100%
}

    .pixxett-header1 .mini-cart .actions .btn-checkout:hover {
        background-color: #333;
        color: #fff
    }

.pixxett-header1 .mini-cart .actions .view-cart {
    background-color: #fff;
    color: #333;
    padding: 8px 15px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    border: 2px solid #999;
    font-weight: 400;
    border-radius: 4px;
    text-transform: uppercase
}

    .pixxett-header1 .mini-cart .actions .view-cart:hover {
        background-color: #ff6709;
        border: 2px solid #ff6709;
        color: #fff
    }

.pixxett-header1 .mini-cart .actions .button {
    display: inline-block;
    width: 100px;
    text-align: center;
    margin-bottom: 3px;
    padding: 8px 10px 6px;
    border: none;
    text-transform: uppercase
}

.pixxett-header1 .mini-cart .button.btn-checkout {
    background-color: #970400;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 6px;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.category-description, .pixxett-header1 .block_mini_cart_above_products, .related-pro {
    margin-bottom: 15px
}

.pixxett-header1 .mini-cart > .button {
    color: #333;
    font-weight: 300;
    text-shadow: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: 0 0
}

.pixxett-header1 #cart-sidebar li {
    border-bottom: 1px solid #ececec;
    list-style: none;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 8px 15px 15px
}

    .pixxett-header1 #cart-sidebar li.last {
        padding: 5px 15px 0;
        border-bottom: none;
        margin-bottom: 0
    }

.pixxett-header1 .toplinks div.links div.top-links-wrapper a.remove-cart {
    display: block;
    width: 15px;
    height: 13px;
    position: absolute;
    right: 0;
    top: -5px;
    font-size: 22px
}

.home-index .pixxett-header1 nav {
    position: static;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 1000
}

.col-left .block-cart .block-content ul li .product-details .access .btn-remove1, .pixxett-header1 .logo-block {
    position: inherit
}

.pixxett-header1 nav {
    position: relative;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 1000
}

.pixxett-header1 .nav-inner {
    margin: auto;
    text-align: center;
    width: 100%
}

.pixxett-header1 #nav > li > a.active:first-child, .pixxett-header1 #nav > li > a:hover:first-child {
    color: #ff6709;
    border-bottom: none
}

.bestsellers3 .category-products .text-banner h2, .block .actions a:focus, .block .actions a:hover, .block-tags .actions a.view-all:hover, .pixxett-header1 #nav > li > a:last-child a, .product-view .product-shop .product-options .options-list label, .sidebar .link-cart:focus, .sidebar .link-cart:hover, .sidebar .link-compare:focus, .sidebar .link-compare:hover, .sidebar .link-reorder:focus, .sidebar .link-reorder:hover, .sidebar .link-wishlist:focus, .sidebar .link-wishlist:hover {
    color: #333
}

.feature-large .feature-3.text-center p, .hot-deal .products-grid .item .item-inner .item-img, .pixxett-header1 .nav, section.text-center .feature-6 h4 + p {
    margin: 0 auto
}

.pixxett-header1 #nav > li:hover > a, .pixxett-header1 .vertnav-top li > a:hover {
    color: #009bce;
    border-bottom: none
}

.pixxett-header1 #nav .pixxett-header1 #nav-home > a, .pixxett-header1 #nav > li.active > a, .pixxett-header1 .vertnav-top li.current > a {
    color: #fff;
    background-color: #ff6709;
    margin-right: 0
}

    .pixxett-header1 #nav .pixxett-header1 #nav-home > a span, .pixxett-header1 #nav > li.active > a span, .pixxett-header1 .vertnav-top li.current > a span {
        border-right: none;
        color: #fff
    }

.pixxett-header1 #nav {
    z-index: 10;
    padding: 0;
    margin: auto
}

    .block-related .mini-products-list .product-details .product-name, .pixxett-header1 #nav li, .tabs-container[data-content-align=left] .tabs-content {
        text-align: left
    }

        .pixxett-header1 #nav li a {
            display: block;
            text-decoration: none
        }

    .pixxett-header1 #nav > li {
        list-style: none;
        border-bottom: none;
        margin-right: 0
    }

        .pixxett-header1 #nav > li > a > span {
            display: inline-block;
            line-height: 18px
        }

    .bestsellers3 .category-product .navbar-collapse, .bestsellers3 .hot-deal-box, .box-category > ul > li > ul li, .input-checkbox, .input-radio, .pixxett-header1 #nav .level0-wrapper2, .pixxett-header1 ul.level0, .pixxett-header1 ul.level1, .products-grid, .side-nav-categories ul li, .sidebar .block-venedor-ads .block-content li, .switchable > div[class*=col-], .top-banner-section-wrapper .container, section.slider {
        padding: 0
    }

        .pixxett-header1 #nav .level0-wrapper2:after, .pixxett-header1 #nav .level0-wrapper2:before {
            display: table;
            line-height: 0;
            content: ""
        }

        .pixxett-header1 #nav .level0-wrapper2:after, form:after {
            clear: both
        }

    .pixxett-header1 #nav li a.level-top .icon {
        padding: 3px;
        margin: 0;
        float: none;
        display: inline-block;
        vertical-align: middle;
        background-color: transparent
    }

    .pixxett-header1 #nav li:hover a.level-top .icon {
        padding: 3px
    }

    .pixxett-header1 #nav #homelink-icon {
        margin-left: 12px
    }

        .pixxett-header1 #nav #homelink-icon a.level-top {
            padding-left: 5px;
            padding-right: 5px;
            background: 0 0;
            box-shadow: none;
            border: none
        }

    .pixxett-header1 #nav .nav-custom-link > a {
        cursor: default
    }

    .pixxett-header1 #nav .nav-custom-link {
        position: static;
        margin-right: 0
    }

        .pixxett-header1 #nav .nav-custom-link .header-nav-dropdown-wrapper p {
            margin: 10px 0;
            color: #333;
            line-height: 1.3em;
            font-family: "Work Sans",sans-serif;
            font-size: 13px;
            font-weight: 400;
            display: inline-block
        }

        .pixxett-header1 #nav .nav-custom-link .header-nav-dropdown-wrapper .heading {
            margin: 10px 0
        }

    .pixxett-header1 #nav .number {
        display: inline;
        margin-left: 3px
    }

.pixxett-header1 .nav .itemslider {
    margin-top: 0;
    margin-bottom: 0
}

    .pixxett-header1 .nav .itemslider .item {
        padding-bottom: 0
    }

.pixxett-header1 li.level0 > a > span {
    position: relative;
    color: #616161
}

    .pixxett-header1 li.level0 > a > span > .cat-label {
        position: absolute;
        top: -12px;
        right: 0;
        padding: 0 6px;
        font-size: 12px;
        line-height: 22px
    }

.pixxett-header1 .nav-inner .caret {
    margin-top: -2px;
    margin-left: 4px
}

.pixxett-header1 .nav-block, .product-view .product-shop, .toolbar-bottom {
    margin-top: 0
}

.pixxett-header1 .nav-block-center {
    margin: 8px 7px 15px
}

    .pixxett-header1 .nav-block-center ul li {
        width: 19.6%;
        display: inline-block;
        padding: 0 7px !important
    }

        .pixxett-header1 .nav-block-center ul li ul li {
            display: block;
            width: 100%;
            padding: 3px 0 !important
        }

.pixxett-header1 .nav-block-right {
    margin-top: 0;
    float: right;
    padding: 0;
    text-align: center;
    width: 65.2%;
    margin-bottom: 0
}

.pixxett-header1 #nav > li > a {
    color: #616161;
    display: block;
    float: left;
    font-size: 13px;
    line-height: 18px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px
}

.pixxett-header1 #nav .level0-wrapper {
    color: #333;
    background-color: #fff;
    padding: 0;
    width: 100%;
    left: 0;
    text-align: left;
    position: absolute;
    border-top: 1px solid #eee;
    top: 74px;
    display: none
}

.pixxett-header1 #nav ul li a {
    color: #444;
    font-size: 13px;
    float: none
}

.pixxett-header1 #nav > li:hover > a {
    z-index: 1
}

.pixxett-header1 #nav .nav-block-left.grid12-8 ul.level0 > li {
    display: inline-block;
    float: none;
    padding-bottom: 10px;
    padding-top: 10px;
    vertical-align: top;
    width: 22.5%;
    border-right: 1px solid #eaeaea;
    margin-right: 15px;
    padding-right: 8px
}

.pixxett-header1 #nav .nav-block-right.grid12-8 ul.level0 > li {
    display: inline-block;
    float: none;
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: top;
    width: 23.6%;
    border-right: 0px solid #ddd;
    margin-right: 5px;
    padding-right: 0
}

.pixxett-header1 .grid12-8 .cat-img {
    margin-bottom: 6px;
    margin-top: 22px
}

.pixxett-header1 #nav ul.level0 > li > a {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: normal;
    color: #000;
    padding: 8px 0 0;
    font-weight: 300;
    text-transform: uppercase
}

.pixxett-header1 #nav ul li {
    list-style: none;
    padding: 3px 0
}

.pixxett-header1 #nav ul.level1, .toolbar-bottom .pager .limiter {
    position: static
}

    .pixxett-header1 #nav ul.level1 > li a {
        display: block
    }

.pixxett-header1 #nav ul.level2 {
    margin: 7px 0;
    padding: 0;
    position: static
}

    .pixxett-header1 #nav ul.level2 a {
        font-size: .9166em;
        line-height: 1.2727em;
        opacity: .6
    }

.pixxett-header1 .grid12-5 {
    border-right: 1px solid #eaeaea;
    display: inline;
    float: left;
    padding: 0 1%;
    width: 33%
}

.pixxett-header1 .nav-block-right.grid12-4 {
    margin: 0 18px 0 0;
    width: 31%
}

.pixxett-header1 .nav-block-left.grid12-4 {
    margin: 0 15px;
    width: 32%;
    float: left;
    padding-right: 15px;
    border-right: 1px solid #e5e5e5;
    padding-bottom: 18px
}

.pixxett-header1 .nav-block-left.grid12-8 {
    display: inline;
    float: left;
    margin-left: 15px;
    margin-right: 0;
    width: 66%;
    margin-bottom: 0
}

.pixxett-header1 .grid12-4 h3 {
    text-transform: uppercase;
    text-align: left;
    font-weight: 300;
    font-size: 13px;
    margin-top: 10px
}

.pixxett-header1 .grid12-4 p {
    text-align: left;
    font-weight: 400;
    font-size: 13px;
    display: block;
    margin-bottom: 8px
}

.pixxett-header1 a.btn-button-st {
    background-color: #eee;
    color: #222;
    font-size: 11px;
    padding: 6px 12px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    border: 1px solid #ddd;
    font-weight: 400;
    text-transform: uppercase;
    margin: 8px 0 0
}

.block-banner .block-content, .col-sm-6:not(.col-md-3) .product, .picker .picker__footer, .pixxett-header1 .nav-inner .price-box, .products-grid .category-products .products-grid li.item.last, .section-heading, .slider[data-paging=true]:not([class*=text-]) .flickity-page-dots, .text-center .flickity-page-dots, .wizard > .actions, .wizard > .steps > ul, article .article__body blockquote, section.slider .flickity-page-dots {
    text-align: center
}

.pixxett-header1 .fur-des p {
    margin-bottom: 0;
    margin-right: 22px;
    margin-top: 8px
}

.pixxett-header1 .nav-des {
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0 10px
}

.pixxett-header1 a.btn-button-st:hover {
    background-color: #ff6709;
    color: #fff
}

.pixxett-header1 #nav li.drop-menu ul {
    position: absolute;
    top: 74px;
    left: 0;
    background-color: #fff;
    padding: 6px 0;
    width: 165px;
    text-align: left;
    z-index: 1000;
    border: 1px solid #eee;
    display: none
}

.pixxett-header1 #nav > li.drop-menu ul li ul {
    left: 160px
}

.pixxett-header1 #nav > li.drop-menu {
    position: relative;
    display: inline-block;
    float: left
}

.pixxett-header1 #nav li.drop-menu ul li a {
    color: #000;
    line-height: 30px;
    font-size: 13px;
    padding: 0 12px;
    display: block;
    transition: .2s ease-in-out
}

.pixxett-header1 #nav li.drop-menu ul li:hover > a {
    color: #ff6709;
    padding-left: 12px
}

.pixxett-header1 #nav .normal-text {
    color: #777;
    font-size: 13px;
    margin-bottom: 0;
    padding: 12px 0 10px;
    margin-right: 15px;
    margin-left: 15px;
    position: relative;
    border-bottom: 1px solid #eaeaea
}

    .pixxett-header1 #nav .normal-text .custom_link div {
        display: inline-block;
        margin: 0 15px 0 0;
        float: left
    }

.pixxett-header1 .custom-menu {
    overflow: hidden;
    width: 1170px
}

    #customer-reviews .page-title, .featured-pro .slider-items-products .owl-buttons .owl-prev a, .pixxett-header1 .custom-menu .grid12-5.last, .upsell-pro .slider-items-products .owl-buttons .owl-prev a {
        border: none
    }

    .pixxett-header1 .custom-menu p {
        color: #aaa;
        margin: 10px 0 0
    }

.pixxett-header1 .grid12-5 .products-info .pr-title, .pixxett-header1 .products-info .pr-title {
    color: #333;
    font-family: "Work Sans",sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 6px
}

.pixxett-header1 .nav-add-img {
    margin-top: 22px
}

.pixxett-header1 .grid12-5 .cat_img {
    float: right;
    display: inline-block
}

.pixxett-header1 .grid12-5 .cat_pr_info {
    padding: 0 0 5px
}

#customer-reviews .buttons-set, .pixxett-header1 .grid12-5 .cat-bnt, .static-contain, .tab-content > .active {
    margin-top: 10px
}

.pixxett-header1 .grid12-5 .cat_pr_info .products-info {
    padding-right: 8px;
    padding-top: 15px
}

.pixxett-header1 .cat-img a:before {
    box-shadow: 0 0 0 2px rgba(255,255,255,0) inset;
    content: "";
    height: 99%;
    left: 0;
    position: absolute;
    top: 0;
    transition: .3s ease-in-out;
    width: 92%;
    z-index: 2
}

.pixxett-header1 .cat-img a:hover:before {
    box-shadow: 0 0 0 65px rgba(0,0,0,.2) inset
}

.pixxett-header1 button.buy-now {
    font-family: "Work Sans",sans-serif;
    border: 1px solid #e5e5e5;
    background-color: #eee;
    padding: 7px 12px
}

.bestsellers3 .new_title h2, .bestsellers3 .pixxett-tabs li.active a, .bestsellers3 .pixxett-tabs li.active a:hover {
    border-bottom: 1px solid #ff6709;
    font-weight: 400
}

.pixxett-header1 button.buy-now:hover {
    border: 1px solid #ff6709;
    background-color: #ff6709;
    padding: 7px 12px;
    color: #fff
}

.pixxett-header1 button.buy-now span {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px
}

.pixxett-header1 .nav-inner .price-box .special-price .price {
    color: red;
    font-size: 13px;
    font-weight: 700
}

.pixxett-header1 .nav-inner .old-price .price {
    color: #777;
    font-size: 13px;
    font-weight: 400;
    margin-right: 6px;
    text-decoration: line-through
}

.pixxett-header1 .shop-categories .main-product {
    float: left;
    text-align: center;
    width: 20%;
    margin: 20px 0
}

.shop-categories .main-product .product-image {
    display: block;
    width: 140px;
    margin: 0 auto
}

.shop-categories .main-product .product-name {
    color: #424242;
    font-size: 16px
}

.shop-categories .main-product .product-price {
    display: block;
    color: #ff6700;
    font-size: 14px
}

.top-banner-section-wrapper {
    padding: 16px 0
}

.top-banner-section .row {
    margin: 0 -8px
}

.top-banner-section .col-sm-4 {
    padding: 0 8px
}

.section-content {
    width: 100%;
    display: block;
    overflow: hidden
}

    .section-content .content-left, .section-content .content-right {
        display: inline-block;
        width: 50%;
        padding: 0;
        float: left
    }

        .section-content .content-right .content-right-inner .col-lg-6 {
            padding: 0 2px 2px
        }

        .section-content .content-right .content-right-inner .col-lg-12 {
            padding: 0 2px
        }

.section-heading {
    width: 100%;
    position: relative;
    margin: 68px auto 40px
}

    .section-heading:after, .section-heading:before {
        content: "";
        position: absolute;
        top: 50%;
        width: 344px;
        height: 1px;
        background-color: #e0e0e0;
        transform: translateY(-50%);
        line-height: normal;
    }

    .section-heading:before {
        right: 80px;
      /*  width:100%;*/
    }

    .section-heading:after {
        left:80px;
        /*width: 100%;*/
    }

    .section-heading .section-title {
        margin: 0;
        font-size: 30px;
        font-weight: 300;
        color: #616161;
        text-transform: uppercase;
        line-height: 30px
    }

.bestsellers3 {
    padding-top: 0
}

    .bestsellers3 .category-products .text-banner h3, .block .regular-price, .block .regular-price .price, .blog-preview_image:hover .blog-preview_posted, .box-category > ul > li ul > li > a:hover, .breadcrumbs li strong, .no-rating a, .products-grid .block .regular-price, .static-section-inner .items .introduction .item ul li a.active {
        color: #000
    }

    .bestsellers3 .category-product {
        margin-top: 0;
        position: relative;
        margin-bottom: 0
    }

        .bestsellers3 .category-product .nav.pixxett-tabs, .block-layered-nav .btn-remove, .col-left .block-cart .block-content ul li .product-details .access, .products-grid .item .add-to-links .pull-wishlist, .right-arrow, div.right, section.text-right > .container:last-child > .row:only-child > div[class*=col-]:only-child {
            float: right
        }

        .bestsellers3 .category-product .navbar {
            line-height: inherit;
            margin-bottom: auto;
            min-height: inherit;
            border: none
        }

        #offer-banner, .bestsellers3 .category-product .new_title.center, .block-layered-nav dd.last, .box-reviews dl, .boxed-form:last-child, .cta.boxed:last-child, .feature-8:not(.boxed), .feature-large .feature-2 + .feature-2:last-child, .heading-block .h1, .heading-block .h2, .heading-block .h3, .heading-block .h4, .heading-block .h5, .heading-block .h6, .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .heading-block h5, .heading-block h6, .hover-element img, .masonry.masonry-demos .masonry__item h5, .masonry__item .card.boxed, .modal-container .modal-content .feature:only-child, .modal-container .modal-content .feature:only-child .boxed, .notification .feature__body, .notification > .feature, .row:last-child div[class*=col-]:last-child .hover-element, .slide .boxed:last-child, .slider .slides li .feature:not(.feature-9), .unmarg--bottom, img:last-child, p:last-child {
            margin-bottom: 0
        }

    .bestsellers3 .product-bestseller {
        margin: 0;
        display: inline-block;
        width: 100%;
        border-top: 1px solid #ddd
    }

        .bestsellers3 .product-bestseller .item .item-inner {
            background-color: #fff;
            padding: 20px 20px 0;
            transition: .3s;
            overflow: hidden
        }

            #related-products-slider.product-flexslider .item .item-inner:after, .bestsellers3 .product-bestseller .item .item-inner:after, .featured-pro .item .item-inner:after, .upsell-pro .block-content .item .item-inner:after {
                background-color: #eaeaea;
                bottom: 30px;
                content: "";
                left: -1px;
                position: absolute;
                top: 45px;
                width: 1px
            }

.trending-products .item .item-inner {
    background: #fff;
    overflow: hidden
}

    .trending-products .item .item-inner .item-info, .trending-products .item .item-inner .item-title {
        padding: 0 15px
    }

.bestsellers3 .product-bestseller .item .item-inner:hover {
    padding-bottom: 48px;
    margin-bottom: -48px;
    position: relative;
    z-index: 9
}

.bestsellers3 .product-bestseller .product-featured-content {
    width: 100%;
    float: right
}

    .bestsellers3 .product-bestseller .product-featured-content .product-featured-list {
        margin-left: 0;
        overflow: hidden
    }

.bestsellers3 .pixxett-tabs li.active a:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ff6709;
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -12px;
    z-index: 99
}

.bestsellers3 .pixxett-tabs li, .side-nav-categories ul li a {
    display: inline-block;
    position: relative
}

    .bestsellers3 .pixxett-tabs li > a {
        font-size: 16px;
        color: #343f49;
        padding: 0 20px 4px 18px;
        display: inline-block;
        border: 2px solid transparent;
        line-height: 30px;
        cursor: pointer;
        text-transform: uppercase
    }

        .bestsellers3 .pixxett-tabs li > a:focus, .bestsellers3 .pixxett-tabs li > a:hover {
            color: #ff6709;
            background: inherit;
            text-decoration: none
        }

.bestsellers3 .product-bestseller .product-list li {
    border-right: 1px solid #eaeaea;
    padding-bottom: 10px
}

.bestsellers3 .tab-container .tab-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden
}

.bestsellers3 .tab-container .active {
    opacity: 1;
    visibility: inherit;
    position: inherit;
    -vendor-animation-duration: 0.3s;
    -vendor-animation-delay: 1s;
    -vendor-animation-iteration-count: infinite
}

ul.products-grid .item .item-inner {
    background: #fff;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 25px
}

.bestsellers3 .new_title {
    border: none;
    text-align: left;
    color: #000;
    margin: 0;
    border-bottom: 1px solid #ddd;
    height: 48px
}

    .bestsellers3 .new_title h2 {
        float: left;
        margin: 0;
        font-size: 25px;
        color: #333e48;
        text-transform: capitalize;
        line-height: 39px;
        padding-bottom: 8px;
        position: relative
    }

.products-grid .box-hover .add-to-links li a {
    height: 34px;
    display: block;
    font-size: 0;
    color: #fff;
    line-height: 36px;
    text-align: left;
    padding: 0;
    text-transform: uppercase;
    margin: 0;
    background: 0 0;
    font-weight: 700;
    letter-spacing: 1px
}

    .products-grid .box-hover .add-to-links li a:after {
        width: 34px;
        height: 34px;
        float: right;
        background: #ffdc73;
        content: "";
        text-align: center;
        font-family: FontAwesome;
        font-size: 11px
    }

    .products-grid .box-hover .add-to-links li a:hover {
        padding-left: 15px;
        margin: 0 0 0 10px;
        font-size: 11px;
        background: #ed6663;
        color: #fff
    }

        .products-grid .box-hover .add-to-links li a:hover:after {
            margin-left: 15px;
            background: #d11956
        }

.products-grid .item .quick-view-btn {
    width: 50px;
    height: 50px;
    background: #fff;
    text-align: center;
    display: inline-block;
    line-height: 50px
}

    .products-grid .item .quick-view-btn a:before {
        content: "\e090";
        font-family: Simple-Line-Icons;
        font-size: 14px
    }

.product-bestseller .products-grid .item {
    margin: 0 0 12px;
    border: 0 solid #dcdcdd
}

.products-grid .action ul {
    padding: 0;
    margin: auto
}

    .products-grid .action ul li {
        display: inline-block;
        list-style: none
    }

        .products-grid .action ul li a, .products-grid .action ul li button {
            background: #fff;
            border: 1px solid #eaeaea;
            color: #666;
            display: inline-block;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 1px;
            line-height: normal;
            padding: 8px 12px;
            text-transform: uppercase
        }

            .products-grid .action ul li a:hover {
                background: #ffdc73;
                border: 1px solid #ffdc73;
                color: #000;
                display: inline-block;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 1px;
                line-height: normal;
                padding: 8px 12px;
                text-transform: uppercase
            }

.products-grid .item .item-inner .item-img .item-img-info {
    text-align: center;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    position: relative
}

.products-grid .item .item-inner .item-img {
    position: relative;
    display: inline-block;
    zoom: 1;
    width: 100%
}

.block-account .block-content li:first-child, .block-company li:first-child, .products-grid .item .item-inner .item-info .info-inner {
    border-top: none
}

.products-grid .item .item-inner .item-title {
    margin: 0 15px 5px 0;
    line-height: normal;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

    .products-grid .item .item-inner .item-title a {
        font-size: 14px;
        line-height: normal;
        outline: 0;
        text-decoration: none;
        font-weight: 400;
        color: #212121;
        text-transform: uppercase;
        letter-spacing: .5px
    }

.products-grid .item:hover .item-inner .item-img .item-img-info {
    border-color: #fff
}

.products-grid .item:hover .item-inner .item-img .item-box-hover {
    visibility: visible;
    opacity: 1;
    left: 0;
    bottom: 0
}

.products-grid .item:hover .item-inner .item-info .info-inner .action button.button {
    background: #ffdc73;
    color: #000;
    border: 1px solid #ffdc73
}

.products-grid .item .item-inner .item-info .info-inner .actions-cart {
    float: right;
    display: block;
    padding: 7px 0 8px
}

.products-grid .price {
    font-size: 14px;
    color: #333;
    white-space: nowrap
}

.products-grid .item .item-inner .item-info .info-inner .item-price {
    display: block;
    float: left;
    margin: 0;
    max-width: calc(100% - 35px)
}

.col-left .block-cart .block-content ul li a.product-image, .col-right .block-cart .block-content ul li a.product-image, .mini-products-list .price-box *, .minimal-price-link, .products-grid .minimal-price-link, .products-grid .regular-price, .regular-price {
    display: inline
}

    .products-grid .regular-price .price {
        font-size: 18px;
        line-height: 45px;
        color: #ff6700
    }

.price-box .minimal-price .price, .price-box .price-from .price, .price-box .price-to .price, .products-grid .price-box .price-from .price, .products-grid .price-box .price-to .price {
    font-weight: 900;
    font-size: 14px;
    color: #333
}

.products-grid .old-price {
    display: inline;
    margin-right: 8px
}

    .old-price .price-label, .products-grid .old-price .price-label {
        color: #777;
        display: none;
        white-space: nowrap
    }

    .products-grid .old-price .price {
        color: #848484;
        font-size: 12px;
        font-weight: 400;
        text-decoration: line-through;
        margin-right: 6px
    }

.products-grid .hot-deal .old-price .price {
    color: #383838;
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through
}

.products-grid .special-price, .special-price {
    margin: 0;
    padding: 3px 0;
    display: inline
}

    .products-grid .special-price .price {
        font-size: 18px;
        color: #ff6709;
        line-height: 45px
    }

    .products-grid .special-price .price-label, .special-price .price-label {
        font-size: 13px;
        font-weight: 900;
        white-space: nowrap;
        color: #666;
        display: none
    }

.minimal-price .price-label, .nobr, .products-grid .minimal-price .price-label {
    white-space: nowrap
}

.products-grid .item .actions-cart .button.btn-cart {
    color: #fff;
    background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/cart-icon.png) center no-repeat #e6e6e6;
    border-color: #e6e6e6;
    width: 35px;
    height: 35px;
    line-height: 33px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border-width: 0;
    border-radius: 50%
}

.box-category ul, .products-grid .item ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.products-grid .item .actions-no .add-to-links a, .products-list .item .product-shop .add-to-links li a {
    color: #848484
}

.products-grid .item .add-to-links a {
    display: block !important;
    font-weight: 400;
    padding: 0;
    font-size: 13px;
    color: #848484;
    line-height: 20px
}

.products-grid .item .actions .add-to-links {
    clear: both;
    padding-top: 10px;
    padding-bottom: 15px;
    left: 0;
    right: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    transition: .3s
}

.products-grid .item:hover .actions .add-to-links {
    visibility: visible;
    opacity: 1;
    bottom: 30%;
    z-index: 100;
    padding: 10px 30px
}

.products-grid .item .add-to-links a i {
    font-size: 13px;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    padding-right: 7px
}

.products-grid .item .actions-cart .button.btn-cart:hover, .products-grid .item:hover .actions-cart .button.btn-cart {
    color: #fff;
    background-color: #ff6709;
    border-color: #ff6709;
    background-image: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/cart-icon-hover.png)
}

.products-grid .pixxett-tabs {
    position: relative;
    text-align: center;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border-bottom: 1px solid #ddd;
    height: 37px
}

.products-grid .quick-view {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    bottom: -10px;
    right: 0;
    z-index: 2;
    width: 35px;
    height: 35px;
    line-height: 40px;
    overflow: hidden;
    text-align: center
}

.footer-customer-relationship .social-media a.youtube-follow, .products-grid .link-quickview .icons {
    font-size: 20px
}

.products-grid .item:hover .quick-view {
    opacity: 1;
    visibility: visible
}

.products-grid .product-img-back {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    transition: .2s ease-in-out;
    visibility: hidden
}

.products-grid .item .mgk-pro-hover:hover .product-img-back {
    opacity: 1;
    visibility: visible;
    transition: .2s
}

.products-grid .mgk-pro-hover {
    position: relative;
    z-index: 1
}

.products-grid .sale-new-label {
    position: absolute;
    top: -10px;
    z-index: 20
}

    #product-tabs .crosssell .flex-direction-nav .flex-next, .products-grid .sale-new-label.top-right {
        right: -10px
    }

    .products-grid .sale-new-label.top-left {
        left: -10px
    }

.products-grid .labelnew, .products-grid .labelsale {
    display: block;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
    padding: 0;
    font-weight: 400;
    width: 40px;
    height: 20px
}

.offer-slider a.shop-now:hover, .products-grid .labelsale {
    color: #fff;
    background-color: #ff6709
}

.products-grid .labelnew {
    color: #fff;
    background-color: #343f49
}

.xm-pagenavi {
    padding: 15px 0;
    text-align: center;
    width: 100%;
    display: block;
    overflow: hidden
}

    .xm-pagenavi .numbers {
        display: inline-block;
        width: 48px;
        padding: 3px 0;
        margin: 0 7px;
        font-size: 18px;
        font-weight: 200;
        line-height: 26px;
        color: #b0b0b0
    }

    .xm-pagenavi .iconfont {
        font-size: 48px;
        vertical-align: top
    }

    .xm-pagenavi .current {
        background-color: #757575;
        color: #fff
    }

.timer-grid {
    overflow: hidden;
    display: inline-block
}

    .timer-grid .box-time-date {
        background: #fbfbfb;
        font-size: 9px;
        color: grey;
        min-width: 55px;
        min-height: 50px;
        text-align: center;
        margin-top: 7px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 0;
        border: 1px solid #e8e8e8;
        display: block
    }

    .timer-grid .day.box-time-date {
        background: #ff6709;
        color: #fff;
        border: 1px solid #ff6709
    }

    .timer-grid .box-time-date span {
        display: block;
        font-size: 16px;
        color: #3f3f3f;
        margin-top: 6px
    }

.box-timer {
    bottom: 15px;
    left: 15px;
    text-align: center;
    margin-top: 0;
    position: absolute;
    top: 15%
}

.block-tags .block-content, .clearfix, .hot-deal, form[action*='list-manage.com'] .input-group ul {
    overflow: hidden
}

    .hot-deal .products-grid .item {
        margin-top: auto;
        padding: 0;
        border: 1px solid #e5e5e5;
        overflow: hidden
    }

.bestsellers3 .hot-deal .item .item-inner .item-title, .bv3 .sidebar-left, .bv3 .sidebar-right {
    padding-left: 15px
}

.hot-deal .item-info {
    padding: 0 15px 18px;
    overflow: hidden
}

#offer-banner {
    margin-top: 15px
}

.hot-label {
    font-size: 10px;
    color: #fff;
    background: #ff4318;
    text-transform: uppercase;
    padding: 3px 10px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0
}

.featured-pro {
    padding-bottom: 30px;
    padding-top: 0
}

.featured-block, .upsell-block {
    background-color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative
}

.featured-pro .home-block-inner {
    background: #949ba9;
    border-width: 0 !important;
    float: right;
    min-height: 390px;
    width: 23.3%
}

    .featured-pro .home-block-inner:after {
        border-color: transparent #949ba9 transparent transparent;
        border-style: solid;
        border-width: 15px 15px 15px 0;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        right: 23%;
        top: 6%;
        width: 0;
        z-index: 10
    }

.featured-pro .block-content {
    margin-right: 24.7% !important;
    padding: 0 10px 0 0;
    width: 76.6%;
    margin-left: -12px
}

.featured-pro .block-title, .related-pro .block-title, .related-pro.block-title, .upsell-pro .block-title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 28px;
    padding: 25px 25px 15px;
    position: relative
}

.featured-pro a.view_more_bnt {
    border: none;
    background: #fff;
    text-transform: uppercase;
    color: #666;
    padding: 8px 25px;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700;
    float: left;
    margin-top: 20px;
    margin-left: 25px;
    z-index: 1;
    position: relative;
    border-radius: 0
}

    .featured-pro a.view_more_bnt:hover {
        background: rgba(0,0,0,.4);
        color: #fff;
        text-decoration: none
    }

.featured-pro .owl-pagination, .upsell-pro .owl-pagination {
    background: inherit;
    right: -10%;
    padding-left: inherit;
    position: absolute;
    left: inherit;
    text-align: center;
    top: 88%;
    z-index: 7
}

.featured-pro .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: rgba(0,0,0,.6) !important
}

.featured-pro .owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    border: none;
    margin-right: 6px;
    background: rgba(0,0,0,.3)
}

.featured-pro .block-title em, .related-pro .block-title em, .upsell-pro .block-title em {
    font-style: normal;
    font-weight: 300
}

.blog-title, .offer-slider a.shop-now {
    font-weight: 700;
    text-transform: uppercase
}

.featured-pro .home-block-inner .pretext {
    margin-top: 0;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-transform: none;
    margin-left: 25px;
    margin-right: 25px;
    opacity: .6
}

.featured-pro .slider-items-products .owl-buttons a, .upsell-pro .slider-items-products .owl-buttons a {
    background: inherit;
    display: block;
    height: 38px;
    margin: 0 0 0 -30px;
    position: absolute;
    top: 50%;
    width: 28px;
    z-index: 5;
    color: #fff;
    border: none
}

.featured-pro .slider-items-products .owl-buttons .owl-next, .upsell-pro .slider-items-products .owl-buttons .owl-next {
    right: -30px
}

.featured-pro .slider-items-products .owl-buttons .owl-prev a:before, .upsell-pro .slider-items-products .owl-buttons .owl-prev a:before {
    line-height: 35px
}

.featured-pro .slider-items-products .owl-buttons .owl-next a:before, .footer-nav dd, .upsell-pro .slider-items-products .owl-buttons .owl-next a:before {
    line-height: 32px
}

.featured-pro .slider-items-products .owl-buttons .owl-prev, .upsell-pro .slider-items-products .owl-buttons .owl-prev {
    left: -13px
}

.featured-pro .slider-items-products .owl-buttons a:hover, .upsell-pro .slider-items-products .owl-buttons a:hover {
    text-decoration: none;
    background: inherit;
    color: #fff;
    border: none
}

.parallax {
    overflow: hidden;
    height: 440px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.parallax-2 {
    background-image: url("https://cdn.clicflyer.com/websiteimages/NewHome/images/parralax-bg.jpg");
    padding-top: 60px;
    padding-bottom: 50px
}

.offer-slider {
    display: block;
    text-align: center;
    margin: 0 auto 30px
}

    .offer-slider h1 {
        color: #fff;
        font-size: 50px;
        margin: 40px auto 0;
        font-weight: 300;
        display: inline-block;
        padding: 30px 30px 0;
        border-radius: 3px;
        line-height: inherit
    }

    .offer-slider h2 {
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 1px;
        margin: auto auto auto -75px;
        padding: 7px 20px;
        position: absolute;
        left: 50%;
        text-transform: none;
        border-top: 1px solid #fff;
        border-bottom: 2px solid #fff
    }

    .offer-slider p {
        color: #fff;
        padding: 0 20% 1%;
        font-size: 14px;
        font-weight: 400
    }

    .offer-slider a.shop-now {
        padding: 7px 25px;
        font-size: 14px;
        color: #fff;
        margin-left: 10px;
        border-radius: 5px;
        letter-spacing: 1px;
        display: inline-block;
        background: #ff6709
    }

        .offer-slider a.shop-now:after {
            content: '\f0da';
            font-family: FontAwesome;
            display: inline-block !important;
            margin-left: 15px;
            color: #fff;
            font-size: 16px
        }

.latest-blog {
    text-align: left;
    margin: auto;
    padding: 30px 0;
    overflow: hidden
}

.blog-block {
    border: 1px solid #f1f1f1;
    background: #fff;
    overflow: hidden;
    padding-bottom: 35px
}

.latest-blog h3 {
    margin-bottom: 50px
}

.blog-title {
    font-size: 13px;
    margin-top: 15px;
    display: block;
    padding: 0;
    letter-spacing: .5px
}

.latest-blog .icon-calendar:before, .product-view .product-shop .add-to-box .icon-basket {
    margin-right: 5px
}

.latest-blog .post-date {
    width: 100px;
    z-index: 100;
    top: 10%;
    font-weight: 400;
    text-align: left;
    font-size: 13px;
    color: #999;
    margin-left: 0;
    padding: 5px 0;
    display: inline-block;
    float: right
}

.blog-img a.info, .latest-blog .blog-title h2, .latest-blog .readmore {
    font-weight: 700;
    text-transform: uppercase
}

.post-date .icon-calendar {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.latest-blog .readmore {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #d1d1d1;
    font-size: 11px;
    letter-spacing: 1px
}

    #sort-by .button-asc:hover, .latest-blog .readmore:hover, .product-view .product-next-prev a:hover {
        background: #ff6700;
        color: #fff
    }

.latest-blog .blog-title h2 {
    color: #666;
    font-size: 16px;
    margin-top: 0;
    padding: 12px 10px 2px 0;
    position: relative;
    display: inline-block;
    letter-spacing: 1px
}

.latest-blog .blog_inner {
    float: left;
    margin-top: 20px;
    position: relative
}

.post-date {
    color: #5e5f5f;
    font-weight: 400;
    font-size: 13px
}

.latest-blog p {
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0 0;
    text-align: left;
    color: #777;
    padding: 0
}

.blog_post img {
    height: auto;
    margin-bottom: 20px;
    width: 100%
}

.latest-blog .blog-img {
    display: block;
    overflow: hidden
}

    .latest-blog .blog-img img {
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    .latest-blog .blog-img:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -moz-transform: scale(1.2)
    }

.blog-img img {
    -webkit-transition: .4s ease-in-out .5s;
    -moz-transition: .4s ease-in-out .5s;
    -o-transition: .4s ease-in-out .5s;
    -ms-transition: .4s ease-in-out .5s;
    transition: .4s ease-in-out .5s
}

.blog-img .mask {
    background-color: #000;
    opacity: 0;
    -webkit-transition: .3s ease-in .4s;
    -moz-transition: .3s ease-in .4s;
    -o-transition: .3s ease-in .4s;
    -ms-transition: .3s ease-in .4s;
    transition: .3s ease-in .4s
}

.blog-img a.info {
    opacity: 0;
    -webkit-transition: .3s ease-in-out .1s;
    -moz-transition: .3s ease-in-out .1s;
    -o-transition: .3s ease-in-out .1s;
    -ms-transition: .3s ease-in-out .1s;
    transition: .3s ease-in-out .1s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #ff6700;
    color: #fff;
    font-size: 11px;
    border: double #fff
}

.blog-img:hover .mask {
    background-color: rgba(0,0,0,.5);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s
}

.blog-img:hover a.info {
    opacity: 1;
    -webkit-transform: translateY(85px);
    -moz-transform: translateY(85px);
    -o-transform: translateY(85px);
    -ms-transform: translateY(85px);
    transform: translateY(85px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.blog-img .content, .blog-img .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    text-align: center
}

.blog-img a.info:hover {
    background: #202726
}

.title-primary {
    font-size: 24px;
    letter-spacing: 3px
}

.blog-preview {
    padding: 60px
}

.blog-outer-container {
    margin-top: 0;
    background: #fff;
    display: inline-block;
    margin-bottom: 15px
}

    .blog-outer-container .new_title {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 25px;
        padding: 5px 0 8px
    }

.blog-preview_image {
    float: left;
    width: 100%;
    position: relative
}

    .blog-preview-small_img, .blog-preview_image img {
        float: left;
        width: 100%
    }

.blog-preview_info {
    float: left;
    padding: 15px;
    width: 100%;
    background: #fff
}

    #poll-answers, .blog-preview_info h4 {
        margin-bottom: 10px
    }

.blog-preview_title a {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: .5px;
    line-height: 1.3em;
    margin: auto;
    padding-bottom: 6px;
    color: #000
}

.blog-preview_desc {
    color: #666;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 15px
}

.blog-preview_btn {
    font-size: 11px;
    margin: 0;
    padding: 8px 25px;
    background: #ff6709;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
    border: 1px solid #ff6709;
    border-radius: 0
}

    .blog-preview_btn:focus, .blog-preview_btn:hover {
        color: #666;
        background: #fff;
        border: 1px solid #ddd;
        text-decoration: none
    }

.blog-preview_posted {
    color: #333;
    background: rgba(255,255,255,.9);
    bottom: 10px;
    height: 60px;
    right: 10px;
    position: absolute;
    width: 60px;
    z-index: 10
}

.blog-preview_date {
    float: left;
    font-size: 13px;
    padding: 6px 0 10px;
    position: relative;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px
}

    .blog-preview_date span {
        font-size: 18px;
        font-weight: 700
    }

.blog-preview_comments {
    float: right;
    font-size: 12px;
    padding-top: 3px;
    text-align: center
}

    #limiter li li a:hover, #sort-by li li:hover a, .blog-preview_comments i, .box-category > ul > li ul > li ul > li a:hover, .filter-list dd.active, .footer-bottom .sites-list li a:hover, .order-list-box .order-list li.active a {
        color: #ff6700
    }

.blog-container {
    padding-top: 25px;
    padding-bottom: 90px;
    text-align: center
}

    .blog-container .row {
        padding-top: 83px
    }

.blog-preview-small {
    float: left;
    position: relative;
    width: 100%
}

.blog-preview-small_link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .blog-preview-small_link:hover {
        background-color: rgba(0,0,0,.4)
    }

.blog-preview-small_txt {
    bottom: 30px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.blog-preview-small .blog-preview_posted {
    border-style: none;
    border-width: 0;
    bottom: auto;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: -25px
}

.blog-preview-small_more {
    border-color: #ececec;
    float: left;
    font-size: 11px;
    margin: 28px 0 0;
    padding: 8px 15px
}

.box-category > ul > li ul > li ul > li a, .box-category > ul > li ul > li > a {
    font-size: 13px !important;
    border-bottom: 0 solid #eaeaea;
    text-decoration: none
}

.blog-inner {
    margin: auto -15px 25px
}

    .blog-inner .blog-preview_item .blog-preview-item-inner:hover {
        -webkit-transition: .2s linear;
        overflow: hidden;
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0);
        -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.18);
        box-shadow: 0 8px 16px rgba(0,0,0,.18);
        transition: box-shadow .2s linear;
        transition: box-shadow .2s linear,-webkit-box-shadow .2s linear
    }

.box-hover .add-to-links {
    margin: 0;
    list-style: none;
    padding: 0
}

.button-checkout:before, .button-clear:before, .button-compare:before, .button-subscribe:before, .button-vote:before {
    font-size: 12px;
    padding-right: 5px;
    font-weight: 400;
    font-family: FontAwesome
}

.box-hover .add-to-links li {
    margin: 3px 0
}

.box-hover {
    position: absolute;
    top: 55%;
    margin-top: -76px;
    right: -100%;
    float: right;
    text-align: right
}

.footer-service-policies .service-policy, .image-hover2 a, .input-file {
    position: relative;
    display: inline-block
}

    .image-hover2 a:after {
        overflow: hidden;
        position: absolute;
        top: 0;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        background-color: rgba(0,0,0,.3);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: 1
    }

    .image-hover2 a:before {
        font: 18px/1 FontAwesome;
        content: "\f002";
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        color: #fff;
        ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: rgba(0,0,0,.5);
        padding: 10px 15px;
        ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }

.block-account .block-content li a, .block-company li a, .box-category > ul > li ul > li > a {
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out
}

.image-hover2 a:hover:after {
    visibility: visible;
    opacity: .8;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#category-desc-slider:hover .owl-theme .owl-controls, .dropdown.dropdown--active > .dropdown__container, .hover-element.hover--active .hover-element__reveal, .hover-element:hover .hover-element__reveal, .image-hover2 a:hover:before, .modal-container .modal-content .modal-close-cross:hover, .notification .notification-close-cross:hover, .tabs:hover, .tabs > .active, .videobg.video-active .container, body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container, body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container, form[action*='createsend.com'].form--active *, form[action*='list-manage.com'].form--active * {
    opacity: 1
}

.brand-logo {
    margin: 0;
    padding: 0 0 25px
}

#category-desc-slider, .block {
    margin: 0 0 30px
}

.brand-logo .section-heading:after, .brand-logo .section-heading:before {
    width: 400px
}

#brand-logo-slider {
    margin: 30px 0 !important
}

.brand-logo .slider-items-products .item {
    text-align: center;
    border: 1px solid #ddd;
    height: 80px;
    line-height: 75px;
    margin: 0 10px
}

.block .block-title:after, .side-nav-categories .block-title:after {
    border-bottom: 2px solid #ff6700;
    content: "";
    left: 15px;
    width: 50px;
    right: inherit;
    z-index: 10
}

.brand-logo .owl-pagination {
    top: -45px
}

.brand-logo .slider-items-products .owl-buttons .owl-next {
    position: absolute;
    right: -22px;
    top: 15px
}

.brand-logo .slider-items-products .owl-buttons a {
    border: none;
    background: #f5f5f5;
    margin-top: -15px
}

.brand-logo .slider-items-products .owl-buttons .owl-next a:before, .brand-logo .slider-items-products .owl-buttons .owl-prev a:before {
    font-size: 28px
}

.brand-logo .slider-items-products .owl-buttons .owl-prev {
    left: -32px;
    position: absolute;
    top: 15px;
    background: 0 0
}

.main-container {
    display: block;
   /* overflow: hidden;*/
    width: 100%;
    position: relative;
    top: 0
}

.button-checkout:before {
    content: "\f00c"
}

.button-compare:before {
    content: "\f012"
}

.button-clear:before {
    content: "\f12d"
}

.button-subscribe:before {
    content: "\f0e0"
}

.button-vote:before {
    content: "\f164"
}

.block .block-title, .side-nav-categories .block-title {
    border-bottom: 1px solid #e5e5e5;
    font-weight: 700;
    line-height: normal;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.block {
    background: #fff;
    position: relative
}

    .block .block-title {
        color: #000;
        margin: 0;
        padding: 15px
    }

        .block .block-title:after {
            display: block;
            position: absolute;
            height: 17px
        }

        .block .block-title a, .card p a, .lb-close:hover, .menu-fullscreen a:hover, .menu-horizontal > li a:hover, .notification.side-menu .menu-vertical li a:hover, .tweets-feed .user a:hover, a[data-notification-link], a[data-notification-link]:hover, p > .btn, ul:not([class*=menu]) li > a:hover {
            text-decoration: none
        }

    .block .block-content .item, .block-compare li, .block-related li, .block-reorder li {
        padding: 5px 0
    }

    .block .btn-edit, .block .btn-remove {
        float: right;
        margin-top: 6px
    }

.sidebar .block .access .btn-remove {
    float: right;
    margin-top: -38px
}

.block .actions {
    text-align: left;
    padding: 8px 0
}

    .block .actions a {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px
    }

.block .empty, .dropdown .dropdown__content:not([class=bg--dark]) .menu-vertical a {
    color: #666
}

.side-nav-categories ul#magicat ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    line-height: 17px;
    margin-right: 5px;
    top: 6px
}

.side-nav-categories ul#magicat ul li a {
    color: #666;
    padding-left: 12px
}

.side-nav-categories, .side-nav-categories .block {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
}

ul#magicat li, ul.listStyle li {
    cursor: pointer;
    display: block;
    float: left;
    list-style-type: none;
    margin: 0 0 1px;
    padding-left: 0;
    position: relative;
    width: 100% !important;
    box-shadow: 0 1px 0 #ddd,0 2px 0 #fff
}

    ul#magicat li.last {
        box-shadow: none
    }

    ul#magicat li.level0 span.magicat-cat, ul.listStyle li span {
        text-align: left;
        display: inline-block;
        width: 100%
    }

    .block-layered-nav dt .toggleBtn.highlight, ul#magicat li.active > .open-close {
        background-position: 2px -28px
    }

ul#magicat ul {
    padding-left: 10px
}

.block-layered-nav dt .toggleBtn, ul#magicat li .open-close {
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 30px;
    background: url("../newhome/images/leftNav.png") 2px 3px no-repeat
}

.side-nav-categories .block-title {
    color: #000;
    margin: 0;
    padding: 20px 15px 15px
}

    .side-nav-categories .block-title:after {
        display: block;
        position: absolute;
        height: 16px
    }
    .side-nav-categories .block-title:after {
        border-bottom: 2px solid #009bce;
        width: 100px;
    }

.box-category {
    padding: 10px 15px 15px;
    background: #fff;
}

    .box-category > ul > li {
        display: block;
        position: relative;
        margin: 0;
        border-bottom: 0 solid #ececec
    }

        .box-category > ul > li.last {
            display: block;
            position: relative;
            box-shadow: 0 0 0 #dbebf9,0 0 0 #fff
        }

        .box-category > ul > li:first-child, .filter-list-wrap:first-child, .filter-selected-list-wrap:first-child, .full-toggle-wrap:first-child {
            border-top: 0
        }

    .box-category .subDropdown {
        top: 3px;
        right: 0;
        position: absolute;
        cursor: pointer;
        width: 18px;
        height: 18px;
        padding: 3px
    }

        .box-category .subDropdown.plus {
            background-image: url("../newhome/images/plus.png")
        }

        .box-category .subDropdown.minus {
            background-image: url("../newhome/images/minus.png");
            top: 3px
        }

    .box-category ul li a {
        padding: 0;
        display: block;
        font-weight: 400
    }

    .box-category ul li.double a {
        display: inline-block;
        margin: 0
    }

    .box-category > ul > li > a {
        color: #333;
        text-transform: uppercase;
        display: block;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px
    }

        .box-category > ul > li > a:before {
            content: '\f105';
            font-family: FontAwesome;
            font-size: 14px;
            padding-right: 8px;
            color: #999;
            font-weight: 400
        }

    .box-category > ul > li ul {
        display: none;
        padding-left: 0 !important;
        padding-bottom: 10px;
        padding-right: 0 !important
    }

    .box-category > ul > li a.active, .cover .typed-headline .type--bold, .h3 strong, .masonry-blog-magazine .masonry__item a, .menu-vertical li a, .pagination a, h3 strong, ul:not([class*=menu]) li > a {
        font-weight: 400
    }

    .box-category > ul > li > a.active {
        color: #ff6700;
        font-weight: 700;
        margin-bottom: 0;
        font-size: 12px;
        letter-spacing: 1px
    }

    .box-category a:hover {
        text-decoration: none;
        color: #000
    }

    .box-category > ul > li ul > li > a {
        margin: 0 !important;
        padding: 3px 16px !important;
        color: #222;
        letter-spacing: .5px
    }

        .box-category > ul > li ul > li > a:before {
            content: '\f105';
            font-family: FontAwesome;
            font-size: 13px;
            padding-right: 6px;
            color: #999
        }

    .box-category > ul > li ul > li ul > li a {
        margin: 4px 8px !important;
        padding: 0 16px !important
    }

.sidebar-left {
    margin-left: 0 !important
}

.sidebar .block dt {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    padding: 10px 0;
    padding-bottom: 0 !important
}

.sidebar .block dd {
    border-bottom: 0 solid #ccc;
    margin: 0 0 15px;
    padding: 0 5px
}

.sidebar address {
    margin: 0;
    padding: 0;
    color: #333;
    text-align: left;
    border-bottom: none;
    line-height: 24px
}

.sidebar {
    font-size: 14px
}

    .sidebar .block-layered-nav .price {
        font-size: 13px;
        font-weight: 400;
        color: #666
    }

.block-layered-nav .block-subtitle, .block-layered-nav dt {
    color: #333;
    font-weight: 600;
    margin: 0
}

.block-layered-nav .currently ol {
    border: 1px solid #ececec;
    background-color: #f4f4f4;
    border-radius: 3px
}

.sidebar .block-layered-nav .price .sub, .sidebar a {
    color: #222;
    font-size: 13px
}

.block .actions a, .sidebar .link-cart, .sidebar .link-reorder {
    color: #ca0000;
    font-weight: 700;
    font-size: 13px
}

.sidebar .link-compare, .sidebar .link-wishlist {
    color: #aaa;
    font-size: 13px
}

.block-tags .actions a.view-all {
    text-transform: uppercase;
    color: #333;
    font-weight: 700;
    margin-bottom: auto
}

.sidebar .block dl {
    border-bottom: 0 solid #ccc;
    margin: 0
}

.block .block-content .price {
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.block-account .block-content {
    padding-top: 0 !important
}

    .block-account .block-content ul {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .block-account .block-content li {
        padding: 10px 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #ddd
    }

        .block-account .block-content li:before {
            content: "\f105";
            font-family: FontAwesome;
            font-size: 10px;
            display: inline-block !important;
            position: absolute;
            cursor: pointer;
            line-height: 16px;
            color: #333
        }

.box-reviews .review .review-txt.last, .sidebar .block-content li.last, li .list {
    border-bottom: none
}

.block-account .block-content li a {
    cursor: pointer;
    padding: 0 12px
}

    .block-account .block-content li a:hover {
        cursor: pointer;
        padding: 0 12px;
        color: #000
    }

.sidebar .block-content li.current {
    font-weight: 900;
    color: #333
}

.block-currency select {
    width: 100%;
    margin-right: 8px
}

.block-layered-nav .block-content, .sidebar .block .block-content, .sidebar .block-content {
    padding: 15px
}

.block-layered-nav dt {
    font-weight: 700;
    overflow: hidden;
    padding: 0 0 10px !important;
    position: relative
}

.block-layered-nav dd ol li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 14px;
    padding-right: 6px;
    color: #444
}

.block-list .price {
    color: inherit;
    font-size: 14px
}

.block-cart {
    padding: 0;
    overflow: hidden
}

    .block-cart .amount {
        margin-bottom: 5px
    }

    .block-cart .actions .paypal-logo {
        float: left;
        width: 100%;
        margin: 3px 0 0;
        text-align: right
    }

        .block-cart .actions .paypal-logo .paypal-or {
            clear: both;
            display: block;
            padding: 0 55px 5px 0
        }

    .block-cart .mini-products-list .product-details .nobr small, .block-cart .mini-products-list .product-details .product-name {
        word-wrap: break-word
    }

    .block-cart .mini-products-list .product-details .nobr {
        white-space: normal !important
    }

button.button {
    background: #fff;
    color: #666;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: normal;
    padding: 10px 15px;
    text-transform: uppercase;
    border: 1px solid #d1d1d1;
    border-radius: 0
}

.button:hover, .products-list .product-shop .btn-cart:hover {
    background: #ff6700;
    color: #fff;
    border: 1px solid #ff6700
}

.block-cart .summary {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}

.block-cart .subtotal {
    margin: 0 0 8px;
    padding: 0;
    text-align: left
}

.block-cart .block-content .summary .subtotal .label {
    background: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: 400;
    padding: 2px 0;
    text-shadow: none;
    color: #000;
    font-size: 100%;
    position: relative;
    right: inherit;
    top: inherit
}

.block-cart .subtotal .price {
    color: #000;
    font-size: 13px;
    font-weight: 700
}

.ajax-checkout {
    border: 0;
    margin: 0;
    padding: 5px 0 0;
    text-align: left
}

    .ajax-checkout a {
        border: 0 solid #dc436b;
        background: #323c46;
        text-shadow: 0 1px 0 #333;
        border-radius: 2px;
        color: #fff;
        font-size: 11px;
        padding: 8px 12px;
        text-transform: uppercase
    }

        .ajax-checkout a:hover {
            border: 0 solid #111;
            background: #222;
            padding: 6px 10px;
            text-shadow: 0 1px 0 #000;
            border-radius: 2px;
            color: #fff;
            font-size: 11px;
            cursor: pointer
        }

.sidebar .block-cart .block-subtitle {
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    margin: 8px 0;
    font-weight: 700;
    font-size: 12px;
    color: #333
}

.col-left .block-cart .block-content ul li .product-details {
    float: right;
    width: 66%
}

.col-left .block-cart ul li.item {
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
    padding-bottom: 12px
}

.block-cart ul li.item img {
    width: 80px
}

.col-left .block-cart ul li.item.last, .col-right .block-cart ul li.item.last {
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 0
}

.col-left .block-cart .block-content ul li a.product-image img, .slider.boxed--border .slides li, img.promo.border--round {
    border: 1px solid #ececec
}

.col-left .block-cart .block-content ul li .product-name {
    margin: 5px 0 2px;
    font-size: 12px;
    line-height: 17px
}

    .col-left .block-cart .block-content ul li .product-name a {
        font-size: 13px;
        letter-spacing: .5px
    }

.col-right .block-cart .block-content ul li .product-details {
    float: right;
    width: 172px
}

.col-right .block-cart ul li.item {
    border-bottom: 1px solid #ececec;
    margin-bottom: 5px;
    padding-bottom: 8px
}

.col-right .block-cart .block-content ul li a.product-image img {
    border: 1px solid #ddd
}

.col-right .block-cart .block-content ul li .product-name {
    margin: 0 0 2px;
    font-size: 14px
}

.block-related input.checkbox {
    position: absolute;
    left: 85px;
    top: 12px;
    z-index: 10
}

.block-related .product, .block-reorder .product-name, .section-services ul li .wrap {
    margin-left: 20px
}

    .block-related .product .product-image {
        float: left;
        margin-right: -65px
    }

    .block-related .product .product-details {
        margin-left: 65px
    }

.block-related .mini-products-list .product-details {
    margin-left: 125px;
    text-align: left
}

.block-related .mini-products-list .product-image {
    width: 100px;
    margin: 0;
    padding: 0 10px
}

.block-related .block-subtitle {
    padding: 10px 10px 0;
    font-size: 13px;
    font-weight: 700;
    margin: 0
}

.block-related .price-box .old-price .price {
    display: inline;
    font-size: 15px
}

.block-related a.link-cart {
    text-transform: uppercase;
    font-size: 14px;
    color: #23aeac;
    font-weight: 700
}

    .block-related a.link-cart:hover {
        text-transform: uppercase;
        font-size: 14px;
        color: #ca0000;
        font-weight: 700
    }

.block-compare, .block-poll, .block-subscribe, .block-tags {
    background-color: #fff;
    padding: 0
}

ol#compare-items li a.product-name {
    font-size: 13px;
    padding: 0 5px;
    margin: 0;
    font-weight: 400;
    color: #222;
    line-height: 20px;
    text-transform: none;
    display: inline-block;
    width: 200px;
    letter-spacing: .5px
}

    ol#compare-items li a.product-name span {
        margin-right: 3px;
        font-size: 14px;
        font-weight: 400;
        color: #777;
        line-height: 15px;
        margin-bottom: 6px
    }

ol#compare-items li {
    margin: 0 0 10px;
    padding: 0 0 10px;
    position: relative;
    border-bottom: 1px solid #ececec;
    background: 0 0
}

    ol#compare-items li:before {
        content: '\f105';
        font-family: FontAwesome;
        font-size: 14px;
        padding-right: 2px;
        color: #444;
        display: inline-block;
        vertical-align: top
    }

    ol#compare-items li.last {
        border-bottom: none;
        margin-bottom: 0
    }

.block-viewed .block-content {
    background-color: #fff;
    padding: 15px
}

.block-compared li, .block-viewed li {
    padding: 3px 0 !important;
    list-style: none
}

    .block-compared li.last, .block-viewed li.last {
        padding: 0;
        border-bottom: 0 solid #eaeaea;
        list-style: none
    }

    .block-company li:before, .block-compared li:before, .block-viewed li:before {
        content: '\f105';
        padding-right: 6px;
        color: #444;
        vertical-align: top;
        font-family: FontAwesome
    }

.block-compared .block-content li a, .block-viewed .block-content li a {
    padding: 0 15px;
    color: #666
}

    .block-compared .block-content li a:hover, .block-viewed .block-content li a:hover {
        font-size: 13px;
        color: #000
    }

.block-compared li span, .block-viewed li span {
    color: #777;
    float: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 8px;
    margin-right: 3px
}

.block-compared li:before, .block-viewed li:before {
    font-size: 13px
}

.sidebar ol, .sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#recently-compared-items .product-name, #recently-viewed-items .product-name {
    text-align: left;
    margin: 0;
    text-transform: none;
    width: 225px;
    display: inline-block
}

    #recently-viewed-items .product-name a {
        color: #222;
        font-size: 13px;
        font-weight: 400;
        text-decoration: none;
        padding: 0;
        letter-spacing: .5px
    }

        #recently-viewed-items .product-name a:hover {
            color: #000;
            font-size: 13px;
            font-weight: 400;
            text-decoration: none
        }

.block-compared .block-content {
    background-color: #fff;
    padding: 5px 12px 12px
}

.block-compared li:before {
    font-size: 14px
}

#recently-compared-items .product-name a {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    padding: 0
}

    #recently-compared-items .product-name a:hover {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none
    }

.block-poll label {
    margin-bottom: 0;
    overflow: hidden;
    font-size: 13px;
    color: #222;
    font-weight: 400;
    letter-spacing: .5px
}

.block-poll .block-subtitle {
    color: #000;
    font-weight: 700;
    font-size: 13px
}

.block-poll input.radio {
    float: left;
    margin: 1px -18px 0 0;
    line-height: inherit;
    height: inherit
}

.block-poll .label {
    display: block;
    margin-left: 18px;
    text-align: left;
    padding: .1em .3em;
    line-height: 14px
}

.block-poll li {
    padding: 3px 0 !important;
    background: 0 0 !important
}

.block-poll .actions {
    margin: 5px 0 0;
    padding: 0
}

.block-poll .votes {
    float: right;
    margin-left: 10px
}

.block-tags li, .block-tags ul {
    display: inline;
    padding: 0 !important;
    background: 0 0 !important;
    border: none
}

.block-tags .actions {
    border: 0;
    float: right !important;
    margin-top: 10px;
    padding: 0;
    text-align: left
}

.block-subscribe .input-text {
    width: 90%;
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    color: #aaa;
    padding: 10px 7px;
    font-size: 13px
}

    .block-subscribe .input-text:focus {
        background: #fff;
        border: 1px solid #ddd;
        color: #333;
        font-size: 13px;
        outline: 0;
        padding: 10px 7px;
        vertical-align: middle
    }

.form-subscribe-header {
    font-size: 14px;
    margin-bottom: 5px;
    color: #222
}

.required, .static-contain .required {
    color: red
}

.static-contain ul {
    padding: 0;
    list-style: none
}

.group-select li .input-box {
    float: left;
    width: 45%
}

.group-select li input.input-text, .group-select li textarea {
    background: #f7f7f7;
    border: 1px solid #f0f0f0;
    outline: 0;
    padding: 8px 10px;
    width: 88%
}

.group-select li {
    list-style: none;
    margin: 0 0 5px;
    overflow: hidden
}

.block-company .block-content {
    padding-top: 2px !important
}

.block-company ol {
    margin: 5px 0 0
}

.block-company li {
    padding: 10px 0 !important;
    list-style: none;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff
}

    .block-company li a {
        padding: 0 5px;
        text-decoration: none
    }

        .block-company li a:hover {
            padding: 0 5px;
            color: #000
        }

    .block-company li:before {
        font-size: 14px;
        display: inline-block
    }

    .block-company li.last {
        padding: 10px 0 !important;
        border-bottom: 0 solid #eaeaea;
        list-style: none
    }

    .block-company li span {
        float: left;
        margin-right: 5px;
        font-size: 16px;
        color: #aaa;
        line-height: 16px
    }

    .block-company li strong {
        color: #333;
        font-weight: 900;
        padding: 0 5px
    }

.custom-slider .link, .custom-slider h3 a {
    font-weight: 700;
    text-transform: uppercase
}

.block-reorder input.checkbox {
    float: left;
    margin: 3px -20px 0 0
}

.block-banner a img {
    transition: .4s ease-out .2s
}

    .block-banner a img:hover {
        opacity: .5;
        -webkit-transition: .4s ease-out .2s;
        -moz-transition: .4s ease-out .2s;
        -o-transition: .4s ease-out .2s;
        transition: .4s ease-out .2s;
        background-color: #eee
    }

#carousel-example-generic .carousel-caption h3 a {
    font-size: 32px;
    color: #333;
    text-shadow: none
}

.carousel-indicators .active {
    background-color: #666
}

.carousel-indicators li {
    border: 1px solid #444
}

.hot-banner {
    margin-bottom: 35px
}

.custom-slider {
    margin-bottom: 30px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 5px
}

    .custom-slider h3 a {
        text-shadow: none;
        color: #fff;
        font-size: 36px
    }

    .custom-slider .carousel-caption {
        text-shadow: none;
        padding: 45px 15px 0 !important;
        height: 100%;
        background: rgba(255,255,255,.05);
        color: #333
    }

#carousel-example-generic {
    background: #fff !important
}

    #carousel-example-generic .carousel-caption {
        width: 100%;
        left: 0;
        right: 0;
        padding: 0;
        top: 0
    }

.custom-slider .carousel-indicators {
    width: auto;
    margin-left: -20px
}

.boxed, .boxed .background-image-holder, .boxed:before, .custom-slider img, .theme--square .border--round, .theme--square .btn {
    border-radius: 0
}

.custom-slider .link {
    border: 1px solid #333;
    display: inline-block;
    margin-top: 20px;
    background: rgba(255,255,255,.5);
    color: #333;
    font-size: 12px;
    padding: 5px 10px
}

.section-services {
    padding: 100px 0;
    background: #fff
}

    .section-services ul {
        width: 917px;
        margin: 80px auto 0;
        position: relative
    }

        .section-services ul li {
            width: 194px;
            height: 300px;
            position: relative;
            overflow: hidden;
            float: left;
            text-align: left;
            padding-top: 70px;
            background: #fff;
            transition: width 1s;
            list-style-type: none
        }

            .section-services ul li.item01 .wrap {
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0)
            }

            .section-services ul li span {
                display: block;
                text-align: center
            }

            .section-services ul li .icon {
                width: 155px;
                height: 155px;
                border-radius: 50%;
                margin-bottom: 14px
            }

    .section-services.preload .icon {
        background: url(../newhome/images/icon-summary.png) no-repeat
    }

    .section-services ul li.item03 .icon {
        background-position: -318px 0
    }

    .section-services ul li.item04 .icon {
        background-position: -479px 0
    }

    .section-services ul li .infor {
        font-size: 22px;
        font-family: Ff232d,"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif
    }

    .section-services ul li .txt {
        position: absolute;
        left: 200px;
        width: 288px;
        top: 50px;
        font-size: 16px;
        line-height: 30px;
        margin-top: 50px;
        color: #474c51
    }

    .section-services ul li .shadow {
        width: 120px;
        height: 347px;
        position: absolute;
        right: -1px;
        top: 0;
        z-index: 9;
        display: block
    }

    .section-services.preload .item01 .shadow {
        background: url("https://cdn.clicflyer.com/websiteimages/NewHome/images/shadow01.png") no-repeat
    }

    .section-services.preload .item03 .shadow {
        background: url("https://cdn.clicflyer.com/websiteimages/NewHome/images/shadow03.png") no-repeat
    }

    .section-services.preload .item04 .shadow {
        background: url("https://cdn.clicflyer.com/websiteimages/NewHome/images/shadow04.png") no-repeat
    }

    .section-services ul li .leftline, .section-services ul li .line {
        width: 2px;
        height: 347px;
        position: absolute;
        right: -1px;
        top: 0;
        z-index: 10;
        display: block
    }

    .section-services.preload .leftline, .section-services.preload .line {
        background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/line.png) no-repeat
    }

.category-title {
    border-bottom: 1px solid #ddd;
    margin: 0 0 10px
}

.category-image {
    display: block;
    margin: 30px auto 25px;
    position: relative
}

.category-products {
    padding-bottom: 5px
}

.category-description a.next, .category-description a.prev {
    margin: 125px 6px 0 5px
}

.cat-img-title.cat-box {
    margin: 0;
    text-align: left;
    left: 20px;
    top: 5px;
    padding: 110px 45px 25px;
    position: absolute
}

.small-tag {
    color: #fff;
    display: inline-block;
    padding: 8px 0 2px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 10px;
    font-weight: 400
}

#category-desc-slider .line {
    border: 1px solid #fff;
    float: none;
    height: 2px;
    margin: 5px auto auto 0;
    width: 60px
}

.cat-img-title .cat-heading {
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    margin-top: 15px
}

.cat-img-title p {
    clear: left;
    font-size: 13px;
    line-height: 1.6em;
    margin-bottom: 1px;
    padding: 0;
    font-weight: 400;
    color: #fff
}

.category-description .slider-items-products .owl-buttons a {
    z-index: 1;
    position: absolute;
    left: 10px;
    top: 0;
    padding: 5px 3px 10px 0;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out;
    font-size: 0px;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 0;
    background: #222;
    opacity: 1;
    border: 1px solid #222;
    margin-top: -15px
}

    .category-description .slider-items-products .owl-buttons a:hover {
        background: #ff6700;
        opacity: 1;
        border: 1px solid #ff6700;
        color: #fff
    }

.category-description .owl-item .item {
    margin: auto;
    background: #fff
}

.category-description .slider-items-products .owl-buttons .owl-prev {
    left: 0;
    position: absolute;
    top: 49%;
    background: 0 0
}

.category-description .slider-items-products .owl-buttons .owl-next {
    right: 50px;
    position: absolute;
    top: 49%;
    background: 0 0;
    padding: 0
}

.slider-items-products .owl-buttons .owl-prev a:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f104";
    text-transform: none;
    font-size: 32px;
    line-height: 16px
}

.category-description .slider-items-products .owl-buttons .owl-next a:before, .category-description .slider-items-products .owl-buttons .owl-prev a:before {
    font-size: 24px;
    padding: 0 10px;
    line-height: 18px
}

.slider-items-products .owl-buttons .owl-next a:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    text-transform: none;
    font-size: 32px;
    line-height: 12px
}

.page-heading {
    border-bottom: 1px solid #e5e5e5;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 1px;
    margin: 0 0 15px;
    padding: 0 0 8px;
    position: relative;
    text-transform: uppercase
}

.pager {
    margin: 0;
    text-align: center;
    padding: 0
}

.pages .pagination {
    margin: auto
}

.pager .pages li a {
    box-shadow: none;
    padding: 6px 12px;
    border-radius: 3px;
    background: #fff;
    color: #333;
    border: 1px solid #e5e5e5
}

    .pager .pages li a:hover {
        color: #fff;
        border: 1px solid #ff6700;
        background: #ff6700
    }

.pages .pagination > .active > a, .pages .pagination > .active > a:focus, .pages .pagination > .active > a:hover, .pages .pagination > .active > span, .pages .pagination > .active > span:focus, .pages .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #ff6700 !important;
    border-color: #ff6700;
    border-radius: 3px;
    border-width: 1px;
    padding: 6px 12px
}

.sorter, ul.products-grid {
    padding: 0;
    margin: 0
}

    .sorter .view-mode {
        float: left;
        margin-right: 20px;
        margin-left: 0
    }

    .sorter .sort-by {
        float: left;
        margin-top: 6px
    }

.toolbar {
    clear: both;
    margin-top: 0;
    padding: 0;
    display: inline-block;
    width: 100%
}

    .feature-large-7.switchable .boxed div[class*=col-]:only-child, .toolbar .pager .pages ol {
        float: none
    }

#sort-by .button-asc {
    background-color: #fff;
    box-shadow: none;
    float: right;
    height: 36px;
    line-height: 36px;
    margin-left: 5px;
    text-align: center;
    width: 36px;
    border: 1px solid #eaeaea;
    border-radius: 3px
}

.top_arrow:before {
    content: '\f106';
    font-family: FontAwesome;
    font-size: 16px
}

#sort-by .button-desc {
    background-color: #f8f8f8;
    box-shadow: none;
    float: right;
    height: 33px;
    line-height: 34px;
    margin-left: 5px;
    text-align: center;
    width: 33px
}

    #sort-by .button-desc:hover {
        background-color: #e33658;
        color: #fff
    }

#sort-by {
    float: right;
    font-size: 13px;
    margin-top: 0
}

    #limiter ul, #sort-by ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline
    }

    #sort-by a:link, #sort-by a:visited {
        color: #333;
        text-decoration: none
    }

    #sort-by li {
        cursor: pointer;
        margin: 0 auto;
        outline: 0;
        padding: 5px 15px;
        position: relative;
        /*width: 100px;*/
        float: left;
        color: #333;
        border-radius: 3px;
        border: 1px solid #e5e5e5;
        background: #fff
    }

        #sort-by li li {
            width: 100px;
            margin-top: 0;
            border-top: none;
            border-right: none;
            border-left: none
        }

            #sort-by li li:hover {
                background-color: #fff;
                color: #ff6700
            }

    #sort-by ul ul {
        position: absolute;
        left: -1px;
        background: #f8f8f8;
        border: 1px solid #f5f5f5
    }

        #limiter ul ul ul, #sort-by ul ul ul {
            position: absolute;
            left: 100%;
            top: -2px;
            border: 1px solid transparent
        }

    #limiter li:hover > ul, #sort-by li:hover > ul {
        visibility: visible
    }

.right-arrow:after {
    content: "\f107";
    font-family: FontAwesome;
    color: #666;
    font-size: 14px
}

#limiter {
    float: right;
    font-size: 14px;
    margin-top: 0
}

    #limiter a:link, #limiter a:visited {
        text-decoration: none;
        border: 0 solid #ddd;
        border-radius: 3px;
        display: inline-block;
        padding: 0
    }

    #limiter li, .toolbar .button-list {
        border: 1px solid #e5e5e5;
        float: left;
        color: #333
    }

    #limiter li {
        cursor: pointer;
        margin: 0 auto;
        outline: 0;
        padding: 5px 0 5px 10px;
        position: relative;
        width: 50px;
        text-align: left;
        background-color: #fff;
        border-radius: 0
    }

    #limiter .right-arrow {
        float: right;
        margin-left: 6px
    }

    #limiter li li {
        width: 50px
    }

    #limiter ul ul {
        position: absolute;
        left: -1px;
        background: #fff;
        color: #000;
        border: 0 solid #f5f5f5
    }

.toolbar .button-list {
    background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/icon_list.png) 8px 8px no-repeat #fff;
    text-transform: none;
    padding: 8px 8px 0 21px;
    border-radius: 3px
}

.toolbar a.button-grid {
    background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/icon_grid.png) 8px 8px no-repeat #fff;
    text-transform: none;
    padding: 8px 8px 0 21px;
    color: #333;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    float: left
}

.toolbar span.button-active.button-grid {
    background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/icon_grid_act.png) 8px 8px no-repeat #ff6700;
    color: #fff;
    padding: 8px 8px 0 21px;
    margin-right: 5px;
    border: 1px solid #ff6700;
    border-radius: 3px;
    display: inline-block;
    float: left
}

.toolbar span.button-active.button-list {
    background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/icon_list_over.png) 8px 8px no-repeat #ff6700;
    color: #fff;
    margin-left: 5px;
    padding: 8px 8px 0 21px;
    border: 1px solid #ff6700;
    border-radius: 3px;
    float: left
}

.toolbar .pager {
    text-align: left;
    margin: 0 10px 0 0;
    padding: 0;
    float: right;
    width: 55%
}

.pager .amount, .sorter .amount {
    padding-left: 10px;
    margin-top: 4px;
    display: inline-block
}

.toolbar .pager .limiter {
    margin-top: 2px;
    float: left
}

.toolbar .actions, .toolbar .sorter .sort-by {
    margin-right: 30px
}

.pager .limiter label, .toolbar label {
    display: inline;
    float: left;
    margin-right: 10px;
    padding: 6px 0;
    font-size: 13px;
    font-weight: 400
}

.pager .amount {
    margin-right: 20px
}

.products-list .item {
    padding: 20px;
    overflow: hidden;
    border: 1px solid #eaeaea;
    background: #fff;
    margin-bottom: 30px
}

    .products-list .item a:hover {
        color: #ff6700;
        transition: .3s linear;
        -moz-transition: .3s linear;
        -webkit-transition: .3s linear
    }

.products-list .actions .add-to-links a.link-compare, .products-list .actions .add-to-links a.link-wishlist {
    font-size: 10px;
    margin: 0 8px 0 0;
    padding: 7px 15px;
    background-color: #fff;
    transition: .3s linear;
    vertical-align: top;
    display: inline-block;
    text-decoration: none
}

.products-list .product-name {
    text-align: left;
    margin: 0 0 10px
}

    .products-list .product-name a {
        text-decoration: none;
        font-size: 16px;
        font-weight: 600
    }

.products-list h2.product-name {
    font-size: 14px;
    line-height: normal
}

.products-list .item h3 {
    font-weight: 400;
    color: #353535;
    padding-bottom: 2px
}

    .products-list .item h3 a {
        font-weight: 400;
        font-size: 14px;
        color: #407cbf;
        text-decoration: none
    }

        .products-list .item h3 a:hover {
            font-weight: 400;
            font-size: 14px;
            color: #333;
            text-decoration: underline
        }

ol.products-list {
    padding: 0;
    margin: 0;
    float: left;
    list-style: none
}

.products-list .ratings {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    position: relative;
    margin: 0;
    left: 0;
    bottom: auto;
    border-radius: 0
}

.box-reviews .form-add h4, .products-list .old-price .price {
    font-size: 15px
}

.separator {
    color: #999
}

.products-list .product-image {
    float: left;
    width: 28%
}

.products-list .product-shop {
    float: right;
    width: 69%;
    text-align: left;
    margin-left: 20px
}

    .products-list .product-shop .desc {
        font-size: 13px;
        margin-bottom: 15px;
        margin-top: 12px;
        color: #222;
        letter-spacing: .5px
    }

    .products-list .product-shop p {
        font-size: 13px;
        color: #222;
        line-height: 1.5em;
        letter-spacing: .5px
    }

        .products-list .product-shop p.old-price {
            margin-right: 4px
        }

    .products-list .product-shop .price-box {
        margin: 0 0 18px;
        padding-top: 0
    }

.products-list .desc .link-learn {
    font-weight: 400;
    margin-top: 5px
}

.products-list .add-to-links {
    padding-left: 2px
}

.add-to-links span {
    font-size: 12px;
    margin-left: 8px;
    text-transform: uppercase
}

.products-list .product-shop button.button {
    font-size: 13px;
    text-transform: uppercase;
    margin-right: 8px
}

.products-list .product-shop .btn-cart:before {
    content: "\f07a";
    font-family: FontAwesome
}

.products-list .product-shop button.button span {
    font-size: 11px;
    padding: 0 0 0 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px
}

.products-list .product-shop .btn-cart {
    border: 1px solid #d1d1d1;
    background: #fff;
    padding: 9px 15px;
    color: #666
}

    .products-list .product-shop .btn-cart span {
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase
    }

.link-compare, .link-wishlist {
    color: #666;
    text-shadow: none;
    border: none;
    box-shadow: none
}

    .link-compare:hover, .link-wishlist:hover {
        color: #666;
        text-shadow: none;
        border: none;
        box-shadow: none;
        background: 0 0
    }

.link-compare, .link-edit, .link-friend, .link-wishlist {
    padding: 0;
    background: 0 0
}

.products-list .actions .add-to-links a.link-wishlist:before {
    content: "\f004";
    font-weight: 400;
    font-family: FontAwesome
}

.products-list .actions .add-to-links a.link-compare:before {
    content: "\f012";
    font-weight: 400;
    font-family: FontAwesome
}

.products-list .actions .add-to-links a.link-wishlist {
    color: #666;
    font-weight: 700;
    -moz-transition: .3s linear;
    -webkit-transition: .3s linear;
    border: 1px solid #d1d1d1;
    border-radius: 0
}

    .products-list .actions .add-to-links a.link-compare span, .products-list .actions .add-to-links a.link-wishlist span {
        font-size: 11px;
        padding: 0
    }

.products-list .actions .add-to-links a.link-compare {
    color: #666;
    font-weight: 700;
    -moz-transition: .3s linear;
    -webkit-transition: .3s linear;
    letter-spacing: .5px;
    border: 1px solid #d1d1d1;
    border-radius: 0
}

.products-list .actions .add-to-links a.link-wishlist:hover {
    text-decoration: none
}

a.button.detail-bnt span {
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 2px;
    font-weight: 700;
    margin-left: 6px;
    display: none
}

.ratings strong {
    float: left;
    margin: 1px 3px 0 0
}

.ratings .rating-links {
    margin: 0;
    display: none
}

    .ratings .rating-links a {
        margin: 0;
        text-decoration: none;
        color: #666;
        font-size: 12px
    }

    .ratings .rating-links .separator {
        margin: 0 2px
    }

.rating-box {
    width: 60px;
    height: 10px;
    font-size: 0;
    line-height: 0;
    background: url(../newhome/images/bkg_rating.png) repeat-x;
    text-indent: -999em;
    overflow: hidden
}

    .rating-box .rating {
        float: left;
        height: 9px;
        background: url(../newhome/images/bkg_rating.png) 0 100% repeat-x
    }

.ratings-table td, .ratings-table th {
    font-size: 11px;
    line-height: 1.15;
    padding: 3px 0
}

.ratings-table th {
    font-weight: 600;
    padding-right: 8px;
    letter-spacing: .5px
}

.price {
    font-size: 14px;
    color: #333;
    white-space: nowrap !important
}

.price-box {
    margin: 0;
    padding: 5px 0 0;
    min-height: 28px
}

.regular-price .price, .special-price .price {
    font-size: 14px;
    color: #000
}

.old-price {
    display: inline;
    margin-right: 15px
}

    .old-price .price {
        color: #999 !important;
        font-size: 13px;
        font-weight: 400;
        text-decoration: line-through;
        margin-left: 6px
    }

.product-view {
    background: #fff;
    overflow: hidden;
    padding: 15px 0;
    position: relative;
    z-index: 0
}

    .product-view .flexslider-thumb {
        margin: 20px auto 0;
        padding: 0 42px;
        position: relative
    }

.product-view-compact .flexslider-thumb {
    margin: 17px auto 0
}

.imagebg .video-cover .video-play-icon, .product-view .flexslider-thumb .flex-viewport {
    z-index: 10
}

.product-view .flexslider-thumb .flex-direction-nav {
    top: 30%;
    left: 0;
    width: 100%
}

.product-view .flexslider-thumb .flex-prev {
    position: absolute;
    left: 10px;
    top: -5px
}

.product-view .flexslider-thumb .flex-next {
    position: absolute;
    right: 10px;
    top: -5px;
    color: #666
}

.product-view .flexslider-thumb li img {
    cursor: pointer;
    -moz-user-select: none;
    border: 1px solid #ddd
}

.product-view .previews-list {
    padding: 0;
    list-style-type: none;
    text-align: center
}

    .product-view .previews-list li {
        width: 85px;
        margin-right: 15px;
        padding: 0;
        float: none;
        display: inline-block
    }

.product-view-compact .rating {
    padding: 18px 0 21px
}

.product-view-compact .btn-toolbar {
    margin: 0;
    padding: 7px 0 22px
}

.product-view-compact .price {
    display: block;
    padding: 6px 0 20px
}

.product-view .product-img-box .product-image .product-flexslider {
    margin: 20px 2px 0 0
}

.product-view .product-img-box .product-image .owl-next {
    right: -20px;
    top: 30%;
    position: absolute
}

    .product-view .product-img-box .product-image .owl-next a, .product-view .product-img-box .product-image .owl-prev a {
        border: none;
        background: 0 0
    }

.more-views .slider-items-products .owl-buttons .owl-next a:before, .more-views .slider-items-products .owl-buttons .owl-prev a:before {
    font-size: 24px
}

.product-view .product-img-box .product-image .owl-prev {
    left: -18px;
    right: auto;
    top: 30%;
    position: absolute
}

.product-view .product-img-box .product-image .more-views-items {
    margin: 0 10px
}

.product-view .flexslider-thumb-vertical-outer {
    margin: 0 10px 15px 0;
    width: 76px;
    float: left;
    position: relative;
    z-index: 1
}

.product-view .flexslider-thumb-vertical .flex-viewport {
    height: 300px !important
}

.product-view .flexslider-thumb-vertical .slides {
    margin: -4px 0 0;
    padding: 0;
    list-style-type: none
}

    .product-view .flexslider-thumb-vertical .slides li {
        margin: 0;
        padding: 0;
        overflow: hidden
    }

        .product-view .flexslider-thumb-vertical .slides li img {
            width: 100%;
            padding: 4px 0;
            cursor: pointer;
            -moz-user-select: none
        }

.flex-direction-nav, .slider-controls {
    -webkit-transform: translate3d(0,0,0)
}

.product-collateral .box-collateral {
    margin: 0 0 15px
}

.product-essential .product-image.no-gallery {
    margin-left: auto
}

.product-essential .product-image img {
    height: auto;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 1px
}

.product-essential .button-viewall {
    position: absolute;
    left: 5px;
    bottom: 5px;
    text-indent: -999em;
    z-index: 9999
}

.recommend {
    margin: 20px auto;
    position: relative
}

    .recommend .controls .prev {
        right: 36px
    }

.product-view .product-options-bottom button.button.btn-cart span, .product-view .product-shop .add-to-box button.button.btn-cart span {
    background: 0 0;
    margin-left: 5px
}

.product-additional .block-product-additional {
    margin: 0;
    background: #fff;
    border: 1px solid #d1d1d1;
    text-align: center;
    padding-bottom: 15px
}

    .product-additional .block-product-additional p {
        margin: 12px 0;
        line-height: 20px;
        text-align: center;
        padding: 0 10px;
        font-size: 13px
    }

.product-additional .block .block-title {
    border-bottom: 2px solid #333;
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: 13px;
    text-transform: uppercase;
    text-align: center;
    background: #f7f7f7
}

.product-additional .block-product-additional .block-content {
    padding: 18px 12px 10px;
    text-align: center;
    line-height: 20px
}

.block .block-content {
    border-top: none;
    font-size: 13px;
    overflow: hidden;
    padding: 15px 0
}

.product-view .product-name {
    border-bottom: 1px solid #e5e5e5
}

    .product-view .product-name h1 {
        font-size: 32px;
        margin: 0 0 2px;
        text-align: left;
        line-height: 1;
        padding-bottom: 12px;
        font-weight: 700;
        padding-right: 55px;
        letter-spacing: 1px
    }

.product-view .email-friend a, .product-view .product-shop .add-to-links .link-compare, .product-view .product-shop .add-to-links .link-wishlist {
    width: 45px;
    line-height: 36px;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
    text-align: center;
    vertical-align: top;
    height: 40px
}

.product-view .short-description {
    font-size: 13px;
    padding: 20px 0;
    border-bottom: 1px dotted #ddd
}

    .product-view .short-description h2 {
        font-size: 14px;
        color: #333;
        margin: 0 0 5px;
        font-weight: 700;
        letter-spacing: .5px
    }

    .product-view .short-description p {
        font-size: 13px;
        margin: 0;
        color: #222;
        letter-spacing: .5px
    }

.product-view .product-shop .add-to-box {
    padding: 20px 0;
    overflow: hidden;
    text-align: left;
    margin: 1px 0 0;
    border-bottom: 1px dotted #ddd
}

    .product-view .product-shop .add-to-box .btn-cart {
        font-size: 16px;
        text-shadow: none;
        padding: 7px 20px;
        float: left;
        margin-top: 0;
        font-weight: 700;
        transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
        margin-left: 12px;
        border: none;
        height: 40px;
        text-transform: uppercase;
        background: #ff6700;
        color: #fff
    }

        .product-view .product-shop .add-to-box .btn-cart:hover {
            text-shadow: none
        }

.email-addto-box {
    display: inline-block;
    margin-left: 5px
}

#product-options-wrapper .price-notice .price, .account-login .content p.required, .footer-bottom .site-switch [class^=iconfont], .footer-nav .customer-service-time, .product-view .email-friend a span, .product-view .product-shop .product-pricing .price {
    font-size: 12px
}

.product-view .promo-banner {
    margin-top: 20px
}

.product-view .product-shop ul.add-to-links {
    margin: 0;
    padding: 0;
    display: inline-block
}

.product-view .product-shop .add-to-links li {
    display: inline-block;
    padding: 0 0 0 6px;
    list-style-type: none
}

.product-view .add-to-links span {
    font-size: 12px;
    margin-left: 5px;
    font-weight: 400;
    text-transform: none;
    display: none
}

.product-view .email-friend a:hover, .product-view .product-shop .add-to-links li a:hover {
    color: #fff;
    background: #ff6700;
    border: 1px solid #ff6700
}

.product-view .email-friend {
    font-size: 12px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    margin-left: 8px
}

    .product-view .email-friend a:before {
        content: "\f0e0";
        font-family: FontAwesome;
        font-size: 16px
    }

    .product-view .email-friend a, .product-view .product-shop .add-to-links .link-compare {
        display: block;
        border: 1px solid #ececec;
        color: #999;
        border-radius: 0
    }

.product-view .product-shop .add-to-links .link-wishlist:before {
    content: "\f004";
    font-family: FontAwesome;
    font-size: 14px
}

.product-view .product-shop .add-to-links .link-wishlist {
    font-weight: 400;
    display: block;
    border: 1px solid #ececec;
    color: #999;
    border-radius: 0
}

.product-view .product-shop .add-to-links .link-compare:before {
    content: "\f012";
    font-family: FontAwesome;
    font-size: 14px
}

.product-view .product-shop ul.add-to-links a {
    padding: 0;
    margin: 0;
    display: block
}

.product-view .product-shop .ratings {
    padding: 18px 0;
    margin: auto auto auto 0;
    border-bottom: 1px dotted #ddd;
    position: relative;
    bottom: auto;
    border-radius: 0;
    left: 0
}

    .product-view .product-shop .ratings .rating-links {
        margin-bottom: 0;
        display: inline-block
    }

.product-view .product-shop .no-rating {
    padding: 12px 0;
    margin: 15px 0 0
}

.availability.in-stock {
    padding: 3px 0;
    position: absolute;
    top: 18px;
    right: 0
}

    .availability.in-stock span {
        color: #fff;
        font-size: 11px;
        line-height: 16px;
        display: block;
        background: #6dbe14;
        text-transform: uppercase;
        padding: 4px 8px;
        border-radius: 999px
    }

        .availability.in-stock span:before {
            content: "\e080";
            font-family: Simple-Line-Icons;
            display: inline-block;
            margin-right: 5px;
            font-size: 11px;
            vertical-align: middle
        }

.availability.out-of-stock {
    padding: 3px 10px;
    position: absolute;
    top: 18px;
    right: 0
}

    .availability.out-of-stock span {
        color: red;
        font-size: 12px;
        line-height: 16px;
        display: block;
        text-transform: uppercase
    }

        .availability.out-of-stock span:before {
            content: '\f00d';
            font-family: FontAwesome;
            display: inline-block;
            margin-right: 5px;
            font-size: 12px;
            vertical-align: middle
        }

.products-grid .item .actions .availability.out-of-stock {
    background: #fff;
    border: none;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0;
    text-align: center;
    width: 50px;
    position: relative;
    top: 0
}

    .products-grid .item .actions .availability.out-of-stock span:before {
        content: inherit
    }

    .products-grid .item .actions .availability.out-of-stock:before {
        content: "\e04f";
        font-family: Simple-Line-Icons;
        font-size: 14px;
        color: #999
    }

.products-list .product-shop p.availability.out-of-stock {
    border: 2px solid red;
    color: #666;
    display: inline-block;
    font-size: 13px;
    line-height: 1.5em;
    padding: 6px 10px;
    position: relative;
    text-transform: uppercase;
    top: 0
}

.product-view .product-shop .price-box {
    display: block;
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px dotted #ddd;
    position: relative
}

.product-view .product-shop .grouped-items-table .price-box {
    border-bottom: 0 solid #ddd;
    margin: 0;
    padding: 0
}

.product-view .product-shop .price-box .old-price {
    margin: 0;
    display: inline-block
}

.product-view .product-shop .special-price {
    display: inline-block;
    margin: 0;
    padding: 0
}

.product-view .product-shop .old-price .price {
    font-size: 20px;
    font-weight: 400
}

.product-view .product-shop .price {
    font-size: 24px;
    color: #000;
    font-weight: 700
}

.related-pro .home-block-inner .pretext, .upsell-pro .home-block-inner .pretext {
    font-weight: 300;
    margin-right: 25px;
    line-height: 24px;
    float: right;
    margin-left: 25px
}

.add-to-cart .qty, .qty-holder .qty {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    font-size: 15px;
    font-weight: 700
}

.add-to-cart .qty {
    height: 40px;
    text-align: center;
    width: 60px;
    vertical-align: top
}

.qty-input-text {
    float: left;
    margin-left: 10px
}

.custom button.items-count {
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
    font-size: 12px;
    line-height: 0;
    padding: 13px 12px 9px;
    height: 40px;
    width: 40px;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
    border: 1px solid #ddd
}

    .custom button.items-count:hover {
        background-color: #ff6700;
        border: 1px solid #ff6700;
        color: #fff
    }

.product-view .product-shop .add-to-box .add-to-cart label {
    display: inline-block;
    float: left;
    margin-top: 6px;
    text-align: left;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
    margin-right: 15px
}

.product-view .product-shop .product-options-bottom .add-to-cart label {
    display: block;
    float: none;
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase
}

.product-collateral {
    display: inline-block;
    margin-bottom: 20px
}

#product-tabs {
    margin: 0;
    padding: 0;
    position: relative
}

    #product-tabs > dt {
        text-transform: none;
        font-size: 14px;
        padding: 8px 0;
        cursor: pointer;
        color: #102343;
        text-transform: none
    }

        #product-tabs > dt.open {
            position: relative;
            background-color: #fff;
            z-index: 10;
            color: #2ca2e3
        }

    #product-tabs > dd {
        display: none;
        right: 0;
        top: 0;
        background-color: #fff;
        margin: 0;
        padding: 6px 0;
        line-height: 1.8;
        border-bottom-width: 0 !important;
        font-size: 14px
    }

.product-tabs {
    background: 0 0;
    margin: 25px 0 0;
    padding: 8px 0 0;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid transparent
}

#productTabContent {
    padding: 15px 20px;
    background: #fff;
    border-top: none
}

.product-tabs li a {
    color: #424242;
    margin-right: 0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
    padding: 0;
    letter-spacing: 1px;
    border: none
}

.product-tabs li.active a {
    background: #fff;
    color: #333;
    padding: 12px;
    border: 2px solid #333
}

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

    .nav-tabs.product-tabs > li > a {
        margin-right: 0;
        line-height: 1.42857143;
        border-radius: 0;
        background: 0 0;
        padding: 12px 0 18px;
        font-size: 16px;
        font-weight: 700
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: none;
    color: #ff6700;
    background: 0 0
}

.nav-tabs > li > a:hover {
    border: none;
    color: #ff6700;
    transition: .3s cubic-bezier(.8, 0, 0, 1)
}

.tab-content {
    background-color: inherit;
    padding: 5px 0 20px;
    overflow: hidden;
    font-size: 13px;
    line-height: normal;
    margin-top: 0;
    letter-spacing: .5px
}

.tags .input-box input {
    border: 1px solid #ddd;
    margin-top: 0;
    padding: 6px;
    width: 35%;
    border-radius: 3px
}

.form-add-tags button.button {
    display: inline;
    background: #fff;
    border: 1px solid #ccc;
    padding: 8px 14px;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
    border-radius: 3px
}

button.button.btn-add:before {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 14px;
    padding-right: 5px;
    font-weight: 400
}

.form-add-tags button.button:hover {
    display: inline;
    background: #ff6700;
    transition: .3s linear;
    -moz-transition: .3s linear;
    -webkit-transition: .3s linear;
    border: 1px solid #ff6700;
    color: #fff
}

.form-add-tags label {
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase
}

#customer-reviews {
    margin-top: 15px
}

    #customer-reviews .detail {
        font-size: 14px;
        line-height: 18px
    }

    #customer-reviews h3 {
        font-size: 14px;
        font-weight: 900;
        margin-bottom: 15px;
        letter-spacing: 1px;
        text-transform: uppercase
    }

    #customer-reviews h4, #customer-reviews h5 {
        display: inline;
        font-size: 14px
    }

.box-reviews dt {
    font-size: 18px;
    padding: 20px 0 10px
}

#customer-reviews .page-title h2 {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    margin-top: 0;
    padding: 2px 0 10px;
    position: relative;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #ccc
}

.box-reviews1 {
    margin-top: 8px;
    margin-bottom: 20px
}

.box-reviews2 {
    margin-top: 8px;
    margin-bottom: 35px;
    overflow: hidden
}

.review-title {
    margin-top: 0;
    line-height: 1.4;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400
}

    .review-title span {
        font-size: 14px;
        font-weight: 400;
        margin-top: 5px
    }

.box-reviews > .rating-box {
    position: absolute;
    top: 30px;
    right: 30px
}

.box-reviews dd {
    margin-left: 0;
    padding-bottom: 20px
}

.box-reviews .author {
    font-style: italic;
    font-size: 14px;
    font-weight: 700;
    margin-right: 5px
}

.box-reviews .date {
    color: #bdbdbd;
    font-size: 14px;
    font-style: italic
}

.box-reviews .ratings-table {
    float: left;
    margin: 5px 15px 15px 0;
    width: 12%
}

.box-reviews .review {
    border-left: 1px solid #dfdfdf;
    float: left;
    padding-left: 2.5em;
    width: 84%;
    margin-bottom: 10px
}

    .box-reviews .review .review-txt {
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 12px;
        margin-bottom: 10px
    }

.box-reviews ul li h6 {
    font-size: 15px;
    margin-bottom: 3px;
    margin-top: 0;
    padding: 0
}

    .box-reviews ul li h6 a {
        color: #333;
        font-weight: 500;
        letter-spacing: .5px
    }

.box-reviews2 ul li {
    margin-bottom: 0;
    clear: both
}

.box-reviews .actions {
    padding-top: 1.5em;
    text-align: right;
    float: right
}

a.button.view-all:before {
    content: "\f06e";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 8px
}

a.button.view-all {
    display: inline-block;
    background: #fff;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    color: #333;
    font-weight: 600;
    transition: .3s linear;
    -moz-transition: .3s linear;
    -webkit-transition: .3s linear;
    vertical-align: top;
    border: 1px solid #ccc;
    padding: 6px 14px;
    text-transform: uppercase;
    border-radius: 00px
}

.box-reviews .form-list input.input-text, .box-reviews .form-list input.input-text:focus {
    width: 80%;
    margin-bottom: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
    padding: 10px;
    background: #fff;
    line-height: 20px
}

.button.view-all:hover {
    background: #ff6700;
    transition: .3s linear;
    -moz-transition: .3s linear;
    -webkit-transition: .3s linear;
    border: 1px solid #ff6700;
    color: #fff;
    text-decoration: none
}

.product-view .product-next-prev .product-next, .product-view .product-next-prev .product-prev {
    width: 26px;
    height: 26px;
    color: #666;
    position: absolute;
    z-index: 10000;
    top: 4px;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
    text-align: center;
    display: inline-block
}

.box-reviews .form-add h3 {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400
}

.box-reviews textarea {
    width: 95%;
    margin-top: 4px;
    height: 8em;
    background: #fff
}

.box-reviews .form-list select {
    padding: 12px 15px 12px 165px;
    margin: 0;
    width: 100%;
    line-height: 20px;
    height: 48px
}

.form-list select {
    margin: 5px 0 2px;
    outline: 0;
    width: 100%
}

.review1 {
    display: inline-block;
    width: 45%;
    float: left
}

.review2 {
    display: inline-block;
    width: 55%
}

#product-review-table {
    margin: 10px 0;
    border: none;
    width: 100%
}

    #product-review-table td, #product-review-table th {
        text-align: left;
        font-size: 12px;
        font-weight: 700;
        line-height: 20px;
        padding: 8px;
        letter-spacing: .5px;
        background: #fff
    }

#customer-reviews ul {
    margin: auto;
    padding: 0
}

#customer-reviews li {
    margin-bottom: 0;
    list-style: none
}

#customer-reviews .form-list li label, .review2 label {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px
}

.box-reviews .form-list input.input-text {
    border-radius: 3px
}

.box-reviews textarea {
    border: 1px solid #ddd;
    padding: 10px;
    outline: 0;
    color: #aaa;
    border-radius: 3px
}

button.button.submit:before {
    content: "\f04b";
    font-family: FontAwesome;
    font-size: 11px;
    padding-right: 8px
}

#product-tabs .crosssell .flex-direction-nav a {
    width: 50px;
    height: 40px;
    top: 112px
}

#product-tabs .crosssell .flex-direction-nav .flex-prev {
    right: auto;
    left: -10px
}

.box-cross-sell .flex-direction-nav a, .box-up-sell .flex-direction-nav a {
    width: 54px;
    height: 44px;
    top: 0;
    margin-top: -76px;
    margin-right: -1px
}

.product-view .box-tags .form-add input.input-text {
    width: 350px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 5px #eee inset;
    margin-right: 10px;
    padding: 8px
}

.up-sell-box {
    border: 1px solid #ddd;
    border-top: none
}

    .up-sell-box p.desc {
        margin: 0;
        padding: 10px 10px 0
    }

.product-view .box-tags .form-add label {
    line-height: 42px;
    font-size: 16px
}

.product-view .box-tags .form-add .button {
    height: 35px
}

#addTagForm {
    margin-bottom: 5px;
    margin-top: 10px
}

.product-view .box-up-sell {
    margin-top: 10px;
    float: left
}

.mini-products-list .price-box .price {
    margin-right: 10px
}

.product-view .product-next-prev .product-next {
    font-size: 18px;
    line-height: 22px;
    right: 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 999px;
    border: 1px solid #ddd
}

    .product-view .product-next-prev .product-next:before {
        content: "\f105";
        font-family: FontAwesome
    }

    .product-shop .product-next-prev .product-prev:hover, .product-view .product-next-prev .product-next:hover {
        color: #fff;
        background: #ff6700;
        text-decoration: none;
        border: 1px solid #ff6700
    }

.product-view .product-next-prev .product-prev {
    font-size: 18px;
    line-height: 24px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 999px;
    right: 45px;
    border: 1px solid #ddd
}

.related-pro .home-block-inner:after, .upsell-pro .home-block-inner:after {
    border-style: solid;
    content: "";
    top: 6%;
    z-index: 10;
    display: block;
    position: absolute;
    height: 0;
    width: 0
}

.product-view .product-next-prev .product-prev:before {
    content: "\f104";
    font-family: FontAwesome
}

.side-banner {
    margin-bottom: 20px
}

.product-view .product-shop .ratings-table {
    padding: 10px;
    margin-top: 10px
}

.review-product-list .product-view .product-shop .buttons-set {
    clear: both;
    overflow: hidden
}

.product-view .product-shop .product-options-bottom .btn-cart {
    font-size: 18px;
    text-shadow: none;
    padding: 7px 20px;
    float: left;
    margin-top: 0;
    font-weight: 400;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
    margin-left: 10px;
    border: none;
    background: #34d1c6;
    color: #fff
}

    .product-view .product-shop .product-options-bottom .btn-cart:hover {
        text-shadow: none;
        background: #202726;
        color: #fff
    }

.product-view .product-options-bottom button.button.btn-cart span {
    background: 0 0;
    margin-left: 10px;
    font-size: 14px
}

.product-view .product-shop ul.product-pricing {
    margin-top: 5px
}

#cloud-zoom-big {
    border: 1px solid #ddd;
    z-index: 10000 !important
}

.product-shop button.button.btn-cart:before {
    content: "\f07a";
    font-family: FontAwesome;
    margin-right: 10px
}

.related-block {
    background-color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    margin-top: 15px
}

.related-pro .home-block-inner {
    border-width: 0 !important;
    float: left;
    width: 23.3%;
    background: #c9ced1;
    min-height: 390px
}

    .related-pro .home-block-inner:after {
        left: 23%;
        border-width: 15px 0 15px 20px;
        border-color: transparent transparent transparent #c9ced1;
        right: inherit
    }

.related-pro .block-content {
    margin-left: 24.7%;
    padding: 0 15px;
    width: 76.5%
}

.related-pro .block-title h2 {
    margin: auto;
    font-weight: 700;
    font-size: 26px;
    letter-spacing: 1px;
    color: #fff
}

.related-pro .owl-pagination {
    background: inherit;
    left: -29%;
    padding-left: inherit;
    position: absolute;
    right: inherit;
    text-align: center;
    top: 88%;
    z-index: 7
}

.owl-theme .owl-controls.clickable .owl-page:hover span, .related-pro .owl-theme .owl-controls .owl-page.active span, .upsell-pro .owl-theme .owl-controls .owl-page.active span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #000 !important
}

.related-pro .owl-theme .owl-controls .owl-page span, .upsell-pro .owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    border: none;
    margin-right: 6px;
    background: #fff
}

.related-pro .home-block-inner .pretext {
    margin-top: 0;
    color: #fff;
    font-size: 14px;
    text-transform: none;
    letter-spacing: .5px;
    opacity: .8
}

.related-pro a.view_more_bnt, .upsell-pro a.view_more_bnt {
    border: none;
    background: #fff;
    text-transform: uppercase;
    color: #666;
    padding: 6px 15px;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700;
    float: left;
    margin-top: 20px;
    margin-left: 25px;
    z-index: 1;
    position: relative;
    border-radius: 0
}

.featured-pro .block-title h2, .upsell-pro .block-title h2 {
    margin: auto;
    font-weight: 700;
    font-size: 26px;
    letter-spacing: 1px
}

.related-pro a.view_more_bnt:hover, .upsell-pro a.view_more_bnt:hover {
    background: rgba(0,0,0,.4);
    color: #fff
}

.upsell-pro {
    margin-top: 25px;
    margin-bottom: 15px
}

    .upsell-pro .home-block-inner {
        background: #9caaad;
        border-width: 0 !important;
        float: right;
        min-height: 390px;
        width: 23.3%
    }

        .upsell-pro .home-block-inner:after {
            border-color: transparent #9caaad transparent transparent;
            border-width: 15px 20px 15px 0;
            right: 23%
        }

    .upsell-pro .block-content {
        margin-right: 24.7% !important;
        padding: 0 10px 0 0;
        width: 76.6%
    }

    .upsell-pro .block-title h2 {
        color: #fff
    }

    .upsell-pro .home-block-inner .pretext {
        margin-top: 0;
        color: #fff;
        font-size: 14px;
        text-transform: none;
        letter-spacing: .5px;
        opacity: .6
    }

.tab-content .data-table .label {
    color: #333;
    display: block;
    text-align: left
}

.static-section-head {
    background-color: #ff6700;
    text-align: center;
    color: #fff
}

    .static-section-head .section-title {
        font-weight: 600;
        font-size: 40px;
        color: #fff;
        text-align: center;
        margin: 0;
        line-height: 240px;
        text-transform: uppercase
    }

.static-section-inner {
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 40px;
    padding: 55px 124px 100px;
    overflow: hidden
}

.form-error, .form-success {
    margin-top: 1.5625em;
    padding: .78125em;
    position: fixed;
    min-width: 350px;
    bottom: 1.5625em;
    z-index: 999
}

.static-section-inner h3 {
    line-height: 20px;
    font-size: 18px;
    color: #212121;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 400
}

.static-section-inner p {
    margin: .5em 0 1em
}

.static-section-inner ol, .static-section-inner ul {
    padding: 0 0 0 30px
}

.static-section-inner ul {
    list-style-type: square
}

.static-section-inner .items {
    width: 100%;
    height: auto;
    margin: 0 auto
}

    .static-section-inner .items .introduction .item {
        width: 100%;
        min-height: 315px;
        margin-bottom: 40px;
        padding-bottom: 20px;
        text-align: center
    }

        .static-section-inner .items .introduction .item .title {
            width: 100%;
            height: 60px;
            font-size: 24px;
            color: #212121;
            line-height: 60px;
            vertical-align: middle;
            margin-bottom: 24px
        }

    .static-section-inner .items .detail {
        color: #666;
        border-left: 1px solid #eee;
        padding-left: 60px;
        font-size: 15px
    }

    .static-section-inner .items .introduction ul {
        margin: 24px 0 0;
        padding: 0;
        list-style: none
    }

        .static-section-inner .items .introduction ul li {
            font-size: 14px;
            color: #b0b0b0;
            line-height: 30px
        }

    .static-section-inner .items .introduction .item ul li a {
        color: #666;
        font-size: 16px
    }

    .static-section-inner .items .introduction ul li .alink {
        cursor: pointer;
        margin: 0
    }

    .static-section-inner .items .detail.detail-right {
        border-left: 0 solid #eee;
        border-right: 1px solid #eee;
        padding-left: 0;
        padding-right: 60px
    }

.menu-horizontal > li > .modal-instance > .modal-trigger, .menu-horizontal > li > a, .menu-horizontal > li > span {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    color: #252525
}

.dropdown .dropdown__container {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 999
}

    .dropdown .dropdown__container .dropdown__container:before {
        height: 0
    }

.dropdown .dropdown__content:not([class*=col-]) {
    width: 18.57142857em
}

.dropdown .dropdown__trigger {
    cursor: pointer;
    user-select: none
}

form {
    position: relative
}

    form + form {
        margin-top: 30px
    }

    form:after, form:before {
        content: ".";
        display: block;
        height: 0;
        overflow: hidden
    }

    .accordion li .accordion__content > *, .bar.bg--dark .logo-dark, .bar:not(.bg--dark):not(.bar--transparent) .logo-light, .flickity-prev-next-button svg, .input-checkbox input, .input-file input, .input-radio input, .input-select input, .modal-instance .modal-body, .slider[data-children="1"] .flickity-prev-next-button, .slides:not(.flickity-enabled) li.imagebg:not(:first-child), .tabs .tab__content, .twitter-feed .interact, .twitter-feed .user, .wizard__step .wizard__title, .wizard__step:not(.active), form[action*='createsend.com'] .input-checkbox + br, form[action*='createsend.com'] br, form[action*='createsend.com'].no-labels label, form[action*='list-manage.com'].no-labels label {
        display: none
    }

label {
    margin: 0;
    font-weight: 400
}

input[type]:active, input[type]:focus, select:active, select:focus, textarea:active, textarea:focus {
    outline: 0
}

input[type]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #b3b3b3;
    font-size: 1.14285714em
}

input[type]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
    color: #b3b3b3;
    font-size: 1.14285714em
}

input[type]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: #b3b3b3;
    font-size: 1.14285714em
}

input[type]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #b3b3b3;
    font-size: 1.14285714em
}

.account-login .page-title, .account-login .page-title h2 {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px
}

input[type=image] {
    border: 0;
    padding: 0
}

textarea {
    display: block;
    width: 100%
}

select {
    cursor: pointer;
    padding-right: 1.85714286em;
    -webkit-appearance: none
}

    select::ms-expand {
        display: none
    }

input[type=submit] {
    background: #4a90e2;
    outline: 0;
    border: none;
    padding: .46428571em 2.78571429em;
    color: #fff
}

@keyframes load {
    0% {
        opacity: 0;
        width: 0
    }

    50% {
        width: 100%;
        opacity: .8;
        left: 0
    }

    100% {
        left: 100%;
        opacity: 0
    }
}

button[type=submit].btn--loading {
    position: relative;
    overflow: hidden;
    pointer-events: none;
    color: transparent
}

    .slider[data-arrows=true].slider--arrows-hover:not(:hover) .flickity-prev-next-button, .slides:not(.flickity-enabled) li.imagebg:first-child .container, [data-tooltip]:not(:hover):after, button[type=submit].btn--loading *, button[type=submit].btn--loading .btn__text {
        opacity: 0
    }

    button[type=submit].btn--loading:after {
        content: '';
        position: absolute;
        width: 0;
        height: 100%;
        animation: 1.5s ease-out infinite load;
        left: 0;
        top: 0
    }

button:focus {
    outline: 0 !important
}

.input-checkbox, .input-radio, .input-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer
}

.accordion li .accordion__title, .tabs > li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.input-checkbox .inner {
    width: 1.85714286em;
    height: 1.85714286em;
    border-radius: 6px
}

.input-radio .inner {
    width: 1.85714286em;
    height: 1.85714286em;
    border-radius: 50%
}

.input-select i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 1em;
    font-size: .87em
}

.form-error {
    background: #d84d4d;
    color: #fff;
    left: 50%;
    transform: translate3d(-50%,0,0);
    -webkit-transform: translate3d(-50%,0,0);
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1)
}

.form-success {
    background: #1dc020;
    color: #fff;
    left: 50%;
    transform: translate3d(-50%,0,0);
    -webkit-transform: translate3d(-50%,0,0);
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1)
}

.attempted-submit .field-error {
    border-color: #d84d4d !important
}

.accordion li .accordion__content, .accordion li .accordion__content *, .accordion li .accordion__title, .video-cover .background-image-holder, .video-cover .video-play-icon {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear
}

.accordion li .accordion__title {
    cursor: pointer;
    padding: .46428571em .92857143em;
    border: 1px solid #ececec;
    border-bottom: none;
    background: 0 0;
    user-select: none
}

.accordion li:last-child .accordion__title, .tweets-feed-1 li:not(:last-child), section.border--bottom:not([data-gradient-bg]), table tr:not(:last-of-type) {
    border-bottom: 1px solid #ececec
}

.accordion li .accordion__content {
    opacity: 0;
    visibility: hidden;
    max-height: 0
}

.accordion li.active .accordion__content > *, .breadcrumb, .order-list-box .type-list .type-list-inner span.tips, .tabs > li, .typed-text {
    display: inline-block
}

.accordion li .accordion__content > :first-child {
    padding-top: 0
}

.accordion li .accordion__content > :last-child, .unpad--bottom {
    padding-bottom: 0
}

.accordion li.active .accordion__title {
    background: #4a90e2;
    border-bottom: 1px solid #ececec
}

.accordion li.active .accordion__content {
    opacity: 1;
    visibility: visible;
    max-height: 500px
}

.breadcrumb {
    padding: 0;
    margin: 0;
    background: 0 0
}

    .breadcrumb li + li:before {
        padding: 0 .46428571em
    }

.radial .radial__label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    margin-bottom: 0
}

.tabs > li {
    opacity: .5;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    user-select: none
}

.tabs .tab__title:not(.btn) {
    padding: 0 1.85714286em
}

.tabs-content {
    margin-top: 1em
}

    .tabs-content li > .tab__content {
        width: 100%;
        display: none
    }

.account-login {
    background: #fff;
    margin: 0;
    overflow: hidden;
    padding: 15px 20px
}

    .account-login .page-title {
        border-bottom: 1px solid #e5e5e5;
        font-weight: 600;
        padding: 5px 0 10px;
        position: relative
    }

        .account-login .page-title h2 {
            font-weight: 300
        }

    .account-login .form-list input.input-text {
        background: #fff;
        border: 1px solid #f0f0f0;
        padding: 10px;
        width: 80%;
        margin-top: 5px;
        outline: 0;
        margin-bottom: 10px
    }

    .account-login .col2-set .col-1 {
        float: left;
        text-align: left;
        width: 49%;
        min-height: 362px;
        background: #fff;
        border-right: 0px solid #eaeaea;
        padding: 25px 25px 0 0;
        margin-bottom: 15px
    }

.video-play-icon.bg--primary:before, .video-play-icon.video-play-icon--dark:before {
    border-color: transparent transparent transparent #fff
}

.account-login .col2-set .col-2 {
    float: right;
    text-align: left;
    width: 48%;
    background: #fff;
    padding: 25px 0;
    margin-bottom: 25px
}

.account-login strong {
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px
}

.account-login .content {
    margin-top: 8px;
    padding-top: 12px
}

    .account-login .content p {
        margin-bottom: 10px;
        font-size: 13px
    }

    .account-login .content .form-list label {
        font-size: 13px;
        color: #333;
        margin-bottom: 5px;
        font-weight: 300
    }

.boxed {
    position: relative;
    overflow: hidden;
    padding: 1.85714286em;
    margin-bottom: 30px
}

    .boxed.boxed--lg {
        padding: 2.78571429em
    }

    .boxed.boxed--sm {
        padding: 1.23809524em
    }

    .boxed.boxed--border {
        border: 1px solid #e1e1e1
    }

img + .boxed {
    margin-top: -1.85714286em
}

.slides:not(.flickity-enabled) li.imagebg:first-child {
    background: #252525;
    animation: .5s infinite alternate backgroundLoad
}

@keyframes backgroundLoad {
    0% {
        background: #252525
    }

    100% {
        background: #3f3f3f
    }
}

.slider.height-10 .slides .flickity-slider > li, section.slider.height-10 .slides .flickity-slider > li {
    height: 10vh;
    padding: 0
}

.slider.height-20 .slides .flickity-slider > li, section.slider.height-20 .slides .flickity-slider > li {
    height: 20vh;
    padding: 0
}

.slider.height-30 .slides .flickity-slider > li, section.slider.height-30 .slides .flickity-slider > li {
    height: 30vh;
    padding: 0
}

.slider.height-40 .slides .flickity-slider > li, section.slider.height-40 .slides .flickity-slider > li {
    height: 40vh;
    padding: 0
}

.slider.height-50 .slides .flickity-slider > li, section.slider.height-50 .slides .flickity-slider > li {
    height: 50vh;
    padding: 0
}

.slider.height-60 .slides .flickity-slider > li, section.slider.height-60 .slides .flickity-slider > li {
    height: 60vh;
    padding: 0
}

.slider.height-70 .slides .flickity-slider > li, section.slider.height-70 .slides .flickity-slider > li {
    height: 70vh;
    padding: 0
}

.slider.height-80 .slides .flickity-slider > li, section.slider.height-80 .slides .flickity-slider > li {
    height: 80vh;
    padding: 0
}

.slider.height-90 .slides .flickity-slider > li, section.slider.height-90 .slides .flickity-slider > li {
    height: 90vh;
    padding: 0
}

.slider.height-100 .slides .flickity-slider > li, section.slider.height-100 .slides .flickity-slider > li {
    height: 100vh;
    padding: 0
}

.slider .slides.slides--gapless li[class*=col-], section > .row--gapless {
    padding-left: 0;
    padding-right: 0
}

.bar-stacked .logo, .cover .typed-headline, .feature-4 p:last-of-type, .heading-block, .process-3 li:not(:last-child), .slider[data-paging=true]:not(section) {
    margin-bottom: 3.71428571em
}

    .slider[data-paging=true]:not(section) .flickity-page-dots {
        bottom: -3.71428571em
    }

.bg--dark, .slider.controls--dark .flickity-page-dots .dot, .video-cover, .video-cover iframe {
    background: #252525
}

section.slider[data-paging=true] .flickity-page-dots {
    bottom: 1.85714286em
}

.flickity-page-dots .dot {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #252525;
    border: none;
    margin: 0 .46428571em
}

.flickity-prev-next-button:before {
    font-family: stack-interface;
    content: "\e80c";
    font-size: 1em;
    font-weight: 400
}

.flickity-prev-next-button.previous:before {
    content: "\e80b"
}

.hover-element {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

    .cta-2, .hover-element *, .instafeed a, .menu-vertical li, .project-thumb.hover-element.hover--active, .tabs .tab__title, [class*=input-] .inner, a.block > .feature, a[data-lightbox], article.feature-1 a img, article.imagebg:before, input, select, textarea {
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s
    }

    .hover-element .hover-element__reveal {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        height: 100%
    }

        .hover-element .hover-element__reveal .boxed, .project-thumb.hover-element [data-scrim-top]:before {
            height: 100%
        }

.masonry .masonry__container.masonry--active .masonry__item {
    opacity: 1;
    pointer-events: initial
}

.masonry .masonry__container .masonry__item, .notification, .video-cover.reveal-video[data-overlay]:before, .video-cover.reveal-video[data-scrim-bottom]:before, .video-cover.reveal-video[data-scrim-top]:before {
    pointer-events: none;
    opacity: 0
}

    .masonry .masonry__container .masonry__item article:hover, .masonry__item article.feature:hover {
        -webkit-transition: .2s linear;
        overflow: hidden;
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0);
        -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.18);
        box-shadow: 0 8px 16px rgba(0,0,0,.18);
        transition: box-shadow .2s linear;
        transition: box-shadow .2s linear,-webkit-box-shadow .2s linear
    }

.masonry .masonry__filters li {
    display: inline-block;
    cursor: pointer;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.feature.feature-1 a.block, .masonry .masonry__container .masonry__item a.block {
    margin: 0
}

.masonry .masonry__filters li.active, .process-stepper > li > span {
    cursor: default
}

.masonry.masonry--gapless .masonry__item {
    padding: 0 !important;
    margin-bottom: 0
}

.modal-container {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

    .modal-container.modal-active {
        opacity: 1;
        visibility: visible;
        z-index: 999
    }

    .modal-container:before {
        background: rgba(0,0,0,.85);
        content: '';
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1
    }

    .modal-container .modal-content {
        backface-visibility: hidden;
        position: fixed;
        z-index: 2;
        top: 50%;
        left: 50%;
        overflow-y: scroll;
        border: none;
        transform: translate3d(-50%,-50%,0);
        -webkit-transform: translate3d(-50%,-50%,0);
        padding: 0;
        border-radius: 0;
        box-shadow: none
    }

        .modal-container .modal-content .modal-close-cross {
            cursor: pointer;
            position: absolute;
            opacity: .5;
            transition: .1s linear;
            -webkit-transition: .1s linear;
            -moz-transition: .1s linear;
            top: 1em;
            right: 1em;
            z-index: 99
        }

            .modal-container .modal-content .modal-close-cross:before, .notification .notification-close-cross:before {
                content: '\00D7';
                font-size: 1.5em
            }

        .modal-container .modal-content iframe {
            width: 100%;
            outline: 0;
            border: none;
            height: 100%;
            backface-visibility: hidden
        }

            .modal-container .modal-content iframe:first-child + .modal-close-cross:last-child {
                top: -3.71428571em
            }

.card__top, .gallery__image, .map-container, .testimonial {
    position: relative;
    overflow: hidden
}

    .map-container .map-canvas, .map-container iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0
    }

.parallax .slides li > .background-image-holder, .parallax > .background-image-holder {
    height: 100%;
    min-height: 100vh;
    top: -50vh;
    transition: opacity .3s !important;
    -webkit-transition: opacity .3s !important;
    -webkit-transform-style: preserve-3d
}

.notification {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    position: fixed;
    z-index: 99;
    padding: 0;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear
}

.videobg video, .youtube-background {
    height: 100%;
    top: 0;
    z-index: 0 !important
}

.notification[class*=col-] {
    min-width: 400px
}

.notification .notification-close-cross {
    position: absolute;
    top: 1em;
    z-index: 99;
    right: 1em;
    cursor: pointer;
    transition: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    opacity: .7
}

.notification.notification--reveal {
    z-index: 99;
    pointer-events: initial
}

    .notification.notification--reveal[data-animation=from-bottom] {
        animation: .3s linear forwards from-bottom;
        -webkit-animation: .3s linear forwards from-bottom;
        -moz-animation: .3s linear forwards from-bottom
    }

    .notification.notification--reveal[data-animation=from-top] {
        animation: .3s linear forwards from-top;
        -webkit-animation: .3s linear forwards from-top;
        -moz-animation: .3s linear forwards from-top
    }

    .notification.notification--reveal[data-animation=from-left] {
        animation: .3s linear forwards from-left;
        -webkit-animation: .3s linear forwards from-left;
        -moz-animation: .3s linear forwards from-left
    }

    .notification.notification--reveal[data-animation=from-right] {
        animation: .3s linear forwards from-right;
        -webkit-animation: .3s linear forwards from-right;
        -moz-animation: .3s linear forwards from-right
    }

.notification.notification--dismissed {
    animation: .4s linear forwards fade-out !important;
    -webkit-animation: .4s linear forwards fade-out !important;
    -moz-animation: .4s linear forwards fade-out !important;
    pointer-events: none
}

@keyframes from-bottom {
    from {
        transform: translate3d(0,100%,0);
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-moz-keyframes from-bottom {
    from {
        transform: translate3d(0,100%,0);
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes from-bottom {
    from {
        transform: translate3d(0,100%,0);
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes from-top {
    from {
        transform: translate3d(0,-100%,0);
        -webkit-transform: translate3d(0,-100%,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-moz-keyframes from-top {
    from {
        transform: translate3d(0,-100%,0);
        -webkit-transform: translate3d(0,-100%,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes from-top {
    from {
        transform: translate3d(0,-100%,0);
        -webkit-transform: translate3d(0,-100%,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes from-left {
    from {
        transform: translate3d(-100%,0,0);
        -webkit-transform: translate3d(-100%,0,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-moz-keyframes from-left {
    from {
        transform: translate3d(-100%,0,0);
        -webkit-transform: translate3d(-100%,0,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes from-left {
    from {
        transform: translate3d(-100%,0,0);
        -webkit-transform: translate3d(-100%,0,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes from-right {
    from {
        transform: translate3d(100%,0,0);
        -webkit-transform: translate3d(100%,0,0);
        opacity: 1
    }

    to {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-moz-keyframes from-right {
    from {
        transform: translate3d(100%,0,0);
        -webkit-transform: translate3d(100%,0,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes from-right {
    from {
        transform: translate3d(100%,0,0);
        -webkit-transform: translate3d(100%,0,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

iframe {
    width: 100%;
    min-height: 350px;
    border: none
}

.videobg {
    background: #252525;
    position: relative;
    overflow: hidden
}

    .videobg .background-image-holder, .videobg .container {
        opacity: 0;
        transition: .3s linear;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear
    }

    .videobg .background-image-holder {
        opacity: 0 !important
    }

    .videobg.video-active .loading-indicator {
        opacity: 0;
        visibility: hidden
    }

    .videobg video {
        object-fit: cover;
        min-width: 100%;
        position: absolute;
        left: 0
    }

.youtube-background {
    position: absolute;
    width: 100%
}

    .youtube-background .mb_YTPBar {
        opacity: 0;
        height: 0;
        visibility: hidden
    }

.loading-indicator {
    position: absolute !important;
    top: 50%;
    left: 50%;
    z-index: 99 !important;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: 1s ease-in-out infinite loading-spinner;
    animation: 1s ease-in-out infinite loading-spinner;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear
}

@-webkit-keyframes loading-spinner {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes loading-spinner {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.video-cover .background-image-holder {
    z-index: 3
}

.imageblock__content .modal-instance, .video-cover .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0)
}

.video-cover.reveal-video .background-image-holder, .video-cover.reveal-video .video-play-icon {
    opacity: 0 !important;
    pointer-events: none
}

.video-cover[data-overlay]:before, .video-cover[data-scrim-bottom]:before, .video-cover[data-scrim-top]:before {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    z-index: 4
}

.video-play-icon {
    width: 7.42857143em;
    height: 7.42857143em;
    border-radius: 50%;
    position: relative;
    z-index: 4;
    display: inline-block;
    border: 2px solid #fff;
    cursor: pointer;
    background: #fff
}

    .video-play-icon.video-play-icon--sm {
        width: 3.71428571em;
        height: 3.71428571em
    }

        .video-play-icon.video-play-icon--sm:before {
            border-width: 4px 0 4px 9px
        }

    .video-play-icon.video-play-icon--xs {
        width: 1.85714286em;
        height: 1.85714286em
    }

        .video-play-icon.video-play-icon--xs:before {
            border-width: 3px 0 3px 6px;
            margin-left: -3px
        }

    .video-play-icon:before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -4px;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 12px
    }

    .video-play-icon.video-play-icon--dark {
        border-color: #252525;
        background: #252525
    }

div[class*=col-][class*='-12']:not([class*=xs-12]) .video-cover iframe {
    min-height: 550px
}

div[class*=col-][class*='-10'] .video-cover iframe {
    min-height: 450px
}

.map-container, div[class*=col-][class*='-8'] .video-cover iframe {
    min-height: 400px
}

.project-thumb.height-40, div[class*=col-][class*='-6'] .video-cover iframe {
    min-height: 350px
}

@media all and (max-width:1200px) {
    div[class*=col-][class*='-6'] .video-cover iframe {
        min-height: 300px
    }
}

.color--primary {
    color: #4a90e2 !important
}

.color--primary-1 {
    color: #31639c !important
}

.color--primary-2 {
    color: #465773 !important
}

.bg--dark:not(.nav-bar):not(.bar), .bg--dark:not(.nav-bar):not(.bar) a:not(.btn), .bg--dark:not(.nav-bar):not(.bar) h1, .bg--dark:not(.nav-bar):not(.bar) h2, .bg--dark:not(.nav-bar):not(.bar) h3, .bg--dark:not(.nav-bar):not(.bar) h4, .bg--dark:not(.nav-bar):not(.bar) h5, .bg--dark:not(.nav-bar):not(.bar) h6, .bg--dark:not(.nav-bar):not(.bar) i, .bg--dark:not(.nav-bar):not(.bar) p, .bg--dark:not(.nav-bar):not(.bar) span:not(.btn__text), .bg--primary a:not(.btn), .bg--primary h1, .bg--primary h2, .bg--primary h3, .bg--primary h4, .bg--primary h5, .bg--primary h6, .bg--primary i, .bg--primary p, .bg--primary span, .bg--primary ul, .color--white {
    color: #fff
}

.color--dark {
    color: #252525
}

.bg--site {
    background: #fff
}

.bg--secondary {
    background: #fafafa
}

.bg--primary {
    background: #4a90e2
}

.bg--white a:not(.btn), .bg--white p, .bg--white span, .bg--white ul, .imagebg:not(.image--light) .bg--white a:not(.btn), .imagebg:not(.image--light) .bg--white p, .imagebg:not(.image--light) .bg--white span, .imagebg:not(.image--light) .bg--white ul {
    color: #666
}

.bg--white, .boxed:not([class*=bg-]), .category, .cta-2:hover {
    background: #fff
}

    .bg--white h1, .bg--white h2, .bg--white h3, .bg--white h4, .bg--white h5, .bg--white h6, .bg--white i {
        color: #252525
    }

.bg--error {
    background: #e23636
}

.feature-5:not([class*=bg-]), .hamburger-toggle i, .imagebg:not(.image--light) .bg--white h1, .imagebg:not(.image--light) .bg--white h2, .imagebg:not(.image--light) .bg--white h3, .imagebg:not(.image--light) .bg--white h4, .imagebg:not(.image--light) .bg--white h5, .imagebg:not(.image--light) .bg--white h6, .imagebg:not(.image--light) .bg--white i, .social-list a, p strong {
    color: #252525
}

.bg--primary-1 a:not(.btn), .bg--primary-1 h1, .bg--primary-1 h2, .bg--primary-1 h3, .bg--primary-1 h4, .bg--primary-1 h5, .bg--primary-1 h6, .bg--primary-1 i, .bg--primary-1 p, .bg--primary-1 span, .bg--primary-1 ul, .bg--primary-2 a:not(.btn), .bg--primary-2 h1, .bg--primary-2 h2, .bg--primary-2 h3, .bg--primary-2 h4, .bg--primary-2 h5, .bg--primary-2 h6, .bg--primary-2 i, .bg--primary-2 p, .bg--primary-2 span, .bg--primary-2 ul, .image-bg:not(.image-light) :not(a), .imagebg:not(.image--light) .social-list a {
    color: #fff
}

.imagebg:not(.image--light) .bg--secondary {
    background: rgba(250,250,250,.2)
}

.bg--primary-1 {
    background: #31639c
}

.bg--primary-2 {
    background: #465773
}

.color--facebook {
    color: #3b5998
}

.color--twitter {
    color: #00aced
}

.color--googleplus {
    color: #dd4b39
}

.color--instagram {
    color: #125688
}

.color--pinterest {
    color: #cb2027
}

.color--dribbble {
    color: #ea4c89
}

.color--behance {
    color: #053eff
}

.bg--facebook {
    background: #3b5998;
    color: #fff
}

.bg--twitter {
    background: #00aced;
    color: #fff
}

.bg--googleplus {
    background: #dd4b39;
    color: #fff
}

.bg--instagram {
    background: #125688;
    color: #fff
}

.bg--pinterest {
    background: #cb2027;
    color: #fff
}

.bg--dribbble {
    background: #ea4c89;
    color: #fff
}

.bg--behance {
    background: #053eff;
    color: #fff
}

.imageblock {
    position: relative;
    padding: 0
}

    .imageblock > .container, .imageblock > div[class*=col-]:not(.imageblock__content) {
        padding-top: 7.42857143em;
        padding-bottom: 7.42857143em;
        float: none;
        overflow: hidden
    }

    .imageblock.imageblock--lg > .container, .imageblock.imageblock--lg > div[class*=col-]:not(.imageblock__content) {
        padding-top: 9.28571429em;
        padding-bottom: 9.28571429em;
        float: none;
        overflow: hidden
    }

    .allow-overflow, .imageblock.allow-overflow .imageblock__content {
        overflow: visible
    }

    .imageblock .imageblock__content {
        position: absolute;
        height: 100%;
        top: 0;
        z-index: 2;
        padding: 0
    }

        .imageblock .imageblock__content .slider {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0
        }

            .imageblock .imageblock__content .slider .slides > li {
                padding: 0;
                min-height: 100%;
                position: absolute !important
            }

form[action*='createsend.com'] *, form[action*='list-manage.com'] * {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    opacity: 0
}

form[action*='createsend.com'] p > label:first-child, img.image--sm:not(:last-child) {
    margin-bottom: .92857143em
}

form[action*='list-manage.com'] h2 {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    color: #252525;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    font-size: 1.35714286em;
    line-height: 1.68421053em;
    margin-bottom: 1.36842105263158em;
    font-weight: 400
}

    .h4.inline-block + .h4.inline-block:not(.typed-text), form[action*='list-manage.com'] h2.inline-block + .h4.inline-block:not(.typed-text), h4.inline-block + .h4.inline-block:not(.typed-text) {
        margin-left: .68421052631579em
    }

form[action*='list-manage.com'] .small-meta {
    font-size: .5em
}

.twitter-feed .timePosted {
    font-size: .87em
}

[class*=transition--] {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    opacity: 0
}

    [class*=transition--].transition--active {
        opacity: 1
    }

.transition--scale {
    transform: scale(.98);
    -webkit-transform: scale(.98)
}

    .transition--scale.transition--active {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1)
    }

.transition--slide {
    transform: translate3d(30vw,0,0);
    -webkit-transform: translate3d(30vw,0,0)
}

    .project-thumb.hover-element:not(.hover--active)[data-scrim-top]:hover .hover-element__reveal, .transition--slide.transition--active {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0)
    }

.switchable div[class*=col-]:first-child {
    float: left;
    right: auto
}

.switchable div[class*=col-]:last-child {
    float: right;
    left: auto
}

.switchable.switchable--switch div[class*=col-]:first-child {
    float: right;
    right: 0;
    left: auto
}

    .switchable.switchable--switch div[class*=col-]:first-child:not([class*=pull]):not([class*=push]) {
        left: auto
    }

.switchable.switchable--switch div[class*=col-]:last-child {
    float: left;
    left: 0;
    right: auto
}

.typed-text.typed-text--cursor:after {
    content: '|';
    font-size: 1.2em;
    -webkit-animation: .7s infinite blink;
    animation: .7s infinite blink;
    position: relative;
    right: 6px
}

@keyframes blink {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@-webkit-keyframes blink {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

[data-gradient-bg] > canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

    [data-gradient-bg] > canvas + .background-image-holder {
        opacity: .2 !important
    }

.bar {
    padding: 1.85714286em 0
}

    .bar .logo {
        margin: 0;
        position: relative;
        top: 4px
    }

    .bar .menu-horizontal {
        position: relative;
        top: 6px
    }

    .bar-3 .menu-horizontal, .bar.bar--lg .logo, .bar.bar--xlg .logo {
        top: 0
    }

    .bar:not([class*=visible-]) + .bar, .btn.block + .btn.block, .lead + .btn:last-child {
        margin-top: .92857143em
    }

    .bar.bar--xs {
        padding: .46428571em 0
    }

    .bar.bar--sm, .nav-utility, .pricing-3 ul li {
        padding: .92857143em 0
    }

.container .row--gapless > div[class*=col-], section > .row--gapless > div[class*=col-] {
    padding: 0
}

.bar.bar--lg {
    padding: 2.78571429em 0
}

.bar.bar--xlg {
    padding: 4.64285714em 0
}

.back-to-top, .btn--cart, .menu-toggle {
    width: 3.71428571em
}

.page-navigator {
    position: fixed;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 1.85714286em;
    z-index: 10
}

    .page-navigator ul {
        display: inline-block;
        padding: .92857143em;
        background: rgba(0,0,0,.4);
        border-radius: 1.85714286em;
        transition: .2s
    }

        .page-navigator ul:hover {
            background: rgba(0,0,0,.6)
        }

.boxed.bg--secondary .boxed, .table--alternate-column td:nth-child(2n), .table--alternate-row tbody tr:nth-child(2n), pre, table th {
    background: #fafafa
}

.page-navigator li a {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    transition: .2s;
    display: block;
    position: relative
}

    .page-navigator li a.inner-link--active {
        opacity: 1;
        animation: .5s bulge;
        -webkit-animation: .5s bulge
    }

@keyframes bulge {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }
}

@-webkit-keyframes bulge {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }
}

.page-navigator li a[data-title]:before {
    content: attr(data-title);
    position: absolute;
    right: 12px;
    top: -14px;
    background: #222;
    color: #fff;
    border-radius: 6px;
    padding: 4px 8px;
    display: inline-block;
    transition: .2s;
    white-space: nowrap
}

.page-navigator li a[data-title]:not(:hover):before {
    opacity: 0;
    transform: translateX(-20px)
}

.cart-total > div, .comment, .cover-slider, .cover.unpad--bottom, .feature-2, .feature-large .feature-large__group, .imagebg.border--round, .tabs-container.tabs--vertical, .tweets-feed-2 li, .video-cover.border--round, .wizard__controls, section.unpad {
    overflow: hidden
}

.container .row--gapless {
    padding-left: 15px;
    padding-right: 15px
}

@media all and (max-width:991px) {
    .text-left-sm {
        text-align: left
    }
}

.back-to-top, .btn--cart, .menu-toggle, hr[data-title] {
    text-align: center
}

footer, footer.section--even, section, section.section--even {
    padding-top: 7.42857143em;
    padding-bottom: 7.42857143em
}

.elements-title + section:not(.imagebg):not([class*=bg-]):not(.unpad), .notification.side-menu {
    padding-top: 1.85714286em
}

footer.space--xxs, section.space--xxs {
    padding-top: 1.85714286em;
    padding-bottom: 1.85714286em
}

footer.space--xs, section.space--xs {
    padding-top: 3.71428571em;
    padding-bottom: 3.71428571em
}

footer.space--sm, section.space--sm {
    padding-top: 4.95238095em;
    padding-bottom: 4.95238095em
}

footer.space--md, section.space--md {
    padding-top: 11.14285714em;
    padding-bottom: 11.14285714em
}

footer.space--lg, section.space--lg {
    padding-top: 14.85714286em;
    padding-bottom: 14.85714286em
}

footer.space--xlg, section.space--xlg {
    padding-top: 29.71428571em;
    padding-bottom: 29.71428571em
}

.list-inline li, .pagination div[class*=col-], .unpad, .wizard > section, footer.space--0, section.space--0 {
    padding: 0
}

footer.space-bottom--sm, section.space-bottom--sm {
    padding-bottom: 4.95238095em
}

.unpad--top, section.bg--dark + section.bg--dark, section.bg--secondary:not(.unpad):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + section.bg--secondary, section.unpad--top, section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + footer:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom), section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs) + section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.border--bottom):not(.space--xxs) {
    padding-top: 0
}

pre, table td, table th {
    padding: .92857143em
}

@media all and (min-width:768px) {
    .btn + .btn {
        margin-left: 1.85714286em
    }

    .slider.height-10 .slides li.imagebg, section.slider.height-10 .slides li.imagebg {
        min-height: 10vh
    }

    .slider.height-20 .slides li.imagebg, section.slider.height-20 .slides li.imagebg {
        min-height: 20vh
    }

    .slider.height-30 .slides li.imagebg, section.slider.height-30 .slides li.imagebg {
        min-height: 30vh
    }

    .slider.height-40 .slides li.imagebg, section.slider.height-40 .slides li.imagebg {
        min-height: 40vh
    }

    .slider.height-50 .slides li.imagebg, section.slider.height-50 .slides li.imagebg {
        min-height: 50vh
    }

    .slider.height-60 .slides li.imagebg, section.slider.height-60 .slides li.imagebg {
        min-height: 60vh
    }

    .slider.height-70 .slides li.imagebg, section.slider.height-70 .slides li.imagebg {
        min-height: 70vh
    }

    .slider.height-80 .slides li.imagebg, section.slider.height-80 .slides li.imagebg {
        min-height: 80vh
    }

    .slider.height-90 .slides li.imagebg, section.slider.height-90 .slides li.imagebg {
        min-height: 90vh
    }

    .slider.height-100 .slides li.imagebg, section.slider.height-100 .slides li.imagebg {
        min-height: 100vh
    }

    .mt--1 {
        margin-top: 1.85714286em
    }

    .mt--2 {
        margin-top: 3.71428571em
    }

    .mt--3 {
        margin-top: 5.57142857em
    }

    .mb--1 {
        margin-bottom: 1.85714286em
    }

    .mb--2 {
        margin-bottom: 3.71428571em
    }

    .mb--3 {
        margin-bottom: 5.57142857em
    }

    .h1.h1--large, h1.h1--large {
        font-weight: 200;
        font-size: 4.428571428571429em;
        line-height: 1.048387096774194em
    }

        .h1.h1--large:not(:last-child), h1.h1--large:not(:last-child) {
            margin-bottom: .419354838709677em
        }

        .h1.h1--large.type--uppercase, h1.h1--large.type--uppercase {
            letter-spacing: 10px;
            margin-right: -10px
        }

        .h1.h1--large + p.lead, h1.h1--large + p.lead {
            margin-top: 2.052631578947368em
        }
}

section.unpad--bottom {
    padding-bottom: 0
}

section.unpad {
    padding: 0
}

.text-block .h5, .text-block h5, .unmarg {
    margin: 0
}

.masonry-blog-list hr + .masonry__container, .pricing-1 img + p:first-of-type, .unmarg--top, hr:first-child {
    margin-top: 0
}

.wizard__body {
    list-style: none
}

.wizard__controls .wizard-prev {
    float: left
}

.wizard__controls .wizard-next {
    float: right
}

    .wizard__controls .wizard-next:hover, .wizard__controls .wizard-prev:hover {
        transform: none !important
    }

    .wizard__controls .wizard-next.inactive, .wizard__controls .wizard-prev.inactive {
        pointer-events: none;
        opacity: .3;
        cursor: not-allowed
    }
/*! -- Pixxett Customizers -- */

.box-shadow {
    box-shadow: 0 0 25px 0 rgba(0,0,0,.04)
}

.box-shadow-shallow, .label.switchable-toggle {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.06)
}

.box-shadow-wide {
    box-shadow: 0 23px 40px rgba(0,0,0,.2)
}

.border--round, .border--round .background-image-holder, .border--round [data-overlay]:before, .border--round [data-scrim-bottom]:before, .border--round [data-scrim-top]:before, .border--round:before, .feature-7 .background-image-holder {
    border-radius: 6px
}

.imageblock.border--round .background-image-holder {
    border-radius: 6px 0 0 6px
}

.theme--bordered {
    border: .92857143em solid #252525
}

.main-container.transition--fade:not(.transition--active) {
    cursor: wait
}

@media all and (min-width:1280px) {
    body.boxed-layout {
        padding: 3.71428571em 0;
        background: #ededed
    }

        body.boxed-layout .tabs-container:not([class*=bg-]):not(.imagebg), body.boxed-layout footer:not([class*=bg-]):not(.imagebg), body.boxed-layout nav:not([class*=bg-]):not(.bar--transparent):not(.bar--absolute), body.boxed-layout section:not([class*=bg-]):not(.imagebg) {
            background: #fff
        }

        body.boxed-layout .main-container, body.boxed-layout .nav-container, body.boxed-layout nav, body.boxed-layout > section {
            max-width: 1280px;
            margin: 0 auto
        }

            body.boxed-layout > section.bar-3:first-of-type {
                border-radius: 6px 6px 0 0
            }

            body.boxed-layout .main-container > footer:last-child {
                border-radius: 0 0 6px 6px
            }
}
/*! -- Pixxett Helpers -- */

.switchable-toggle {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none
}

.back-to-top {
    position: fixed;
    height: 3.71428571em;
    background: #fff;
    border-radius: 50%;
    right: 1.85714286em;
    bottom: 3.71428571em;
    padding-top: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 0 25px 0 rgba(0,0,0,.04);
    z-index: 99;
    border: 1px solid #ececec;
    transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out
}

    .back-to-top i {
        color: #252525;
        font-size: 20px
    }

    .back-to-top:not(.active) {
        opacity: 0;
        transform: translate3d(0,20px,0);
        -webkit-transform: translate3d(0,20px,0);
        pointer-events: none
    }

    .back-to-top.active:hover, .product a:hover img {
        transform: translate3d(0,-5px,0);
        -webkit-transform: translate3d(0,-5px,0)
    }

.disable-scroll-bars {
    -ms-overflow-style: none
}

    .disable-scroll-bars::-webkit-scrollbar {
        display: none
    }
/*! -- Pixxett Animations -- */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,50px,0);
        -webkit-transform: translate3d(0,50px,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -webkit-font-smoothing: antialiased
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,50px,0);
        -webkit-transform: translate3d(0,50px,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -webkit-font-smoothing: antialiased
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-100px,0);
        -webkit-transform: translate3d(0,-100px,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -webkit-font-smoothing: antialiased
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-100px,0);
        -webkit-transform: translate3d(0,-100px,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -webkit-font-smoothing: antialiased
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-50px,0);
        -webkit-transform: translate3d(0,-50px,0);
        -webkit-font-smoothing: antialiased
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-50px,0);
        -webkit-transform: translate3d(0,-50px,0);
        -webkit-font-smoothing: antialiased
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(50px,0,0);
        -webkit-transform: translate3d(50px,0,0);
        -webkit-font-smoothing: antialiased
    }
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(50px,0,0);
        -webkit-transform: translate3d(50px,0,0);
        -webkit-font-smoothing: antialiased
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-50px,0,0);
        -webkit-transform: translate3d(-50px,0,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -webkit-font-smoothing: antialiased
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-50px,0,0);
        -webkit-transform: translate3d(-50px,0,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -webkit-font-smoothing: antialiased
    }
}

@keyframes pulse {
    0% {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: scale(2);
        -webkit-transform: scale(2)
    }
}

@-webkit-keyframes pulse {
    0% {
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: scale(2);
        -webkit-transform: scale(2)
    }
}

@keyframes kenBurns {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

@-webkit-keyframes kenBurns {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}
/*! -- Pixxett Sections -- */

section.bg--secondary + footer:not(.bg--dark):not(.bg--secondary), section.bg--secondary:not(.imagebg) + section:not(.imagebg):not([class*=bg-]), section:not(.imagebg):not([class*=bg-]) + section.bg--secondary, section:not([class*=bg--]) + footer.bg--secondary {
    border-top: 1px solid #ebebeb
}

section.bg--dark:last-of-type + footer.bg--dark {
    background: #1b1b1b
}

section.text-center div[class*=col-]:first-child:last-child {
    margin: 0 auto;
    float: none
}

.section--overlap {
    z-index: 2;
    position: relative
}
/*! -- Pixxett Typography -- */

@media all and (max-width:1024px) {
    .hover-element {
        cursor: pointer
    }

    .parallax .slides li > .background-image-holder, .parallax > .background-image-holder {
        top: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        height: 100%
    }

    .videobg .background-image-holder, .videobg .container {
        opacity: 1 !important
    }

    .videobg .loading-indicator, .videobg video, .youtube-background {
        display: none
    }

    html {
        font-size: 80%
    }
}

.h1, h1 {
    letter-spacing: -.01em
}

    .h1:not(:last-child), h1:not(:last-child) {
        margin-bottom: .59090909090909em
    }

.h2, h2 {
    margin-bottom: .78787878787879em
}

.h3, blockquote:not(:last-child), h3 {
    margin-bottom: 1.04em
}

blockquote {
    font-family: Merriweather,serif;
    font-style: italic;
    font-weight: 300
}

    blockquote > p {
        font-size: 1em !important
    }

.h4, h4 {
    margin-bottom: 1.36842105263158em;
    font-weight: 400
}

.btn.btn--lg .btn__text, .h5, b, h5 {
    font-weight: 600
}

.lead, a.block {
    font-weight: 400
}

.h6:not(:last-child), h6:not(:last-child) {
    margin-bottom: 2.16666666666667em
}

.h6.type--uppercase, h6.type--uppercase {
    letter-spacing: 1px;
    margin-right: -1px
}

hr {
    border-color: #ececec
}

.bg--dark hr {
    border-color: #585858
}

[class*=bg-]:not(.bg--white):not(.bg--secondary) p, [class*=imagebg]:not(.image--light) p {
    opacity: .9
}

.lead {
    color: grey
}

    .lead:not(:last-child), article .article__body p:not(:last-child), article .article__body ul:not(:last-child) {
        margin-bottom: 1.36842105263158em
    }

.pricing .h2, .text-block .h2, .text-block h2, article .article__title h2 {
    margin-bottom: .3939393939394em
}

pre {
    border: 1px solid #ececec;
    border-radius: 6px;
    line-height: 20px;
    max-height: 500px
}

.bg--secondary > pre {
    background: #f5f5f5;
    border-color: #ddd
}

.text-block .h4, .text-block h4 {
    margin-bottom: .3421052631579em
}

.subscribe-form-1 h3, .text-block .h3, .text-block h3 {
    margin-bottom: .52em
}
/*! -- Pixxett Colours -- */

.bg--dark .bg--secondary {
    background: #343434
}
/*! -- Pixxett Links -- */

a {
    color: #212121
}

    a:hover {
        color: #000;
        text-decoration: none
    }

    a.block {
        text-decoration: none;
        color: #666
    }

label a, p a, span a {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.85714286em
}

.tweets-feed-1 .timePosted, p + a:not(.btn) {
    font-size: .85714286em;
    line-height: 2.16666667em
}

.bg--primary .breadcrumbs a, .imagebg .breadcrumbs a, .imagebg:not(.image--light) a {
    color: #fff;
    font-weight: 600
}
/*! -- Pixxett Tables -- */

table {
    width: 100%;
    border-collapse: separate
}

    table th {
        color: #252525
    }

    table.border--round {
        border-radius: 6px;
        border: 1px solid #ececec
    }

.bg--dark table.border--round {
    border-radius: 6px;
    border: 1px solid #3f3f3f
}

.bg--dark table th {
    background: #3f3f3f;
    color: #fff
}

.bg--dark .table--alternate-row tbody tr:nth-child(2n) {
    background: #323232
}
/*! -- Pixxett Lists -- */

ol {
    list-style-position: outside;
    list-style-type: decimal
}

.list-inline {
    margin-left: 0;
    display: inline-block
}

    .list-inline li:not(:last-child), .list-inline:not(:last-child) {
        margin-right: 1.85714286em
    }

.list-inline--images img {
    max-height: 2.78571429em
}

.feature-2 h5, .list--loose > li:not(:last-child), .pricing ul li:not(:last-child), .tweets-feed-1 .tweet {
    margin-bottom: .46428571em
}

.list--hover li {
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s
}

.menu-toggle, .tooltip .tooltip__text {
    transition: .2s;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}

.list--hover li:not(:hover), article.imagebg:hover:before {
    opacity: .6
}
/*! -- Pixxett Rules -- */

hr.short {
    width: 2.78571429em;
    border-color: #4a90e2
}

hr[data-title] {
    margin: 2.78571429em 0
}

    hr[data-title]:before {
        content: attr(data-title);
        background: #fff;
        position: relative;
        bottom: 14px;
        padding: .92857143em;
        font-style: italic
    }

.bg--dark hr:not(.short), .bg--primary hr:not(.short), .imagebg hr:not(.short) {
    opacity: .3
}
/*! -- Pixxett Buttons -- */

.btn:not([class*=primary]) {
    border-color: #d3d3d3
}

    .btn:not([class*=primary]):hover {
        border-color: #252525
    }

.btn.type--uppercase {
    letter-spacing: .5px
}

    .btn.type--uppercase .btn__text {
        letter-spacing: .5px;
        margin-right: -.5px
    }

.btn .label {
    top: -.92857143em;
    right: -3.71428571em
}

.btn.btn--lg.type--uppercase .btn__text {
    letter-spacing: 1px
}

.btn + p.type--fine-print, .btn + span.type--fine-print {
    margin-top: 1.08333333333334em
}

.btn:hover {
    transform: translate3d(0,-2px,0);
    -webkit-transform: translate3d(0,-2px,0)
}

.btn.btn--sm + .btn--sm, .masonry-filter-container > span + .masonry-filter-holder, .tooltip:last-child {
    margin-left: .92857143em
}

.btn--icon {
    padding-left: 5.57142857em
}

    .btn--icon i {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0,0,0,.1);
        padding: 0 13px;
        border-radius: 6px 0 0 6px;
        font-size: 16px;
        line-height: 41px
    }

        .btn--icon i.socicon {
            line-height: 42px
        }

.btn--cart {
    height: 3.71428571em;
    border: 2px solid #252525;
    display: block;
    border-radius: 6px;
    opacity: .4;
    padding: 0
}

.menu-toggle, .utility-toggle {
    display: inline-block;
    border-radius: 50%
}

.btn--cart:hover, .tooltip:hover .tooltip__text {
    opacity: 1
}

.btn--cart .btn__text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.142857142857143em
}

.imagebg:not(.image--light) .btn--icon:not([class*=bg]):not([class*=primary]) i {
    color: #fff;
    background: rgba(255,255,255,.2)
}

.bg--primary div:not([class*=feature]) .btn--primary .btn__text, .bg--primary > .btn--primary .btn__text, .imagebg:not(.image--light) .feature.bg--white a:not(.btn), .tabs li.active .tab__title, .tabs li.active .tab__title span {
    color: #4a90e2
}

.btn-group {
    border: none;
    padding: 0
}

.bg--primary div:not([class*=feature]) .btn--primary, .bg--primary > .btn--primary {
    background: #fff;
    border-color: #fff
}

.bg--dark .btn:not(.btn--primary) {
    border-color: #3f3f3f
}

    .bg--dark .btn:not(.btn--primary):hover {
        border-color: #656565
    }

.bg--dark .btn .btn__text, .bg--primary .breadcrumbs, .imagebg .breadcrumbs, .imagebg .icon, .imagebg:not(.image--light) .feature.bg--white .label, .imagebg:not(.image--light) span, .menu-fullscreen, .menu-fullscreen a {
    color: #fff
}

.imagebg:not(.image--light) .accordion li .accordion__title, .imagebg:not(.image--light) .btn:not([class*=primary]) {
    border-color: rgba(255,255,255,.3)
}

    .imagebg:not(.image--light) .btn:not([class*=primary]):hover {
        border-color: #fff
    }

.imagebg.image--light .btn:not([class*=primary]) {
    border-color: #252525;
    background: rgba(255,255,255,.3)
}

    .imagebg.image--light .btn:not([class*=primary]):hover {
        background: rgba(255,255,255,.5)
    }

.cart-form button[type=submit], .cover .btn + .modal-instance, .feature i + h5, .h1 + .btn, .menu-vertical + h5, .notification.side-menu .social-list:not(:first-child), .pricing-1 p:first-of-type, .switchable .switchable__text, h1 + .btn {
    margin-top: 1.85714286em
}

.card-2 .card__body p, .cover-slider .typed-headline + .btn, .feature i.icon--lg + .h5, .h2 + .btn, .input-checkbox + button[type], .input-checkbox + span + button[type], .notification.side-menu .btn + ul.list--loose, article .article__body p + .btn:last-child, article .article__body ul + .btn:last-child, h2 + .btn, input[type] + .input-checkbox, input[type] + .input-select, input[type] + button, input[type] + input[type] {
    margin-top: .92857143em
}
/*! -- Pixxett Images -- */

p.lead img {
    max-height: 1.68421053em
}

section.parallax .row .background-image-holder {
    transform: none !important;
    top: 0 !important
}

.triptych.border--round img {
    position: relative;
    border-radius: 6px;
    width: 33.333333%;
    float: left;
    margin: 0
}

    .triptych.border--round img:nth-child(2) {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        z-index: 2;
        box-shadow: 0 23px 40px rgba(0,0,0,.2)
    }

.boxed:not(:last-child), .feature-9:not(.boxed), .feature-large .feature:not(.boxed), .gallery-1 .gallery__image:not(:last-child), .gallery > div[class*=col-] {
    margin-bottom: 30px
}

.gallery-1 {
    overflow: hidden;
    position: relative
}

    .gallery-1 > div[class*=col-]:first-child > .gallery__image {
        height: 800px
    }

    .gallery-1 > div[class*=col-]:last-child > .gallery__image {
        height: calc(385px)
    }
/*! -- Pixxett Titles -- */

.breadcrumbs {
    list-style: none;
    height: 40px;
    line-height: 40px
}

    .breadcrumbs a {
        font-weight: 400;
        color: #b0b0b0
    }

    .breadcrumbs span, .filter-list a {
        color: #424242
    }

    .breadcrumbs .separator {
        margin: 0 10px;
        vertical-align: middle
    }

.elements-title {
    border-top: none !important
}

    .elements-title + .tabs-container:not( :nth-last-child(2)), .elements-title + section:not( :nth-last-child(2)) {
        margin-bottom: 9.28571429em
    }
/*! -- Pixxett Labels -- */

.label.label--inline {
    position: relative;
    top: 0;
    right: 0
}

    .form--inline [class*=input-]:not(:last-child), .form--inline input:not(:last-child), .form--inline > span:not(:last-child), .label.label--inline:not(:last-child) {
        margin-right: .92857143em
    }

    .label.label--inline + p, .label.label--inline + span {
        position: relative;
        top: 1px
    }

.label.switchable-toggle {
    left: 50%;
    right: auto;
    transform: translate3d(-50%,0,0);
    -webkit-transform: translate3d(-50%,0,0)
}

.bg--primary-1 .label:not([class*=bg--]) {
    background: #465773
}
/*! -- Pixxett Bars -- */

.bar .logo {
    max-height: 1.85714286em;
    max-width: none
}

.menu-horizontal > li > .modal-instance > a, .menu-horizontal > li > a {
    font-weight: 500
}

@media all and (min-width:768px) and (max-width:1023px) {
    .bar-1 .menu-horizontal > li, .bar-2 .menu-horizontal > li {
        display: inline-block
    }

        .bar-1 .menu-horizontal > li:not(:first-child), .bar-2 .menu-horizontal > li:not(:first-child) {
            margin-left: .92857143em
        }

    .bar-1 .bar__module, .bar-2 .bar__module {
        margin-bottom: 1.85714286em
    }

    .bar-1 .row div[class*=col-]:last-child .bar__module:last-child, .bar-2 .row div[class*=col-]:last-child .bar__module:last-child {
        margin-bottom: 0
    }
}

.bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a {
    font-size: .857142857142857em;
    line-height: 2.166666666666667em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px
}

@media all and (min-width:1024px) {
    .bar-1 .bar__module + .bar__module {
        margin-left: 1.85714286em
    }
}
/*! -- Pixxett Menu Toggle -- */

.menu-toggle {
    box-shadow: 0 0 25px 0 rgba(0,0,0,.04);
    height: 3.71428571em;
    background: #fff;
    -webkit-transition: .2s;
    -moz-transition: .2s
}

    .menu-toggle i {
        font-size: 1.78571429em;
        position: relative;
        top: 13px;
        color: #252525
    }

    .menu-toggle:hover {
        box-shadow: 0 23px 40px rgba(0,0,0,.2);
        transform: translate3d(0,-2px,0);
        -webkit-transform: translate3d(0,-2px,0)
    }
/*! -- Pixxett Nav Utility -- */

.nav-utility .nav-utility__module {
    font-size: .85714285714286em
}

    .nav-utility .nav-utility__module a {
        color: #666;
        font-weight: 400
    }

        .nav-utility .nav-utility__module a i {
            transition: .3s;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            display: inline-block
        }

        .nav-utility .nav-utility__module a:hover i {
            transform: scale(1.5);
            -webkit-transform: scale(1.5)
        }

    .nav-utility .nav-utility__module.right:not(:last-child) {
        margin-left: 2.16666666666667em
    }

.utility-toggle {
    cursor: pointer;
    width: 3px;
    height: 3px;
    position: relative;
    bottom: 8px;
    background: #252525
}

    .utility-toggle:after, .utility-toggle:before {
        content: '';
        width: 3px;
        height: 3px;
        border-radius: 50%;
        position: absolute;
        background: #252525
    }

    .utility-toggle:before {
        top: 6px
    }

    .utility-toggle:after {
        top: 12px
    }
/*! -- Pixxett Nav Stacked -- */ /*! -- Pixxett Nav Side Menu -- */

.notification.side-menu {
    z-index: 9999;
    background: #fff;
    margin: 0;
    height: 100%;
    box-shadow: 0 23px 40px rgba(0,0,0,.2);
    width: 27.85714286em
}

    .notification.side-menu .side-menu__module {
        overflow: hidden;
        padding: 2.78571429em
    }

        .card-2 .card__body h4, .cover-fullscreen.slider[data-paging=true] h4, .cover-slider .typed-headline, .feature h5, .feature-1 p, .feature-2 p:last-child, .feature-6 p:last-child, .feature-7 h3, .feature-9 h4, .notification.side-menu .side-menu__module + hr:not(:last-child), .notification > .boxed, .pricing h3:first-child, .pricing-3 ul:last-child, .testimonial h5:nth-last-child(2), .tweets-feed.slider .timePosted, .video-1 h2, form .boxed:last-child {
            margin: 0
        }

.dropdown > .dropdown__trigger .image--xxs, .input-checkbox .inner:not(:last-child), .tweets-feed-1 .user img {
    margin-right: .46428571em
}

.cover .pos-bottom, .cta .btn:first-child:not(:last-child), .notification.side-menu .btn:not(:last-child), .video-cover:not(:last-child) {
    margin-bottom: 1.85714286em
}

.notification.side-menu .notification-close-cross {
    top: .92857143em;
    right: 2.78571429em;
    margin-top: 8px
}

.menu-toggle.pos-fixed {
    position: fixed;
    right: 5.57142857em;
    animation: .3s forwards fadeInDown
}

.filter-box {
    padding: 18px 15px;
    margin-right: auto;
    margin-left: auto
}

    .filter-box:after, .filter-box:before {
        content: " ";
        display: table
    }

.filter-list-wrap, .filter-selected-list-wrap, .full-toggle-wrap {
    border-top: 1px solid #e0e0e0
}

.filter-list {
    position: relative;
    padding-left: 100px;
    min-height: 45px;
    margin: 0;
    width: 100%;
    height: 45px;
    overflow: hidden;
    transition: height .3s ease-in
}

.filter-list-wrap-toggled .filter-list-row {
    height: 135px
}

.filter-list dt {
    position: absolute;
    left: 0;
    top: 11px;
    width: 82px;
    text-transform: uppercase;
    color: #b0b0b0;
    font-weight: 400
}

.filter-list dd {
    float: left;
    margin: 0;
    width: 16%;
    padding: 12px 0
}

    .filter-list dd.category-all {
        height: 120px
    }

.filter-list-wrap .more {
    position: absolute;
    right: 0;
    top: 10px;
    height: 24px;
    line-height: 24px;
    color: #757575
}

    .filter-list-wrap .more i {
        font-size: 24px;
        line-height: 24px;
        vertical-align: -4px
    }

.filter-list-wrap-toggled .filter-list-row .more i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.order-list-box {
    height: 20px;
    margin: 20px 0;
    overflow: hidden;
    position: relative;
    zoom: 1;
    font-weight: 600;
    text-transform: uppercase
}

    .order-list-box .order-list {
        float: left;
        height: 20px;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

        .order-list-box .order-list li {
            float: left;
            padding: 0 30px;
            border-left: 1px solid #e0e0e0;
            line-height: 20px
        }

            .order-list-box .order-list li.first {
                padding-left: 0;
                border-left: 0
            }

            .order-list-box .order-list li a, .order-list-box .type-list .type-list-inner a {
                color: #424242;
                transition: color .2s
            }

    .order-list-box .type-list {
        float: right;
        height: 20px;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

.card-1 .card__avatar, .dropdown .dropdown__content h5:not(:last-child), .tweets-feed-1 .user {
    margin-bottom: .92857143em
}

.order-list-box .type-list .type-list-inner {
    display: inline-block;
    line-height: inherit;
    float: left;
    margin-left: 30px;
    font-weight: 400
}

    .order-list-box .type-list .type-list-inner .checkbox {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 1px solid #e0e0e0;
        background-color: #fff;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
        margin: -5px 5px 0 10px;
        vertical-align: middle
    }

        .order-list-box .type-list .type-list-inner .checkbox i {
            visibility: hidden
        }

        .order-list-box .type-list .type-list-inner .checkbox input[type=checkbox], .order-list-box .type-list .type-list-inner .checkbox-inline input[type=checkbox] {
            position: absolute;
            margin-left: -20px;
            font-size: 0px;
            border: none
        }

.dropdown .dropdown__content .background-image-holder, .dropdown .dropdown__content > .pos-absolute[class*=col-][data-overlay]:before {
    border-radius: 6px 0 0 6px
}
/*! -- Pixxett Nav Sidebar Column -- */ /*! -- Pixxett Nav Fullscreen -- */

.menu-fullscreen:before {
    background: rgba(0,0,0,.9)
}

.menu-fullscreen .modal-content .modal-close-cross {
    right: 3.71428571em;
    top: 1em
}

@media all and (max-width:767px) {
    [data-grid]:not(.masonry) li {
        width: 33.333333%
    }

    [data-grid="2"]:not(.masonry) li {
        width: 50%
    }

    [data-grid].masonry {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .dropdown .dropdown__container {
        min-width: 100%;
        position: relative;
        display: none
    }

    .dropdown .dropdown__content {
        padding: 1.85714286em;
        left: 0 !important
    }

    .bar__module .btn, .btn-group .btn, .dropdown.dropdown--active > .dropdown__container, .list-inline:not(.social-list):not(.list-inline--images), .side-menu .side-menu__module .float-left, .side-menu .side-menu__module .float-right {
        display: block
    }

    .dropdown--hover:hover > .dropdown__container, body.dropdowns--hover .dropdown:hover > .dropdown__container {
        display: block !important
    }

    .dropdown.dropdown--absolute .dropdown__container {
        position: absolute
    }

    .boxed, .boxed.boxed--lg {
        padding: 1.23809524em
    }

        .boxed, .boxed:last-child {
            margin-bottom: 15px
        }

            .boxed div[class*=col-]:not(.boxed) {
                padding: 0
            }

    section.slider[class*=height-] .slides .flickity-slider > li {
        height: auto;
        padding: 7.42857143em 0
    }

    section.slider.space--lg .slides .flickity-slider > li, section.slider.space--xlg .slides .flickity-slider > li {
        padding: 11.14285714em 0
    }

    .modal-container .modal-content {
        width: 97% !important;
        height: auto !important;
        padding-top: 2em;
        padding-bottom: 2em
    }

    .notification[class*=col-] {
        min-width: 0
    }

    iframe {
        min-height: 220px
    }

    .video-play-icon {
        width: 4.95238095em;
        height: 4.95238095em
    }

    div[class*=col-] .video-cover iframe {
        min-height: 220px !important
    }

    .imageblock[class*=space-] {
        padding-bottom: 0;
        padding-top: 0
    }

    .imageblock .imageblock__content {
        position: relative;
        min-height: 18.57142857em
    }

    .imageblock.imageblock--lg > .container, .imageblock.imageblock--lg > div[class*=col-]:not(.imageblock__content), .imageblock > .container, .imageblock > div[class*=col-]:not(.imageblock__content) {
        padding-top: 5.57142857em;
        padding-bottom: 5.57142857em;
        float: none;
        overflow: hidden
    }

    .bar.bar--mobile-sticky[data-scroll-class*=fixed].pos-fixed {
        position: fixed;
        width: 100%;
        background: #fff;
        z-index: 999
    }

    .bar.bar--mobile-sticky[data-scroll-class*=fixed] + .bar.pos-fixed {
        top: 3.71428571em;
        position: fixed;
        width: 100%;
        background: #fff;
        z-index: 999
    }

    .bar__module, .bar__module .btn:not(:last-child) {
        margin-bottom: .92857143em
    }

        .bar__module + .bar__module {
            margin-top: 1.85714286em
        }

        .bar__module .btn + .btn {
            margin-left: 0 !important
        }

    .bar + nav.bar {
        padding-top: 0
    }

    .page-navigator {
        right: 0
    }

        .page-navigator ul {
            border-radius: 1.85714286em 0 0 1.85714286em;
            padding: 1.85714286em .92857143em
        }

    .text-left-xs {
        text-align: left
    }

    footer, footer.space--lg, footer.space--md, section, section.section--even, section.section--even.space--lg, section.section--even.space--md, section.space--lg, section.space--md {
        padding: 5.57142857em 0
    }

        footer.space--xlg, section.section--even.space--xlg, section.space--xlg {
            padding: 8.35714286em 0
        }

    .imageblock.border--round .background-image-holder {
        border-radius: 6px 6px 0 0
    }

    .block--xs, .dropdown [class*=col-] + [class*=col-] {
        margin-top: .92857143em
    }

    .bar-4 .logo-dark, .btn:not(:last-child), .list-inline--images li:not(:last-child) {
        margin-bottom: 1.85714286em
    }

    .list-inline:not(.social-list):not(.list-inline--images) li {
        display: block;
        margin: 0
    }

        .list-inline:not(.social-list):not(.list-inline--images) li:not(:last-child) {
            margin-bottom: .46428571em
        }

    .list-inline {
        min-width: 100%
    }

    .gallery-1 .gallery__image {
        max-height: 300px;
        margin-bottom: 15px
    }

        .gallery-1 .gallery__image:not(:last-child) {
            margin-bottom: 15px
        }

    .bar-4 .logo-light {
        display: none
    }

    .side-menu {
        width: 100%
    }

    .menu-fullscreen .pos-bottom {
        position: relative
    }

    .dropdown .dropdown__content:not([class*=bg-]) {
        border: none;
        box-shadow: none
    }
}
/*! -- Pixxett Dropdowns -- */

.dropdown > .dropdown__trigger:after {
    font-family: stack-interface;
    display: inline-block;
    font-size: 8px;
    position: relative;
    bottom: 2px
}

.dropdown .dropdown__content {
    border-radius: 6px;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.08);
    -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.08);
    padding: 1.23809524em 1.85714286em
}

    .dropdown .dropdown__content > .pos-absolute[class*=col-] {
        left: 0;
        top: 0;
        height: 100%;
        position: absolute !important
    }

.menu-horizontal > .dropdown > .dropdown__trigger:after {
    content: '\e80a';
    margin-left: 4px
}

.menu-vertical > .dropdown > .dropdown__trigger {
    display: inline-block;
    width: 100%
}

.bg--dark .input-checkbox + span, .feature-7[data-overlay]:hover:before, .instafeed a:hover, .menu-vertical li:not(:hover):not(.dropdown--active) {
    opacity: .75
}

.menu-vertical li:not(:last-child) {
    margin-bottom: .30952381em
}

.menu-vertical li.dropdown:after {
    content: '\e80c';
    font-family: stack-interface;
    right: 0;
    top: 0;
    position: absolute;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    display: inline-block;
    transform: translate3d(-10px,0,0);
    -webkit-transform: translate3d(-10px,0,0)
}

.menu-vertical li.dropdown:hover:after {
    transform: translate3d(-5px,0,0);
    -webkit-transform: translate3d(-5px,0,0)
}

.menu-vertical li.separate {
    border-top: 1px solid #e6e6e6;
    margin-top: .92857143em;
    padding-top: .92857143em
}

    .menu-vertical li.separate.dropdown:after {
        top: .92857143em
    }
/*! -- Pixxett Twitter Feeds -- */

.tweets-feed .interact, .tweets-feed-1 .user [data-scribe="element:name"], .tweets-feed-1 .user [data-scribe="element:screen_name"], .tweets-feed-2 .timePosted, .tweets-feed-2 .user, .tweets-feed.slider .user [data-scribe="element:name"] {
    display: none
}

.tweets-feed .user img {
    border-radius: 50%
}

.tweets-feed-1 {
    border-radius: 6px;
    border: 1px solid #ececec;
    overflow: hidden
}

    .tweets-feed-1 li {
        overflow: hidden;
        padding: 1.85714286em 1.85714286em 0
    }

    .tweets-feed-1 .user {
        width: 20%;
        float: left
    }

        .tweets-feed-1 .user img {
            max-height: 3.71428571em
        }

    .process-3 li .process__body, .tweets-feed-1 .timePosted, .tweets-feed-1 .tweet {
        width: 80%;
        float: right
    }

    .cover .h3 + form, .cover h3 + form, .feature-large-13 div[class*=col-] .text-block + .text-block, .h2 + form, .h3 + form, .instafeed + .btn, .lead + form, .product .label + img, .tweets-feed-1:not(:last-child) + .btn, .tweets-feed.slider:not(:last-child) + .btn, article .article__body p + h5, article .article__body ul + h5, h2 + form, h3 + form {
        margin-top: 2.78571429em
    }

.feature i.icon--lg + h4, .tweets-feed.slider .tweet {
    margin-top: 1.36842105263158em
}

.bg--dark .tweets-feed-1, .bg--dark .tweets-feed-1 li:not(:last-child), .imagebg .tweets-feed-1, .imagebg .tweets-feed-1 li:not(:last-child) {
    border-color: rgba(255,255,255,.1)
}

.tweets-feed-2 li:before {
    font-family: socicon;
    content: "\e040"
}

.comment .comment__body, .tweets-feed-2 li .tweet {
    width: 85%;
    float: right
}

.tweets-feed.slider .user img {
    display: inline-block;
    clear: both;
    margin-bottom: .92857143em
}

.tweets-feed.slider .user [data-scribe="element:screen_name"] {
    display: block;
    font-size: 1.35714286em;
    line-height: 1.68421053em;
    font-weight: 400
}

.tweets-feed.slider .tweet {
    margin-bottom: .68421052631579em;
    font-size: 1.35714286em;
    line-height: 1.68421053em
}
/*! -- Pixxett Instagram -- */

.instafeed:not(.instafeed--gapless) li {
    padding: .46428571em
}

.instafeed.instafeed--gapless li {
    margin-bottom: -1px
}

.instafeed[data-grid="1"][data-amount="8"] li {
    display: inline-block;
    width: 12.5%
}

.instagram.unpad .btn {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
    margin: 0
}
/*! -- Pixxett Cards -- */

.card__action a {
    color: #666;
    text-decoration: none;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

    .card__action a i {
        color: #252525;
        font-size: 1em
    }

    .card__action a span {
        position: relative;
        bottom: 2px
    }

    .card__action a:not(:hover), .flickity-prev-next-button:not(:hover), .picker button:not(:hover), .tabs li:not(.active) {
        opacity: .5
    }

.card-1 .card__avatar img {
    max-height: 2.78571429em;
    margin-right: .46428571em;
    margin-bottom: 0
}

.accordion li.active, .card-1 .card__body, .card-1 .card__body img, .feature-5 p:last-of-type, .input-select:not(:last-child), form > .row > div[class*=col-]:not(:last-child), form > div[class*=col-]:not(:last-child) {
    margin-bottom: .92857143em
}

.card-1 .card__avatar, .card-1 .card__meta, .icon:not(.block) {
    display: inline-block
}

.card-1 .card__meta {
    float: right
}

.card-1 .card__body {
    border-bottom: 1px solid #ececec;
    padding-bottom: .92857143em
}

    .card-1 .card__body h4, .feature h4 {
        margin-bottom: .342105263157895em
    }

.bg--dark .card-1 .card__body {
    border-color: #3f3f3f
}

.card-2 .card__top img {
    border-radius: 6px 6px 0 0
}

.card-2 .card__bottom > div {
    display: inline-block;
    width: 50%;
    float: left
}

.card-2 .card__bottom .h6 {
    margin-bottom: .541666666666667em
}

.card-2 .card__body, .card-2 .card__bottom {
    padding: 1.85714286em;
    border: 1px solid #ececec
}

.card-2 .card__bottom, .tabs li {
    padding: .92857143em 1.85714286em
}

/*.checkmark, .tooltip {
    width: 1.23809524em;
    height: 1.23809524em;
    border-radius: 50%;
    text-align: center;
    position: relative;
    display: inline-block
}*/

.card-2 .card__body {
    border-bottom: 1px solid #ececec;
    border-bottom: none;
    border-top: none
}

.card-2 .card__bottom {
    overflow: hidden;
    border-radius: 0 0 6px 6px
}

.card-2 .card__action i {
    font-size: 1.78571429em
}

.input-checkbox + span, label {
    font-size: .85714286em
}

.bg--dark .boxed:not([class*=bg-]).boxed--border, .bg--dark .card-2 .card__body, .bg--dark .card-2 .card__bottom, .imagebg:not(.image--light) .boxed:not([class*=bg-]).boxed--border, .pricing-section-2.bg--dark .pricing, .pricing-section-2.bg--dark .pricing .pricing__head, .pricing-section-2.bg--dark .pricing ul li:not(:last-child), .pricing-section-2.bg--dark div[class*=col-]:last-child .pricing {
    border-color: #3f3f3f
}
/*! -- Pixxett Checkmarks & Crosses -- */

/*.checkmark:not([class*=bg-]), .process-stepper > li.active:after, .process-stepper > li.active:before, button[type=submit].btn--loading:after, input[type=submit][type=submit].btn--loading:after {
    background: #4a90e2
}

.checkmark:before {
    content: '\2713';
    color: #fff;
    font-size: 11px;
    position: absolute;
    width: 100%;
    left: 0;
    top: -4px
}

.checkmark.checkmark--cross:before {
    content: '\2717'
}

.checkmark:not(:last-child) {
    margin-right: 13px
}*/
/*! -- Pixxett Icons -- */

.icon.icon--xs {
    font-size: 1.14285714285714em
}

.text-block .icon--lg + h4 {
    margin-top: .6842105263158em
}

p .material-icons:first-child {
    margin-right: .30952381em
}
/*! -- Pixxett Tooltips -- */

.tooltip {
    top: 3px;
    background: #252525;
    cursor: pointer
}

    .tooltip .tooltip__anchor {
        color: #fff;
        font-weight: 700;
        font-size: 11px;
        position: absolute;
        top: -5px;
        left: 6px
    }

    .tooltip .tooltip__text {
        -webkit-transition: .2s;
        -moz-transition: .2s;
        text-align: left;
        z-index: 10;
        position: absolute;
        width: 280px;
        background: #fafafa;
        border: 1px solid #ececec;
        padding: .61904762em;
        left: 1.48571429em;
        top: -.92857143em;
        opacity: 0;
        pointer-events: none;
        cursor: default;
        box-shadow: 0 0 25px 0 rgba(0,0,0,.04);
        line-height: 20px
    }

[data-tooltip] {
    position: relative;
    overflow: visible
}

    [data-tooltip]:after {
        transition: .2s;
        content: attr(data-tooltip);
        position: absolute;
        top: -24px;
        left: 50%;
        transform: translateX(-50%);
        background: #252525;
        color: #fff;
        border: 1px solid #e7e7e7;
        padding: 2px 12px;
        pointer-events: none;
        white-space: nowrap;
        font-size: 11px;
        line-height: 18px;
        font-weight: 600;
        border-radius: 2px;
        z-index: 2;
        font-family: 'Open Sans'
    }

.bg--dark .boxed[class*=bg-].boxed--border, .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none).boxed--border, .imagebg:not(.image--light) .boxed[class*=bg-].boxed--border, iframe[src*='google.com/maps'] {
    border: none
}
/*! -- Pixxett Boxes -- */

.bg--dark .boxed:not([class*=bg-]), .imagebg:not(.image--light) .boxed:not([class*=bg-]) {
    background: 0 0;
    color: #fff
}

.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) {
    background: rgba(20,20,20,.3)
}

    .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) .boxed, .notification:not([class*=bg--]) {
        background: 0 0
    }
/*! -- Pixxett Features Small -- */

.feature:not(.boxed) {
    margin-bottom: 60px
}

.feature.feature--featured:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #4a90e2;
    left: 0
}

.feature h4 + p {
    max-width: 22.28571429em
}

.feature i + h4 {
    margin-top: .68421052631579em
}

.feature img + .boxed {
    border-radius: 0 0 6px 6px;
    border-top: none
}

.pricing:hover, a.block:hover > .feature {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 0 25px 0 rgba(0,0,0,.04)
}

.feature-1 {
    min-height: 11.14285714em
}

    .feature-1 p.lead {
        min-height: 5.05263157894737em
    }

    .feature-1[class*=box-shadow] {
        border-radius: 6px;
        transition: .35s ease-out;
        -webkit-transition: .35s ease-out;
        -moz-transition: .35s ease-out
    }

        .feature-1[class*=box-shadow]:hover, .hover-shadow:hover {
            transform: translate3d(0,-10px,0);
            -webkit-transform: translate3d(0,-10px,0);
            box-shadow: 0 23px 40px rgba(0,0,0,.2)
        }

.hover-shadow {
    border-radius: 6px;
    backface-visibility: hidden;
    overflow: hidden;
    border: 1px solid #ececec;
    transition: .35s ease-out;
    -webkit-transition: .35s ease-out;
    -moz-transition: .35s ease-out
}

.bg--dark .hover-shadow {
    border-color: #222
}

    .bg--dark .hover-shadow:hover {
        box-shadow: 0 23px 40px #000
    }

.feature-2 .feature__body, .feature-5 .feature__body {
    width: 75%;
    float: right
}

.feature-2 i, .feature-5 i {
    width: 25%;
    float: left
}

.feature-3 i {
    margin-bottom: .16666666666667em
}

.feature-3 p {
    min-height: 7.42857143em
}

.feature-4 .btn {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0;
    padding: .92857143em
}

    .feature-4 .btn:hover {
        transform: none
    }

.feature-4 p, .feature-6 p {
    min-height: 9.28571429em
}

.feature-5 p, .feature-8 p, .pricing .feature-6 p, .pricing-1 p {
    min-height: 5.57142857em
}

.feature-7 {
    height: 13em;
    margin-bottom: 30px
}

    .feature-7[data-overlay]:before {
        border-radius: 6px;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s
    }

.row--gapless .feature-7 {
    margin: 0;
    border-radius: 0
}

    .row--gapless .feature-7 .background-image-holder, .row--gapless .feature-7:before {
        border-radius: 0
    }

.feature-8 {
    padding: 2.78571429em 0 3.71428571em
}

    .feature-8 .feature__body {
        max-width: 70%;
        margin: 0 auto
    }

    .feature-8 img {
        max-height: 14.85714286em
    }

.article__author img, .comment .comment__avatar img {
    max-height: 3.71428571em
}
/*! -- Pixxett Features Large -- */

.feature-large h4:first-child {
    margin-bottom: .68421052631579em
}

.cover .lead + .boxed, .cover .lead + form, .cover .triptych, .feature-large .lead + .feature-large__group, .feature-large-13 p.lead + .text-block, .masonry-filter-holder + .masonry__container {
    margin-top: 3.71428571em
}

.feature-large-1 .lead {
    margin-bottom: 2.73684210526316em
}
/*! -- Pixxett Accordions -- */

.accordion .accordion__title {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    opacity: .5;
    margin-bottom: .92857143em
}

    .accordion .accordion__title:hover, .accordion li.active .accordion__title, .tabs li.active {
        opacity: 1
    }

    .accordion .accordion__title:before {
        font-family: stack-interface;
        content: '\e80d';
        margin-right: 6px;
        color: #252525
    }

    .accordion .accordion__title span, .modal-instance:not(.block) {
        display: inline-block
    }

.accordion li.active .accordion__title:before {
    content: '\e80a'
}

.accordion li.active .accordion__content {
    animation: .5s forwards fadeUp;
    -webkit-animation: .5s forwards fadeUp
}

.accordion-1 li.active .accordion__title, .input-checkbox .inner:hover {
    border-color: #4a90e2
}

    .accordion-1 li.active .accordion__title span, .accordion-1 li.active .accordion__title:before {
        color: #fff
    }

.accordion-1 li .accordion__title {
    border-radius: 6px;
    border-bottom: 1px solid #ececec
}

.accordion-2 li .accordion__title {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #ececec;
    padding-left: 0
}

.accordion-2 li.active .accordion__title {
    background: 0 0;
    border-bottom: 1px solid transparent
}

.bg--dark .accordion-1 li .accordion__title, .bg--dark .accordion-2 li .accordion__title, .imagebg:not(.image--light) .accordion-1 li .accordion__title, .imagebg:not(.image--light) .accordion-2 li .accordion__title {
    border-color: #4b4b4b
}

    .bg--dark .accordion-1 li .accordion__title:before, .bg--dark .accordion-2 li .accordion__title:before, .bg--dark label, .imagebg:not(.image--light) .accordion-1 li .accordion__title:before, .imagebg:not(.image--light) .accordion-2 li .accordion__title:before, .imagebg:not(.image--light) label, .modal-container .modal-content .imagebg:not(.image--light) .modal-close-cross:before {
        color: #fff
    }
/*! -- Pixxett Tabs -- */

.tabs-container.tabs--vertical .tabs {
    width: 25%;
    float: left
}

    .modal-instance.block > .btn, .tabs-container.tabs--vertical .tabs li {
        display: block
    }

        .tabs-container.tabs--vertical .tabs li:not(:last-child) {
            border-right: none;
            border-bottom: 1px solid #ececec
        }

.tabs-container.tabs--vertical .tabs-content {
    width: 70%;
    float: right;
    margin-top: 0
}

    .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
        animation: .5s forwards fadeOutUp;
        -webkit-animation: .5s forwards fadeOutUp
    }

    .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
        animation: .5s forwards fadeInUp;
        -webkit-animation: .5s forwards fadeInUp;
        backface-visibility: hidden
    }

.tabs-container.tabs--vertical.tabs--icons .tabs {
    width: 15%;
    text-align: center
}

.tabs-container.tabs--vertical.tabs--icons .tabs-content {
    width: 80%
}

.tabs {
    display: inline-block;
    border: 1px solid #ececec;
    border-radius: 6px;
    margin-bottom: 1.85714286em
}

    .tabs li {
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s
    }

        .tabs li:not(:last-child) {
            border-right: 1px solid #ececec
        }

        .tabs li:hover {
            opacity: 1;
            cursor: pointer
        }

    .tabs .tab__title:not(.btn) {
        padding-right: 0;
        padding-left: 0
    }

    .tabs .tab__title i + span {
        margin-top: .46428571em;
        display: inline-block;
        margin-bottom: 0
    }

.tabs-content > li:not(.active) .tab__content {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    opacity: 0;
    pointer-events: none;
    animation: .5s forwards fadeOutRight;
    -webkit-animation: .5s forwards fadeOutRight
}

.tabs-content > li.active {
    animation: .5s forwards fadeInLeft;
    -webkit-animation: .5s forwards fadeInLeft;
    backface-visibility: hidden
}
/*! -- Pixxett Switchable Sections -- */

.switchable [class*=col-]:first-child .switchable__text {
    margin-bottom: 2.78571429em
}

.section--overlap .row {
    position: relative;
    margin-top: -13em
}
/*! -- Pixxett CTA -- */

@media all and (min-width:1200px) {
    .feature-large-13:not(.text-center) .text-block p {
        max-width: 26em
    }

    .cta-1.boxed--border {
        padding: 0
    }

    .cta-1 > div[class*=col-] {
        padding: 1.23809524em 15px
    }

        .cta-1 > div[class*=col-]:last-child {
            border-left: 1px solid #ececec
        }

    .product .btn--cart {
        position: absolute;
        right: 1.85714286em;
        bottom: 1.85714286em
    }
}

.cta-2 h2 {
    margin: 1.57575757575758em 0
}

.cta-2.bg--primary:hover {
    background: #5798e4
}
/*! -- Pixxett Videos -- */

.video-play-icon:before {
    border-color: transparent transparent transparent #252525;
    margin-top: -3px
}

.modal-instance .video-play-icon + span {
    position: relative;
    display: inline-block;
    margin-left: .92857143em;
    white-space: nowrap;
    bottom: 22px
}

.modal-instance .video-play-icon.video-play-icon--xs + span {
    bottom: 8px;
    margin-left: .46428571em
}

.video-cover.border--round iframe {
    border-radius: 6px
}

.video-cover + span.h4 + span {
    display: inline-block;
    margin-left: .92857143em
}

.video-cover .video-play-icon {
    transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out
}

    .video-cover .video-play-icon:hover {
        box-shadow: 0 23px 40px rgba(0,0,0,.2);
        transform: translate3d(-50%,-52%,0);
        -webkit-transform: translate3d(-50%,-52%,0)
    }
/*! -- Pixxett Modals -- */

.modal-container .modal-content:not(.height--natural) {
    height: auto;
    width: auto
}

.modal-container .modal-content {
    max-height: 95%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%)
}

.modal-content {
    -ms-overflow-style: none
}

    .modal-content::-webkit-scrollbar {
        display: none
    }
/*! -- Pixxett Notifications -- */

.notification {
    margin: 1.85714286em;
    box-shadow: none
}

.search-box {
    width: 100%;
    margin: 0;
    padding: 1.85714286em;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 0 25px 0 rgba(0,0,0,.04)
}

    .search-box.notification--reveal {
        z-index: 9999
    }

    .search-box .notification-close-cross {
        top: 2.32142857em;
        right: 1.85714286em
    }

.notification-close-cross.notification-close-cross--circle {
    background: #222;
    width: 2em;
    height: 2em;
    text-align: center;
    border-radius: 50%;
    color: #fff
}
/*! -- Pixxett Loader -- */

.loader {
    border: 3px solid #4a90e2;
    border-radius: 30px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: 0;
    position: fixed;
    z-index: 10;
    top: 50%;
    width: 30px;
    animation: .7s ease-out infinite pulsate
}

    .loader.loader--fade {
        opacity: 0;
        animation: none
    }

@keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}
/*! -- Pixxett Lightboxes -- */

.lb-close {
    position: relative;
    top: 10px
}

    .lb-close:before {
        content: '\00D7';
        color: #fff;
        font-size: 2.5em;
        font-weight: 400
    }

.lb-prev:after, .slider.slider--inline-arrows .flickity-prev-next-button.previous:before {
    content: '\e801'
}

.lb-next:after, .lb-prev:after {
    font-family: stack-interface;
    position: fixed
}

.lb-prev:after {
    left: 1.85714286em
}

.lb-next:after {
    content: '\e802';
    right: 1.85714286em
}

.lb-data {
    overflow: hidden;
    min-height: 30px
}

a[data-lightbox]:hover {
    opacity: .8;
    cursor: zoom-in
}
/*! -- Pixxett Covers -- */

.cover .modal-instance.block:not(:first-child):not(:last-child) {
    margin: 2.78571429em 0
}

@media all and (max-width:990px) {
    .pos-vertical-align-columns {
        display: block;
        width: auto
    }

        .pos-vertical-align-columns > div[class*=col-], body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container {
            display: block
        }

    .cta-1, .subscribe-form-2, .text-center-md {
        text-align: center
    }

    .text-left-md {
        text-align: left
    }

    .text-right-md {
        text-align: right
    }

    body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container:before {
        pointer-events: all
    }

    div[class*=col-][class*='-12']:not([class*=xs-12]) .video-cover iframe {
        min-height: 350px
    }

    div[class*=col-][class*='-6'] .video-cover iframe {
        min-height: 220px
    }

    .cta-1 > div[class*=col-]:last-child, .mt--1, .mt--2, .subscribe-form-2 form {
        margin-top: 1.85714286em
    }

    .mt--3 {
        margin-top: 2.78571429em
    }

    .bar-3 .menu-horizontal li {
        display: inline-block
    }

        .bar-3 .menu-horizontal li:not(:last-child) {
            margin-right: .92857143em
        }

    .menu-vertical .dropdown.dropdown--active:after {
        opacity: 0
    }

    .feature-2 .feature__body, .feature-2 i {
        width: 100%;
        float: none
    }

    .feature-2 p:first-of-type {
        margin-top: .92857143em
    }

    .feature-8 .feature__body {
        max-width: 85%
    }

    .cover .mt--3, .switchable .switchable__text {
        margin-top: 0
    }

    .cta-1 > div[class*=col-] {
        padding-left: 0;
        padding-right: 0
    }

        .cta-1 > div[class*=col-]:not(:last-child) {
            margin-bottom: .92857143em
        }
}

.cover-fullscreen {
    min-height: 100vh
}

    .cover-fullscreen.slider[data-paging=true] .slides .flickity-slider > li {
        height: 100vh
    }

    .cover-fullscreen.slider[data-paging=true] .pos-bottom {
        bottom: 5.57142857em;
        width: 100%
    }

.cover-slider .slider {
    position: relative;
    width: 100%;
    pointer-events: none
}

    .cover-slider .slider:first-child {
        transform: translateY(-30%)
    }

    .cover-slider .slider:nth-child(2) {
        transform: translateY(-25%)
    }

    .cover-slider .slider:nth-child(3) {
        transform: translateY(-20%)
    }

    .cover-slider .slider .slide {
        opacity: .05
    }

.cover-slider .slider-container {
    transform: rotateZ(-30deg) translateY(-10%);
    -webkit-transform: rotateZ(-30deg) translateY(-10%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.cover-features.space--lg {
    padding-bottom: 3.71428571em
}

.cover-features .row:nth-child(2) {
    margin-top: 11.14285714em
}
/*! -- Pixxett Processes -- */

.process-1 {
    padding: 3.71428571em 0;
    position: relative;
    overflow: hidden
}

    .process-1 .process__item, .process-stepper > li:first-child:after, .process-stepper > li:last-child:after, .process-stepper[data-process-steps="2"] > li, .wizard > .steps li:last-child a:after {
        width: 50%
    }

        .map-container:not(:last-child), .masonry-filter-container, .process-1 .process__item:not(:last-child), .radial:not(:last-child), .related-blog-list li:not(:last-child), .testimonial .testimonial__image, article .article__body .video-cover:not(:last-child), article .article__body iframe:not(:last-child), article .article__body img:not(:last-child), article .article__body > a:first-child > img {
            margin-bottom: 1.85714286em
        }

    .process-1:before {
        content: '';
        position: absolute;
        width: 2px;
        height: 100%;
        left: 50%;
        top: 0;
        background: #4a90e2
    }

.process__item:after {
    content: '';
    width: 1.85714286em;
    height: 1.85714286em;
    background: #fff;
    border: 2px solid #4a90e2;
    border-radius: 50%;
    position: absolute;
    top: 0;
    margin-left: 1px
}

@media all and (min-width:768px) {
    div[class*=col-] .text-block + .text-block, h2 + .video-cover {
        margin-top: 3.71428571em
    }

    .list-inline--images li:not(:last-child) {
        margin-right: 5.57142857em
    }

    .btn-group .btn {
        margin-bottom: 0 !important;
        margin-left: 0
    }

        .btn-group .btn + .btn {
            margin-left: 0
        }

        .btn-group .btn:not(:first-child):not(:last-child) {
            border-radius: 0
        }

        .btn-group .btn:first-child {
            border-radius: 6px 0 0 6px
        }

        .btn-group .btn:last-child {
            border-radius: 0 6px 6px 0
        }

            .btn-group .btn:first-child:nth-last-child(2), .btn-group .btn:last-child:nth-child(2) {
                width: 50%
            }

    .side-menu .side-menu__module span.type--fine-print {
        position: relative;
        top: 8px
    }

    .switchable .imagebg .boxed {
        padding-left: 5.57142857em
    }

    .boxed.boxed--emphasis {
        transform: scale(1.075);
        -webkit-transform: scale(1.075)
    }

    .row div[class*=col-]:first-child:nth-last-child(3) .feature, .row div[class*=col-]:nth-child(2):nth-last-child(2) .feature, .row div[class*=col-]:nth-child(3):last-child .feature {
        margin-bottom: 0
    }

    .staggered div[class*=col-]:nth-child(2):last-child {
        margin-top: 13em
    }

        .staggered div[class*=col-] .feature:not(:last-child), .staggered div[class*=col-]:nth-child(2):last-child:not(:last-child) {
            margin-bottom: 9.28571429em
        }

    .cover .row .row:last-child, .cta-3 .switchable__text, .feature-large-2 div[class*=col-]:first-child {
        margin-top: 5.57142857em
    }

    .cover .triptych, .feature-large-2 div[class*=col-]:last-child {
        margin-top: 7.42857143em
    }

    .tabs.tabs--spaced {
        margin-bottom: 3.71428571em
    }

    .cta--horizontal .btn, .cta--horizontal .lead, .cta--horizontal h4, form.form--horizontal > div[class*=col-] {
        margin: 0
    }

    .cta--horizontal .lead, .cta--horizontal h4 {
        position: relative;
        top: 4px
    }

    .bg--dark .cta-1 > div[class*=col-]:last-child, .imagebg .cta-1 > div[class*=col-]:last-child {
        border-left: none
    }

    .video-1 .video-play-icon {
        margin-right: 1.85714286em
    }

    .video-1 h2 {
        display: inline-block;
        position: relative;
        bottom: 14px
    }

    div[class*=col-sm-6] .video-1 h2 {
        bottom: 0;
        display: block
    }

    div[class*=col-sm-6] .video-1 .video-play-icon {
        margin-bottom: .46428571em
    }

    .modal-instance + span:last-child {
        display: inline-block;
        margin-left: .92857143em
    }

    .cover-slider + .cta-4 {
        position: absolute;
        background: 0 0;
        color: #fff;
        border-bottom: none !important;
        width: 100%;
        transform: translate3d(0,-100%,0);
        -webkit-transform: translate3d(0,-100%,0)
    }

        .cover-slider + .cta-4 a {
            color: #fff;
            font-weight: 600
        }

    .process-1 .process__item:nth-child(odd) {
        text-align: right;
        padding-right: 3.71428571em
    }

        .process-1 .process__item:nth-child(odd):after {
            right: -.92857143em
        }

    .process-1 .process__item:nth-child(2n) {
        margin-left: 50%;
        padding-left: 3.71428571em
    }

        .process-1 .process__item:nth-child(2n):after {
            left: -.92857143em
        }

    div[class*=col-] > form div[class*=col-]:last-child:nth-child(2) {
        padding-right: 0
    }

    div[class*=col-] > form div[class*=col-]:first-child:nth-last-child(2) {
        padding-left: 0
    }
}

@media all and (max-width:767px) {
    .dropdown__container {
        left: 0 !important
    }

    .card .list-inline:not(.social-list) li {
        display: inline-block
    }

        .card .list-inline:not(.social-list) li:not(:first-child) {
            margin-left: .92857143em
        }

    .feature .feature__body form .row {
        margin-left: 0;
        margin-right: 0
    }

    .feature-7 .pos-vertical-center {
        top: 50%;
        transform: translate3d(0,-50%,0);
        -webkit-transform: translate3d(0,-50%,0)
    }

    .feature p {
        min-height: inherit
    }

    .feature.boxed {
        margin-bottom: 15px
    }

    .feature:not(.boxed) {
        margin-bottom: 30px
    }

    .feature.feature-8 {
        margin-bottom: 0
    }

    .feature-large-2 img {
        margin: 1.85714286em 0
    }

    .tabs-container.tabs--vertical .tabs, .tabs-container.tabs--vertical .tabs-content {
        width: 100%;
        float: none
    }

    .tabs-container.tabs--vertical .tabs {
        margin-bottom: 1.85714286em
    }

    .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
        animation: .5s forwards fadeOutRight;
        -webkit-animation: .5s forwards fadeOutRight
    }

    .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
        animation: .5s forwards fadeInLeft;
        -webkit-animation: .5s forwards fadeInLeft;
        backface-visibility: hidden
    }

    .tabs li {
        display: block
    }

        .tabs li:not(:last-child) {
            border-bottom: 1px solid #ececec;
            border-right: none
        }

    .switchable .row > div[class*=col-]:last-child:not(:only-child), .switchable .switchable__text {
        margin-top: 1.85714286em
    }

    .switchable .imageblock__content[class*=col-], .switchable .row > div[class*=col-] {
        float: none !important
    }

    .cta .lead {
        margin: 1.36842105263158em 0
    }

    .modal-container .modal-content > .modal-close-cross {
        top: 3em;
        background: #222;
        width: 2em;
        height: 2em;
        text-align: center;
        border-radius: 50%;
        color: #fff
    }

    .cover .pos-bottom.pos-absolute {
        position: relative;
        margin-top: 1.85714286em
    }

    .cover-features.space--lg {
        padding-bottom: 1.85714286em
    }

    .cover-features .row:nth-child(2) {
        margin-top: 3.71428571em
    }

    .process-1:before, .process-2:before {
        left: .92857143em
    }

    .process-1 .process__item, .process-2 .process__item {
        width: 100%;
        padding-left: 3.71428571em
    }

        .process-1 .process__item:after, .process-2 .process__item:after {
            left: 0
        }
}

.bg--dark .process-1 .process__item:after, .bg--dark .process-1:before, .bg--dark .process-2 .process__item:after, .bg--dark .process-2:before, .imagebg .process-1 .process__item:after, .imagebg .process-1:before, .imagebg .process-2 .process__item:after, .imagebg .process-2:before {
    background: #fff
}

.bg--dark .process-1 .process__item:after, .bg--dark .process-2 .process__item:after {
    border-color: #252525
}

.process-2 .process__item {
    padding-top: 3.71428571em
}

    .process-2 .process__item:after {
        display: inline-block;
        text-align: center
    }

.process-2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    top: .92857143em;
    left: 0;
    background: #4a90e2
}

.process-3 {
    list-style: none;
    position: relative
}

    .process-3 li {
        position: relative;
        z-index: 1;
        overflow: hidden
    }

        .process-3 li .process__number {
            float: left;
            width: 3.71428571em;
            height: 3.71428571em;
            border-radius: 50%;
            border: 2px solid #4a90e2;
            background: #fff;
            text-align: center
        }

            .process-3 li .process__number span {
                font-size: 1.35714286em;
                font-weight: 700;
                color: #4a90e2;
                position: relative;
                top: 12px
            }

        .process-3 li .process__body h4 {
            margin-bottom: .342105263157895em
        }

    .process-3:before {
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        left: 1.85714286em;
        top: 0;
        border-left: 1px dashed #ddd
    }

.bg--dark .process-3 li .process__number, .flickity-prev-next-button:hover {
    background: #252525
}

.bg--dark .process-3:before {
    border-color: #aaa
}

.process-stepper > li {
    transition: .3s;
    display: inline-block;
    float: left;
    text-align: center;
    position: relative
}

    .process-stepper > li:before {
        transition: .3s;
        content: '';
        width: .92857143em;
        height: .92857143em;
        background: #ccc;
        border-radius: 50%;
        display: block;
        margin: 0 auto .92857143em
    }

    .process-stepper > li:after {
        transition: .3s;
        content: '';
        width: 100%;
        height: 2px;
        position: absolute;
        background: #ccc;
        top: 5px;
        left: 0
    }

    .process-stepper > li:first-child:after {
        left: 50%
    }

.process-stepper[data-process-steps="6"] > li {
    width: 16.666666666666667%
}

.process-stepper[data-process-steps="5"] > li {
    width: 20%
}

.process-stepper[data-process-steps="4"] > li {
    width: 25%
}

.process-stepper[data-process-steps="3"] > li {
    width: 33.33333333%
}

.bg--dark .process-stepper li:not(.active):after, .bg--dark .process-stepper li:not(.active):before {
    background: #585858
}
/*! -- Pixxett Typed Text -- */

span + .typed-text.h2 {
    margin-left: 4px
}

span + .typed-text.h1 {
    margin-left: 6px
}
/*! -- Pixxett Forms -- */

.bg--dark input, .bg--dark textarea, .form--inline > span.h4, .imagebg:not(.image--light) input, .imagebg:not(.image--light) textarea {
    color: #666
}

.bg--dark form.attempted-submit input.field-error {
    background: #d84d4d;
    color: #fff
}

form.form--clearfix {
    margin-left: -15px
}

form + span.type--fine-print {
    margin-top: 1.08333333333334em;
    display: inline-block
}

.cart-customer-details div[class*=col-], .input-checkbox, .picker, label + .inner, label + div[class*=input-], label + input, label + textarea {
    margin-top: .46428571em
}

.form--inline [class*=input-], .form--inline input {
    display: inline-block;
    max-width: 200px
}

.input-checkbox.input-checkbox--switch.checked .inner:after, .input-radio--innerlabel .inner {
    display: none
}

.form--inline button {
    max-width: 200px
}

.bg--dark .form--inline > span.h4, .bg--primary label, .bg--primary-1 label, .flickity-prev-next-button:before, .imagebg:not(.image--light) .form--inline > span.h4, button.btn.btn--primary, input[type=submit].btn.btn--primary {
    color: #fff
}

button.btn, input[type=submit].btn {
    font-size: .85714286em;
    font-weight: 700;
    padding-left: 0;
    padding-right: 0
}

    button.btn.type--uppercase, input[type=submit].btn.type--uppercase {
        letter-spacing: .5px;
        margin-right: -.5px
    }

button.checkmark.checkmark--cross, input[type=submit].checkmark.checkmark--cross {
    width: 1.85714286em;
    height: 1.85714286em;
    border: none;
    background: #e23636
}

    button.checkmark.checkmark--cross:before, input[type=submit].checkmark.checkmark--cross:before {
        content: '\00d7';
        font-size: 18px;
        top: -1px
    }

.bg--primary button.btn {
    border-color: rgba(255,255,255,.5);
    color: #fff
}

    .bg--primary button.btn:hover {
        border-color: #fff
    }

    .bg--primary button.btn.btn--primary {
        color: #4a90e2;
        border-color: #4a90e2
    }

    .bg--primary button.btn.btn--primary-1 {
        border-color: #31639c
    }

input, select {
    height: 2.78571429em
}

    input.field-error {
        border-color: #eba8a8
    }

    input[type]:focus, select:focus, textarea:focus {
        border-color: #76abe9
    }

    input[type=image] {
        border: none;
        padding: none;
        width: auto
    }

.input-checkbox .inner {
    background: 0 0;
    border: 1px solid #d3d3d3;
    text-align: center;
    position: relative
}

    .input-checkbox .inner:before {
        content: '';
        left: 0;
        border-radius: 6px;
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid #4a90e2;
        opacity: 0;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s
    }

.input-checkbox.checked .inner {
    border-color: #4a90e2;
    background: #4a90e2
}

    .input-checkbox.checked .inner:after {
        content: 'L';
        transform: rotateY(180deg) rotateZ(-45deg);
        color: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        top: -2px;
        font-weight: 700
    }

    .input-checkbox.checked .inner:before {
        animation: .45s forwards pulse;
        -webkit-animation: .45s forwards pulse
    }

.input-checkbox + span {
    display: inline-block;
    position: relative;
    bottom: 8px;
    white-space: nowrap
}

.bg--dark .input-checkbox:not(.checked) .inner {
    border-color: #a5a5a5
}

.input-checkbox.input-checkbox--switch .inner {
    width: 3.71428571em;
    border-radius: 60px
}

    .input-checkbox.input-checkbox--switch .inner:before {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border-color: #d3d3d3;
        opacity: 1;
        left: 2px;
        top: 2px
    }

.project-thumb.hover-element.hover--active:hover, .project-thumb:not(.hover-element) > a:hover, article.feature-1 a:hover img {
    opacity: .85
}

.input-checkbox.input-checkbox--switch .inner:hover:before, .input-radio .inner:hover {
    border-color: #4a90e2
}

.input-checkbox.input-checkbox--switch.checked .inner, .slider.slider--inline-arrows .flickity-prev-next-button {
    background: 0 0
}

    .input-checkbox.input-checkbox--switch.checked .inner:before {
        animation: none !important;
        background: #4a90e2;
        border-color: #4a90e2;
        transform: translateX(1.85714286em)
    }

.input-radio .inner {
    position: relative;
    background: 0 0;
    border: 1px solid #d3d3d3
}

    .input-radio .inner:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px solid #4a90e2;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        opacity: 0;
        left: 0
    }

.input-radio.checked .inner {
    border-color: #4a90e2;
    background-color: #4a90e2
}

    .input-radio.checked .inner:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        left: 7px;
        top: 7px;
        background-color: #fff;
        border-radius: 50%
    }

    .input-radio.checked .inner:before {
        animation: .4s forwards pulse
    }

.input-radio--innerlabel {
    transition: .3s;
    height: 2.78571429em;
    line-height: 2.50714286em;
    padding: 0 .92857143em;
    border: 1px solid #ececec;
    border-radius: 6px;
    cursor: pointer;
    width: 100%;
    text-align: center
}

    .input-radio--innerlabel label {
        pointer-events: none;
        font-weight: 600
    }

    .input-radio--innerlabel:hover, .input-select select:focus, .input-select:focus:after {
        border-color: #4a90e2
    }

    .input-radio--innerlabel.checked {
        border-color: #4a90e2;
        background: #4a90e2;
        color: #fff
    }

.bg--primary .input-radio--innerlabel {
    border-color: #76abe9
}

    .bg--primary .input-radio--innerlabel:hover {
        border-color: #fff
    }

    .bg--primary .input-radio--innerlabel.checked {
        background: #fff;
        border-color: #fff
    }

        .bg--primary .input-radio--innerlabel.checked label {
            color: #4a90e2
        }

.bg--primary-1 .input-radio--innerlabel {
    border-color: #3e7cc2
}

    .bg--primary-1 .input-radio--innerlabel:hover {
        border-color: #fff
    }

    .bg--primary-1 .input-radio--innerlabel.checked {
        background: #fff;
        border-color: #fff
    }

.input-number .input-number__controls .input-number__increase, .input-select:after {
    border-left: 1px solid #ececec;
    right: 0
}

.bg--primary-1 .input-radio--innerlabel.checked label {
    color: #31639c
}

.input-number .input-number__controls > span:hover, .picker .picker__day:hover {
    color: #4a90e2
}

.input-select select {
    -moz-appearance: none;
    -webkit-appearance: none
}

.input-select:after {
    position: absolute;
    height: 100%;
    top: 0;
    font-size: 30px;
    content: '\2263';
    pointer-events: none;
    padding: 0 13px;
    line-height: 31px
}

.input-number > input[type=number] {
    padding-left: .46428571em;
    width: 100%;
    text-align: center
}

    .input-number > input[type=number]::-webkit-inner-spin-button {
        display: none
    }

.input-number .input-number__controls {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    padding: 0 .92857143em
}

    .input-number .input-number__controls > span {
        position: absolute;
        display: block;
        width: 10%;
        min-width: 3.71428571em;
        height: 100%;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        text-align: center;
        padding-top: 6px;
        transition: .3s
    }

    .input-number .input-number__controls .input-number__decrease {
        left: 0;
        border-right: 1px solid #ececec
    }
/*! -- Pixxett Subscribe Forms -- */

.subscribe-form-1.boxed form {
    margin: 1.85714286em
}
/*! -- Pixxett Elaborate Forms -- */

.boxed-form h4 {
    margin-bottom: .684210526315789em
}

.picker {
    transition: .3s;
    z-index: 10;
    -webkit-transition: .3s;
    position: absolute;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 6px;
    padding: .92857143em;
    box-shadow: 0 23px 40px rgba(0,0,0,.2)
}

    .picker .picker__header {
        text-align: center;
        margin-bottom: .92857143em
    }

        .picker .picker__header > div {
            font-weight: 600;
            display: inline-block;
            color: #252525
        }

            .picker .picker__header > div:not(:last-child), .tag-cloud li:not(:last-child) {
                margin-right: .46428571em
            }

        .picker .picker__header .picker__nav--next, .picker .picker__header .picker__nav--prev {
            height: 10px;
            width: 10px;
            cursor: pointer
        }

            .picker .picker__header .picker__nav--next:after, .picker .picker__header .picker__nav--prev:after {
                font-family: stack-interface
            }

        .picker .picker__header .picker__nav--next {
            float: right
        }

            .picker .picker__header .picker__nav--next:after {
                content: '\e80c'
            }

        .footer-customer-relationship .introduction, .picker .picker__button--today, .picker .picker__header .picker__nav--prev {
            float: left
        }

            .picker .picker__header .picker__nav--prev:after {
                content: '\e80b'
            }

    .picker .picker__day {
        transition: .3s;
        cursor: pointer
    }

        .picker .picker__day.picker__day--highlighted {
            color: #4a90e2;
            font-weight: 600
        }

    .picker:not(.picker--opened) {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: scale(0)
    }

    .picker .picker__holder {
        outline: 0 !important;
        border: none !important
    }

.pricing-3 .pricing__head, .pricing-3 ul li:not(:last-child) {
    border-bottom: 1px solid #ececec;
    margin: 0
}

.picker table td {
    padding: 0 .46428571em .46428571em
}

.picker .picker__button--close {
    float: right
}

.picker button {
    transition: .3s;
    height: auto;
    border: none;
    display: inline-block
}
/*! -- Pixxett Sliders -- */

.flickity-prev-next-button {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    border-radius: 0;
    background: #252525;
    width: 2.78571429em;
    height: 5.57142857em
}

.slider.slider--inline-arrows .flickity-prev-next-button:before {
    font-size: 1.78571429em;
    color: #252525;
    content: '\e802'
}

.slider.slider--columns .previous {
    left: 15px
}

.slider.slider--columns .next {
    right: 15px
}

.project-thumb.border--round:before, .project-thumb.border--round > a, .slider.border--round .slides li {
    border-radius: 6px;
    overflow: hidden
}

.bg--dark .slider.slider--inline-arrows .flickity-prev-next-button:before, .bg--primary .slider.slider--inline-arrows .flickity-prev-next-button:before, .imagebg:not(.image--light) .slider.slider--inline-arrows .flickity-prev-next-button:before {
    color: #fff
}

.slider.slider--ken-burns:not(.parallax) .slide.is-selected > .background-image-holder, .slider.slider--ken-burns:not(.parallax) .slide.is-selected > img:only-child {
    animation: 15s infinite alternate kenBurns;
    -webkit-animation: 15s infinite alternate kenBurns
}

.radial {
    margin-left: auto;
    margin-right: auto
}

    .radial .radial__label {
        transition: opacity .3s;
        -webkit-transition: opacity .3s
    }

    .radial:not(.radial--active) .radial__label {
        opacity: 0
    }
/*! -- Pixxett Pricing -- */

.pricing {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    position: relative
}

    .pricing .label {
        top: 2.78571429em;
        right: 2.78571429em
    }

    .pricing ul li .checkmark + span {
        position: relative;
        bottom: 3px
    }

    .pricing .h1 {
        font-size: 4.21428571428571em;
        line-height: 1.10169491525424em;
        margin-bottom: .22033898305085em
    }

        .pricing .h1 .pricing__dollar {
            font-size: .51020408163265em;
            position: relative;
            bottom: 20px
        }

.pricing-1 .btn:last-child {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0 0 6px 6px;
    padding: .92857143em 0;
    margin: 0
}

    .pricing-1 .btn:last-child:hover {
        transform: none !important
    }

.pricing-1 p:last-of-type, .pricing-1 ul {
    margin-bottom: 5.57142857em
}

.pricing-3 {
    border: 1px solid #ececec;
    border-radius: 6px
}

    .pricing-3 .pricing__head + .btn {
        display: block;
        border-radius: 0;
        padding: .92857143em 0
    }

    .pricing-3 ul {
        border-radius: 0 0 6px 6px
    }

@media all and (min-width:990px) {
    .menu-horizontal, .menu-horizontal > li, .menu-vertical {
        display: inline-block
    }

        .menu-horizontal > li:not(:last-child) {
            margin-right: 1.85714286em
        }

        .menu-vertical li {
            white-space: nowrap
        }

        .bar__module:not(:only-child) .menu-horizontal, .menu-vertical .dropdown__container {
            top: 0
        }

            .menu-vertical .dropdown__container .dropdown__content:not([class*=bg-]) {
                background: #fff
            }

            .menu-vertical .dropdown__container .dropdown__content {
                transform: translateX(75%)
            }

        .menu-horizontal li:not(:last-child) {
            margin-right: 1.23809524em
        }

    .bar-toggle .col-md-1 .logo {
        top: 10px
    }

    .pricing-section-2 div[class*=col-] {
        padding: 0
    }

        .pricing-section-2 div[class*=col-]:not(:first-child):not(:last-child) .pricing__head {
            border-radius: 0
        }

        .pricing-section-2 div[class*=col-]:first-child .pricing {
            border-radius: 6px 0 0 6px
        }

            .pricing-section-2 div[class*=col-]:first-child .pricing .pricing__head {
                border-radius: 6px 0 0
            }

        .pricing-section-2 div[class*=col-]:last-child .pricing {
            border-radius: 0 6px 6px;
            border-right: 1px solid #ececec
        }

            .pricing-section-2 div[class*=col-]:last-child .pricing .pricing__head {
                border-radius: 0 6px 0 0
            }

    .pricing-section-2 .pricing {
        border: 1px solid #ececec;
        border-radius: 0 0 0 6px;
        border-right: none
    }

        .pricing-section-2 .pricing:hover {
            box-shadow: none
        }

        .pricing-section-2 .pricing ul {
            margin: 0
        }
}

.pricing-section-2.imagebg .pricing, .pricing-section-2.imagebg .pricing .pricing__head, .pricing-section-2.imagebg .pricing ul li:not(:last-child), .pricing-section-2.imagebg div[class*=col-]:last-child .pricing {
    border-color: rgba(255,255,255,.2)
}
/*! -- Pixxett Maps -- */

.map-container.border--round {
    overflow: hidden;
    z-index: 2
}

    .map-container.border--round .gm-style, .project-thumb.border--round .background-image-holder, .related-blog-list article img, article .article__body .video-cover, article .article__body iframe, article .article__body img {
        border-radius: 6px
    }
/*! -- Pixxett Testimonials -- */

@media all and (min-width:1025px) {
    .testimonial-1 .switchable__text {
        margin-top: 7.42857143em
    }
}

.testimonial-2 {
    float: none;
    width: 100%
}

    .testimonial-2 .testimonial__image img {
        max-height: 3.71428571em;
        float: left;
        margin-right: 1.85714286em
    }
/*! -- Pixxett Masonry -- */

.masonry__item:not(:empty) {
    margin-bottom: 30px;
    transform-style: preserve-3d
}

    .masonry__item:not(:empty) article, .masonry__item:not(:empty) article .boxed {
        margin: 0
    }

.masonry.masonry-demos .masonry__item:not(:empty), .sidebar .sidebar__widget:not(:last-child), article .article__title {
    margin-bottom: 3.71428571em
}

.masonry__item:empty {
    height: 0;
    min-height: 0
}

.masonry hr + .masonry__container, .masonry hr + .row {
    margin-top: 4.64285714em
}

.masonry-filter-holder:not(.masonry-filters--horizontal) {
    display: inline-block;
    cursor: pointer;
    height: 3.71428571em;
    position: relative;
    z-index: 9;
    min-width: 143px
}

    .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters {
        cursor: pointer;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        z-index: 2;
        display: inline-block;
        position: absolute;
        left: 0;
        text-align: left;
        padding: .92857143em 1.85714286em;
        border: 1px solid #ececec;
        background: #fff;
        border-radius: 6px
    }

        .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul {
            margin: 0;
            cursor: pointer
        }

            .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li {
                transition: .3s;
                -webkit-transition: .3s;
                -moz-transition: .3s;
                display: block;
                color: #666;
                white-space: nowrap
            }

                .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:hover, .masonry-filters--horizontal .masonry__filters ul li.active {
                    color: #4a90e2
                }

                .col-md-4 .project-thumb > a:not(.imagebg), .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:not(:last-child), .product, .sidebar .sidebar__widget > h5:first-child {
                    margin-bottom: .92857143em
                }

                .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active {
                    color: #4a90e2;
                    cursor: pointer
                }

                    .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active:after {
                        content: '\25bc';
                        font-size: 8px;
                        margin-left: 6px;
                        position: relative;
                        bottom: 2px;
                        display: inline-block;
                        transform: scaleX(1.4) scaleY(.9);
                        transition: .2s linear;
                        -webkit-transition: .2s linear;
                        -moz-transition: .2s linear
                    }

            .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul:hover li.active:after {
                opacity: 0
            }

    .masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul {
        max-height: 1.85714286em;
        overflow: hidden
    }

        .footer-customer-relationship .customer-email .sub-prompt span, .masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul li:not(.active) {
            display: none
        }

    .masonry-filter-holder:not(.masonry-filters--horizontal):hover .masonry__filters {
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
        box-shadow: 0 0 25px 0 rgba(0,0,0,.04)
    }

        .masonry-filter-holder:not(.masonry-filters--horizontal):hover .masonry__filters ul li.active {
            cursor: default
        }

.masonry-filters--horizontal {
    display: inline-block
}

.col-md-3 .product--tile h5, .pagination, .project-thumb > a, article .article__title > a {
    display: block
}

.masonry-filters--horizontal .masonry__filters {
    display: inline-block;
    position: relative;
    bottom: 20px;
    margin-left: .92857143em
}

    .masonry-filters--horizontal .masonry__filters ul li {
        transition: .3s;
        cursor: pointer;
        display: inline-block
    }

        .masonry-filters--horizontal .masonry__filters ul li:not(:last-child) {
            margin-right: 1.85714286em
        }

        .masonry-filters--horizontal .masonry__filters ul li:not(.active) {
            opacity: .5
        }

        .masonry-filters--horizontal .masonry__filters ul li:hover, .wizard.active {
            opacity: 1
        }

.bg--dark .masonry-filter-holder .masonry__filters {
    background: #2a2a2a;
    border-color: #3f3f3f
}

.bg--secondary .comments__list li:nth-child(2n), .wizard.bg--white > .content {
    background: #fff
}

.bg--dark .masonry-filter-holder .masonry__filters li, .footer-bottom .site-switch a:hover, .footer-nav dd a:hover {
    color: #fff
}
/*! -- Pixxett Blog -- */

article .article__title {
    margin-top: 50px
}

    article .article__title > a:hover {
        text-decoration: none;
        opacity: .75
    }

    article .article__title h1 {
        margin-bottom: .29545454545455em
    }

article .article__body p, article .article__body ul {
    font-size: 15px;
    line-height: 1.68421053em;
    font-weight: 400;
    color: grey
}

article .article__body blockquote:not(:last-child) {
    margin-top: 2.08em;
    margin-bottom: 2.08em
}

article .article__share {
    margin-top: 5.57142857em
}

article.imagebg {
    padding: 1.85714286em;
    overflow: hidden
}

    article.imagebg .article__title {
        margin: 0;
        position: absolute;
        bottom: 0;
        z-index: 2;
        max-width: 90%
    }

        .comment .comment__meta, article.imagebg .article__title span {
            font-size: .85714286em
        }

    article.imagebg .label {
        z-index: 2;
        top: 1.85714286em;
        right: 1.85714286em
    }

article.feature-1 h5 {
    min-height: 3.71428571em
}

section.unpad > article .imagebg + div {
    padding: 5.57142857em 0
}

.article__author {
    padding-bottom: 1.85714286em
}

    .article__author img {
        margin-bottom: .46428571em
    }

.slides--gapless article.imagebg {
    height: 27.85714286em
}

.masonry-blog-magazine .masonry__promo, .masonry-blog-magazine article {
    height: 338px
}

.masonry-blog-magazine .height--tall {
    height: calc(706px)
}

@media all and (min-width:991px) {
    .dropdown .dropdown__container:before {
        height: .92857143em;
        width: 100%;
        content: '';
        display: block
    }

    .dropdown .dropdown__content.dropdown__content--md {
        padding: 2.78571429em
    }

    .dropdown .dropdown__content.dropdown__content--lg {
        padding: 3.71428571em
    }

    .dropdown .dropdown__content.dropdown__content--xlg {
        padding: 4.64285714em
    }

    .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*=primary]) .btn__text, .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > a, .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > span {
        color: #fff
    }

    .bar__module:not(:only-child) {
        display: inline-block
    }

    .bar__module:not(:last-child) {
        margin-right: .92857143em
    }

    .bar--transparent:not(.bar--dark) {
        background: 0 0
    }

        .bar--transparent:not(.bar--dark) .logo-dark {
            display: none
        }

        .bar--transparent:not(.bar--dark) .logo-light, .bar.pos-fixed:not([class*=bg-]) .logo-dark {
            display: inline-block
        }

        .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*=primary]) {
            border-color: rgba(255,255,255,.3)
        }

            .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*=primary]):hover {
                border-color: rgba(255,255,255,.7)
            }

    .bar--absolute {
        position: absolute
    }

    .bar--absolute, .pos-fixed {
        z-index: 99;
        width: 100%
    }

    .bar.pos-fixed {
        position: fixed;
        top: 0;
        animation: .3s ease-out forwards fadeInDown;
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
        box-shadow: 0 0 25px 0 rgba(0,0,0,.04)
    }

        .bar.pos-fixed:not([class*=bg-]) {
            background: #fff
        }

            .bar.pos-fixed:not([class*=bg-]) .logo-light {
                display: none
            }

        .bar.pos-fixed.bg--dark {
            background: #252525
        }

    .bar-2 .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    .subscribe-form-2 p {
        top: 2px;
        position: relative
    }

    .subscribe-form-2 input {
        margin: 0
    }

    .subscribe-form-2 form [class*=col-] {
        margin: 0 !important
    }

    .pricing-2 ul:first-child {
        margin-top: 4.64285714em
    }

    .masonry__promo.boxed--lg {
        padding: 7.42857143em
    }
}

@media all and (max-width:990px) {
    .flickity-prev-next-button {
        display: none
    }

    .pricing-2 {
        text-align: center
    }

        .pricing-2 ul:first-child {
            margin-top: 1.85714286em
        }

    .pricing-3 {
        margin-bottom: 1.85714286em
    }

    .testimonial-2 p {
        min-height: 7.42857143em
    }

    .masonry-blog-magazine .height--tall {
        height: 338px
    }

    .masonry__promo .pos-vertical-center {
        top: 0;
        transform: none
    }
}

@media all and (max-width:1200px) {
    .masonry__promo.boxed--lg {
        padding: 3.71428571em
    }
}

.pagination {
    overflow: hidden;
    margin-top: 1.85714286em
}

.blog-article-wide:not(:last-child) {
    border-bottom: 1px solid #ececec;
    margin-bottom: 3.71428571em
}

.masonry-blog-list article {
    border-bottom: 1px solid #ececec;
    padding-top: 2.78571429em;
    margin-bottom: 5.57142857em
}

    .masonry-blog-list article .article__body {
        padding-bottom: 5.57142857em
    }

.masonry-blog-magazine .masonry__item a:hover {
    text-decoration: none
}

.masonry-filter-container > span {
    position: relative;
    bottom: 20px
}

.comments__list li {
    padding: 1.85714286em;
    border: 1px solid #ececec;
    border-bottom: none
}

    .comments__list li:nth-child(odd) {
        background: #fcfcfc
    }

    .comments__list li:nth-child(2n) {
        background: #f9f9f9
    }

    .comments__list li:first-child, .conversation__head {
        border-radius: 6px 6px 0 0
    }

    .comments__list li:last-child {
        border-bottom: 1px solid #ececec;
        border-radius: 0 0 6px 6px
    }

.comment:not(:last-child) {
    border-bottom: 1px solid #ececec;
    padding-bottom: 1.85714286em
}

.comment .comment__avatar {
    width: 15%;
    float: left
}

.comment .comment__meta a, .tag-cloud li {
    display: inline-block
}

    .comment .comment__meta a:not(:first-child) {
        margin-left: 1.08333333333334em
    }

.comment .comment__meta + p {
    margin-top: .92857143em
}

.comment .comment__body h5.type--fine-print {
    margin: 0
}

.comment + .comment {
    margin-top: 1.85714286em;
    padding-left: 15%
}

.conversation__head h4, .conversation__head.boxed:not(:last-child), .project-thumb.hover-element, .project-thumb.hover-element .hover-element__reveal .project-thumb__title h5 {
    margin: 0
}

.related-blog-list article .article__title {
    margin-top: .92857143em;
    margin-bottom: 0
}

    .related-blog-list article .article__title .h4 {
        margin-bottom: .68421052631579em
    }

.tag-cloud li:not(:last-child):after {
    content: ','
}

.conversation__head .conversation__avatar {
    margin-top: .92857143em
}

    .conversation__head .conversation__avatar img {
        max-height: 1.85714286em;
        display: inline-block;
        margin-right: .46428571em;
        margin-bottom: 0
    }

.conversation__reply {
    border-top: none !important;
    border-bottom: none;
    border-radius: 0
}

    .conversation__reply.boxed:not(:last-child), .product .h4, .project-thumb h4 {
        margin-bottom: 0
    }

    .conversation__reply + .conversation__comments .comments__list li:first-child {
        border-radius: 0;
        border-top: none
    }
/*! -- Pixxett Portfolio -- */

.project-thumb:not(.hover-element) > a {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    margin-bottom: 1.85714286em
}

.project-thumb.hover-element > a {
    height: 24.14285714em;
    text-decoration: none;
    font-weight: 400
}

.project-thumb.hover-element .background-image-holder {
    transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out
}

.project-thumb.hover-element .hover-element__reveal .project-thumb__title {
    padding: 1.85714286em;
    z-index: 2;
    position: relative;
    color: #fff
}

.project-thumb.hover-element:not(.hover--active)[data-scrim-top] .hover-element__reveal {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transform: translate3d(0,-100px,0);
    -webkit-transform: translate3d(0,-100px,0)
}
/*! -- Pixxett Shop -- */

.product img {
    margin-bottom: .92857143em;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    backface-visibility: hidden
}

.product h5 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: .46428571em
}

.product .h4:first-child {
    clear: left
}

.product .product__controls {
    overflow: hidden;
    margin-bottom: .92857143em
}

    .product .product__controls button, .product .product__controls label {
        position: relative;
        top: 6px
    }

.product.product--tile {
    padding: 1.85714286em;
    border-radius: 6px
}

.masonry--tiles {
    padding: 10px
}

    .masonry--tiles .masonry__item:not(:empty) {
        padding: 0 6px;
        margin-bottom: 12px
    }

        .masonry--tiles .masonry__item:not(:empty) .product--tile, .wizard > .steps a, .wizard > .steps a:active, .wizard > .steps a:hover {
            margin: 0
        }

            .masonry--tiles .masonry__item:not(:empty) .product--tile .label {
                top: 1.85714286em;
                right: 2.78571429em
            }
/*! -- Pixxett Wizard -- */

.wizard {
    transition: opacity .3s;
    opacity: 0
}

    .wizard > .actions a, .wizard > .actions a:active, .wizard > .actions a:hover {
        background: #4a90e2;
        transition: .3s;
        padding: .46428571em 1.85714286em;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
        color: #fff;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none
    }

    .wizard > .steps .current a, .wizard > .steps .current a:active, .wizard > .steps .current a:hover, .wizard > .steps .disabled a, .wizard > .steps .disabled a:active, .wizard > .steps .disabled a:hover, .wizard > .steps .done a, .wizard > .steps .done a:active, .wizard > .steps .done a:hover {
        background: 0 0;
        color: #252525
    }

    .wizard > .steps a:after, .wizard > .steps a:before {
        content: '';
        background: #eee;
        transition: .2s;
        position: absolute
    }

    .wizard > .steps a:before {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        left: 50%;
        margin-left: -10px;
        display: block;
        bottom: 0
    }

    .wizard > .steps a:after {
        width: 100%;
        bottom: 7px;
        height: 2px;
        left: 0
    }

    .wizard > .steps li:first-child a:after {
        width: 50%;
        left: 50%
    }

    .wizard > .steps li.current a:after, .wizard > .steps li.current a:before {
        background-color: #4a90e2
    }

    .wizard > .steps a, .wizard > .steps a:hover {
        padding-bottom: 2.78571429em
    }

    .wizard > .actions > ul > li, .wizard > .steps > ul > li {
        float: none;
        display: inline-block
    }

    .wizard > .content {
        background: #fafafa;
        margin-top: 1.85714286em;
        margin-bottom: 1.85714286em;
        border: 1px solid #ececec
    }

        .wizard > .content > .body {
            padding: 1.85714286em
        }

    .wizard.bg--white {
        background: 0 0 !important
    }

    .wizard > .content img {
        max-height: 240px
    }
/*! -- pixxett Footers -- */

.footer {
    background-color: #f5f5f5
}

.footer-customer-relationship .social-media a:hover, .footer-service-policies .service-policy a:hover {
    color: #616161
}

.footer-service-policies .service-policy:nth-child(3) a {
    padding-left: 70px
}

.footer-customer-relationship {
    padding: 40px 0
}

    .footer-customer-relationship .introduction h3 {
        margin: 0;
        font-size: 18px;
        color: #424242;
        line-height: 1;
        font-weight: 600;
        text-transform: uppercase
    }

    .footer-customer-relationship .introduction p {
        font-size: 12px;
        margin: 0;
        color: #424242
    }

    .footer-customer-relationship .customer-reaction {
        float: left;
        margin-left: 40px
    }

    .footer-customer-relationship .customer-email {
        position: relative;
        margin-top: -4px
    }

        .footer-customer-relationship .customer-email input {
            display: block;
            width: 209px;
            height: 34px;
            line-height: 34px;
            font-size: 12px;
            color: #b0b0b0;
            padding: 2px 40px 2px 17px;
            margin: 0;
            border: 1px solid #e0e0e0;
            outline: 0;
            background-color: #fff
        }

        .footer-customer-relationship .customer-email .sub-prompt {
            position: absolute;
            margin-top: 3px;
            white-space: nowrap
        }

    .footer-customer-relationship .social-media {
        font-size: 18px;
        margin-top: 5px
    }

        .footer-customer-relationship .social-media a {
            color: #b0b0b0;
            margin: 0 18px 0 0
        }

            .footer-customer-relationship .social-media a.youtube-follow [class^=iconfont-] {
                vertical-align: sub
            }

.footer-nav {
    background-color: #212121;
    padding: 40px 0 60px;
    color: #b0b0b0
}

    .footer-nav dt {
        font-size: 14px;
        text-transform: uppercase;
        line-height: 40px;
        font-weight: 600
    }

    .footer-nav dd a {
        color: #b0b0b0
    }

    .footer-nav .hotline {
        font-size: 24px;
        font-family: 'Avenir Next Condensed',Arial,sans-serif;
        font-weight: 600;
        line-height: 28px;
        margin-top: 20px
    }

    .footer-nav .btn {
        font-size: 14px;
        text-transform: uppercase;
        margin-top: 14px
    }

        .footer-nav .btn:hover {
            color: #212121
        }

.footer-bottom {
    background-color: #212121;
    line-height: 70px
}

    .footer-bottom .container {
        border-top: 1px solid #424242
    }

    .footer-bottom .copyright {
        float: left;
        color: #b0b0b0
    }

    .footer-bottom .site-switch {
        position: relative;
        float: right;
        height: 40px;
        line-height: 40px;
        margin-top: 15px
    }

        .footer-bottom .site-switch a {
            color: #b0b0b0;
            margin-left: 16px
        }

            .footer-bottom .site-switch a.active {
                color: #757575;
                display: block;
                margin-left: 0;
                padding-left: 16px;
                background-color: #fff
            }

    .footer-bottom .sites-list {
        overflow: hidden;
        height: 0;
        position: absolute;
        bottom: 41px;
        left: 0;
        background-color: #fff
    }

        .footer-bottom .sites-list ul {
            padding: .7em 0;
            position: absolute;
            bottom: 0
        }

        .footer-bottom .sites-list li {
            padding: .5em 16px;
            line-height: 1.3
        }

            .footer-bottom .sites-list li a {
                display: block;
                white-space: nowrap;
                color: #757575;
                margin-left: 0
            }

.footer-service-policies {
    background-color: #fff;
    padding: 25px 0
}

.span4 {
    width: 33%
}

.footer-service-policies .service-policy a {
    display: block;
    color: #b0b0b0;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding-left: 70px;
    white-space: nowrap
}

    .footer-service-policies .service-policy a [class^=iconfont] {
        font-size: 54px;
        position: absolute;
        left: 15px;
        top: 0;
        line-height: 38px
    }

    .footer-service-policies .service-policy a strong {
        font-weight: 600;
        color: #424242
    }

.span12 {
    width: 49%;
    position: relative;
    display: inline-block
}

.footer-customer-relationship .customer-email button[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 10px;
    background-color: transparent;
    border: none;
    outline: 0
}

    .footer-customer-relationship .customer-email button[type=submit] [class^=iconfont] {
        font-size: 24px;
        color: #b0b0b0;
        position: absolute;
        right: 0;
        top: -7px
    }

.btn-wf-white {
    border-color: #f5f5f5;
    color: #f5f5f5;
    border-radius: 0
}

    .btn-wf-white:hover {
        background-color: #eee;
        border-color: #eee !important
    }

@media all and (min-width:768px) {
    .cart-total, .comments + .comments-form, .h2 + .slider, .lead + .testimonial-2, .map-container + div[class*=col-], h2 + .slider, h3 + .related-blog-list {
        margin-top: 3.71428571em
    }

    .pricing-section-1 .pricing:not(.boxed--emphasis) {
        left: .92857143em
    }

    .pricing-section-1 .pricing.boxed--emphasis {
        right: .92857143em
    }

    .background-image-holder .map-container, .imageblock__content .map-container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .testimonials-1 .list-inline {
        position: relative;
        top: .92857143em
    }

        .testimonials-1 .list-inline li:not(:last-child) {
            margin-right: 3.71428571em
        }

    .comments__list li {
        padding: 2.78571429em
    }

    .conversation__avatar {
        position: absolute;
        top: 1.85714286em;
        right: 2.78571429em
    }

    .col-xs-12:not(.col-sm-6) .project-thumb.hover-element > a {
        height: 46.42857143em
    }

    .cart-customer-details {
        margin-top: 7.42857143em
    }

    footer .list-inline + .btn, footer.footer-4 form {
        position: relative;
        bottom: 4px
    }

    footer .logo {
        margin: 0
    }

        footer .logo:not(:last-child) {
            margin-right: 1.85714286em
        }

    footer.footer-3 .logo + ul {
        position: relative;
        top: 5px
    }

        footer.footer-3 .logo + ul a {
            color: #252525
        }

    footer.footer-3 .social-list {
        position: relative;
        top: 9px
    }

    footer.footer-3 .row:last-child, footer.footer-4 .row:last-child {
        margin-top: 1.85714286em
    }

    footer.footer-4 .logo + span {
        position: relative;
        top: 8px
    }

    footer.imagebg:not(.image--light) a, footer.imagebg:not(.image--light) p, footer.imagebg:not(.image--light) span {
        color: #fff
    }

    .footer-1 .type--fine-print {
        position: relative;
        top: 2px
    }
}

@media all and (max-width:767px) {
    .process-2:before {
        height: 100%;
        width: 2px;
        left: 1.85714286em;
        margin-left: 2px
    }

    .process-2 .process__item:after {
        top: 3.71428571em
    }

    .typed-text, .wizard > .steps .number {
        display: block
    }

    .radial, .testimonials-1 .list-inline li, .typed-headline {
        margin-bottom: 1.85714286em
    }

        .typed-headline .h1, .typed-headline h1 {
            margin-bottom: 0
        }

    .row form > .row {
        margin-left: 0;
        margin-right: 0
    }

    .elaborate-form-1 .pos-vertical-center {
        padding-left: 15px;
        padding-right: 15px
    }

    .elaborate-form-1 form .col-xs-6:nth-child(2n) {
        padding-left: 15px
    }

    .elaborate-form-1 form .col-xs-6:nth-child(odd) {
        padding-right: 15px
    }

    .elaborate-form-1 .row form > .row {
        margin-left: -15px;
        margin-right: -15px
    }

    .testimonial-2 p {
        min-height: 0
    }

    .cart-total, .footer-1 .social-list, .footer-6 .footer__lower .social-list, .footer-7 .social-list, .testimonials-1 .list-inline {
        margin-top: 1.85714286em
    }

    .project-thumb.height-40 {
        height: 350px;
        min-width: 100%
    }

    .wizard > .content {
        min-height: 25em
    }

    .wizard .pos-vertical-center {
        top: 50%;
        transform: translateY(-50%);
        -wekbit-transform: translateY(-50%)
    }

    .wizard > .content img {
        max-height: 120px;
        margin-bottom: .92857143em
    }

    .footer-4 form, footer .social-list {
        margin: 1.85714286em 0
    }

    .footer-4 .logo {
        margin: 0
    }

    .footer-1 .logo {
        display: block;
        margin: 1.85714286em auto .92857143em
    }
}

@media (min-width:1200px) {
    .container {
        width: 1226px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .home-index .pixxett-header1 nav, .pager .pages {
        position: relative
    }

    .bestsellers3 .product-bestseller .item .item-inner:after, .featured-pro .home-block-inner:after, .featured-pro .item .item-inner:after, .pixxett-header1 .welcome-msg, .products-list .actions .add-to-links a.link-compare span, .products-list .actions .add-to-links a.link-wishlist span, .products-list .product-shop button.button span, .related-pro .home-block-inner:after, .section-services, .upsell-pro .home-block-inner:after {
        display: none
    }

    .home-index .pixxett-header1 .header-container {
        border-bottom: 0 solid #212121
    }

    .pixxett-header1 .logo {
        margin-right: 0;
        width: 30%;
        margin-left: 34%
    }

    .section-content .content-left, .section-content .content-right-inner .col-lg-6, .top-banner-section .col-sm-4, ul.products-grid .item .item-inner {
        margin-bottom: 15px
    }

        .top-banner-section .col-sm-4:last-child {
            margin-bottom: 0
        }

        .account-login .col2-set .col-2, .account-login .form-list input.input-text, .bestsellers3 .pixxett-tabs li, .footer-customer-relationship .customer-email input, .products-list .product-image, .review1, .review2, .section-content .content-left, .section-content .content-left img, .section-content .content-right, .section-content .content-right img {
            width: 100%
        }

    ul.products-grid {
        margin: 0
    }

    .bestsellers3 .pixxett-tabs li > a {
        width: 100%;
        text-align: center
    }

    .featured-pro .home-block-inner {
        min-height: 250px;
        width: 100%
    }

    .featured-pro .block-content {
        margin-right: 0 !important;
        width: 100%;
        margin-left: 0;
        padding: 0 15px
    }

    .featured-pro .owl-pagination {
        right: 0;
        top: 27%
    }

    .offer-slider h1 {
        font-size: 34px;
        line-height: 36px
    }

    .cat-img-title p, .small-tag {
        font-size: 10px
    }

    .latest-blog {
        padding: 30px 15px
    }

    .blog-inner .blog-preview_item {
        width: 100%;
        margin-bottom: 15px;
        display: block;
        overflow: hidden
    }

    .filter-list dd.category-all, .filter-list-wrap-toggled .filter-list-row {
        height: inherit
    }

    .filter-list dd {
        width: 22%
    }

        .filter-list dd.item {
            width: 42%;
            padding: 12px 5px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

    .order-list-box {
        margin: 20px 15px
    }

        .order-list-box .order-list li {
            padding: 0 20px
        }

    .static-section-inner {
        margin-bottom: 20px;
        padding: 20px 0
    }

    .footer-service-policies .service-policy {
        width: 100%;
        overflow: hidden;
        padding: 15px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 15px
    }

        .footer-service-policies .service-policy a [class^=iconfont] {
            font-size: 44px;
            left: 15px;
            top: 10px
        }

        .footer-service-policies .service-policy:nth-child(3) a [class^=iconfont] {
            left: 15px
        }

        .footer-service-policies .service-policy a {
            white-space: inherit
        }

        .footer-service-policies .service-policy:last-child {
            border-bottom: 0 solid #ddd;
            margin-bottom: 0;
            padding-bottom: 0
        }

    .customer-relationship {
        width: 100%;
        padding: 0 15px
    }

    .footer-customer-relationship .customer-reaction {
        margin: 10px 0;
        width: 100%
    }

    .footer-bottom .copyright {
        line-height: 25px
    }

    article .article__title {
        margin-top: 0
    }

    footer.space--sm, section.space--sm {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .masonry-blog-list article {
        padding-top: 0
    }

        .masonry-blog-list article .article__body {
            padding-bottom: 30px
        }

    form + span.type--fine-print {
        margin-top: -15px
    }

    .subscribe-form-1.boxed form[action*='list-manage.com'].form--active .input-checkbox + span {
        white-space: inherit;
        width: 67%;
        vertical-align: middle
    }

    .masonry__item:not(:empty) article {
        margin-bottom: 20px
    }

    .section-heading {
        margin: 20px auto
    }

    .top-banner-section-wrapper {
        padding: 16px 15px
    }

    .home-special-products {
        padding: 0 15px !important
    }

    .section-heading .section-title {
        font-size: 24px
    }

    .toolbar .pager {
        width: 100%;
        margin-right: 0;
        margin-top: 10px
    }

    #limiter {
        margin-bottom: 10px;
        display: inline-block;
        overflow: visible;
        width: 100%
    }

    .pager .pages {
        width: 100%;
        overflow: hidden
    }

    .pages .pagination {
        width: 85%
    }

    .category-page ul.products-grid {
        margin: 0 -15px
    }

    .cat-img-title.cat-box {
        padding: 10px 5px 25px
    }

    .small-tag {
        letter-spacing: 3px
    }

    .cat-img-title .cat-heading {
        font-size: 20px;
        margin-top: 8px;
        margin-bottom: 0
    }

    .products-list .product-shop {
        width: 100%;
        margin-left: 0
    }

    .product-shop button.button.btn-cart:before {
        margin-right: 0
    }

    .product-view .product-shop .add-to-box .btn-cart {
        margin: 10px 0
    }

    .email-addto-box, .product-view .email-friend {
        margin-left: 0
    }

    .product-view .product-shop .add-to-links li {
        padding: 0 6px 0 0
    }

    .nav-tabs.product-tabs > li, .upsell-pro .block-content {
        margin-right: 0;
        width: 100%
    }

    .related-pro .home-block-inner, .upsell-pro .home-block-inner {
        width: 100%;
        min-height: inherit;
        padding-bottom: 25px
    }

    .related-pro .owl-pagination {
        left: inherit;
        right: 10px;
        top: 31%
    }

    .upsell-pro .owl-pagination {
        left: inherit;
        right: 0;
        top: 30.5%
    }

    .related-pro .block-content {
        margin-left: 0;
        width: 100%
    }

    .box-reviews .review {
        border-left: 0 solid #dfdfdf;
        padding-left: 0;
        width: 100%
    }

    .account-login .col2-set .col-1 {
        width: 100%;
        min-height: inherit;
        padding: 25px 0 0
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .home-index .pixxett-header1 nav, .pager .pages {
        position: relative
    }

    .home-index .pixxett-header1 .header-container {
        border-bottom: 0 solid #212121
    }

    .pixxett-header1 .logo {
        margin-right: 0;
        width: 25%;
        margin-left: 35%
    }

    .section-content .content-left, .section-content .content-right-inner .col-lg-6, .top-banner-section .col-sm-4, ul.products-grid .item .item-inner {
        margin-bottom: 15px
    }

        .top-banner-section .col-sm-4:last-child {
            margin-bottom: 0
        }

        .account-login .col2-set .col-2, .account-login .form-list input.input-text, .bestsellers3 .pixxett-tabs li, .review1, .review2, .section-content .content-left, .section-content .content-left img, .section-content .content-right, .section-content .content-right img, .top-banner-section .col-sm-4 img {
            width: 100%
        }

    ul.products-grid {
        margin: 0
    }

    .bestsellers3 .pixxett-tabs li > a {
        width: 100%;
        text-align: center
    }

    .bestsellers3 .product-bestseller .item .item-inner:after, .featured-pro .home-block-inner:after, .featured-pro .item .item-inner:after, .products-list .actions .add-to-links a.link-compare span, .products-list .actions .add-to-links a.link-wishlist span, .products-list .product-shop button.button span, .related-pro .home-block-inner:after, .section-services, .upsell-pro .home-block-inner:after {
        display: none
    }

    .featured-pro .home-block-inner {
        min-height: 250px;
        width: 100%
    }

    .featured-pro .block-content {
        margin-right: 0 !important;
        width: 100%;
        margin-left: 0;
        padding: 0 15px
    }

    .filter-list dd.category-all, .filter-list-wrap-toggled .filter-list-row {
        height: inherit
    }

    .filter-list dd {
        width: 22%
    }

        .filter-list dd.item {
            width: 42%;
            padding: 12px 5px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

    .order-list-box {
        margin: 20px 15px
    }

        .order-list-box .order-list li {
            padding: 0 20px
        }

    .static-section-inner {
        margin-bottom: 20px;
        padding: 20px 0
    }

    .footer-service-policies .service-policy {
        width: 100%;
        overflow: hidden;
        padding: 15px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 15px
    }

        .footer-service-policies .service-policy a [class^=iconfont] {
            font-size: 44px;
            left: 15px;
            top: 10px
        }

        .footer-service-policies .service-policy:nth-child(3) a [class^=iconfont] {
            left: 15px
        }

        .footer-service-policies .service-policy a {
            white-space: inherit
        }

        .footer-service-policies .service-policy:last-child {
            border-bottom: 0 solid #ddd;
            margin-bottom: 0;
            padding-bottom: 0
        }

    .customer-relationship {
        width: 100%;
        padding: 0 15px
    }

    .footer-customer-relationship .customer-reaction {
        margin: 10px 0
    }

    .footer-customer-relationship .customer-email {
        margin-left: 15px
    }

    article .article__title {
        margin-top: 0
    }

    footer.space--sm, section.space--sm {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .masonry-blog-list article {
        padding-top: 0
    }

        .masonry-blog-list article .article__body {
            padding-bottom: 30px
        }

    .btn {
        vertical-align: top
    }

    .masonry__item:not(:empty) article {
        margin-bottom: 20px
    }

    .top-banner-section-wrapper {
        padding: 16px 15px
    }

    .home-special-products {
        padding: 0 15px !important
    }

    .section-heading {
        margin: 20px auto
    }

    .featured-pro .owl-pagination {
        right: 0;
        top: 27%
    }

    .offer-slider h1 {
        font-size: 36px;
        line-height: 40px
    }

    .cat-img-title p, .small-tag {
        font-size: 10px
    }

    .latest-blog {
        padding: 30px 15px
    }

    .blog-inner .blog-preview_item {
        width: 100%;
        margin-bottom: 15px;
        display: block;
        overflow: hidden
    }

    .category-page ul.products-grid .item, .products-list .product-shop {
        width: 50%
    }

    .section-heading .section-title {
        font-size: 26px
    }

    .toolbar .pager {
        width: 100%;
        margin-right: 0;
        margin-top: 10px
    }

    #limiter {
        width: 100%;
        display: block;
        overflow: visible;
        margin-bottom: 10px
    }

    .pager .pages {
        width: 100%;
        overflow: hidden
    }

    .pages .pagination {
        width: 85%
    }

    .category-page ul.products-grid {
        margin: 0 -15px
    }

    .custom-slider {
        display: inline-block
    }

    .cat-img-title.cat-box {
        padding: 10px 5px 25px
    }

    .small-tag {
        letter-spacing: 3px
    }

    .cat-img-title .cat-heading {
        font-size: 20px;
        margin-top: 8px;
        margin-bottom: 0
    }

    .products-list .product-image {
        width: 45%
    }

    .product-shop button.button.btn-cart:before {
        margin-right: 0
    }

    .email-addto-box {
        margin-left: 0;
        margin-top: 15px
    }

    .product-view .product-shop .add-to-links li {
        padding: 0 6px 0 0
    }

    .product-view .email-friend {
        margin-left: 0
    }

    .related-pro .home-block-inner, .upsell-pro .home-block-inner {
        width: 100%;
        min-height: inherit;
        padding-bottom: 25px
    }

    .related-pro .owl-pagination {
        left: inherit;
        right: 10px;
        top: 31%
    }

    .upsell-pro .owl-pagination {
        left: inherit;
        right: 0;
        top: 30.5%
    }

    .related-pro .block-content {
        margin-left: 0;
        width: 100%
    }

    .upsell-pro .block-content {
        margin-right: 0;
        width: 100%
    }

    .box-reviews .review {
        width: 62%
    }

    .account-login .col2-set .col-1 {
        width: 100%;
        min-height: inherit;
        padding: 25px 0 0
    }

    .footer-customer-relationship .introduction {
        margin-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .col-left .block-cart ul li.item, .filter-list dd, .hot-deal, .pager .pages {
        overflow: hidden
    }

    .pixxett-header1 .language-currency-wrapper .block, .pixxett-header1 .toplinks .links {
        font-size: 11px
    }

    .pixxett-header1 #nav > li > a {
        font-size: 12px;
        padding: 15px 8px;
        letter-spacing: .5px
    }

    #carousel-example-generic .carousel-caption p, .pixxett-header1 .nav-block-right.grid12-4, .pixxett-header1 .nav-inner .caret, .products-list .actions .add-to-links a.link-compare span, .products-list .actions .add-to-links a.link-wishlist span, .products-list .product-shop button.button span, .section-services.preload {
        display: none
    }

    .pixxett-header1 #nav .level0-wrapper, .pixxett-header1 #nav li.drop-menu ul {
        top: 55px
    }

    .col-left .block-cart .block-content ul li .product-details, .col-left .block-cart .block-content ul li a.product-image img, .footer-customer-relationship .introduction, .pixxett-header1 .nav-block-left.grid12-8 {
        width: 100%
    }

    .static-section-inner {
        padding: 45px 10px 40px
    }

    .footer-service-policies .service-policy a {
        white-space: inherit
    }

        .footer-service-policies .service-policy a [class^=iconfont] {
            font-size: 50px;
            left: 10px;
            top: 5px
        }

    .footer-service-policies .service-policy:nth-child(3) a [class^=iconfont] {
        left: 10px
    }

    .customer-relationship {
        vertical-align: top
    }

    .footer-customer-relationship .customer-reaction {
        margin-left: 0;
        margin-top: 10px
    }

    .footer-customer-relationship .social-media a {
        margin: 0 20px 0 0
    }

    .bestsellers3 .bestseller-content, .masonry hr + .masonry__container, .masonry hr + .row {
        margin-top: 20px
    }

    article .article__title {
        margin-top: 0
    }

    footer.space--sm, section.space--sm {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .masonry-blog-list article {
        padding-top: 0
    }

        .masonry-blog-list article .article__body {
            padding-bottom: 30px
        }

    .subscribe-form-1.boxed form[action*='list-manage.com'].form--active .input-checkbox + span {
        white-space: inherit;
        width: 80%;
        vertical-align: middle
    }

    .cat-img-title p, .masonry__item:not(:empty) article .boxed h5 {
        font-size: 12px
    }

    .section-heading:after, .section-heading:before {
        width: 130px
    }

    .bestsellers3 .pixxett-tabs li > a {
        font-size: 14px
    }

    .featured-pro .block-content {
        margin-right: 25% !important;
        width: 74%;
        margin-left: -12px
    }

    .featured-pro .home-block-inner {
        width: 25%
    }

        .featured-pro .home-block-inner:after {
            right: 25%
        }

    .brand-logo .section-heading:after, .brand-logo .section-heading:before {
        width: 160px
    }

    .filter-list dd {
        width: 15%;
        padding: 12px 10px;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .cat-img-title.cat-box {
        padding: 20px 5px 25px
    }

    .small-tag {
        font-size: 10px;
        letter-spacing: 3px
    }

    .cat-img-title .cat-heading {
        font-size: 24px;
        margin-top: 8px;
        margin-bottom: 0
    }

    .block-compare .ajax-checkout button.button-clear, .toolbar .pager {
        margin-top: 10px
    }

    ol#compare-items li a.product-name {
        padding: 0;
        width: 91%
    }

    #carousel-example-generic .carousel-caption h3 {
        line-height: inherit
    }

        #carousel-example-generic .carousel-caption h3 a {
            font-size: 20px
        }

    .custom-slider .link {
        margin-top: 10px;
        font-size: 10px
    }

    #recently-viewed-items .product-name {
        width: 88%
    }

    .toolbar .pager {
        width: 100%;
        margin-right: 0
    }

    #limiter {
        margin-bottom: 10px;
        display: inline-block;
        overflow: visible;
        width: auto
    }

    .pages .pagination {
        width: 85%
    }

    .products-list .product-image {
        width: 45%
    }

    .products-list .product-shop {
        width: 50%
    }

    .product-shop button.button.btn-cart:before {
        margin-right: 0
    }

    .email-addto-box {
        margin-left: 0;
        margin-top: 15px
    }

    .product-view .product-shop .add-to-links li {
        padding: 0 6px 0 0
    }

    .product-view .email-friend {
        margin-left: 0
    }

    .box-reviews .review {
        width: 80%
    }

    .related-pro .home-block-inner, .upsell-pro .home-block-inner {
        min-height: inherit;
        padding-bottom: 45px
    }

    .related-pro .owl-pagination {
        left: -27%;
        top: inherit;
        bottom: -15%
    }

    .upsell-pro .owl-pagination {
        left: inherit;
        top: inherit;
        bottom: -12%;
        right: -18%
    }

    .featured-pro .owl-pagination {
        right: -35%
    }

    .hot-deal {
        width: 100%
    }

        .hot-deal .products-grid {
            width: 300px;
            margin: auto
        }

    .pager .pages {
        position: relative;
        width: auto
    }
}

@media only screen and (min-width:991px) and (max-width:1199px) {
    .pixxett-header1 .welcome-msg {
        margin: 0 0 0 10px
    }

    .pixxett-header1 #nav > li > a {
        padding: 25px 10px
    }

    .pixxett-header1 #nav .level0-wrapper, .pixxett-header1 #nav li.drop-menu ul {
        top: 68px
    }

    .pixxett-header1 .nav-block-left.grid12-8 {
        width: 65%
    }

    .pixxett-header1 #nav .nav-block-left.grid12-8 ul.level0 > li {
        width: 22%
    }

    .static-section-inner {
        padding: 35px 0 20px
    }

    .footer-service-policies .service-policy {
        vertical-align: top
    }

        .footer-service-policies .service-policy a {
            white-space: inherit
        }

            .footer-service-policies .service-policy a [class^=iconfont] {
                font-size: 50px;
                left: 10px;
                top: 5px
            }

        .footer-service-policies .service-policy:nth-child(3) a [class^=iconfont] {
            left: 10px
        }

    .masonry hr + .masonry__container, .masonry hr + .row {
        margin-top: 30px
    }

    article .article__title {
        margin-top: 0
    }

    footer.space--sm, section.space--sm {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .masonry-blog-list article {
        padding-top: 0
    }

        .masonry-blog-list article .article__body {
            padding-bottom: 40px
        }

    .section-heading:after, .section-heading:before {
        width: 240px !important
    }

    .featured-pro .owl-pagination {
        right: -12.2%
    }

    .products-list .product-image {
        width: 40%
    }

    .products-list .product-shop {
        width: 55%
    }

    .product-shop button.button.btn-cart:before {
        margin-right: 0
    }

    .products-list .actions .add-to-links a.link-compare span, .products-list .actions .add-to-links a.link-wishlist span {
        display: none
    }

    .related-pro .owl-pagination {
        top: 95%
    }

    .upsell-pro .owl-pagination {
        right: -11.5%;
        top: 93%
    }
}

/*! Place your custom styles here */
/*@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Ultra&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@400..700&display=swap');*/
li.store-outer .menuStore li {
    border: none !important;
    box-shadow: none;
}
.CTAbannerTxt {
    background-image: url('../newhome/images/Ramadan Banner.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 190px;
    position: relative;
    display: flex;
    align-items: center;
}
.language-arabic-selected .CTAbannerTxt h2 {
    margin-top: -10px;
}
.language-arabic-selected .CTAbannerTxt {
    flex-direction: row-reverse;
}
#CTABanner .discoverBanner {
    padding-right: 9%;
}
.mobile .CTAbannerTxt {
    background-image: url('../newhome/images/Ramadan mobile Banner388 116.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 116px;
    position: relative;
    display: flex;
    align-items: center;
}
#CTABanner .appSec {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
    #CTABanner .appSec p {
        margin: 0;
    }
#CTABanner {
    margin: 40px 0 30px;
    padding-bottom: 0;
}
section.ramdanTxt {
    padding: 40px 0;
}
#shopNowCTA {
    background: #d78000;
    color: #fff;
    display: inline-flex;
    padding: 5px 18px;
    font-size: 24px;
    font-family: "Playfair Display", sans-serif;
    line-height: normal;
    border-radius: 20px;
    margin: 10px 0 0;
    font-weight: 800;
}
#shopNow {
    background: #d8b684;
    color: #672667;
    display: inline-flex;
    padding: 5px 18px;
    font-size: 24px;
    font-family: "Playfair Display", sans-serif;
    line-height: normal;
    border-radius: 20px;
    margin: 10px 0 0;
    font-weight: 800;
}
/* Coupon Offers Page SubCategory tiles */
.tile-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 25px;
}

/* Tile styling */
.tile {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
    text-decoration: none;
    width: 200px;
    height: 70px;
}

/* Content inside the tile */
.tile-content {
    padding: 10px;
    text-align: center;
}

    /* Heading styling */
    .tile-content h3 {
        margin: 0;
        font-size: 1.1em;
        color: #333;
    }

/* Hover effects */
.tile:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
    /* Adjust tile size for smaller screens */
    .tile {
        width: 47%;
    }
}

@media (max-width: 480px) {
    /* Further adjustments for very small screens */
    .tile {
        width: 100%;
    }

    .tile-content h3 {
        font-size: 1.2em;
    }
}
/*spotlight css*/
@-webkit-keyframes spotlight-spinner {
    0% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(225deg);
    }
}

@keyframes spotlight-spinner {
    0% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(225deg);
    }
}

@-webkit-keyframes spotlight-spinner-lead {
    0% {
        transform: rotate(45deg);
    }

    1% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        transform: rotate(405deg);
    }
}

@keyframes spotlight-spinner-lead {
    0% {
        transform: rotate(45deg);
    }

    1% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        transform: rotate(405deg);
    }
}

@-webkit-keyframes spotlight-spinner-color-after {
    0% {
        border-top-color: #333;
        border-right-color: #333;
    }

    99% {
        border-top-color: #333;
        border-right-color: #333;
    }

    100% {
        border-top-color: transparent;
        border-right-color: transparent;
    }
}

@keyframes spotlight-spinner-color-after {
    0% {
        border-top-color: #333;
        border-right-color: #333;
    }

    99% {
        border-top-color: #333;
        border-right-color: #333;
    }

    100% {
        border-top-color: transparent;
        border-right-color: transparent;
    }
}

@-webkit-keyframes spotlight-spinner-color-before {
    0% {
        border-bottom-color: #333;
        border-left-color: #333;
    }

    99% {
        border-bottom-color: #333;
        border-left-color: #333;
    }

    100% {
        border-bottom-color: #EE5577;
        border-left-color: #EE5577;
    }
}

@keyframes spotlight-spinner-color-before {
    0% {
        border-bottom-color: #333;
        border-left-color: #333;
    }

    99% {
        border-bottom-color: #333;
        border-left-color: #333;
    }

    100% {
        border-bottom-color: #EE5577;
        border-left-color: #EE5577;
    }
}

@-webkit-keyframes spotlight-background {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.45;
    }
}

@keyframes spotlight-background {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.45;
    }
}

.spotlight-overlay {
    position: absolute;
    display: flex;
    flex-flow: column nowrap;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.spotlight-tooltip {
    position: absolute;
    left: 50%;
    top: 75%;
    z-index: 9999;
    text-align: center;
    transform: translate(-50%, -50%);
}

.spotlight-overlay .spotlight-top {
    height: 32%;
    width: 100%;
    background: rgba(0,0,0,0.45);
    -webkit-animation: spotlight-background 240ms ease-in;
    animation: spotlight-background 240ms ease-in;
}

.spotlight-overlay .spotlight-middle {
    display: flex;
    flex-flow: row nowrap;
    flex: 0 0 auto;
}

    .spotlight-overlay .spotlight-middle .spotlight-left {
        background: rgba(0,0,0,0.45);
        -webkit-animation: spotlight-background 240ms ease-in;
        animation: spotlight-background 240ms ease-in;
        width: 30%;
    }

    .spotlight-overlay .spotlight-middle .spotlight-background {
        height: 150px;
        width: 160px;
        opacity: 0.45;
        background: radial-gradient(circle, transparent 68%, #000 70%);
        position: absolute;
        -webkit-animation: spotlight-background 240ms ease-in;
        animation: spotlight-background 240ms ease-in;
    }

    .spotlight-overlay .spotlight-middle .spotlight-highlight {
        height: 150px;
        width: 160px;
        background: transparent;
        flex: 0 0 auto;
        position: relative;
        -webkit-animation: spotlight-background 240ms ease-in;
        animation: spotlight-background 240ms ease-in;
    }

        .spotlight-overlay .spotlight-middle .spotlight-highlight::before, .spotlight-overlay .spotlight-middle .spotlight-highlight::after, .spotlight-overlay .spotlight-middle .spotlight-highlight .spotlight-lead::after {
            position: absolute;
            content: " ";
            width: calc(100% - 4px);
            height: calc(100% - 4px);
            border-radius: 100%;
        }

    .spotlight-overlay .spotlight-middle .spotlight-right {
        background: rgba(0,0,0,0.45);
        -webkit-animation: spotlight-background 240ms ease-in;
        animation: spotlight-background 240ms ease-in;
        flex: 1 0 auto;
    }

.spotlight-overlay .spotlight-bottom {
    width: 100%;
    background: rgba(0,0,0,0.45);
    -webkit-animation: spotlight-background 240ms ease-in;
    animation: spotlight-background 240ms ease-in;
    flex: 1 1 auto;
}

@-webkit-keyframes spotlight-tooltip {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
        top: 55px;
    }

    100% {
        opacity: 1;
        top: 65px;
    }
}

@keyframes spotlight-tooltip {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
        top: 55px;
    }

    100% {
        opacity: 1;
        top: 65px;
    }
}

.spotlight-overlay .spotlight-tooltip {
    position: absolute;
    min-width: 100px;
    background: #fff;
    top: 65px;
    left: 142px;
    border-radius: 4px;
    padding: 12px;
    -webkit-animation: spotlight-tooltip 240ms ease-out;
    animation: spotlight-tooltip 240ms ease-out;
}
    /*  .spotlight-overlay .spotlight-tooltip::before {
        position: absolute;
        content: " ";
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        background: #fff;
        margin-left: -14px;
        margin-top: -1px;
    }*/
    .spotlight-overlay .spotlight-tooltip footer {
        margin-top: 10px;
    }

        .spotlight-overlay .spotlight-tooltip footer .button {
            float: right;
            margin-right: 0;
        }
/*spotlight css ends*/
.skeleton-box {
    display: inline-block;
    height: 1em;
    position: relative;
    overflow: hidden;
    background-color: #dddbdd;
}

    .skeleton-box::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
        -webkit-animation: shimmer 4s infinite;
        animation: shimmer 4s infinite;
        content: "";
    }

@-webkit-keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

.blog-post__headline {
    font-size: 1.25em;
    font-weight: bold;
}

.blog-post__meta {
    font-size: 0.85em;
    color: #6b6b6b;
}
/*.o-media {
    display: flex;
}*/
.o-media__body {
    flex-grow: 1;
    margin-left: 1em;
}

.o-vertical-spacing > * + * {
    margin-top: 0.75em;
}

.o-vertical-spacing--l > * + * {
    margin-top: 0.75em;
}

.offerTag {
    display: inline-block;
    padding: 8px 6px;
    background-color: #eeebeb;
    border: 1.5px solid #ccc;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    text-align: center;
    margin: 5px 0px;
}

.offerUl {
    display: flex;
    gap: 20px;
}
.coupon_code:empty {
    opacity: 0;
    height: 36px;
}

@media (max-width: 768px) {
    .left-paddle, .right-paddle {
        display: none;
    }
    .offerTag {
        font-size: 10px;
    }
}
.Home .coupon_carousel .item img {
    height: 185px;
}
.dateBlk + .save-offer-blk {
    padding-left: 0;
}
    .dateBlk + .save-offer-blk button:first-child{
        margin-left:0;
    }
    .retailerSingleOfferPg .owl-item {
        padding: 0 6px;
    }
.promoPrice {
    font-size: 32px;
    color: #084354;
    font-weight: 600;
    display: flex;
    gap: 10px;
    align-items: baseline;
}
    .regularPrice {
    font-size: 16px;
    text-decoration: line-through;
    color: #AAAAAA;
}
.dateBlk + .view-more-div {
    margin-top: 12px;
}
.discountOff {
    color: #CC1E0D;
    font-size: 16px;
}
    .offerUl li a {
        border: 2px solid #009bce;
        min-width: 116px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        padding: 5px 0;
        color: #009bce;
        gap: 7px;
        font-size: 16px;
        transition: all .4s;
        font-weight: 700;
        font-family: 'Open Sans';
    }
        .offerUl li a:hover {
            background: #084354;
            border-color: #084354;
        }
        .offer-detailsPg .offer-Name img {
            height: 30px;
        }

#expiredoffers {
    display: flex;
    align-items: center;
}
.offer-Name {
    display: flex;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
    align-items: center;
}
.language-arabic-selected .dateBlk {
    text-align: right;
}
.offer-ProductName {
    font-size: 20px;
    font-weight: 700;
    color: #084354;
    margin: 18px 0 4px;
}
.offer-detailsPg {
    margin-top: 60px;
    margin-bottom:30px;
}
.offer-details-imgsec .prodImg {
    height: 324px;
    object-fit: contain;
}
.offer-details-imgsec {
    background: #fff;
    padding: 20px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
}
button.offer-save {
    background: #009bce;
    color: #fff;
    border: none;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition:all .4s;
}
    button.offer-save:hover {
        background: #084354;
    }
    .offer-detailsPg + .row {
        margin-bottom: 30px;
    }
.p-10 {
    padding: 0 10px;
}
.storesApp {
    margin-top: 30px;
    float: left;
    width: 100%;
    text-align: right;
}
.top-links .links span.expand.fa.fa-plus {
    display: none;
}
#mobile-menu.pixxett-header1 .top-links .links li:first-child ul li {
    padding: 4px;
}
.menuStore {
    display: flex;
}
    .menuStore li:first-child{
        padding-left:0 !important;
    }
    .dropMenu2 div#categorydropdown {
        height: 140px;
    }
.allRetailers.owl_1 .owl-nav .owl-prev span, .allRetailers.owl_1 .owl-nav .owl-next span {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}
.categorySecBrands#ar {
    direction: rtl;
}
.seo-Sec + .FAQ {
    padding-top: 0;
}
.couponMobMenu > .icon > a + ul {
    height: 180px !important;
    overflow-y: auto;
}
.bread-header h1.page-heading {
    margin: 0;
}
.coupon-offerPg:first-child .borderAll {
    margin-top: 0;
}
.offerTabs + div {
    margin-bottom: 18px;
}
.left-filter-submenu-coupon .side-nav-categories {
    margin-bottom: 0;
}
    .left-filter-submenu-coupon .side-nav-categories .searchField {
        padding: 0;
        margin-bottom: 12px;
    }
.left-filter-submenu-coupon .show-more {
    font-size: 12px;
    padding-left: 26px;
    margin-bottom: 12px;
}
.left-filter-submenu-coupon .side-nav-categories .block-title {
    border: none;
    padding: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    color: #282C3F;
    font-family: 'Open Sans';
    text-transform: capitalize;
}
    .left-filter-submenu-coupon .side-nav-categories .block-title:after{
        display:none;
    }
    .left-filter-submenu-coupon .left-submenu-inner-parent {
        padding: 0;
    }
.scanner {
    height: auto;
    max-width: 96px;
    object-fit: contain;
    border-radius: 4px;
    margin: 0 auto;
}
.appSec > p span {
    margin-top: 6px;
    color: #ffffff;
}

.prodRghtSec {
    flex: 1;
}
.left-filter-submenu-coupon .side-nav-categories .box-category {
    max-height: unset;
    padding: 0;
}
.left-filter-submenu-coupon .searchField input[type=search] {
    background-color: transparent;
    border: 1px solid #C3C2C9;
    border-radius: 4px;
}
.appSec > p {
    font-size: 11px !important;
    display: flex;
    flex-direction: column;
    line-height: normal;
    width:156px;
}
.offerDtlSec .verifiedSec ul {
    justify-content: space-between;
    width: 100%;
}
.categorySec #ar .owl-item {
    padding: 6px 4px;
}
.sticky .header-top {
    display: none;
}
img.featuredImg-left.leftHeight {
    height: 100px;
}

img.featuredImg-left {
    height: 84px;
}
.language-arabic-selected .discoverBanner-Mobile {
    padding-right: unset;
    padding-left:36px;
}
/*.discoverBanner-Mobile {
    padding-right: 36px;
    padding-left: 0;
}*/
.language-arabic-selected .border-left-bottom {
    border-right: 1px solid #E9E9ED;
    border-bottom: 1px solid #E9E9ED;
    border-left: none;
}
.language-arabic-selected .bannerTxtSec {
    background-image: url('../newhome/images/RamadanBanner_Arabic.png');
}
/*.language-arabic-selected .discoverBanner {
    padding-left: unset;
    padding-right:60px;
}*/
    .language-arabic-selected .bannerTxtSec, .language-arabic-selected .bannerTxtSec .appSec {
        /* background-image: url('../newhome/images/RamadanBanner_Arabic.png'); */
        flex-direction: row-reverse;
    }
       /* .language-arabic-selected .bannerTxtSec .appSec {
            padding-right: 8%;
        }*/
.discoverBanner {
    /* padding-left: 60px; */
    text-align: center;
}
.language-arabic-selected .featuredTag {
    position: absolute;
    left: unset;
    top: 0;
    right: 0;
}
    .language-arabic-selected .featuredTag img{
        transform:rotate(180deg);
    }
    .language-arabic-selected .featuredTag p {
        left: unset;
        right: 10px;
    }
    .coupon_carousel .item a, .coupon_carousel .owl-item {
        height: 185px;
        display: inline-block;
    }
.offerDtlSec .verifiedSec, .offerDtlSec .offer_name_new {
    padding: 0;
}
.sortBtns.noSort p {
    border: none !important;
}
.trend-logo-section:hover .whishlist-hearted svg {
    fill: #ccc;
}
.show-more {
    font-size: 12px;
    padding-left: 26px;
}
.sticky1 .alphaFilter {
    position: fixed;
    top: 150px;
}
.left-filter-submenu-coupon {
    height: calc(100vh - 21vw);
    overflow-y: auto;
    margin-top: 64px;
    position: static;
}
.allStores {
    margin-top: 16px;
}
.allStoresLeftside {
    margin-top: 48px;
}
.border-right-bottom {
    border-right: 1px solid #E9E9ED;
    border-bottom: 1px solid #E9E9ED;
}
.language-arabic-selected .alphaFilter {
    left: 7px;
}
li.nav-close.MobMenuHdr {
    background: linear-gradient(98deg, rgba(1,155,205,1) 33%, rgba(110,184,68,1) 78%);
    display: flex;
    justify-content: space-between;
    padding: 16px 14px;
    margin: 0;
}
.couponMobMenu li {
    padding: 0 16px;
    font-size: 16px;
    position: relative;
}
.sidebar.left-filter-submenu-coupon.sticky1, .addSec.sticky1 {
    position: sticky;
    top: 100px;
    z-index: 99;
}
.sidebar.left-filter-submenu-coupon.sticky1 {
    height: calc(100vh - 12vw);
}
.tab-content .row{
    margin:0 -6px;
}
.saveOffer {
    color: #009BCF;
    font-weight: 600;
    font-family: 'Open Sans';
}
.offerBanner {
    margin-bottom: 24px;
}
#btnloadmore:focus {
    color: #fff;
}

/*.language-arabic-selected .owl-theme#ar .owl-nav button.disabled {
    cursor: default;
    background-color: transparent;
}*/
.language-arabic-selected .offerImage {
    margin-right: unset;
    margin-left: 24px;
}
.language-arabic-selected .close-srch {
    right: unset;
    left: 22px;
}
.seo-Sec p, .seo-Sec li {   
    color: #878B94;
    list-style: decimal;
    font-size: 14px;
    font-family: 'Open Sans';
    margin: 0 0 10px;
}
.seo-Sec li {
    list-style-type: disc !important;
}
.seo-Sec ol, .seo-Sec ul {
    padding-left: 24px;
    padding-right: 24px;
}
    .seo-Sec h2 {
        color: #696D76;
        font-weight: 600;
        font-size: 16px;
        font-family: 'Open Sans';
        margin-top: 15px;
    }
.seo-Sec {
    color: #878B94;
    list-style: decimal;
    font-size: 14px;
    font-family: 'Open Sans';
    margin: 0 0 10px;
}
    .seo-Sec a {
        color: #009bce;
        text-decoration: underline;
    }
    /*  CSS for FAQ section in Offer.cshtml and RetailerOffers.cshtml file  */
    /*.faq-section {
    margin-top: 30px;
    font-family: 'Open Sans';
}
    .faq-section h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

.faq-item {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 15px;
}
.faq-question {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}
.faq-answer {
    display: none;
    margin-top: 10px;
    font-size: 14px;
}
.faq-icon {
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
}*/
    /* --------------------------------------- */
    .coupon_carousel .owl-dot {
    width: 20px;
    height: 6px;
    border: 1px solid #009BCF !important;
    background-color: #fff !important;
    border-radius: 10px;
}
.coupon_carousel .owl-dots {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 4px;
    margin: 32px 0 0;
}
.coupon_carousel .owl-dot.active {
    background-color: #009BCF !important;
}
.coupon_carousel .owl-nav {
    text-align: center;
    position: absolute;
    top: 36%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}
    .coupon_carousel .owl-nav button {
        background: rgba(255,255,255,0.7) !important;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        left: 12px;
        position: absolute;
    }
    .coupon_carousel .owl-nav span {
        position: relative;
        top: -3px;
    }
        .coupon_carousel .owl-nav button.owl-next {
            right: 12px;
            left:unset;
        }
.language-arabic-selected .coupon_carousel .owl-nav button.owl-next {
    right: unset;
    left: 12px;
}
.language-arabic-selected .coupon_carousel .owl-nav button.owl-prev {
    right: 12px;
}
        .coupon_carousel .owl-nav button span {
            color: #009BCF;
            margin: 0 5px;
        }
    .popup .icon-border {
        width: 70px;
        height: 70px;
        display: flex;
        border: 1px solid #E9E9ED;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 20px;
        color: #282C3F;
        transition: all .4s;
        margin: 0 0 5px;
    }
.popup .icons a:hover .icon-border {
    border-color: #009BCF;
    color: #009BCF;
}
.popup .icons a:hover .iconTxt {
    color: #009BCF;
}
.icons li {
    text-align: center;
}
.popup .icons {
    display: flex;
    gap: 10px;
    margin-top: 32px;
}
    .popup .icons + p {
        text-align: center;
        margin-bottom: 11px;
    }

.icons p {
    color: #282C3F;
    font-size: 12px;
}
.popup .close{
    opacity:1;
}
.copy-text {
    position: relative;
    padding: 0 11px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .copy-text input.text {
        /*     padding: 10px;*/
        font-size: 16px;
        color: #E9E9ED;
        border: none;
        outline: none;
    }

    .copy-text button {
        /* padding: 10px; */
        /* background: #5784f5; */
        color: #009BCF;
        font-size: 18px;
        border: none;
        outline: none;
        /* border-radius: 10px; */
        cursor: pointer;
        margin: 0 !important;
    }

        .copy-text button:before {
            content: "Copied";
            position: absolute;
            top: -38px;
            right: 0px;
            padding: 2px 9px;
            border-radius: 20px;
            font-size: 14px;
            display: none;
            color: #009BCF;
         /*   border: 1px solid #009BCF;*/
        }
     /*   .copy-text button:after {
            content: "";
            position: absolute;
            top: -20px;
            right: 25px;
            width: 10px;
            height: 10px;
            background: #009BCF;
            transform: rotate(45deg);
            display: none;
        }*/

    .copy-text.active button:before,
    .copy-text.active button:after {
        display: block;
    }

/*button {
    outline: none;
    cursor: pointer;
    font-weight: 500;
    border-radius: 4px;
    border: 2px solid transparent;
    transition: background 0.1s linear, border-color 0.1s linear, color 0.1s linear;
}
*/
.popInner {
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius: 16px;
}
.popup {
    background: rgba(0,0,0,0.5);
    padding: 25px;
    border-radius: 15px;
    top: 10%;
    display: none;
    pointer-events: none;
    box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #282C3F;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 16px;
}

    .popup.show {
     display:block;
        pointer-events: auto;
      /*  transform: translate(-50%, -50%) scale(1);
        transition: top 0s 0s ease-in-out, opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;*/
    }

/*.left-filter-submenu.sticky1 {
    position: sticky;
    top: 150px;
    width: 305px;
}*/

#myCarousel .item {
    overflow: hidden;
    border-radius: 10px;
}
   
.categorySecowl-Brands {
    margin-bottom: 24px;
}
.ContactList {
    height: 300px;
    overflow: auto;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    flex-direction: column;
    white-space: nowrap;
}
.dropMenu_AllCatg + .hoverCard {
    background: #f6f6f6;
}
nav.AlphabetNav {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    font-weight: 600;
}
    nav.AlphabetNav a.active {
        color: #D10000;
    }

.alphaFilter {
    background: #fff;
    padding: 16px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    border-radius: 4px;
    width: 980px;
    z-index: 99;
    position: absolute;
    top: 48px;
}
/*.ContactList {
    column-count: 5;
}*/
.alphaHdr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
h5.Contact-name {
    margin: 0;
    font-size: 14px;
    color: #D10000;
}
.offerDetail-page {
    padding-top: 10px;
}
.offerTabs {
    margin-top: 30px;
    margin-bottom: 30px;
}
    .offerTabs .tab-content {
        padding: 10px;
        margin-top: 0;
    }
    .offerTabs li a {
        font-size: 16px;
        font-weight: 600;
        padding: 12px 24px;
        color: #222;
        font-family: 'Open Sans';
    }
.offerTabs li.active a {
    color: #009BCF;
}
    .offerTabs ul > li.active a, .offerTabs ul > li a:hover {
        background: #f3f3f3;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
    }
    .offerTabs ul {
        background: #fff;
        border: none;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        padding: 2px 0 0 2px;
    }
.offerImg {
    height: 252px !important;
}
.offerDtlSec {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0 0 43px;
}

.offerImage {
    border-radius: 7px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
}
.filterBy {
    margin-bottom: 20px;
}

    .filterBy input[type="text"] {
        border: 0;
        border-bottom: 1px solid #E9E9ED;
        width: 100%;
        padding: 10px 10px 0;
    }
.filterBy li:last-child {
    color: #D10000;
    text-transform: uppercase;
}
.filterBy ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    font-family: 'Open Sans';
}
.label-name {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Open Sans';
    color: #282C3F;
    line-height:normal;
    font-weight: 500;
}

    /* Hide the browser's default checkbox */
    .label-name input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
    .label-name .checkmark {
        position: absolute;
        top: 2px;
        left: 0;
        height: 16px;
        width: 16px;
        background-color: transparent;
        border: 1px solid #C3C2C9;
        border-radius: 2px;
    }

/* On mouse-over, add a grey background color */
.label-name:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
    .label-name input:checked ~ .checkmark {
        background-color: #009BCF;
        border-color: #009BCF;
    }

/* Create the checkmark/indicator (hidden when not checked) */
.label-name .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.label-name input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
    .label-name .checkmark:after {
        left: 5px;
        top: 1px;
        width: 4px;
        height: 9px;
        border: solid white;
        border-width: 0 1px 1px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
/*coupon page css*/

.m-0{
    margin:0;
}
.justify-content-between {
    justify-content: space-between;
}
.text-center{
    text-align:center;
}
.bg-fff{
    background:#fff !important;
}
.hoverCard .alphabeticalList {
    column-count: 6;
    counter-reset: alphabeticList;
    width: 100%;
    min-width: 100%;
    max-width: unset;
    margin: 0;
}
.hoverCard.AlphaList {
    padding: 18px;
    height: 340px;
    overflow:hidden;
}
.AlphaListInner > .closeNav {
    right: 32px;
}
.AlphaListInner {
    height: 320px;
    overflow-y: auto;
    /* position: relative; */
}
.alphabeticalList label {
    color: #D10000;
    font-weight: 600;
}

.borderAll {
    border: 1px solid #E9E9ED;
    border-radius: 12px;
   /* padding:24px;*/
    margin-top: 24px;
}
.verifiedSec, .dtlsSec, .verifiedSec + div {
    padding: 0 24px;
}
    .verifiedSec{
        margin-top:24px;
    }
.dtlsSec {
    background: #efefef;
    padding: 12px 24px;
}
    .verifiedSec ul {
        display: flex;
        align-items: center;
        gap: 24px;
        color: #878B94;
        margin: 0;
        font-size: 12px;
        font-family: 'Open Sans';
    }
.verifiedSec li {
    display: flex;
    gap: 8px;
}
.offer_name_new h4 {
    font-size: 21px;
    color: #282C3F;
    font-weight: 700;
    line-height: normal;
    font-family: 'Open Sans';
}
.offer_name_new h2 {
    font-size: 21px;
    color: #282C3F;
    font-weight: 700;
    line-height: normal;
    font-family: 'Open Sans';
    margin-bottom: 1.36842105263158em;
}

.retailer_name_new h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    font-family: 'Open Sans';
    color: #282C3F;
}
.retailer_name_new h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    font-family: 'Open Sans';
    color: #282C3F;
    margin-bottom: 1.04em;
}
.reedemBtn {
    background: #009BCF;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 12px;
    font-family: 'Open Sans';
    border-radius: 4px;
}
    .reedemBtn:hover {
        background: #70B942;
        color: #fff;
    }
    .validtill span {
        color: #282C3F;
        font-weight: 600;
    }
.codeSec {
    display: flex;
    align-items: center;
}
.codeSec ul {
    display: flex;
    align-items: center;
    border: 1px solid #70B942;
    border-radius: 4px;
}
    .codeSec li:last-child {
        background: #70B942;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
    }
    .codeSec li {
        display: flex;
        padding: 8px 18px;
        font-family: 'Open Sans';
        gap: 4px;
        align-items: center;
    }
        .codeSec li:first-child {
            font-size: 20px;
            color: #282C3F;
            font-family: 'Open Sans';
            font-weight: 700;
        }
  
.dtlsSec {
    margin: 20px 0 0;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans';
}

    .dtlsSec a, .share-icon {
        display: inline-flex;
        gap: 4px;
        align-items: center;
        color: #009BCF;
        line-height: normal;
    }
.offerRedeem .reedemBtn {
    min-width: 222px;
   /* margin-right: 16px;*/
}
.offerRedeem {
    margin-top: 12px;
    gap: 12px;
}

    .verifiedSec {
        display: flex;
        align-items: center;
        margin-bottom: 14px;
        justify-content: space-between;
    }
.offerImage img {
    height: 140px;
    border: 1px solid #E9E9ED;
    border-radius: 6px;
    width: auto;
    max-width: unset;
}
.offerImage {
    margin-right: 24px;
}
.reedemSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.categorySecowl button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.categorySecowl button.owl-next {
    position: absolute;
    top: 50%;
    right: -24px;
    transform: translateY(-50%)
}
.eid_OffersInner h2 {
    font-size: 44px;
    color: #fff;
    margin-bottom: 20px;
}
.eid_offerTxt {
    padding: 22px 0;
}
.eid_Offers {
    padding: 50px 0 !important;
    display: block;
}
.borderBoxBtn:hover {
    background: #6EB844;
    border-color: #6EB844;
    color: #fff;
}
.borderBoxBtn {
    border: 1px solid #fff;
    color: #fff;
    text-transform: capitalize;
    transition:all .4s;
    padding: 5px 22px;
    display: inline-block;
    border-radius: 4px;
}
.categorySecowl .owl-item a {
    /*border: 1px solid red;
    background: transparent !important;
    color: red !important;*/
    padding: 6px 7px;
    border-radius: 16px;
    border: 1px solid transparent;
}
.categorySec .owl-item a {
    padding: 6px 7px;
    border-radius: 16px;
    border: 1px solid transparent;
}
.language-arabic-selected .tab-content .col-sm-2 {
    float: right;
}
#categoryTabs a.active {
    border: 1px solid #D10000;
    color: #D10000;
}
#retailerTabs a.active {
    border: 1px solid #D10000;
    color: #D10000;
}
/*.categorySecowl .owl-item:first-child li a {
    border: 1px solid #D10000;
    background: transparent !important;
    color: #D10000 !important;
}*/
.txt-sec {
    padding: 0 16px;
}
.categorySec .owl_1 button.owl-next {
    right: -16px;
}
.categorySecowl{
    padding: 0 ;
}
.categorySec button.owl-prev {
    left: -16px;
}
.categorySec .owl-carousel.owl-theme .owl-nav button.disabled {
    opacity: 0.4;
    pointer-events: none;
}
.categorySec .owl-carousel.owl-theme .owl-nav button {
    background-color: transparent;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}
.categorySec .owl-carousel.owl-theme .owl-nav .owl-next {
    background-image: url('https://cdn.clicflyer.com/websiteimages/NewHome/images/nav-arr.png');
    background-color: transparent !important;
}
.categorySec .owl-carousel.owl-theme .owl-nav .owl-prev {
    background-image: url('https://cdn.clicflyer.com/websiteimages/NewHome/images/nav-arr-left.png');
    background-color: transparent !important;
}
.categorySec .owl-carousel.owl-theme .owl-nav button span {
    display: none !important;
}
.BrandsSecInner {
    padding: 10px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border: 1px solid #DFDFDF;
    border-radius: 8px;
    background: #fff;
    position: relative;
    margin-bottom: 15px;
}
.brandLogoSec {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .brandLogoSec img {
        height: 100px;
        width: 100%;
        object-fit: contain;
    }
.offerUses {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.offerUses p:first-child {
    background: #009BCF;
    display: inline-flex;
    padding: 2px 5px;
    border-radius: 6px;
    color: #fff;
    font-family: 'Open Sans';
    margin: 0;
}
    .offerUses p {
        font-size: 10px;
        color: #878B94;
        font-family: 'Open Sans';
        font-weight: 700;
    }
.retailer-view .offerUses p {
    font-size: 8px;
}
        .offerUses p span {
            color: #282C3F;
        }
.BrandsSec .whishlist-hearted svg {
    fill: none;
}
.BrandsSec .active-wishlist, .BrandsSec .whishlist-hearted:hover svg {
    fill: #009BCF;
    stroke: #009BCF;
}
.BrandsSec .whishlist-hearted {
    top: 9px;
    right: 24px;
}
.BrandsSec {
    margin-top: 40px;
    margin-bottom: 50px;
}
.offerName h4 {
    font-size: 18px;
    color: #282C3F;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    margin: 8px 0 8px;
    font-family: 'Open Sans';
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}
.coupon_code {
    border: 1px dashed #ccc;
    border-radius: 4px;
    text-align: center;
    max-width: 85%;
    margin: 0 auto;
    padding: 8px 0;
    color: #282C3F;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Open Sans';
    min-height: 38px;
}
.offer_desc h4 {
    font-size: 12px;
    text-align: center;
    line-height: normal;
    color: #878B94;
    font-family: 'Open Sans';
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 8px 0 20px;
    display: inline-block;
    width: 100%;
    min-height: 34px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.offer_desc {
    display: flex;
}
.categorySec {
    background: #F6F6F6;
    padding: 40px 0 16px !important;
}
    .categorySec .fiveColInner {
        margin-bottom: 24px;
        overflow: hidden;
        box-shadow: none;
    }
    .categorySec .owl-item {
        font-size: 14px;
        font-weight: 700;
        border: 1px solid transparent;
        padding: 6px 12px;
        border-radius: 20px;
        font-family: 'Open Sans';
        background: transparent;
      /*  margin-right: 16px;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }
.categorySec .hvr-float {
    padding-left: 12px;
    padding-right: 12px;
}
   /* .categorySec .active a {
        background: transparent !important;
        border-color: #D10000;
        color: #D10000;
    }*/
.logo-sec img {
    width: 100%;
}
.logo-sec {
    height: 123px;
}
.accordion {
    margin: 0 auto;
}

.accordion-header,
.accordion-body {
    background: white;
}
.accordion-header {
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.FAQ .accordion__item {
    padding: 18px;
    background: #fff;
    cursor: pointer;
    letter-spacing: .1em;
    text-transform: uppercase;
    border: 1px solid #E9E9ED;
    border-radius: 7px;
}


    .accordion-header:hover {
        border-color: #019BCD;
        position: relative;
        z-index: 5;
    }

.accordion__item {
    margin-bottom: 24px;
}

.accordion-header p {
    margin:0;
    color: #282C3F;
    font-family: 'Open Sans';
    font-weight: 600;
    width:90%;
    font-size: 16px;
    text-transform: none;
}

.accordion-header .plusFa {
    color: #282C3F;
    width: 20px;
    height: 20px;
    border: 2px solid #282C3F;
    display: flex;
    border-radius: 50%;
    position:relative;
    font-size: 12px;
    font-weight: 700;
}
.accordion-header .plusFa .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-42%, -50%);
}
.accordion-body {
    background: #fcfcfc;
    display: none;
}

.accordion-body__contents {
    padding: 16px;
    font-size: 14px;
    color: #878B94;
    font-family: 'Open Sans';
    font-weight: 400;
    padding: 20px 0 0;
    text-transform: none;
    line-height: normal;
}



@media screen and (max-width: 767px) {
   
   
    #shopNow {
        font-size: 12px;
    }
    #expiredoffers {
        flex-direction: column;
    }

        #expiredoffers h1 {
            font-size: 28px !important;
            line-height: normal;
        }

        #expiredoffers .col-md-6 {
            padding: 0 28px;
            width: 100%;
        }
    .spotlight-tooltip {
        width: 100%;
    }

    .spotlight-overlay .spotlight-middle .spotlight-left {
        width: 15%;
    }

    .spotlight-overlay .spotlight-top {
        height: 150px;
    }
    .sidebar + #goToTopOffer .bread-header {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .Coupon_Hdrnavigation .mm-toggle {
        color: #fff;
    }
    .codeSec li:last-child {
        font-size: 11px;
    }
    .coupon-redeem-btn, .coupon-save-btn {
        width: unset;
        height: 34px;
        min-width: 100px;
    }
    .verifiedSec {
        margin-top: 14px;
    }
    .col-one-container, .col-two-container {
        width: 100%;
    }
} 
.FAQ #accordion {
    margin: 28px 0 0;
}
section.banner-store {
    background: #fff;
    padding: 40px 0 !important;
}

.bannerTxtSec {
    /* background-image: url('../newhome/images/bannerstore.png'); */
    background-image: url('../newhome/images/RamadanBanner_Arabic.png');
    background-repeat: no-repeat;
    /*  height: 207px;*/
    display: flex;
    align-items: center;
    background-size: 100%;
    padding: 28px 0;
    justify-content: flex-end;
}
    .bannerTxtSec h2 {
        font-size: 22px;
        color: #fff;
        margin-bottom: 12px;
        font-family: "Playfair Display", sans-serif;
        font-weight: 900;
        font-style: normal;
    }
    .bannerTxtSec p {
        font-size: 19px;
        color: #fff;
        font-weight: 750;
        margin-bottom: 0;
        text-align: center;
    }

.CTAbannerTxt h2 {
    font-size: 52px;
    color: #2a3269;
    margin-bottom: 0;
    font-family: "Playfair Display", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: normal;
}

.CTAbannerTxt p {
    font-size: 32px;
    color: #2a3269;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}
.bannerTxtSec .appSec {
    display: flex;
    align-items: center;
    gap: 15px;
}
.couponGuideImgSec {
    margin-bottom: 30px;
}
.couponGuide {
    padding-bottom: 0;
    padding-top:30px;
}
.coupons-page .FAQ {
    margin-top: 60px;
    padding: 0;
    margin-bottom: 70px;
}
.couponGuideTxtSec p {
    padding: 10px;
    font-size: 14px;
    color: #878B94;
    line-height: 22px;
}
.couponGuideTxtSec h3 {
    padding: 10px;
    font-size: 18px;
    color: #282C3F;
    margin: 0 0 12px;
    font-weight: 700;
    line-height: normal;
    min-height: 42px;
}
.couponGuideInner {
    border: 1px solid #DFDFDF;
    /*padding: 20px;*/
    border-radius: 8px;
    min-height: 700px;
}
.content {
    position: relative;
    overflow: hidden;
}

    .content .content-overlay {
        background: rgba(0, 0, 0, 0.7);
        position: absolute;
        height: 99%;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .content:hover .content-overlay {
        opacity: 1;
    }

.content-image {
    width: 100%;
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.featuredTag {
    position: absolute;
    left: 0;
    top: 0;
}
    .featuredTag p {
        color: #fff;
        position: absolute;
        left: 10px;
        top: 4px;
        font-weight: 600;
        font-size: 14px;
        font-family: 'Open Sans';
    }
.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.most_popularStores .content-title {
    font-weight: 600;
    font-size: 12px;
}

.most_popularStores .featuredImg {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
}

.most_popularStores .content .content-overlay {
    border-radius: 0;
}

.most_popularStores .content-text {
    font-weight: 400;
    font-size: 11px;
}
.fadeIn-bottom {
    top: 80%;
}
@media only screen and (min-width: 768px) {
    #retailerSecMobile {
        display: none;
    }
    .couponMobMenu {
        display: none;
    }
}

/*new mobile nav*/
@media (max-width: 991px) {
    .navbar-toggler {
        display: block;
    }

    .couponMobMenu {
        background: #ffffff;
        flex-direction: column;
        z-index: 99999;
        opacity: 0;
        transition: 400ms ease;
        position: fixed;
        left: -100%;
        top: 0;
        /* width: 100%; */
        height: 100vh;
        overflow-y: auto;
        transform: translateX(-100%);
        padding: 0;
        right: 0;
    }

        .couponMobMenu .nav-link {
            margin: 10px 0;
            position: relative;
            color: #000;
            display: flex;
            align-items: center;
            font-weight: 700;
            font-family: 'Open Sans';
            font-size: 14px;
        }

        .couponMobMenu > .nav-item:first-child {
            margin-top: 20px;
        }

        .couponMobMenu > .nav-item:last-child {
            margin-bottom: 20px;
        }
        .couponMobMenu .nav-item {
            position: relative;
            width: 100%;
        }

            .couponMobMenu .nav-item:not(:last-child) {
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                width: 100%;
            }

         
        .couponMobMenu > .nav-item:after {
            display: none;
        }

        .couponMobMenu .nav-close {
            display: block;
        }

        .couponMobMenu.active {
            max-height: initial;
            opacity: 1;
            transform: translateX(0);
            left: 0;
            box-shadow: 0px 0px 0 10000px rgba(0, 0, 0, 0.5);
        }

  

        .nav-item .dropdown .dropdown {
            border: none;
        }
/*
        .nav-item .dropdown:before {
            display: none;
        }

    .nav-item:hover > .dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        max-height: initial;
    }*/

    .nav-item.icon a:before {
        top: unset;
        right: 0;
        transform: translateY(0px);
    }


    /* Dropdown CSS */
    .nav-item .dropdown {
        width: 100%;
        display: block;
        position: relative;
        transition: 300ms;
        display: none;
        border-top: 1px solid rgba(0, 0, 0, 0.15);
        background: #fff;
        z-index: 999;
    }

        .nav-item .dropdown .nav-link {
            color: #636363;
        }

        .nav-item .dropdown .dropdown {
            top: 0;
           /* left: calc(100% + 20px);*/
            border-top: 0;
           /* border-left: 1px solid rgba(0, 0, 0, 0.15);*/
        }

            .nav-item .dropdown .dropdown:before {
                top: 10px;
                left: -10px;
                border: 5px solid transparent;
                border-right-color: #000;
            }

        .nav-item .dropdown:before {
            content: "";
            position: absolute;
            top: -10px;
            left: 10px;
            border: 5px solid transparent;
            border-bottom-color: #000;
            display: none;
        }

        .nav-item .dropdown .nav-item:not(:last-child) {
            margin-bottom: 5px;
        }

    
    .nav-close {
        margin-left: auto;
        margin-top: 10px;
        display: none;
    }

        .nav-close .btn-nav-close {
            border: 0;
            outline: 0;
            background: transparent;
            font-size: 3rem;
            cursor: pointer;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: flex;
            color:#fff;
            align-items: center;
            justify-content: center;
        }

            .nav-close .btn-nav-close .close-btn {
                transform: rotate(45deg);
            }

    .nav-item.icon > a:before {
        content: "";
        position: absolute;
        right: 12px;
        top: 0;
        height: 3vw;
        width: 3vw;
        border-style: solid;
        border-color: #000;
        border-width: 0px 1px 1px 0px;
        transform: rotate(45deg);
        transition: border-width 150ms ease-in-out;
    }
    .nav-item.icon > a.toggled:before {
        transform: rotate(224deg);
    }
    ul.dropdown.toggled {
        display: block;
    }
    .couponMobMenu .imagesLi .nav-item {
        width: 30%;
        float: left;
        padding: 0 0;
        margin: 0 4px 8px !important;
        border: 1px solid rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
    }
        .couponMobMenu .imagesLi .nav-item .nav-link {
            margin: 0;
        }
/*    .nav-item.icon:hover > a::before {
        transform: rotate(224deg);
        top:5px;
    }*/
    .couponMobMenu .dropdown li {
        padding-right: 0;
    }

}

/*new mobile nav ends*/

@media only screen and (max-width: 767px) {
    #CTABanner .discoverBanner {
        padding-right: 16px;
    }
    .language-arabic-selected .CTAbannerTxt h2 {
        top: -6px;
        position: relative;
    }
    .CTAbannerTxt h2 {
        font-size: 24px;
        line-height: normal;
    }
    .CTAbannerTxt p {
        font-size: 16px;
        margin-top:0;
    }
    #shopNowCTA {
        padding: 4px 9px;
        font-size: 12px;
        margin: 2px 0 0;
    }
    .mobile .CTAbannerTxt {
        justify-content: center;
        margin:0;
    }
    #CTABanner {
        margin: 30px 0;
    }
    .offerDtlSec .verifiedSec ul {
        flex-direction: row;
    }
        .offerDtlSec .verifiedSec ul li {
            width: auto;
        }
    .featuredTag img {
        height: 30px !important;
    }
    .coupon_carousel .owl-dots {
        margin: 0 0 0;
        position: absolute;
        bottom: 24px;
        left: 50%;
        transform: translateX(-50%);
    }
    .verifiedSec + div {
        display: flex;
        flex-direction: column;
    }
    .offerImg {
        height: unset !important;
    }
    .offerDtlSec .reedemSec {
        flex-direction: row;
        width: 76%;
    }
    .offerRedeem {
        width: 76%;
    }
    .offerDtlSec .offerImage {
        width: 100%;
        margin-right: 0;
    }
    .sortBtns.noSort {
        display: flex;
        justify-content: center;
    }
    .language-arabic-selected .nav-item.icon > a:before {
        right: unset;
        left: 12px;
    }
    #retailerSecDesktop {
        display: none;
    }
    .featuredTag {
        height: unset !important;
    }
}
.most_popularStoresInner {
    background: #fff;
    margin: 20px 0 0;
    border: 1px solid #E9E9ED;
    box-shadow: 0px 0px 5px #E9E9ED;
    display: flex;
}
.border-left-bottom {
    border-left: 1px solid #E9E9ED;
    border-bottom: 1px solid #E9E9ED;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .border-left-bottom img {
        height: 70px;
        width: auto;
        object-fit: contain;
    }
    .border-left-bottom {
        border-left: 1px solid #E9E9ED;
        border-bottom: 1px solid #E9E9ED;
    }
.section-hdng {
    font-size: 24px;
    color: #212121;
    font-weight: 700;
}
.most_popularStores {
    /*margin-top: 32px;*/
    padding: 20px 0;
    background: #f6f6f6;
}
.view-store {
    background: #009BCF;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display:inline-block;
    min-width: 170px;
    text-align: center;
    padding: 10px 10px;
    border-radius: 4px;
    transition: all .4s;
}
    .view-store:hover {
        background: #6fb943;
        color:#fff;
    }
    .coupon_carousel .carousel-control {
        background-color: #fff;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: none;
        top: 50%;
        left: 16px;
        transform: translateY(-50%);
    }
    .coupon_carousel .carousel-control.right {
        right: 16px;
        left:unset;
    }
.coupon_carousel .carousel-indicators li {
    width: 20px;
    height: 6px;
}

.coupon_carousel .carousel-indicators {
    bottom: 16px;
    margin-bottom: 0;
}
.coupon_carousel .carousel-indicators li {
    border: 1px solid #009BCF;
    background-color: #fff;
}
.coupon_carousel .carousel-indicators .active {
    background-color: #009BCF;
}
.coupon_carousel {
    margin: 0px 0;
    padding: 24px 0;
    height: 236px;
}
.align-items-center{
    align-items:center;
}
.categoryNav {
    background: #f8f8f8;
    position: relative;
    border-bottom: 1px solid #CECECE;
}
.cata-sub-nav ul {
    /*overflow-x: auto;
    overflow-y: hidden;*/
    white-space: nowrap;
    margin: 0 8px;
}
.cata-sub-nav a {
    display: inline-block;
    font-size: 14px;
    color: #084354;
    font-weight: 500 !important;
    text-transform: uppercase;
    margin: 0 1%;
}
.cata-sub-nav a:hover{
    cursor: pointer;
    color: #009BCE;
}
.allCatg .fa {
    font-size: 22px;
}
.allCatg {
    font-size: 14px;
    color: #084354;
    text-transform: uppercase;
    border-right: 1px solid #CECECE;
    display: flex;
    align-items: center;
    padding: 12px 22px 12px 15px;
    justify-content: space-between;
}
.dropMenu .hoverCard, .dropMenu_AllCatg hoverCard {
    left: 0;
    right: 0;
    padding-left: 16px;
    background: #f6f6f6;
    padding-bottom: 40px;
    box-shadow: 0px 6px 5px rgba(0,0,0,0.2);
    top: 101%;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.cardLogoSec {
    background: #fff;
    border: 0.86px solid #D8D8D8;
    border-radius: 5px;
    height: 72px;
    padding: 6px;
    display: flex;
    align-items: center;
    transition: all .4s;
    justify-content: center;
    margin-bottom: 11px;
}
.cardLogoSec img {
    height: 70px;
    width: 100%;
    object-fit: contain;
}
.cardLogoSec:hover {
    border-color: #009BCF;
    box-shadow: 0 3px 8px rgba(97, 97, 97, 0.2);
    transform: scale(1.02);
}

.dropMenu_AllCatg:hover {
    color: #009BCE;
    cursor: pointer;
}
.px-6 {
    padding-left: 6px;
    padding-right: 6px;
}
.arrow {
    cursor: pointer;
}
    .cata-sub-nav ul::-webkit-scrollbar {
        display: none;
    }
.cata-sub-nav {
    display: flex;
    align-items: center;
    position:static;
}
.categoryNav > .container {
    position: static;
}
.dropMenu_AllCatg {
    position: static;
}
.cata-sub-nav li {
    display: inline-table;
    margin: 0 30px 0 0;
    font-size: 16px;
}
.arrow{
    cursor:pointer;
}
.arrow img {
    height: 18px;
    max-width: unset;
    width: 18px;
}
.nav-prev img {
    transform: rotate(180deg);
}
.eid_OffersInner {
    background-image: url('../newhome/images/EidBanner.png');
    background-repeat: no-repeat;
    font-family: "Reem Kufi", sans-serif;
    font-style: normal;
    background-size: 100%;
}

.home-index .Coupon_Hdrnavigation#myHeader {
    background: rgb(1,155,205);
    background: linear-gradient(98deg, rgba(1,155,205,1) 33%, rgba(110,184,68,1) 78%);
}
/*.Coupon_Hdrnavigation #nav li a {
    color: #fff;
}*/
.Coupon_Hdrnavigation .custom-search-field form {
    border: none;
    background: #fff;
    min-width: 475px;
}
.Coupon_Hdrnavigation .custom-search-field {
    margin-left: 100px;
}
.Coupon_Hdrnavigation .hotOffer {
    color: #e3d10d !important;
}
.Coupon_Hdrnavigation a.hotOffer:hover span {
    color: #e3d10d !important;
}
.Coupon_Hdrnavigation .searchicon {
    color: #777;
    font-size: 16px;
    background: #e7e7e7;
    padding: 0 16px;
}
.similarStores {
    background: #fff;
    margin: 20px 0 0;
    /* border: 1px solid #E9E9ED; */
    border: 1px solid #E9E9ED;
    box-shadow: 0px 0px 5px #E9E9ED;
    /* display: flex; */
}
    .similarStores .content-image {
        height: 84px;
        width: 100%;
        object-fit: contain;
    }
/*.similarStores img {
    height: 70px;
    object-fit: contain;
}
.similarStores {
    border: 1px solid #E9E9ED;
    margin-top: 24px;
}*/
.five-columns > .col-md-2 {
    width: 20%;
}
.f-20{
    font-size:20px !important;
}
.verifiedSec + div{
    display:flex;
}
/*.five-columns .border {
    border: 1px solid #E9E9ED;
    border-radius: 4px;
    padding: 12px 12px;
}*/
@media (min-width: 768px) {
    .five-columns > .col-sm-2 {
        width: 20%;
    }
}
@media only screen and (max-width:767px) {
    #shopNow {
        margin: 9px 0 0;
    }
    .left-filter-submenu-coupon{
        display:none;
    }
    .coupon_carousel .item a, .coupon_carousel .owl-item, .coupon_carousel {
        height: auto;
    }
    .dropdown .icon a.nav-link {
        margin: 16px 0;
    }
    body.menuOpen {
        overflow: hidden;
    }
    ul.dropdown.toggled.imagesLi {
        display: flex;
        flex-wrap: wrap;
        border:0;
    }
    .categorySec .owl-carousel {
        width: 90% !important;
        margin: 0 auto;
        padding: 0 11px;
    }
    .popInner {
        max-width: 90%;
        transform: translate(-50%, -34%);
    }
    .popup .icons {
        flex-wrap: wrap;
    }
    .offerUses p:first-child {
        font-size: 8px;
    }
    .p-10 {
        padding: 0 8px;
    }
    .offerDtlSec {
        flex-direction: column;
    }
        .offerDtlSec .codeSec ul {
            min-width: 222px;
            justify-content: space-between;
            text-align: center;
        }
        .offerDtlSec .codeSec li:first-child {
            flex: 1;
            text-align: center;
            justify-content: center;
        }
    .offerTabs li a {
        font-size: 14px;
        padding: 12px 11px;
    }
    .categorySec .owl-carousel.owl-theme .owl-nav button.disabled {
        display: block;
    }
    .categorySec .tab-content {
        padding: 0 !important;
    }
    .categorySecowl.owl-carousel {
        width: 90%;
        margin: 0 auto;
    }
    .coupon_carousel .owl-nav {
        top: 30%;
    }
    .most_popularStores {
        margin-top: 12px;
    }
    .coupons-page .FAQ {
        margin-top: 28px;
        margin-bottom:0;
    }
    .categorySec .owl-item {
        margin-right: 0;
        padding: 6px 2px;
    }
    .addSec {
        display: none;
    }
   /* .verifiedSec + div {
        display: block;
    }*/
    /*.borderAll {
        padding: 11px;
    }*/
    .verifiedSec, .dtlsSec, .verifiedSec + div {
        padding: 0 11px;
    }
    .retailer_name_new h3 {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .retailer_name_new h1 {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .offer_name_new h2 {
        font-size: 14px;
        font-weight: 600;
    }
    .reedemBtn {
        font-size: 14px;
    }
    .codeSec li {
        padding: 8px 9px;
    }
    .dtlsSec {
        font-size: 12px;
    }
        .codeSec li:first-child {
            font-size: 14px;
        }
    .verifiedSec ul {
        flex-direction: column;
        gap:6px;
    }
    .verifiedSec {
        margin-bottom: 8px;
    }
    .five-columns > .col-md-2 {
        width: 50%;
    }
    .verifiedSec li {
        display: flex;
        text-align: left;
        justify-content: flex-start;
        width: 100%;
    }
    .offerImage {
        margin-right: 11px;
        margin-bottom: 18px;
    }
    .offerImage {
        width: 100%;
        margin-right: 0;
    }
    .offerImage img {
        height: auto;
        width: 100%;
        max-width: 100%;
    }
    .dtlsSec {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .reedemSec {
        gap:10px;
    }
    .eid_OffersInner {
        background-size: cover;
        border-radius: 5px;
    }
        .eid_OffersInner h2 {
            font-size: 16px;
            margin-bottom: 5px;
        }
    .eid_Offers {
        padding: 16px 0 !important;
    }
    .Coupon_Hdrnavigation .custom-search-field form {
        min-width: 100%;
    }

    .Coupon_Hdrnavigation .custom-search-field {
        margin-left: 0;
    }
    .mobile .bannerTxtSec {
        background-image: url('../newhome/images/RamadanBanner_Arabic-Mobile.png');
        height: unset;
        display: flex;
        padding: 9px 0;
        align-items: center;
        justify-content: center;
        background-size: 100%;
    }
    .language-arabic-selected .mobile .bannerTxtSec {
        background-image: url('../newhome/images/RamadanBanner_Arabic.png');
    }
    .most_popularStoresInner {
        display: block;
        height: 400px;
        overflow-y: auto;
    }
        .most_popularStoresInner > .content {
            border-bottom: 1px solid #E9E9ED;
        }
    .section-hdng {
        font-size: 16px;
        margin: 0 12px 0 0 !important;
    }
        .section-hdng + .view-store {
            font-size: 14px;
            min-width: 126px;
            padding: 8px 8px;
            line-height: normal;
        }
    .coupon_code:empty {
        height: 38px;
    }
    .view-store {
        font-size: 14px;
        min-width: 126px;
        padding: 8px;
    }
    .couponGuideInner {
        margin-bottom: 18px;
    }
    .BrandsSec .col-xs-6 {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 18px;
    }
    img.scanner {
        display: none;
    }
    .bannerTxtSec h2 {
        font-size: 10px;
        line-height: normal;
        margin-bottom: 0;
    }
    .bannerTxtSec p {
        font-size: 7px;
        line-height: normal;
    }
    .appSec img {
        height: 24px;
        margin:0;
    }
    .bannerTxtSec .appSec {
        gap: 6px;
        justify-content:center;
        margin: 7px 0 0;
    }
    .discoverBanner-Mobile {
        text-align: center;
    }
    .accordion-header p {
        width: 86%;
    }
    section.banner-store {
        padding: 20px 0 !important;
    }
}
/*coupon page css ends */
/*#txtsearchNew2mob {
    color: #FFF !important;
}*/

.pixxett-header1 .hoverCard .logos {
    display: flex;
    width: 100%;
    min-width: 100%;
    max-width: unset;
    flex-wrap: wrap;
    gap: 10px;
    /*max-height: 292px;
    overflow-y: auto;*/
}
    .pixxett-header1 .hoverCard .logos li {
        width: 12.5%;
        opacity: 1;
        padding:0;
        margin-left: 2px;
    }
        .pixxett-header1 .hoverCard .logos li a {
            border: 1px solid #D8D8D8;
            border-radius: 5px;
            display: flex !important;
            transition: all 0.5s;
            justify-content: center;
            align-items: center;
            text-align: center;
            vertical-align: middle;
            height: 84px;
            background: #fff;
            margin-top: 1px;
            margin-bottom: 1px;
        }
        .pixxett-header1 .hoverCard .logos li a:hover {
            border-color: #009BCE;
            box-shadow: 0 3px 8px rgba(97, 97, 97, 0.2);
            transform: scale(1.02);
        }
.logos li img {
    height: 70px;
    width: 80%;
    object-fit: contain;
}
.paddle {
    border: 0.2px solid #616161;
    background: white;
    color: #616161;
    padding: 4px 11px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(97, 97, 97, 0.3);
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 99;
}
.paddle:hover {
    background: #039CCE;
    color: white;
    border: 0.2px solid white;
    box-shadow: none;
}
.left-paddle {
    left: 0;
}
.language-arabic-selected .left-paddle {
    left: unset;
    right: 0;
}
.right-paddle {
    right: 0;
}
.language-arabic-selected .right-paddle {
    left: 0;
    right: unset;
}
.arrow + .paddles .right-paddle {
    display: block;
}

/*.flyer-header{
    display:none;
}*/
ul#appendNew {
    display: flex;
    overflow-x: auto;
}
#searchBlk #txtsearchNew2 {
    border: 1px solid #606060;
    border-radius: 20px;
    padding: 5px 28px 5px 10px;
    font-size: 12px;
    min-width: 100%;
}
#searchBlk #txtsearchNew2::placeholder {
    color: #b3b3ba;
}
span.close-srch-main {
    margin: 0 6px;
    cursor:pointer;
}
#sortBtnsSingle p span {
    display: inline-flex;
    justify-content: center;
}
#sortBtnsSingle span#filterapp {
    margin-left: 8px;
}
.language-arabic-selected .searchListImg {
    margin-right: unset;
    margin-left: 11px;
}
.language-arabic-selected .searchListng2 {
    right: unset;
    left: 0;
}
.searchBrdHdr h1, .searchBrdHdr p {
    /* float: left;*/
    margin: 0;
    font-size: 21px;
    font-style: normal;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
}
.searchBrdHdr p {
    color: #9d9797;
}
    .searchBrdHdr h1 {
        color: #000;
        text-transform: uppercase;
    }

    .searchBrdHdr .totalavailOffer {
        margin: 0 0 0 11px;
        display: flex;
        flex-grow: 1;
    }
.language-arabic-selected .searchBrdHdr .totalavailOffer {
    margin: 0 11px 0 0;
}

.searchBrdHdr #sort-by {
    float: right;
}

.language-arabic-selected #searchBlk p, .language-arabic-selected #searchBlk-mob p {
    right: unset;
    left: 24px;
}
.searchListng2 a:hover {
    background: #256d83;
    color: #fff !important;
}
.language-arabic-selected #searchBlk i.fa.fa-arrow-left, .language-arabic-selected #searchBlk-mob i.fa.fa-arrow-left {
    transform: rotate(180deg);
    margin-left: 5px;
}
li.searchListng2 {
    position: absolute;
    right: 0;
    z-index: 9999;
    background: #fff;
    top: 100%;
    box-shadow: 0px 0px 4px #ccc;
    max-width: 400px;
    width: 100%;
}
.searchListng2mob {
    position: absolute;
    right: 0;
    z-index: 9999;
    background: #fff;
    top: 100%;
    box-shadow: 0px 0px 4px #ccc;
    max-width: 100%;
    width: 100%;
}
    li.searchListng2 p a, .searchListng2mob p a {
        padding: 10px 16px;
    }
    .searchListng2 p > a, .searchListng2mob p > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
.searchListng2 p, .searchListng2mob p{
    margin: 0 0 8px;
}
li#searchBlk {
    position: relative;
    font-size: 18px;
    margin: 0 12px 0 0;
    flex: 1;
}
.language-arabic-selected li#searchBlk {
    margin: 0 0 0 12px;
}
.language-arabic-selected #maginifier a:first-child {
    margin-right: 0;
}

#searchBlk p, #searchBlk-mob p {
    position: absolute;
    z-index: 99;
    right: 24px;
    display: none;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 4px #009bce;
    border-radius: 16px;
    background: #686666;
    padding: 0 11px;
    top: -6px;
}

#searchBlk i.fa.fa-arrow-left, #searchBlk-mob i.fa.fa-arrow-left {
    color: #fff;
    cursor: pointer;
    margin: 0 10px 0 0;
}

#searchBlk input, #searchBlk-mob input {
    border: none;
    background: transparent;
    min-height: 34px;
    color: #616161;
    font-size: 14px;
    height: auto;
}

#searchIcon, #searchIcon-mob {
    cursor: pointer;
}
i#searchIcon-mob {
    top: 2px;
    position: relative;
}

.side-nav-categories .searchField input {
    margin-bottom: 0 !important;
}

#searchListing p {
    float: left;
    width: 25%;
    padding: 4px;
    margin: 0 0 6px;
}
h3#search-suggestions-title2 {
    color: #616161;
}
#searchListing p > a {
    border: 1px solid #039CCE;
    display: inline-block;
    width: 100%;
    padding: 5px;
    border-radius: 4px;
}
#searchListing p > a:hover {
    border-color: #70b942;
    background: #fff;
}
#searchListing span > font:first-child {
    display: inline-block;
    width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}
#searchListing span > font:last-child {
    display: inline-block;
    width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}
    .side-nav-categories .searchField input {
        margin-bottom: 0 !important;
    }
.side-nav-categories .searchField input {
    margin-bottom: 0 !important;
}

.side-nav-categories .searchField {
    padding: 0 10px;
    position: relative;
    margin: 12px 0 0;
}

.close-srch {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 22px;
    cursor: pointer;
}

.retailer-filter-coupons a:hover span {
    color: #009bce;
}

#hiddenContent {
    width: 100%;
}

#more-content {
    color: #084354;
    transition: color 0.3s;
    font-weight: bold;
}

    #more-content:hover {
        color: #009bce;
        cursor: pointer;
        font-weight: normal;
    }

#less-content {
    color: #084354;
    transition: color 0.3s;
    font-weight: bold;
}

    #less-content:hover {
        color: #009bce;
        cursor: pointer;
        font-weight: normal;
    }

#sortBtnsSingle p {
    width: 100%;
    border: none;
    padding: 0;
    justify-content: center;
}

.sortTabs.sortTabsFlyer .form-group input:checked + label:after {
    display: none;
}

.sortTabsFlyer.sortTabs .form-group label::before {
    display: none;
}

.left-filter-submenu .submenu-collapse a:hover {
    color: #009bce;
}

.language-arabic-selected #slide-counter .number-of-pages {
    margin: 0 11px 0 0;
}

#slide-counter .number-of-pages {
    margin: 0 0 ;
    padding: 0;
    width: unset;
    height: unset;
    line-height: normal;
    position: static;
    color: #606060;
    font-size: 15px;
    font-weight: 100;
    background: no-repeat;
    box-shadow: none;
    border: none;
}

#slide-counter-mobile .number-of-pages {
    margin: 0 0 0 11px;
    padding: 0;
    width: unset;
    height: unset;
    line-height: normal;
    position: static;
    color: #606060;
    font-size: 10px;
    background: no-repeat;
    box-shadow: none;
    border: none;
}

.p-2 {
    padding-left: 6px;
    padding-right: 6px;
}

.flyer-main-parent.mobileFlyerView {
    margin-bottom: 0;
}

#logo-container {
    margin-top: 16px;
    margin-bottom: 40px;
}

header#nav-coupon-header.headerV2 {
    display: none;
}

.language-arabic-selected .number-of-pages {
    left: unset;
    right: 16px;
}
/*.products-grid .tile-dtls-description {
    display: none;
}*/
.custom-tab-flyers + .retailerPageContainer {
    margin-top: 0;
}

    .custom-tab-flyers + .retailerPageContainer .section-heading {
        margin-top: 18px;
        margin-bottom: 18px;
    }

.offer_name {
    padding: 6px;
    text-align: center;
    background: #f2f2f2;
/*    border-top: 1px solid #d4d4d4;*/
}

@media (min-width: 769px) {
    #nav-coupon-headerV2 {
        display: none !important;
    }
}

@media (max-width: 767px) {
   
    .Home .coupon_carousel .item img {
        height: 120px;
        object-fit: contain;
    }
    .coupon_carousel {
        padding-bottom: 0;
        min-height: 132px;
    }
    .offer-detailsPg {
        margin-top: 21px;
    }
    .offer-details-imgsec {
        margin-bottom: 30px;
    }
    .offerUl {
        gap: 7px;
    }
        .offerUl li a {
            min-width:108px;
        }
    .offer-ProductName {
        font-size: 14px;
        margin: 8px 0;
    }
    .promoPrice {
        font-size: 20px;
    }
    .dateBlk + .view-more-div button.offer-save {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .offerUl {
        display: flex;
        gap: 7px;
        justify-content: space-between;
    }
    .storesApp {
        text-align: left;
        margin: 11px 0 0;
    }
    .mobileAppBlk .modal-body {
        display: inline-block;
        width: 100%;
    }
    .mobileAppBlk label {
        text-align: left;
    }
    .allRetailers.owl_1 .owl-nav .owl-prev {
        left: -34px;
    }
    .allRetailers.owl_1 .owl-nav .owl-next {
        right: -34px;
    }
    #flyer-header-desktop {
        display: none !important;
    }

    header#nav-coupon-header.headerV2 {
        display: block;
    }
}

@media (min-width: 767px) {
    #flyer-header-mobile {
        display: none !important;
    }
}

@media (max-width: 767px) {
    #logo-container {
        display: none !important;
    }
}

.retailer_name h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 11px !important;
    color: #fff;
    margin: 0;
    overflow: hidden;
    font-family: 'Open Sans';
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    max-width: 120px;
}

.retailer_name a img {
    margin-left: 21px;
}

.offer_name h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    margin-bottom: 0;
    width: 150px;
    overflow: hidden;
    font-family: 'Open Sans';
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    height: 20px
}

.offer-bottom {
    background: #039CCE;
    display: flex;
    padding: 2px 5px;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .retailer-location-heading {
        /* Reset styles for mobile views if needed */
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important; /* or you can use 'inherit' depending on your preference */
    }
}

#retailers-sort-btn {
    display: none;
}

.logo_outer {
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px 5px;
    /* margin-bottom: 8px; */
    box-shadow: 0 -2px 5px 0 rgb(0 0 0 / 18%);
}

.openPopup img, .openPopImg {
    height: 18px;
    width: 18px;
    /*  margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 2px;
    margin-top: 2px;*/
}


.collapsible-nav-main:last-child a {
    color: #009bce;
    padding-left: 20px;
}

    .collapsible-nav-main:last-child a::before {
        display: none;
    }

.getApp, .modal-footer .logoSec p {
    font-family: Roboto,sans-serif;
    font-weight: 600
}

*, .closebtnSort:hover, .overlay li a, .tabcontrol > .steps > ul > li > a:hover {
    text-decoration: none
}

.offer-name, .retailer-trend-footer-cmn h4 {
    text-overflow: ellipsis;
    white-space: nowrap
}

.number-of-offers, .tag-new {
    letter-spacing: 1px;
    font-weight: 700
}

.coupon-popup-footer a, .shareBlk a:hover {
    text-decoration: underline
}

#sort-by, .language-arabic-selected .flyer-header .list_top_content .bank_mont_first_img, .language-arabic-selected .flyer-header-desktop .list_top_content .bank_mont_first_img, .language-arabic-selected .singleflyerpage li {
    float: right
}

.language-arabic-selected .drop-down-sharing {
    right: unset;
    left: 15px
}

.owl-item {
    display: inline !important
}

header .hoverCard h6.title {
    color: #212121;
    text-transform: uppercase
}

.language-arabic-selected .back-to-top {
    right: unset;
    left: 1.85714286em
}

.hoverCard h6.title {
    line-height: normal
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover, .viewAllNav a {
    color: #009bce !important
}

.hoverCard ul ul {
    max-width: 100% !important;
    min-width: 100% !important;
    margin-right: 0
}

.retailes-logo-left.offerTileRetailerLogo {
    width: 52px;
    height: 32px;
    object-fit: contain;
    /* position: absolute;
    bottom: 48px;*/
    z-index: 99;
    background: #fff;
    border-radius: 4px;
    margin: 0 auto;
    margin-left: 60px !important;
    margin-right: 60px !important;
    /* transform: translateX(-50%);
    left: 50%;*/
    /* border: 1px solid #ccc;*/
    text-align: center
}

.hoverCard li.showmore a, .hoverCard li.viewallforretailers a {
    color: #009bce !important;
    font-weight: 500 !important
}

.closeNav {
    position: absolute;
    right: 12px;
    z-index: 99;
    bottom: 0;
    cursor: pointer
}

.language-arabic-selected .closeNav {
    right: unset;
    left: 12px
}

.language-arabic-selected #sort-by .left + ul, .language-arabic-selected .modal-footer .logoSec p, .language-arabic-selected .spacialOffer {
    text-align: right
}

.bestsellers3 .category-product, .border-box, .footer-pagination, .logo-inner-pannel-logo-section ul, .newModal .modal-title, .no-of-pagesflyer-listing, .search-text-value h1, .similar-offers, .slider-main-flyers li, .topOffer .nav-tabs li {
    text-align: center
}

#sort-by .left + ul > li {
    margin: 0;
    width: 100%
}

#sort-by .left + ul {
    width: 240px;
    text-align: left;
    font-size: 14px
}

.language-arabic-selected .flyer-header li.bank_mont_first_img, .language-arabic-selected .flyer-header-desktop li.bank_mont_first_img {
    /*border-left: 1px solid #c2c2c2;*/
    border-right: none
}

.flyer-header .list_top_content li.flyerlist_ar {
    flex: 1;
}

.flyer-header-desktop .list_top_content li.flyerlist_ar {
    /* flex: 1; */
    /* margin-left: 240px; */
    text-align: left;
    color: #007D90;
    margin-right: 40px;
    margin-left: 20px;
}

.language-arabic-selected .flyer-header-desktop .list_top_content li.flyerlist_ar {
    text-align: right;
}


    .flyer-header li.flyerlist_ar, flyer-header-desktop li.flyerlist_ar {
        line-height: normal !important;
        text-align: center
    }

.flyer-header-desktop li.flyerlist_ar .retailer-nickname {
    /* color: #606060; */
    font-family: Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 114px;
    display: inline-block;
}

#maginifier a {
    color: #606060;
    font-size: 20px;
}
.flyerlist_ar span {
    color: #606060;
}
.flyer-header-desktop li.flyerlist_ar .valid-till-desktop {
    display: inline-block;
  /*  width:100%;*/
   /* color: #606060;*/
    font-family: Helvetica;
    font-size: 10px;
    font-style: normal;
    /*font-weight: 700;*/
    text-transform: uppercase;
}

.custom-tab-flyers .tab, .flyerlist_ar .valid_till, .flyerlist_ar .valid_till_offer, .modal .product-essential {
    display: inline-block;
    width: 100%
}

.language-arabic-selected .flyer-header .list_top_content ul li.bankmont_grid, .flyer-header-desktop .list_top_content ul li.bankmont_grid, .language-arabic-selected .list_top_content ul li.bankmont_grid1, .wizard > .actions > ul > li, .wizard > .steps > ul > li {
    float: left
}

.language-arabic-selected .custom-flyers-tabs-common.nav-tabs.product-tabs > li:last-child {
    margin-right: 50px
}

.language-arabic-selected .getApp {
    font-size: 11px
}

.language-arabic-selected .newModal .modal-dialog, .language-arabic-selected .newModal.modal-dialog {
    margin-top: 74px
}

.language-arabic-selected .flyer-main-parent .bank_mont_first_img a img {
    transform: rotate(180deg)
}

.bread-header.text-center.searchBrdHdr {
    display: flex;
    width: 100%;
    border: none;
    align-items: center;
}

.mt-10 {
    margin-top: 40px
}

.mobile-menu-footer.footerMargin .footer-bottom {
    margin-bottom: 64px
}

.d-none, .goog-te-banner-frame.skiptranslate {
    display: none !important
}

.category-product + .product-bestseller.cart-common-tilepage {
    padding: 0;
    border: 0
}

.search-cart-visible .product-bestseller.product-listing-main-parent.cart-common-tilepage {
    padding-top: 0;
    border: 0
}

#related-products-slider.product-flexslider .item .item-inner:after, .bestsellers3 .pixxett-tabs li.active a:before, .bestsellers3 .product-bestseller .item .item-inner:after, .checkbox-parent .checkmark:before, .custom-flyers-tabs-common.nav-tabs.product-tabs > li:last-child:after, .custom-search-field form:before, .display-none, .featured-pro .item .item-inner:after, .grid-view-hamburger, .home-page-slider-banner .bx-wrapper .bx-caption, .left-filter-submenu-mobile-view, .mobile-view-action-button, .mobile-view-all, .mobileSort, .newModal .modal-footer::before, .newModal .modal-footer:after, .none-right-border::after, .product-bestseller-list.clearfix:after, .product-next-prev, .product-view .email-friend a:before, .product-view .product-shop .add-to-links .link-compare:before, .product-view .product-shop .add-to-links .link-wishlist:before, .products-grid .item .actions .add-to-links, .products-grid .share-icon-detls, .retailer-trend-footer-cmn span.number-of-flyers, .singleflyerpage .tile-dtls-description, .sortTabs [type=radio]:checked, .sortTabs [type=radio]:not(:checked), .tile-dtls-description .price-and-discount, .tile-dtls-description .retailers-brand-remaining-time, .upsell-pro .block-content .item .item-inner:after, form:after {
    display: none
}

.cmn-modal-body.cmn-modal-body2, .cmn-modal-content.cmn-modal-content-product-details .cmn-modal-body, .collapsible-nav-main, .container .container, .flyer-header .list_top_content ul .dropdown, flyer-header-desktop .list_top_content ul .dropdown, .main-container-for-slider, .newModal .modal-body, section.bar.bar-3.bar--sm.trending {
    padding: 0
}

.no-gutter-product-details, .no-gutter-spacing-container-product-details, .p-0 {
    padding: 0 !important
}

.border-box {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0,0,0,.15);
    margin-bottom: 10px;
    position: relative;
    padding: 8px
}

    .border-box .see-details {
        margin-top: 8px
    }

#pagingProduct .fivecolblk, .fivecolblk {
    width: 20%
}

.allSimilarOffer .tile-dtls-description, .bestsellers3 .product-bestseller-list, .checkbox-parent input:checked ~ .checkmark:after, .firstList:hover .subLevel, .inner-cart-offer-category span, .list01 li, .loader-show, .offerTab .tile-dtls-description, .product-view .add-to-links span, .product-view .email-friend a:hover span.show-on-hover-title, .product-view .product-shop .add-to-links .link-compare:hover span.show-on-hover-title, .product-view .product-shop .add-to-links .link-wishlist:hover span.show-on-hover-title, .singleflyerpage .share-icon-detls, .subLevel.activeTab {
    display: block
}

.inner-similar-offer-tile {
    margin-top: 20px
}

.tileImg {
    height: 120px;
    object-fit: contain
}

.boxShadow {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 18%);
    display: flex;
    align-items: center;
    justify-content: center
}

.filledBtn, .getApp {
    border-radius: 3.969px;
    color: #fff
}

.inner-similar-offer-tile .view-more-div {
    margin-bottom: 30px
}

.newModal .modal-footer, .newModal .modal-header {
    background: linear-gradient(90deg,#0086c4 0,#7dc142 100%)
}

.content:hover .content-overlay, .flickity-page-dots .dot.is-selected, .newModal .close {
    opacity: 1
}

.newModal .modal-title {
    color: #fff;
    text-transform: uppercase
}

.newModal .modal-footer {
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: space-between
}

.modal-footer .logoSec p {
    margin-left: 9px;
    color: #fff;
    font-size: 9px;
    text-align: left;
    line-height: normal;
    flex: 1;
    padding-right: 16px
}

.newModal .logoSec {
    display: flex;
    align-items: center;
    flex: 1
}

.getApp {
    background: #009ecf;
    box-shadow: 0 3.9689438343048096px 9.260868072509766px 0 rgba(0,0,0,.25);
    border: none;
    padding: 0;
    font-size: 15px;
    min-width: 96px
}

.shareBlk {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    box-shadow: 0 1.3229812383651733px 13.229812622070312px 0 rgba(0,0,0,.15);
    padding: 14px 30px;
    margin: 12px 0 0
}

.borderBtn, .filledBtn {
    box-shadow: 0 3.9689438343048096px 9.260868072509766px 0 rgba(0,0,0,.2);
    font-family: Roboto,sans-serif;
    text-transform: uppercase;
    width: 100%;
    padding: 7px;
    display: flex;
    font-size: 15px
}

.shareBlk a {
    margin: 0;
    color: #169ad1;
    font-weight: 600;
    font-family: Roboto,sans-serif;
    font-size: 18px
}

    .shareBlk a img {
        margin-right: 6px
    }

.newModal .modal-dialog, .newModal.modal-dialog {
    max-width: 426px;
    margin-top: 90px
}

.filledBtn {
    background: #009ecf;
    border: 1px solid transparent;
    align-items: center;
    justify-content: center
}

.cartIcon, .onlineIcon {
    background-position: 0 0;
    margin-right: 10px
}

.borderBtn, .filledBtn:hover {
    background: 0 0;
    color: #009ecf
}

.filledBtn:hover {
    border-color: #009ecf
}

.borderBtn {
    border-radius: 3.969px;
    border: 1px solid #009ecf;
    align-items: center;
    justify-content: center
}

.sortBtm, .sortBtns {
    box-shadow: 0 -2px 5px rgba(0,0,0,.2)
}

    .cartIcon, .custom-scroll, .onlineIcon, .similar-offers, .sortBtns span > span {
        display: inline-block
    }

.borderBtn:hover {
    border-color: transparent;
    background: #009ecf;
    color: #fff
}

.cartIcon {
    width: 25px;
    height: 16px;
    background-image: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/cartIcon1.png)
}

.onlineIcon {
    width: 18px;
    height: 17px;
    background-image: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/onlineIcon1.png)
}

.borderBtn .cartIcon, .filledBtn:hover .cartIcon, .filledBtn:hover .onlineIcon {
    background-position: 0 16px
}

.visited, .visited:hover {
    background: #b1b1b1
}

.borderBtn:hover .cartIcon {
    background-position: 0 0
}

.save-offer-blk {
    padding: 24px
}

    .drop-down-sharing ul li a img, .save-offer-blk.single button img, .sortBtns img {
        margin-right: 12px
    }

.similar-offers {
    color: #169ad1;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    margin: 0 auto 24px
}

.offer-name, .sortTabs .form-group label, .spacialOffer, .views {
    font-family: 'Open Sans'
}

.similar-offers:hover {
    color: #169ad1
}

.modal-body .prodImg {
    height: 178px
}

.save-offer-blk.d-flex button {
    margin: 0 8px
}

.visited {
    color: #fff;
    border: transparent
}

    .visited .icon {
        background-position: 0 0 !important
    }

.custom-scroll {
    overflow-y: auto;
    position: relative;
    width: 100%;
    padding-right: 11px
}

.language-arabic-selected .sortTabs .form-group .form-group {
    margin-right: 24px;
    margin-left: 0
}

.language-arabic-selected .sortBtns img {
    margin-right: 0;
    margin-left: 12px
}

.language-arabic-selected .closebtnSort, .pixxett-header1 .mini-cart .basket a .cart-title {
    margin-left: 12px
}

.language-arabic-selected .sortBtns p:first-child {
    border-left: 1px solid #ccc;
    border-right: none
}

.language-arabic-selected .sortTabs .form-group label:before {
    margin-right: unset;
    margin-left: 12px
}

.language-arabic-selected .sortTabs .form-group label::after {
    left: unset;
    right: 6px
}

.language-arabic-selected .searchField input[type=search] {
    background-position: 96% center;
    padding-right: 45px;
    padding-left: 10px
}

.language-arabic-selected .v-tabs ul.nav.nav-tabs {
    border-right: none;
    border-left: 2px solid #8f8f8f;
    margin-right: 0;
    margin-left: 20px
}

.language-arabic-selected .sortTabs .tab-content {
    padding-left: 16px;
    padding-right: 0
}

.sortBtns {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    justify-content: space-between;
    padding: 12px 18px;
    color: #000;
    background: #fff;
    z-index: 999
}

    .sortBtns p:first-child {
        border-right: 1px solid #ccc;
        margin-bottom: 0
    }

    .sortBtns p {
        width: 50%
    }

        .sortBtns p:last-child {
            padding-left: 12px
        }

.language-arabic-selected .sortBtns p:last-child {
    padding-left: 0;
    padding-right: 12px
}

.sortBtns span > span {
    width: 100%;
    color: #a39e9e;
    font-size: 14px
}

.sortTabs .tab-content {
    overflow-y: auto;
    padding-left: 0;
    margin-top: 0;
    padding-right: 16px
}

.sortTabs .form-group .form-group {
    margin-left: 24px;
    margin-top: 28px
}

.sortBtm {
    display: flex;
    align-items: center;
    justify-content: center
}

.sortBtm, .sortHdr {
    align-items: center
}

.sortHdr {
    display: flex;
    justify-content: space-between
}

.sortTabs .form-group {
    display: block;
    margin-bottom: 28px
}

    .sortTabs .form-group input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none !important;
        cursor: pointer
    }

    .sortTabs .form-group label {
        position: relative;
        cursor: pointer;
        color: #3d3d3d;
        font-size: 15px;
        font-weight: 600;
        display: flex;
        align-items: flex-start
    }

        .sortTabs .form-group label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1px solid #8f8f8f;
            box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);
            padding: 8px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 16px;
            top: 4px
        }

    .sortTabs .form-group input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 6px;
        height: 12px;
        border: solid #009bce;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg)
    }

.sortTabs [type=radio]:checked + label, .sortTabs [type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #3d3d3d;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Open Sans'
}

    .sortTabs [type=radio]:checked + label:before, .sortTabs [type=radio]:not(:checked) + label:before, [type=radio]:checked + label:before, [type=radio]:not(:checked) + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 18px;
        height: 18px;
        border: 1px solid #ddd;
        border-radius: 100%;
        background: #fff
    }

.language-arabic-selected .sortTabs [type=radio]:checked + label:before, .language-arabic-selected .sortTabs [type=radio]:not(:checked) + label:before {
    left: unset;
    right: 0
}

.language-arabic-selected .sortTabs [type=radio]:checked + label:after, .language-arabic-selected .sortTabs [type=radio]:not(:checked) + label:after {
    left: unset;
    right: 4px
}

.language-arabic-selected .sortTabs [type=radio]:checked + label, .language-arabic-selected .sortTabs [type=radio]:not(:checked) + label {
    padding-left: 0;
    padding-right: 28px
}

.sortTabs [type=radio]:checked + label:after, .sortTabs [type=radio]:not(:checked) + label:after, [type=radio]:checked + label:after, [type=radio]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #079acf;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: .2s;
    transition: .2s
}

.sortTabs [type=radio]:not(:checked) + label:after, [type=radio]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.sortTabs [type=radio]:checked + label:after, [type=radio]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.disable-scroll {
    overflow: hidden;
    height: 100%
}

.sortBtns + .overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    overflow: hidden;
    transition: none !important;
    display: flex;
    flex-direction: column
}

.sortHdr + .tabCollapse.v-tabs {
    flex: 1;
    height: calc(100% - 200px)
}
.flyerOverlay .sortHdr + .tabCollapse.v-tabs {
    flex: 1;
    height: 100%;
}
.views {
    font-size: 9px;
    font-weight: 600;
    background: #636363;
    padding: 4px 8px;
    border-radius: 50px;
    position: static;
    left: 5px;
    top: -28px
}

.offer-name {
    font-size: 11px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    font-weight: 600
}

.spacialOffer .views img {
    height: auto !important;
    width: 9px !important
}

.spacialOffer1 .views img {
    height: auto !important;
    width: 9px !important;
}

.spacialOffer1 {
    color: #fff;
    font-weight: 600;
    text-align: left;
    /* line-height: normal;*/
    /* padding: 5px; */
    font-size: 12px;
    text-transform: capitalize;
}

.spacialOffer {
    background: rgba(0,0,0,.7);
    color: #fff;
    font-weight: 600;
    text-align: left;
    line-height: normal;
    padding: 5px;
    font-size: 12px;
    text-transform: capitalize
}

.buyOnline, .validTill {
    font-size: 10px;
    font-family: 'Open Sans'
}

.buyOnline, .coupon-popup-footer a, .flyerOfferAvailable, .header-text h1, .header-text h3, .mobile-menu-footer dt, .offer-category-text h3, .products-grid .labelsale, .section-heading .section-title, .see-dtls-common-btn, .submit-form, .tag-new {
    text-transform: uppercase
}

.flyerNewDesg img {
    height: 176px !important
}

.validTill {
    display: inline-block;
    width: 100%;
    font-weight: 600
}

.buyOnline {
    background: #009bce;
    color: #fff;
    text-align: center;
    padding: 0px 9px;
    font-weight: 700;
    display: inline-block;
    float: left;
    border-radius: 50px;
    position: static;
    left: 5px;
}

/*.buyOnline {
    background: #009bce;
    color: #fff;
    text-align: center;
    padding: 5px 4px;
    font-weight: 700
}*/

.get-social-url li a, .resetSort {
    font-size: 16px
}

.offerOuter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 6px;
    background: linear-gradient(to top, #b3b3b3, rgba(255, 255, 255, 0));
}

.products-grid li {
    padding: 0 4px
}

.flyerDetails h3, .flyerDetails h4 {
    font-family: 'Open Sans';
    padding: 0 6px;
    margin: 0;
    font-weight: 600
}

.form-group .form-group {
    margin-left: 24px;
    margin-top: 8px
}

.searchField input[type=search] {
    background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/srchIcon.png) 18px center no-repeat #f2f1f1;
    border: none;
    padding: 6px 40px 6px 44px;
    border-radius: 8px;
    margin-bottom: 24px;
    color: #b6b6b6;
    width: 100%;
}

    .searchField input[type=search]:focus {
        outline: 0;
        border: none
    }

.v-tabs {
    display: -ms-flexbox !important;
    display: flex !important
}

.sortBtm, .sortHdr {
    display: flex;
    padding: 12px 10px
}

.v-tabs .nav-tabs > li {
    display: block;
    float: none;
    border-radius: 0
}

    .v-tabs .nav-tabs > li > a {
        border-bottom: 1px solid #eee;
        border-top: 0;
        border-left: 2px solid transparent;
        border-right: 0;
        border-radius: 0;
        color: #a9a9a9
    }

        .v-tabs .nav-tabs > li.active > a, .v-tabs .nav-tabs > li > a:hover {
            position: relative;
            color: #000;
            border-left: 2px solid #079acf;
            border-bottom: 1px solid #eee;
            border-right: 0;
            border-top: 0;
            background-color: transparent
        }

.v-tabs .tab-content {
    background-color: transparent;
    flex: 1
}

.v-tabs ul.nav.nav-tabs {
    border-bottom: 0;
    border-right: 2px solid #8f8f8f;
    margin-right: 14px
}

.sortBtm {
    background: #f4f4f4;
    justify-content: center;
    z-index: 9
}

.sortHdr {
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.2)
}

.newFlyerBlk, .offer-category-cart, .top-retailer-fixed-ratio-section {
    box-shadow: 0 4px 6px rgba(0,0,0,.15)
}

.applysorting {
    background: #009bce;
    border: none;
    color: #fff;
    padding: 10px;
    min-width: 300px;
    border-radius: 20px
}

.form-group {
    display: block;
    margin-bottom: 15px
}

    .form-group label {
        position: relative;
        cursor: pointer
    }

[type=radio]:checked, [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

    [type=radio]:checked + label, [type=radio]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666
    }

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    bottom: 0;
    left: 0;
    background-color: #fff;
    overflow-y: hidden;
    transition: .5s
}

.v-tabs .tab-content, .v-tabs ul.nav.nav-tabs {
    padding-top: 20px
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px
}

.overlay li a {
    padding: 8px;
    color: #818181;
    display: block;
    transition: .3s
}

.overlay .closebtnSort {
    font-size: 30px;
    font-weight: 400
}

.resetSort {
    color: #079acf;
    display: inline-block;
    font-weight: 600
}

.closebtnSort {
    color: #000
}

@media screen and (max-height:450px) {
    .overlay {
        overflow-y: auto
    }

        .overlay .closebtnSort {
            font-size: 40px;
            top: 15px;
            right: 35px
        }
}

.txtBelowHdng {
    margin: -20px 0 20px
}

.txtBelowHdngHome {
    margin: -5px 0 0
}

.newFlyerBlk {
    position: relative;
    background: #fff;
    padding: 0;
    border-radius: 7px;
    overflow: hidden
}

.newFlyerDetailsBlk {
    background: rgba(0,0,0,.7);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0
}

.flyerDetails h3 {
    font-size: 12px;
    color: #fff
}

.flyerDetails h4 {
    font-size: 11px;
    color: #fff
}

.flyerOfferAvailable {
    background: #009bce;
    color: #fff;
    padding: 4px;
    font-size: 9px;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.newFlyerBlk img.img-responsive {
    height: 220px;
    object-position: top;
    width: 100%;
    object-fit: cover
}

.px-8 {
    padding-left: 8px;
    padding-right: 8px
}

.searchListImg {
    height: 24px;
    margin-right: 11px
}

.p-6 {
    padding: 0 6px
}

.full-width {
    width: 100%;
    padding-left: 16px !important
}

.retailerLeftSecOuter {
    float: left;
    width: 260px
}

* {
    margin: 0;
    padding: 0
}

.clearfix:after {
    visibility: hidden;
    clear: both;
    content: '.';
    display: block
}

#sort-by ul, .custom-search-field, .get-app li, .get-social-url li, .left-img-choosen, .left-pnl-img-coupon, .location-track-address span.map-icon, .offer-category-text, .price-left-pnl, .retailer-heading-category, .section-heading .section-title, .subLevel .list01, .wizard > .content > .body input[type=checkbox] {
    display: inline-block
}

body, html {
    height: 100%
}

::-webkit-scrollbar {
    width: 7px;
    border-radius: 10px;
    height: 8px
}

::-webkit-scrollbar-track {
    background: #aaa;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #009bce;
    border-radius: 10px
}

    ::-webkit-scrollbar-thumb:hover {
        background: #009bce
    }

body {
    font-family: 'Open Sans',sans-serif;
    background: #f3f3f3;
    top: 0 !important
}

.searchbar-field, h1, h2, h3, h4, h5, h6, p {
    font-family: Helvetica
}

.home-page-slider-banner, .home-page-slider-banner .bx-wrapper, .left-collapsible .panel-group, .ribbon-offer-cart img, img {
    margin-bottom: 0
}

h1, h2, h3, h4, h5, h6 {
    color: #616161;
    font-style: normal;
    font-weight: 400;
    font-size: 20px
}

p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .5px;
    color: #666
}

.category-section h2.section-title, .related-block, .side-nav-categories #accordion .panel-body {
    background: #fff;
}

.section-heading .section-title {
    font-family: Helvetica;
    font-style: normal;
    font-weight: 300;
    background: #f3f3f3;
    font-size: 23px;
    line-height: 37px;
    color: #616161;
    position: relative;
    white-space: nowrap;
    z-index: 1;
    letter-spacing: .15em;
    padding: 0 36px
}

@media (max-width: 767px) {
    .section-heading .section-title {
        white-space: normal;
    }
    .searchListng {
        max-height: 380px;
        overflow-y: auto;
        /*box-shadow: 0px 0px 10px #212121;*/
    }
}

.active-wishlist, .whishlist-hearted:hover svg {
    fill: #009BCF;
    stroke: #009BCF;
}

.pixxett-header1 .toplinks .links div.top-links-wrapper {
    vertical-align: middle
}

.add_google-by {
    text-align: center;
    margin: 21px auto 10px
}

    .add_google-by iframe {
        min-height: 100% !important;
        width: 100% !important
    }

.add_google-by2, .copy-code-share, .question-coupon {
    margin-bottom: 20px
}

.electronics-tile-parent, .featured-section, .flickity-prev-next-button:hover, .home-index .pixxett-header1 nav, .white-bg, nav#myHeader {
    background: #fff
}

.section-heading:after, .section-heading:before {
    background: linear-gradient(115.24deg,#009bce 16.02%,#70b942 83.98%)
}

.section-heading.resetpaasword-heading:after, .section-heading.resetpaasword-heading:before {
    width: 200px !important
}

.bestsellers3 .pixxett-tabs li > a:focus, .bestsellers3 .pixxett-tabs li > a:hover, .box-category > ul > li > a.active, .drop-down-sharing ul li a:hover, .pixxett-header1 #nav > li > a.active, .pixxett-header1 #nav > li > a.active span, .pixxett-header1 #nav > li > a:hover span, .pixxett-header1 .mini-cart .basket a:hover, .pixxett-header1 .mobile-menu .expand, .pixxett-header1 .toplinks div.links div.top-links-wrapper a.login-tag:hover, .pixxett-header1 .toplinks div.links div.top-links-wrapper a.register-tag:hover, .select-language select {
    color: #009bce
}

    .pixxett-header1 #nav > li > a.active:first-child, .pixxett-header1 #nav > li > a:hover:first-child {
        color: #009bce;
        border-bottom: none
    }

.pixxett-header1 #nav li.drop-menu ul li:hover > a {
    color: #009bce;
    padding-left: 12px
}

.custom-search-field {
    float: left;
    margin-top: 12px;
    /*min-width: 315px;*/
    min-width: 296px;
}

.retailers-flyer-tile .product-image img {
    /*height: 120px;*/
    object-position: top;
    width: 100%;
   /* aspect-ratio: 191/176;*/
    object-fit: contain
}

.searchicon {
    border: none;
    color: #fff;
    margin: 0 !important;
    height: 36px;
    font-size: 18px;
    background: #009bce;
    padding: 0 16px
}

#flyersearchbtn {
    border: none;
    color: #fff;
    margin: 0 !important;
    height: 36px;
    font-size: 18px;
    background: #009bce;
    padding: 0 16px
}

.searchbar-field {
    border: none;
    width: 360px;
    padding: 0 5px 0 10px;
    font-size: 14px;
    color: #616161;
    margin-left: 0;
    height: 36px;
    background: 0 0
}

.bestsellers3 .category-product .pixxett-tabs > li:last-child, .coupons-tab .nav-tabs.product-tabs > li, .custom-flyers-tabs-common.nav-tabs.product-tabs > li:last-child, .pixxett-header1 .toplinks .links {
    margin-right: 0
}

.footer-bottom a, .footer-nav a, .mobile-menu-footer a {
    color: #b0b0b0
}

#ar .item li a:hover, .cmn-map-store-pnl:hover .map-icon i, .cmn-map-store-pnl:hover h3, .cmn-map-store-pnl:hover p, .flat-text-details p strong, .get-social-url li:hover a, .owl_1 .item li a:hover, .tag-new, .view-more-forward:hover, a.getcoupon:focus {
    color: #fff
}

.get-social-url {
    margin-top: 10px !important
}

    .get-social-url li {
        margin-right: 10px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 26px
    }

        .get-social-url li:hover {
            border-color: #fff
        }

.get-app li {
    margin-right: 10px
}

.copyright a {
    color: #fff;
    margin: 0 5px;
    font-weight: 600
}

    .copyright a.vertical-line {
        position: relative;
        margin-right: 20px
    }

.vertical-line::after {
    content: '';
    height: 20px;
    width: 1px;
    background: #fff;
    top: 1px;
    right: -11px;
    position: absolute
}

.footer-bottom .container {
    border-top: 1px solid #2b2b2b
}

.mobile-menu-footer dt {
    font-size: 14px;
    line-height: 40px;
    font-weight: 600
}

.footer-service-policies {
    background-color: #fff;
    padding: 10px 0 60px
}

.left-img-choosen img {
    max-width: 55px
}

.offer-category-text {
    vertical-align: bottom;
    margin-left: 10px
}

    .offer-category-text h3 {
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: normal;
        letter-spacing: .035em;
        color: #000;
        margin: 0
    }

    .offer-category-text p {
        font-weight: 400;
        font-size: 12px;
        line-height: 30px;
        letter-spacing: .035em;
        color: #838383
    }

.brand-logo .section-heading:after, .brand-logo .section-heading:before {
    width: 360px
}

.brand-logo {
    background: #fff;
    padding-top: 50px !important
}

.bestsellers3 .pixxett-tabs li.active a, .bestsellers3 .pixxett-tabs li.active a:hover {
    border-bottom: 3px solid #009bce;
    font-weight: 600;
    color: #009bce
}

.bestsellers3 .pixxett-tabs li {
    margin: 0 100px
}

.bestsellers3 .category-product .pixxett-tabs > li:first-child {
    margin-left: 0
}

.bestsellers3 .pixxett-tabs li > a {
    padding: 0 20px 4px 22px;
    border: none;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #343f49
}

.section-heading {
    margin: 16px auto 30px
}

.cmn-modal-content.cmn-modal-content5, .grey-bg, .offers-section {
    background: #f5f5f5
}

.category-section {
    background: #fff;
    padding: 30px 0 !important
}

.home-page-slider-banner .bx-wrapper .bx-pager {
    padding-top: 0;
    margin-top: -50px
}

.top-retailer-fixed-ratio-section {
    min-height: unset;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 5px
}

.top-coupons-cart-tile-clothing.bestsellers3 .pixxett-tabs li {
    margin: 0 94px
}

.availability, .custom-search-field, .flickity-enabled, .main-layer-box-list, .slider-main-flyers, .tile-dtls-description, .top-retailer-inner-section {
    position: relative
}

.top-trending-section {
    line-height: normal;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99
}

.tag-new {
    background: #009bce;
    font-size: 9px;
    text-align: center;
    padding: 10px 11px;
    line-height: 0;
    position: absolute;
    top: 0;
    display: block;
    left: 0
}

span.tag-new.tag-new-home-page {
    top: 2px;
    left: 0
}

.whishlist-hearted {
    position: absolute;
    top: 4px;
    right: 8px
}

.trend-logo-section {
    border-bottom: 1px solid #d8d8d8;
    position: relative;
    width: 100%;
    height: 90px;
    overflow: hidden
}

a.retailer-logo-section {
    display: block;
    width: 100%
}

.inner-trend-logo-section {
    width: 100%;
    margin: auto;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px
}

    .inner-trend-logo-section img {
        width: 100%;
        height: 80px;
        object-fit: contain;
        max-width: 80%
    }

.retailer-trend-footer-cmn {
    padding: 6px;
    text-align: center;
    background: #d7febf
}

.whishlist-hearted svg {
    width: 20px;
    fill: transparent;
    stroke: #009BCF;
}
.whishlist-hearted svg path {
    stroke: #009BCF;
}

.retailer-trend-footer-cmn h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #232323;
    margin-bottom: 0;
    width: 180px;
    overflow: hidden;
    font-family: 'Open Sans'
}

.number-of-flyers {
    font-size: 14px;
    line-height: 20px;
    color: #777
}

.horizontal-scrollable > .row {
    overflow-x: auto;
    white-space: nowrap;
    direction: ltr
}

    .horizontal-scrollable > .row > .col-md-2 {
        display: inline-block;
        float: none;
        vertical-align: top;
        width: 13.1%
    }

.offer-category-cart {
    height: auto;
    background: #fff;
    border: none;
    box-sizing: border-box;
    margin-bottom: 16px;
    overflow: hidden;
    border-radius: 5px
}

.category-parent {
    padding: 30px 0
}

.product-img-cart {
    max-width: 200px;
    margin: auto
}

    .product-img-cart img {
        width: 100%;
        height: 80px;
        object-fit: cover
    }

.number-of-offers {
    font-size: 12px;
    line-height: normal;
    color: #c8c8c8
}

.nameof-the-product, .type-ofthe-product {
    line-height: normal;
    letter-spacing: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.type-ofthe-product {
    font-weight: 600;
    font-size: 13px;
    color: #009bce;
    margin: 5px 0
}

.nameof-the-product {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #888;
    position: relative;
    width: 100%;
    height: 20px
}

.details-ofthe-tile {
    padding: 8px;
    font-family: 'Open Sans'
}

.back-to-top i {
    color: #009bce;
    font-size: 20px
}

.bestsellers3 .product-bestseller .item .item-inner:hover {
    padding-bottom: 0;
    margin-bottom: 0
}

ul.products-grid .item .item-inner {
    margin-bottom: 0;
    padding: 0;
    border-radius: 5px
}

.bestsellers3 .product-bestseller {
    padding-top: 40px
}

    .bestsellers3 .product-bestseller.retailers-flyer-tile {
        padding-top: 0;
        border-top: none
    }

.view-more {
    background: #009bce;
    border-radius: 4px;
    display: block;
    width: 150px;
    margin: auto;
    text-align: center;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 40px;
    min-height: 40px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

    .coupon-redeem-btn:hover, .see-dtls-common-btn:hover, .view-more:hover {
        background: #1fbdf1;
        color: #fff
    }

.carousel-banner-common .carousel-indicators .active, .item .item-inner {
    background-color: #fff
}

.view-more-div {
    margin-top: 35px;
    margin-bottom: 20px
}

a.product-image {
    vertical-align: middle;
    display: block
}

.most-common-tiled-img {
    vertical-align: middle;
    padding: 0;
    position: relative;
    background: 0 0;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    height: auto;
    width: 100%;
    text-align: center
}

.cmn-modal-dialog-product-details a.product-image, .cmn-modal-dialog-product-details a.product-image .most-common-tiled-img {
    width: 260px
}

    .cmn-modal-dialog-product-details a.product-image .most-common-tiled-img img {
        max-width: 260px
    }

.carousel-banner-common .carousel-inner {
    border-radius: 11px
}

#nav-coupon-header .custom-search-field, .breadcrumb-option, .carousel-banner-common.carousel-banner-common-for-the-separate-tab, .categorySec .owl-nav, .common-tab-paneinner.tab-content > .active, .main-container-for-slider .carousel-banner-common, .my-offer-banner-carousel {
    margin-top: 0
}

.carousel-banner-common .carousel-inner > .item img {
    object-fit: cover;
    height: 280px;
    object-position: center;
    border-radius: 11px
}

.carousel-banner-common .carousel-indicators {
    bottom: 0
}

    .carousel-banner-common .carousel-indicators li {
        border: 1px solid #fff
    }

.item .item-inner {
    padding: 0;
    box-shadow: 0 0 17px -3px rgb(0 0 0 / 18%)
}

.parent-tile-cart .bestsellers3 .product-bestseller .item .item-inner {
    background-color: #fff;
    padding: 0;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 18%);
}

.products-grid .sale-new-label {
    top: 0;
    z-index: 20
}

    .products-grid .sale-new-label.top-left, .products-grid .sale-new-label.top-right {
        left: 0
    }

.products-grid .mgk-pro-hover {
    padding-bottom: 0;
    z-index: 55
}

.tile-modified-extent {
    padding: 8px
}

.category-products .item-title p {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #383737;
    width: 235px;
    word-wrap: break-word;
    white-space: pre-line;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    height: 0
}

.products-grid .item .item-inner .tile-modified-extent .item-title {
    min-height: 0
}

.button-field-dtls, .flyer-header .list_top_content li, .price-pnl-ribbon-right, .flyer-header-desktop .list_top_content li {
    display: inline-block;
    vertical-align: top
}

.price-left-pnl p.grey-cross-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    margin-bottom: 0;
    text-decoration: line-through;
    margin-top: 0
}

.product-view .email-friend {
    margin-top: 0;
    margin-left: 0
}

.coupons-tab p, .product-view .short-description h2, .related-pro .block-title h2 {
    text-align: left
}

.coupon-popup-footer a, .price-and-discount .discount-price-precent, .see-dtls-common-btn {
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.price-left-pnl p.real-price {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    color: #373737;
    margin-top: 0;
    margin-bottom: 0
}

.retailes-logo-left {
    display: inline-block;
    width: auto;
    height: 50px;
    object-fit: contain
}

    .retailes-logo-left img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

.day-remaining {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    margin-left: 20px
}

.retailers-brand-remaining-time .day-remaining p {
    font-size: 12px;
    line-height: 9px;
    letter-spacing: 1px;
    color: #888
}

.coupon-popup-footer {
    background: linear-gradient(93.27deg,#009bce 0,#70b942 100%);
    padding: 10px 15px;
    margin-top: 20px
}

    .coupon-popup-footer a {
        font-style: normal;
        line-height: 23px;
        color: #fff;
        display: block;
        margin-top: 0
    }

.see-dtls-common-btn {
    background: #256d83;
    letter-spacing: .5px;
    color: #fff;
    width: 100%;
    border-radius: 5px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin-top: 0;
    margin-bottom: 0;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

.saved-button-disable, .saved-button-disable:hover {
    background: #adadad
}

.ribbon-image-pnl img {
    width: 90px
}

.price-and-discount .discount-price-precent {
    display: block;
    font-style: normal;
    line-height: 16px;
    letter-spacing: .5px;
    color: #fbf300;
    position: absolute;
    right: 28px;
    top: 12px
}

.price-and-discount {
    margin-bottom: 10px;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.retailers-brand-remaining-time {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.products-grid .labelsale {
    color: #fff;
    background-color: #009bce;
    font-size: 10px
}

.share-icon-detls {
    position: absolute;
    top: 0;
    right: 0;
    background: #009bce;
    padding: 4px 8px;
    cursor: pointer;
    z-index: 99
}

    .share-icon-detls i {
        color: #fff;
        font-size: 15px
    }

.cmn-modal-body h2, .cmn-modal-body p {
    color: #393939;
    font-style: normal;
    text-align: center
}

/*.cmn-modal-dialog.cmn-modal-dialog2, .cmn-modal-dialog3 {
    max-width: 720px;
    width: 100%;
}
*/
.cmn-modal-content {
    max-width: 720px;
    margin: auto;
    background: url(https://cdn.clicflyer.com/appimages/banner/bg4-login_new.png) center center/cover no-repeat;
    box-shadow: 0 3px 15px rgb(0 0 0 / 15%);
    border-radius: 0;
    border: none;
    min-height: 550px
}

    .cmn-modal-content.cmn-modal-content2 {
        background: url(https://cdn.clicflyer.com/appimages/banner/bg4-signup_new.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        min-height: 550px;
        max-width: 720px
    }

    .cmn-modal-content.cmn-modal-content5 {
        background: #F5F5F5;
    }

.cmn-modal-content3 {
    background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/home/bg4country-selection.png) center center/cover no-repeat;
    min-height: 460px
}

    .cmn-modal-content3 .header-text h1, .cmn-modal-content3 .header-text h3 {
        font-size: 22px
    }

.cmn-modal-header {
    border: none;
    padding: 0;
    position: relative
}

    .cmn-modal-header button span {
        margin-right: 20px;
        margin-top: 15px;
        font-size: 30px;
        opacity: 1;
        display: block
    }

.cmn-modal-body h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 36px
}

.cmn-modal-body p {
    font-weight: 400;
    font-size: 13px;
    line-height: normal;
    margin: 10px 0
}

.product-tabs-content-inner p, .product-view .short-description p, .std p {
    text-align: left;
    font-size: 14px;
    line-height: 20px
}

span.ribbon-offer-cart {
    margin-top: -5px;
    display: block
}

#ar .item, .categorySec .row .row, .hoverCard ul:last-child, .owl_1 .item, p.availability.pull-right {
    margin: 0
}

.cmn-modal-footer {
    border: none;
    text-align: center;
    padding: 0 0 15px
}

.product-view .short-description p {
    height: 45px;
    overflow: hidden;
    position: relative;
    color: #757575
}

.product-view .short-description {
    font-size: 13px;
    padding: 10px 0 0;
    border-bottom: 1px dotted #ddd
}

.close-modal-btn {
    background: #ffe8e8;
    border: 1px solid #e51c23;
    box-sizing: border-box;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    padding: 5px 34px;
    line-height: 37px;
    color: #e51c23;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    width: 128px
}

#goToTopOffer .product-bestseller-list, #sort-by li li, .add-product-listing img, .cmn-modal-dialog.cmn-modal-dialog-product-details, .content-image, .img-discount-ads img, .left-pnl-discoundbrand-logo img, .side-nav-categories2, .side-nav-categories2 img {
    width: 100%
}

.cmn-modal-content.cmn-modal-content-product-details {
    max-width: 950px;
    background: #f5f5f5
}

.pixxett-header1 .top-cart {
    z-index: 90
}

.close-tag, .cmn-modal-content-product-details .close-icon-right {
    z-index: 99
}

    .cmn-modal-content-product-details .close-icon-right .close-tag {
        background: #009bce;
        border: none;
        color: #fff;
        position: absolute;
        right: 26px;
        top: 20px;
        cursor: pointer
    }

.close-modal-btn:hover {
    background: #e51c23;
    border-color: #e51c23;
    color: #fff
}

.close-icon-right {
    position: relative;
    text-align: right
}

.close-tag {
    background: #fff;
    border: none;
    padding: 7px 14px;
    font-size: 17px;
    color: #009bce;
    text-align: right;
    mix-blend-mode: normal;
    border-radius: 5px;
    font-weight: 100;
    position: absolute;
    right: 0;
    top: 0
}

.details-header-popup {
    background: #e5e5e5;
    height: 50px;
    border-bottom: 1px solid rgba(117,117,117,.3)
}

    .details-header-popup h2 {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        color: #000;
        margin-bottom: 0;
        padding-top: 14px
    }

    .details-header-popup .close-tag {
        width: 24px;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        border-radius: 50%;
        padding: 0;
        text-align: center;
        top: 12px;
        right: 10px;
        background: #757575;
        color: #fff
    }

.left-form {
    float: left;
    width: 54%
}

.coupon-flat-discount-header {
    background: linear-gradient(93.27deg,#009bce 0,#70b942 100%);
    margin-top: -20px;
    padding: 20px 30px;
    display: flex
}

.left-pnl-discoundbrand-logo {
    display: inline-block;
    float: left;
    width: 200px;
    height: 135px
}

.loginvia-facebook, .loginvia-google {
    height: 33px;
    vertical-align: middle;
    box-sizing: border-box
}

.close-tag.close-tag2 {
    right: 20px;
    top: 25px
}

.flat-text-details {
    float: left;
    display: inline-block;
    margin-left: 20px;
    text-align: left;
    width: 420px;
    max-width: 60%
}

    .flat-text-details h2 {
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 1px;
        color: #fff;
        text-align: left;
        margin-bottom: 10px
    }

    .flat-text-details h3, .flat-text-details p {
        font-weight: 400;
        line-height: 26px;
        letter-spacing: .5px;
        color: #fff
    }

    .flat-text-details h3 {
        font-size: 15px;
        margin-bottom: 10px
    }

    .flat-text-details p {
        margin: 0;
        text-align: left;
        font-size: 14px
    }

        .flat-text-details p img {
            margin-bottom: 0;
            margin-right: 0;
            width: 24px
        }

.header-text h1, .header-text h3 {
    font-family: Helvetica;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: 1.2px;
    color: #fff;
    margin-bottom: 4px
}

.header-text p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    text-align: left;
    margin: 0
}

.login-signup-via-layer {
    padding-top: 30px
}

.two-layer-btn {
    margin-bottom: 12px
}

.loginvia-google {
    border-radius: 4px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgba(0,0,0,.54);
    width: 174px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

.login-with-apple, .loginvia-facebook {
    display: inline-block;
    transition: .2s ease-in;
    text-align: center;
    font-style: normal;
    color: #fff
}

.loginvia-facebook {
    border: 1px solid #1877f2;
    border-radius: 4px;
    font-family: "Google Sans",arial,sans-serif;
    font-weight: 500;
    font-size: 13px;
    width: 175px;
    background: #1877f2;
    margin-left: 5px;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

    .loginvia-facebook:hover {
        background: #2e83f1;
        border: 1px solid #2e83f1;
        color: #fff
    }

    .login-with-apple img, .loginvia-facebook img, .loginvia-google img {
        width: 20px;
        vertical-align: middle;
        margin-right: 5px;
        margin-bottom: 0
    }

.login-with-apple {
    background: #000;
    border-radius: 4px;
    font-weight: 600;
    font-size: 18px;
    width: 275px;
    height: 44px;
    line-height: 44px;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

.forgot-pwd, .submit-form {
    display: block;
    transition: .2s ease-in;
    line-height: 21px
}

.login-with-apple:hover {
    background: #272626;
    color: #fff
}

.login-via-istore p {
    font-weight: 700;
    font-size: 12px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    margin: 15px 0
}

.email-field, .passwrod-field {
    background: #f5f5f5;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 4px;
    min-height: 40px
}

.forgot-pwd {
    font-size: 14px;
    text-align: right;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

.forgot-password-text {
    text-align: right;
}

.forgot-pwd:hover {
    color: #efeeee
}

.submit-form {
    background: #fff;
    border-radius: 4px;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #009bce;
    width: 125px;
    min-height: 40px;
    text-align: center;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

    .submit-form:focus, .submit-form:hover {
        background: #fff;
        border-color: #fff !important;
        color: #009bce;
        transform: none
    }

    .submit-form.submit-form2 {
        margin-top: 25px
    }

.footer-text-option p {
    font-weight: 100;
    font-size: 12px;
    line-height: 21px;
    text-align: left;
    color: #fff
}

    .footer-text-option p a {
        color: #fff;
        font-weight: 700
    }

    .footer-text-option p.new-user-text {
        margin-top: 22px
    }

.sign-in-here, .signuphere {
    border: none;
    font-weight: 600;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

.cody-copy-btn, .coupon-code {
    height: 55px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 1px;
    vertical-align: middle;
    text-transform: uppercase;
    text-align: center;
    display: inline-block
}

.sign-in-here:hover, .signuphere:hover {
    color: #b1e4f5
}

.modal-dialog {
    margin-top: 30px
}

.copy-promo-code-section {
    background: #fff;
    padding: 30px;
    text-align: center
}

.coupon-code {
    width: 145px;
    background: #fff;
    border-radius: 4px;
    border: 2px dotted #66b74f;
    margin-right: -7px;
    color: #57b261
}

.cody-copy-btn {
    width: 182px;
    background: linear-gradient(115.24deg,#009bce 16.02%,#70b942 83.98%);
    border-radius: 0 4px 4px 0;
    color: #fff;
    border: none
}

    .cody-copy-btn:hover {
        background: linear-gradient(115.24deg,#009bce 16.02%,#80bf59 83.98%)
    }

    .cody-copy-btn img {
        vertical-align: sub;
        width: 20px;
        margin-bottom: 0
    }

.share-btn-coupon {
    width: 55px;
    display: inline-block;
    height: 52px;
    font-size: 22px;
    border: 1px solid #009bce;
    color: #009bce;
    margin-left: 8px;
    vertical-align: middle
}

.question-coupon p {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: .5px;
    color: #616161
}

.coupons-tab .product-tabs {
    text-align: center;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.popover-copied {
    position: absolute;
    left: 38%;
    top: 50%
}

.grey-opacity-box {
    display: block;
    background: rgba(0,0,0,.51);
    backdrop-filter: blur(21px);
    border-radius: 37.4342px;
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    letter-spacing: .584909px;
    text-transform: uppercase;
    color: #fff;
    margin: auto
}

    .grey-opacity-box img {
        margin-right: 5px;
        width: 18px
    }

.nav-tabs.product-tabs > li > a {
    font-size: 14px
}

.coupons-tab .nav-tabs.product-tabs > li a {
    padding: 4px 12px;
    text-align: center;
    display: block
}

.coupons-tab #productTabContent {
    padding: 10px 10px 10px 50px;
    background: #fff;
    border-top: none;
    margin: 10px 20px
}

#productTabContent pre {
    overflow: hidden !important
}

.code-work-no, .code-work-yes {
    background: 0 0;
    border-radius: 16px;
    width: 50px;
    height: 25px;
    line-height: 24px;
    color: #009bce;
    font-size: 13px;
    border: 2px solid #009bce;
    margin-left: 5px
}

.coupon-redeem-btn {
    width: 185px;
    margin-left: 5px;
    font-style: normal;
    line-height: 17px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 2px solid #009bce;
    height: 40px;
    font-weight: 700
}

    .code-work-no:hover, .code-work-yes:hover,  .owl_1 .item li.active a, .share-btn-coupon:hover {
        background: #009bce;
        color: #fff
    }

.coupon-save-btn {
    /* background: #009BCF; */
    border: none;
    color: #009BCF;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    font-family: 'Open Sans';
    /* border-radius: 4px; */
    /* min-width: 115px; */
    height: auto;
    width: auto;
    min-width: unset;
}
   /* .coupon-save-btn:hover {
        background :#70B942
    }*/
/*.reedemBtn {
    background: #009BCF;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 12px;
    font-family: 'Open Sans';
    border-radius: 4px;
}*/

.coupon-redeem-btn {
    font-size: 14px;
    color: #fff;
    background: #009bce
}

.country-selection-dropdown, .pages-details-flyer ul {
    margin-top: 15px
}

.checke-label-fixed-down input, .country-dropdown li a img, .select-country-flag img {
    margin: 0 10px 0 0;
    vertical-align: middle
}

.label-cmn-field {
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #fff;
    display: block;
    margin-bottom: 4px
}

.select-city select, .select-country-flag {
    text-align: left;
    background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/country-drop-down.png) calc(100% - 20px) no-repeat #fff;
    font-size: 14px !important;
    color: #009bce;
    font-weight: 400 !important;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.select-country-flag {
    padding: 8px 16px !important;
    border-radius: 4px;
    border: 1px solid #fff
}

.page-heading, .total-offers {
    font-size: 16px;
    font-style: normal;
    line-height: normal;
}

.page-heading, .side-nav-categories .block-title {
    text-transform: uppercase;
    color: #000;
    letter-spacing: 1px
}

.select-country-flag:hover {
    transform: none;
    border-color: #fff !important
}

.country-dropdown {
    width: 100%;
    top: 70px
}

    .country-dropdown li a {
        padding: 6px 20px
    }

.select-city {
    margin-top: 5px
}

    .select-city select {
        padding: 10px 16px !important;
        border-radius: 4px;
        border: 1px solid #fff;
        display: block;
        height: 45px
    }

    .checke-label-fixed-down, .select-city .form-group {
        margin-bottom: 10px
    }

.add-product-listing {
    margin: 20px auto;
    text-align: center
}

.add-product-details {
    margin: 20px auto auto;
    text-align: center
}

.related-pro .home-block-inner {
    background: #70b942;
    min-height: 425px
}

    .related-pro .home-block-inner:after {
        border-color: transparent transparent transparent #70b942;
        display: none
    }

.related-pro .owl-pagination {
    top: 70%
}

.page-heading {
    border-bottom: 0;
    margin: 0 0 15px;
    padding: 0 0;
    position: relative;
    font-family:'Open Sans';
    font-weight: 700
}

    .page-heading.page-heading2 {
        display: inline-block;
        vertical-align: text-bottom;
        margin-bottom: 0;
        /*white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 500px;*/
    }

.total-offers {
    font-weight: 400;
    letter-spacing: 1px;
    color: #9d9797
}

#sort-by {
    font-size: 14px;
    margin-top: 0;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
    color: #333;
    min-width: 250px;
}
    #sort-by ul {
        width: 100%;
    }

.retailer-sort-by {
    margin-bottom: 20px;
    margin-top: 0 !important;
    padding-bottom: 0 !important
}

#sort-by label {
    font-size: 14px;
    margin-top: 0;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
    color: #333
}

#sort-by li {
    cursor: pointer;
    margin: 0 auto;
    padding: 6px 15px 6px 10px;
    position: relative;
    float: none;
    color: #282C3F;
    border-radius: 8px;
    border: 1px solid #D4D5D9;
    background: 0 0;
    box-sizing: border-box;
    font-size: 14px;
    font-family: 'Open Sans';
}
a#filterid {
    font-weight: 700;
}
#sort-by ul ul {
    top: 35px;
    width: 100%
}

.breadcrumbs {
    list-style: none;
    height: 40px;
    line-height: 20px;
    margin-top: 15px
}

.breadcrumb-product-listing {
    margin-top: 12px
}

.bread-header {
    /* border-bottom: 1px solid #e5e5e5; */
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.side-nav-categories .block-title:after {
    border-bottom: 2px solid #009bce;
    width: 100px
}

.pager .pages li a:hover, .pages .pagination > .active > a, .pages .pagination > .active > a:focus, .pages .pagination > .active > a:hover, .pages .pagination > .active > span, .pages .pagination > .active > span:focus, .pages .pagination > .active > span:hover {
    background-color: #009bce !important;
    border-color: #009bce !important
}

.pager .pages li a:hover {
    color: #fff
}

.side-nav-categories .block-title {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 15px 15px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
}

.product-view .product-name, .product-view .product-shop .price-box, .product-view .product-shop .ratings {
    border-bottom: 1px solid rgba(117,117,117,.3)
}

.collapsible-nav-main a {
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    border: 0
}

    .collapsible-nav-main a .fa-angle-right {
        color: #999;
    }

    .collapsible-nav-main a.collapsed .fa-angle-right {
        transform: none;
    }

    .collapsible-nav-main a .fa-angle-right {
        transform: rotate(90deg);
    }

    .collapsible-nav-main a .fa + input[type="checkbox"], .collapsible-nav-main > input[type="checkbox"] {
        height: auto;
        margin: 0 11px 0 0;
    }

.panel-heading.collapsible-nav-main {
    display: flex;
    align-items: center;
}
/*    .collapsible-nav-main a:before {
        content: '\f105';
        font-size: 14px;
        padding-right: 8px;
        color: #999
    }*/
.pannel-drp-down {
    border: none !important;
    box-shadow: none;
    padding: 0
}

.filter-panel {
    display: none;
}

.panel-check-point {
    padding: 0 !important;
    border-top: none !important
}

.checke-label-fixed-down label {
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 1px;
    color: #000;
    display: block;
    width: 100%;
    cursor: pointer
}

.checke-label-fixed-down input {
    height: auto
}

.submenu-collapse {
    margin-left: 15px;
    margin-top: 8px
}

.number-of-items {
    color: #999 !important
}

.side-nav-categories2 {
    background: #fff;
    min-height: 400px
}

.pagination-label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
    color: #666;
    margin-right: 10px
}

.pager .pages li, .right-pnl-text-coupon {
    display: inline-block;
    vertical-align: middle
}

.grocerry-tile-option, .pages .pagination-custom {
    margin-bottom: 40px
}

.zoomContainer {
    height: 410px !important;
    border: 1px solid #ccc
}

.product-view .product-name h1 {
    margin: 0 0 2px;
    padding-bottom: 0;
    padding-right: 55px;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 1px;
    color: #252525;
    height: 38px;
    overflow: hidden
}

.product-view .product-shop .price-box {
    padding: 10px 0
}

.modal .product-view .product-name, .modal .product-view .product-shop .price-box, .modal .product-view .product-shop .ratings {
    border-bottom: none
}

.modal .similar-offer-section-tile {
    display: inline-block;
    width: 100%;
    margin: 16px 0 0
}

.button-field-dtls .btn-save, .button-field-dtls .btn-see-details {
    width: 160px;
    min-height: 40px;
    border: 2px solid #009bce;
    line-height: 17px;
    letter-spacing: 1px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase
}

.modal .cmn-modal-content.cmn-modal-content-product-details {
    min-height: unset
}

.product-view .product-shop .old-price .price, .product-view .product-shop .price {
    font-size: 16px;
    color: #000;
    font-weight: 700
}

.ratings strong {
    float: none;
    font-style: italic;
    font-weight: 600
}

.imag-and-validity img {
    margin-bottom: 0;
    max-width: 50px;
    height: auto
}

span.title-validity {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    align-items: center;
    color: #666
}

.discount-tag {
    position: absolute;
    left: 25px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: .5px;
    color: #fbf300;
    top: 5px
}

.button-field-dtls .btn-save {
    font-weight: 700;
    color: #009bce;
    margin-left: 0;
    background: 0 0
}

    .button-field-dtls .btn-save:hover, .getcoupon:hover {
        color: #fff;
        background: #009bce
    }

.button-field-dtls .btn-see-details {
    background: #009bce;
    font-weight: 700;
    color: #fff;
    margin-left: 10px
}

    .button-field-dtls .btn-see-details:hover {
        background: #1babda
    }

.product-view .product-shop .add-to-links .link-compare, .product-view .product-shop .add-to-links .link-wishlist {
    border: 1px solid #009bce;
    position: relative;
    color: #009bce;
    height: 40px;
    width: 85px;
    font-weight: 600;
    border-radius: 6px
}

.product-view .email-friend a {
    border: 1px solid #009bce;
    position: relative;
    color: #009bce;
    border-radius: 6px;
    height: 40px;
    width: 85px;
    font-weight: 600
}

    .product-view .add-to-links span.show-on-hover-title, .product-view .email-friend a span.show-on-hover-title {
        margin: 0;
        width: 100px;
        height: 25px;
        line-height: 25px;
        background: #606060;
        border: 1px solid #fff;
        box-sizing: border-box;
        font-size: 10px;
        text-align: center;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #fff;
        position: absolute;
        top: 42px;
        left: 0;
        display: none
    }

.product-view .product-shop .add-to-links li a:hover {
    color: #fff;
    background: #009bce;
    border: 1px solid #009bce
}

.product-view .email-friend a:hover {
    background: #009bce;
    border: 1px solid #009bce
}

.product-view .product-shop .ratings {
    padding: 8px 0
}

.email-addto-box svg {
    margin-top: 0;
    vertical-align: middle;
    margin-right: 5px;
    width: 20px
}

.product-view .email-friend a:hover svg, .product-view .product-shop .add-to-links li a:hover svg {
    filter: brightness(0) invert(1)
}

.product-view .product-shop .add-to-box {
    padding: 5px 0 20px
}

.gradient-retailer-overlay-section {
    box-shadow: 0 0 17px -9px rgb(0 0 0 / 18%);
    color: #fff;
    margin-top: 20px;
    line-height: 0
}

.logo-retailer-left-pannel {
    display: inline-block;
    float: left
}

.retailer-logo-section-overlay {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px
}

.gmap_canvas, .mapouter {
    height: 790px;
    width: 100%
}

.retailer-logo-section-overlay img {
    width: 55px;
    object-fit: contain;
    height: 34px
}

/*==============================popup===========*/

.only-mob-banner {
    display: none;
}

.banner__custom {
    background-image: url('https://imagebloblive.blob.core.windows.net/corporate/images/banner.png');
    background-size: 100%;
    position: relative;
    background-repeat: no-repeat;
    height: 218px
}

.banner-content__top h2 {
    color: #084354;
    font-size: 24px;
    line-height: normal;
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: 900;
    margin: 0 0 18px;
}

    .banner-content__top h2 span {
        font-size: 24px;
        line-height: normal;
        color: #084354;
        font-family: 'Open Sans';
        border-bottom: 2px solid #FD8800;
        display: block;
        width: fit-content;
        font-weight: 600;
    }

.popHdr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 21px 0 16px;
}

#mobileModal button.close {
    position: absolute;
    right: 24px;
    top: 4px;
    font-size: 30px;
    opacity: 1;
}

.banner__main {
    position: absolute;
    top: 44%;
    left: 38%;
    transform: translate(-50%, -50%);
}

.banner__btns a img {
    height: 40px;
}

#mobileModal .modal-content {
    padding: 16px;
}

.download-menu {
    position: relative;
}

    .download-menu .submenu {
        display: none;
    }

    .download-menu a {
        display: block;
        color: rgb(255, 255, 255);
        font-family: "Open Sans";
        font-weight: 700;
        background: rgb(0, 152, 205);
        text-decoration: none;
        padding: 5px 25px;
        border-width: 2px;
        border-style: solid;
        border-color: rgb(0, 155, 207);
        border-image: initial;
        border-radius: 5px;
    }

.popHdr .logo {
    height: 45px;
}

.download-menu:hover ul.submenu {
    display: block;
    margin: 0;
}

.download-menu ul.submenu {
    display: none;
    position: absolute;
    background: #fff;
    right: 0;
    left: 0;
    z-index: 999;
}

    .download-menu ul.submenu li:nth-child(1) a {
        border-bottom: 1px solid #c6eefb !important;
    }

    .download-menu ul.submenu a {
        background: transparent;
        border: 0px;
        color: #000;
        background: none !important;
        color: #084354 !important;
        border-radius: 0px;
    }

/*==============================popup end===========*/  

@media only screen and (max-width: 767px) {
    .banner__custom {
        background-image: url('https://cdn.clicflyer.com/corporate/images/mobile-banner.png');
        height: 446px;
    }

    .banner-content__top h2 span {
        font-size: 20px;
        text-align: center;
        margin: 0 auto;
    }

    .banner-content__top h2 {
        font-size: 22px;
    }

    .banner__main {
        top: 32%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .retailer-logo-section-overlay img {
        width: 100px;
    }
    .logo-retailer-left-pannel .retailer-logo-section-overlay img {
        width: auto;
    }
    .gradient-retailer-overlay-section .logo-retailer-left-pannel {
        justify-content: space-between;
    }
    .retailer-page-content.retailer_s {
        margin-top: 16px;
    }
}

.gradient-retailer-overlay-section .retailer-logo-section-overlay {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: normal;
    margin-left: 25px;
    /*margin-right: 25px;*/
}

/*.retailer-heading-category h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 19px;
    letter-spacing: 4.5px;
    color: #fff;
    margin-bottom: 0;
    margin-left: 20px
}*/
.retailer-heading-category h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 19px;
    letter-spacing: 4.5px;
    color: #fff;
    margin-bottom: 0;
    margin-left: 20px
}

.right-category-retilaers {
    display: inline-block;
    float: right;
    vertical-align: middle
}

    .right-category-retilaers ul li {
        display: inline-block;
        padding: 12px 25px;
        border-right: 1px solid #fff;
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 1px;
        color: #fff
    }

.img-icon, .searchListng span.bootClass {
    margin-right: 10px
}

.right-category-retilaers ul li:last-child {
    border-right: none
}

.add_info.custom-tab-flyers .nav-tabs.product-tabs > li > a {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase
}

#productTabContent.common-tab-paneinner {
    padding: 0;
    background: 0 0;
    border-top: none
}

.custom-flyers-tabs-common {
    margin-top: 10px !important;
    display: inline-block;
    width: auto;
    padding-top: 0
}

.breadcrumbs .separator {
    line-height: 0
}

.custom-flyers-tabs-common.nav-tabs.product-tabs > li {
    margin-right: 50px;
    position: relative
}

    .custom-flyers-tabs-common.nav-tabs.product-tabs > li::after {
        display: block;
        content: '';
        width: 1px;
        height: 20px;
        background: #e0e0e0;
        position: absolute;
        right: -25px;
        top: 12px
    }

.google-map-nearby-stores-here {
    padding-top: 20px;
    padding-bottom: 50px
}

.map-store-parent {
    max-height: 790px;
    overflow: auto
}

.cmn-map-store-pnl {
    background: #fff;
    cursor: pointer;
    border-bottom: 1px solid #e8e8e8;
    transition: .4s ease-in;
    -webkit-transition: .4s ease-in;
    -moz-transition: .4s ease-in;
    -o-transition: .4s ease-in
}

    .cmn-map-store-pnl:hover {
        background: #009bce
    }

.search-text-value {
    margin-bottom: 35px;
    margin-top: 20px
}

    .search-text-value h2 {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 20px;
        text-align: center
    }

    .search-text-value p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center
    }

.my-offer-header-part, section.bar.bar-3.bar--sm.bg--site.offers-section.parent-tile-cart.search-cart-visible {
    margin-top: 100px
}

.inner-map-store-pnl {
    padding: 22px 35px
}

.location-track-address h3 {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 1px;
    color: #383737;
    margin-left: 10px;
    display: inline-block;
    width: 240px;
    vertical-align: middle
}

.location-track-address span i {
    color: #009bce;
    font-size: 28px
}

.location-track-address p {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    color: #888
}

.kilometer-tag {
    background: #70b942;
    color: #fff;
    padding: 2px 10px;
    text-align: center;
    display: inline-block;
    border-radius: 40px;
    font-size: 12px
}

.mapouter {
    position: relative;
    text-align: right
}

.gmap_canvas {
    overflow: hidden;
    background: 0 0 !important
}

.gmap_iframe {
    height: 790px !important
}

.cmn-map-store-pnl:hover .kilometer-tag {
    background: #fff;
    color: #009bce
}

.no-gutter-space-right {
    padding-right: 0 !important
}

.no-gutter-space-left {
    padding-left: 0 !important
}

.my-offer-text {
    float: left;
    display: inline-block;
    position: relative
}

    .my-offer-text h3 {
        font-weight: 400;
        font-size: 25px;
        line-height: 30px;
        letter-spacing: .27em;
        text-transform: uppercase;
        color: #616161;
        margin-bottom: 0;
        position: relative;
        display: inline-block
    }

    .my-offer-text::after {
        position: absolute;
        content: '';
        background: linear-gradient(115.24deg,#009bce 16.02%,#70b942 83.98%);
        width: 290px;
        height: 2px;
        left: 100%;
        top: 50%;
        transform: translateY(-50%)
    }

.pannel-checkbox-linked {
    background: #fff;
    padding: 10px 0 25px;
    margin-bottom: 30px
}

.custom-checkbox-with-link {
    position: relative;
    margin-top: 15px
}

.checkbox-parent input[type=checkbox]:checked label {
    text-decoration: line-through
}

.add-item-list {
    margin-bottom: 50px
}

.add-a-item {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background: #009bce;
    border: 1px solid #009bce;
    display: block;
    width: 185px;
    height: 40px
}

.plus-icon-item {
    font-size: 25px;
    vertical-align: top;
    font-weight: 400
}

.add-a-item:hover {
    background: #0ea3d4
}

.inner-custom-checkbox-link {
    border-bottom: 1px solid #e0e0e0;
    padding: 12px 0
}

.checkbox-parent {
    display: inline-block;
    position: relative;
    padding-left: 45px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    color: #383737;
    user-select: none
}

.checked-by-select {
    float: right;
    font-size: 14px;
    margin-top: 0;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
    color: #333;
    width: 300px;
    z-index: 60
}

.hamburger-icon-pnl {
    border: 1px solid #a2a2a2;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin: auto;
    float: right;
    cursor: pointer
}

    .hamburger-icon-pnl:hover {
        background: #e8e8e8
    }

.icon-hamburger {
    color: #a1a1a1;
    font-size: 20px
}

.main-list-option-item-checked {
    position: absolute;
    top: 36px;
    width: 250px;
    right: 0;
    z-index: 90;
    background: #fbfbfb;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    padding: 10px 15px;
    display: none
}

    .main-list-option-item-checked ul li a {
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 1px;
        color: #a1a1a1;
        padding: 8px 0;
        display: block
    }

.checkbox-parent input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox-parent .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background: 0 0;
    border-radius: 4px;
    border: 1px solid #c4c4c4;
    box-sizing: border-box
}

.checkbox-parent input:checked ~ .checkmark, .checkbox-parent:hover input ~ .checkmark {
    background-color: #2196f3;
    border-color: #2196f3
}

.checkbox-parent .checkmark:after {
    content: "";
    display: none;
    content: '\2713';
    color: #fff;
    font-size: 20px;
    position: absolute;
    width: 100%;
    left: 0;
    top: -2px;
    font-weight: 600
}

.number-of-list {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #009bce;
    text-align: center;
    border-radius: 50px;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
    float: right;
    margin-right: 20px
}

.linked-arrow-next {
    float: right;
    display: block;
    width: 50px;
    margin: 5px auto auto;
    text-align: center;
    height: 30px;
    vertical-align: middle
}

.most-common-product-img, .product-img-layer {
    width: 220px;
    height: 230px;
    vertical-align: middle
}

.linked-arrow-next:hover svg {
    filter: invert(42%) sepia(77%) saturate(2936%) hue-rotate(167deg) brightness(97%) contrast(101%)
}

.sort-by-select-option select {
    background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/home/down-arrow.svg) 150px 17px no-repeat;
    border: .5px solid #d3d3d3;
    box-sizing: border-box;
    padding: 10px 20px;
    width: 180px
}

.grocery-heading-white-space {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0
}

.text-layer-heading h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 0;
    position: relative;
    padding: 20px 0
}

    .text-layer-heading h3::after {
        position: absolute;
        content: '';
        background: #009bce;
        width: 90px;
        height: 2px;
        left: 0;
        bottom: 0
    }

.grocery-title-parent {
    background: #fff;
    padding-bottom: 10px
}

.product-img-layer {
    display: block;
    border: 1px solid #e5e5e5
}

.product-img-box {
    padding: 0;
    margin-bottom: 0 !important
}

.no-of-pagesflyer-listing img {
    padding-top: 100px
}

.pages-details-flyer ul li {
    font-size: 14px;
    color: #4e4e4e;
    list-style-type: none;
    line-height: 24px
}

.product-view {
    padding: 0;
    background: 0 0 !important;
    margin-left: 15px;
    margin-right: 15px
}

.most-common-product-img {
    padding: 0;
    position: relative;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    display: table-cell;
    border: none
}

    .most-common-product-img img {
        max-width: 220px;
        margin: 0 auto;
        max-height: 220px !important;
        display: block
    }

.logo-inner-pannel-logo-section ul li {
    display: inline-block;
    margin: 5px 18px;
    width: 200px;
    height: 135px;
    background: #fff
}

.logo-inner-pannel-logo-section {
    padding-bottom: 40px
}

    .logo-inner-pannel-logo-section ul li a img {
        width: 150px;
        height: 100%;
        text-align: center;
        display: inline;
        vertical-align: middle;
        margin: 0 auto;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: scale-down
    }

.mens-electronics-category h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
    text-transform: uppercase;
    color: #009bce;
    margin-left: 20px
}

.mens-electronics-category {
    padding-bottom: 10px
}

.coupon-img-link-essentials {
    vertical-align: middle;
    display: block;
    height: 196px;
    width: 275px
}

.coupon-specific-img-essentials {
    vertical-align: middle;
    padding: 0;
    position: relative;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    display: table-cell;
    height: 196px;
    width: 275px
}

.view-more-box {
    background: radial-gradient(100% 100% at 0 0,#009bce 0,#70b942 100%);
    border: 1px solid #e8e7e7;
    height: 196px;
    width: 275px
}

.view-more-forward {
    font-weight: 600;
    font-size: 18px;
    line-height: 68px;
    letter-spacing: .31em;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    display: block
}

    .view-more-forward img {
        display: block;
        line-height: 196px;
        margin: auto auto 15px;
        padding-top: 55px
    }

.collapsible-nav-main a:before, .right-arrow:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600
}

.coupon-specific-img-essentials img {
    max-width: 275px;
    margin: 0 auto;
    max-height: 196px !important;
    display: block
}

.view-more-box:hover {
    background: radial-gradient(100% 100% at 0 0,#009bce 0,#90d664 100%)
}

.common-paddding-section {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.inner-spaces-coupon {
    background-color: #fff;
    padding: 0;
    box-shadow: 0 0 17px -3px rgb(0 0 0 / 18%);
    height: 315px;
    margin-bottom: 30px
}

.coupon-img-link, .coupon-specific-img {
    height: 196px;
    width: 272px;
    vertical-align: middle
}

.coupon-img-link {
    display: block;
    border-bottom: 1px solid #e8e7e7
}

    .coupon-img-link.coupon-img-link2, .coupon-specific-img.coupon-specific-img2 {
        width: 266px
    }

.coupon-specific-img {
    padding: 0;
    position: relative;
    background: 0 0;
    margin: 0 auto;
    overflow: hidden;
    display: table-cell
}

    .coupon-specific-img img {
        max-width: 272px;
        margin: 0 auto;
        max-height: 196px !important;
        display: block
    }

    .coupon-specific-img.coupon-specific-img2 img {
        max-width: 266px
    }

.logo-coupon-img-and-text {
    padding: 10px 0 0;
    min-height: 58px
}

.left-pnl-img-coupon img {
    width: 48px;
    height: 48px;
    object-fit: cover
}

.imgSec img, .logoBlk img, .tile-img {
    object-fit: contain
}

.flyer-main-parent {
    margin-top: 60px;
    margin-bottom: 80px
}

#mobileMenu-flyerPage {
    margin-top: 0px;
}

a.adds-vertically {
    display: block;
    width: 160px;
    height: auto
}

.product-essential {
    background-color: #e5e5e5;
    padding: 10px 15px
}

.left-adds-section a img {
    width: 100%;
    height: 100%
}

.slider-main-flyers .bxslider li img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.flyer-header .list_top_content {
    margin: 0;
    background: #fff;
    padding: 1
}

*/
.flyer-header .list_top_content, flyer-header-desktop .list_top_content {
    margin: 0;
    background: none;
}

.flyer-header {
    background: #fff;
}
.flyer-header-desktop {
    /* background: rgba(0,0,0,0.5); */
    padding: 10px 0;
}
.flyer-header-desktop {
    /*position: absolute;
    left: 15px;
    right: 15px;
    z-index: 9;*/
    /*background: rgba(0,0,0,0.5);*/
}

.flyer-header .list_top_content ul {
    text-align: left;
    border: 1px solid #c2c2c2;
    display: flex;
    align-items: center
}
.language-arabic-selected i.fa.fa-search {
    right: unset !important;
    left: 14px;
}
.flyer-header-desktop .list_top_content ul {
    text-align: left;
    /*border: 1px solid #c2c2c2;*/
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 0 8px;
}
#maginifier a:first-child {
    margin-right: 7px;
}
#searchBlk i.fa.fa-search {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}
.flyer-header .list_top_content ul li {
    font-size: 15px;
    font-weight: 600;
    color: #4e4e4e;
    list-style-type: none;
    line-height: normal
}

.flyer-header-desktop .list_top_content ul li {
    /*font-size: 15px;
            font-weight: 600;*/
    /*color: #fff;*/ /*4e4e4e*/
    list-style-type: none;
    color: #606060;
    font-family: Helvetica;
    line-height: normal
}

.slider-main-flyers .bx-wrapper {
    background: #fff;
}

.flyer-header .list_top_content ul li.valid_till, .flyer-header-desktop .list_top_content ul li.valid_till {
    font-size: 12px;
    font-weight: 400
}

.flyer-header .list_top_content .dropdown-content ul, .flyer-header-desktop .list_top_content .dropdown-content ul {
    height: 180px;
    position: absolute;
    right: 109px;
    width: 335px;
    background: #fff;
    padding: 11px;
    line-height: 60px
}

.flyer-header li.bank_mont_first_img {
    border-right: 1px solid #c2c2c2;
    padding: 14px
}

.flyer-header-desktop li.bank_mont_first_img {
    /*border-right: 1px solid #c2c2c2;*/
    padding: 14px 0 14px 0;
}

.flyer-header .list_top_content ul li a, .flyer-header-desktop .list_top_content ul li a {
    color: #606060;
    text-decoration: none
}
.bankmont_grid1 a {
    font-size: 20px;
}

.right-pnl-text-coupon p {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    color: #383737;
    width: 170px;
    word-wrap: break-word;
    white-space: pre-line;
    text-align: left;
    margin-left: 5px
}

.flyer-header .list_top_content ul li.bankmont_grid, .flyer-header .list_top_content ul li.bankmont_grid {
    line-height: normal;
    vertical-align: middle;
    padding: 0;
    width: 50px;
    margin: 0 auto;
    text-align: center;
    float: right
}

/*.flyer-header .list_top_content ul li.bankmont_grid:hover, .list_top_content ul li.bankmont_grid1:hover {
        background: #dcf5cd
    }*/

.flyer-header .gridflyer, .flyer-header-desktop .gridflyer {
    vertical-align: middle;
    margin: -10px auto 0;
    padding-bottom: 10px;
}

.inner-text-pnl-coupon {
    padding: 0 15px 10px
}

#maginifier {
    /*   float: right;*/
    margin-right: 0;
    /*position: absolute;*/
    top: 5px;
    right: 0
}
.bankmont_grid a.list-view-hamburger {
    color: #606060 !important;
    font-size: 20px;
}

    #maginifier .font-button-cmn {
        /*background-color: #0090cb;*/
        /*height: 50px !important;*/
       /* width: 30px !important;*/
        display: inline-block;
       /* color: #fff;*/
        text-align: center;
        line-height: normal;
        /* font-size: 25pt;*/
        cursor: pointer;
        /*margin-right: 5px*/
    }

        #maginifier .font-button-cmn .minus {
            margin-bottom: 10px;
        }

.slider-main-flyers .bx-wrapper .bx-viewport {
    direction: ltr
}

.slider-main-flyers .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 40%;
    margin-top: -16px;
    outline: 0;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    z-index: 999
}

.slider-main-flyers .bx-wrapper .bx-prev {
    left: 10px;
    background: url(https://cdn.clicflyer.com/websiteimages/Content/Images/bankofmont_list_img_slider.png) left center no-repeat
}

.slider-main-flyers .bx-wrapper .bx-next {
    right: 10px;
    background: url(https://cdn.clicflyer.com/websiteimages/Content/Images/bankofmont_list_img_slider_right.png) right center no-repeat
}

.slider-main-flyers .bx-wrapper .bx-controls-direction a:hover {
    margin-top: -15px
}

.list_top_content ul li.bankmont_grid1 {
    margin: 0 auto;
    padding: 0;
    line-height: normal;
   /* width: 50px;*/
    text-align: center;
    float: right
}

.drop-down-sharing {
    top: 53px;
    height: 180px;
    position: absolute;
    right: 15px;
    min-width: 236px;
    background: #fff;
    padding: 11px;
    line-height: 60px;
    border: 1px solid #c2c2c2;
    display: none
}

    .drop-down-sharing ul li {
        font-size: 16px;
        color: #6d6e70;
        font-weight: 400
    }

        .drop-down-sharing ul li a {
            color: #6d6e70;
            padding: 15px;
            display: block;
            font-weight: 500
        }

.flyer-grid-inner {
    padding: 30px 20px 20px
}

.product-list-view {
    border: 1px solid #d5d5d5;
    /*box-shadow: 0 0 3px rgb(136 136 136);*/
    position: relative;
    min-height: 320px;
    margin-bottom: 30px;
    /*opacity: .5;*/
    transition: .1s ease-in;
    -webkit-transition: .1s ease-in;
    -moz-transition: .1s ease-in;
    -ms-transition: .1s ease-in;
    -o-transition: .1s ease-in
}

    .product-list-view:hover {
        box-shadow: 0 0 6px rgb(136 136 136);
    }

.number-of-pages, .number-of-product {
    background: rgba(0,0,0,.7);
    box-shadow: 0 0 8px rgb(0 0 0 / 60%);
    color: #fff
}

.number-of-pages {
    color: #606060;
}

.number-of-pages {
    border: 6px solid #fff;
    border-radius: 50px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin: 10px;
    width: 160px;
    height: 50px;
    line-height: 38px;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 20px;
}

.flyerpagesgrid-view, .product-img {
    height: 300px;
    vertical-align: middle
}

.product-img {
    display: table;
    margin: 0 auto;
    width: 100%
}

.flyerpagesgrid-view {
    display: table-cell;
    padding: 0 4px;
}

    .flyerpagesgrid-view a img {
        margin: 0 auto;
        max-height: 300px;
        max-width: 100%;
        display: block;
        padding: 5px 0;
    }

.number-of-product {
    border: 2px solid #fff;
    height: 40px;
    position: absolute;
    text-align: center;
    bottom: 15px;
    width: 40px;
    border-radius: 50px;
    display: block;
    font-size: 17px;
    margin: 0;
    line-height: 35px;
    right: 10px
}

.hoverCard, .searchListng {
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff
}

.slider-main-flyers .bx-wrapper {
    padding-bottom: 20px;
    /*margin-bottom: 10px;*/
    box-shadow: none
}

.inner-similar-offer-tile h2 {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 1px;
    color: #424242;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 5px
}

.quesSec h3, .quesSec p {
    font-style: normal;
    line-height: 22px;
    letter-spacing: .01em
}

.similar-offer-section-tile ul li {
    background: #fff;
    display: inline-block;
    width: 19%;
    margin: 0 4px;
    vertical-align: middle
}

    .similar-offer-section-tile ul li a {
        vertical-align: middle;
        display: block;
        height: 180px;
        width: 170px;
        margin: 0 auto;
        line-height: 180px;
        text-align: center
    }

        .similar-offer-section-tile ul li a img {
            max-width: 170px;
            margin: 0 auto;
            max-height: 180px !important
        }

    .similar-offer-section-tile ul li.view-all-smilar-offer {
        vertical-align: middle;
        height: 180px;
        width: 164px;
        color: #fff;
        margin: 0 auto;
        background: #2f2f2f;
        border: 1px solid #e8e7e7
    }

        .similar-offer-section-tile ul li.view-all-smilar-offer a {
            width: 100%;
            display: inline-block;
            font-weight: 700;
            font-size: 18px;
            line-height: 26px;
            text-align: center;
            letter-spacing: 1px;
            color: #fff;
            padding-top: 70px;
            vertical-align: middle
        }

        .similar-offer-section-tile ul li.view-all-smilar-offer:hover {
            background: #201f1f
        }

.similar-offer-section-tile p {
    text-align: left;
    color: #757575
}

#nav-coupon-header .logo {
    margin-right: 15px;
    /*margin-right: 36px;*/
    width: auto;
    margin-top: 0;
    margin-bottom: 0
}

.hotOffer svg {
    height: 30px;
    position: absolute;
    right: -7px;
    bottom: 0
}

.hoverCard {
    display: none;
    position: absolute;
    top: 100%;
    border-radius: 5px;
    padding: 16px 16px 16px 0;
    box-shadow: 0 0 12px #ccc
}

.dropMenu {
    position: static
}

.hoverCard .tabs {
    display: flex;
    border: none;
    margin: 0
}

.hoverCard ul {
    width: max-content;
    margin-right: 25px;
    max-width: 130px;
    min-width: 130px
}

.hoverCard .tab-content1 {
    justify-content: space-between
}

.hoverCard .d-flex ul li, .topOffer .nav-tabs {
    border: none
}

.hoverCard #tabs-nav, .hoverCard #tabs-nav2 {
    min-width: 250px;
    border-right: 1px solid #ddd;
    margin-right: 26px
}

#tabs-nav p, #tabs-nav2 p {
    margin: 0;
    padding: 8px;
    text-transform: uppercase;
    border-left: 4px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

    #tabs-nav p.active, #tabs-nav p:hover, #tabs-nav2 p.active, #tabs-nav2 p:hover {
        border-left-color: #084354;
        border-top: 1px solid #ddd;
        box-shadow: 1px 0 0 0 #fff;
        border-bottom: 1px solid #ddd
    }

div#tabs-content2 {
    min-width: 438px
}

div#tabs-content1 {
    /* min-width: 760px; */
    flex: 1;
    max-height: 280px;
    overflow-y: auto;
}
.hoverCard p a {
    display: flex !important;
    color: #084354;
    align-items: center;
    justify-content: space-between
}

    .hoverCard p a i {
        color: #009ccf
    }

.d-flex, .subLevelInner {
    display: flex
}

.searchListng {
    display: none;
    position: absolute;
    padding: 8px
}

    .searchListng a {
        display: flex;
        justify-content: space-between;
        padding: 6px 7px;
        background: 0 0;
        color: #242424
    }

        .searchListng a:hover {
            background: #256d83;
            color: #fff !important;
        }

    .searchListng p {
        margin-bottom: 6px
    }

.retailerLeftSec h2, .retailerLeftSec p {
    margin: 0;
    font-weight: 600;
    font-family: 'Open Sans'
}

@keyframes bellshake {
    0%,100% {
        transform: rotate(0)
    }

    15% {
        transform: rotate(5deg)
    }

    30% {
        transform: rotate(-5deg)
    }

    45% {
        transform: rotate(4deg)
    }

    60% {
        transform: rotate(-4deg)
    }

    75% {
        transform: rotate(2deg)
    }

    85% {
        transform: rotate(-2deg)
    }

    92% {
        transform: rotate(1deg)
    }
}

.hotOffer:focus i, .hotOffer:hover i {
    animation: .5s cubic-bezier(.36,.07,.19,.97) both bellshake;
    backface-visibility: hidden;
    transform-origin: top right
}

.pixxett-header1 #nav .hotOffer:hover {
    color: #d10000 !important
}

#myCarousel .carousel-control span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background-color: #d9d9d9;
    border-radius: 50%;
    top: 50%;
    position: absolute;
    background-repeat: no-repeat
}

.carousel-control {
    border-radius: 10px
}

#myCarousel .carousel-control.left span, .flickity-prev-next-button.previous {
    left: 10px
}

#myCarousel .carousel-control.right span, .flickity-prev-next-button.next {
    right: 10px
}

.navHdr .hdrInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.custom-search-field form {
    clear: both;
    display: flex;
    justify-content: space-between;
    border: 1px solid #aaa;
    border-radius: 5px;
    overflow: hidden;
    align-items:center;
}

.sticky {
    position: fixed !important;
    box-shadow: 0 5px 16px rgba(0,0,0,.1);
    background: rgba(255,255,255,.9);
    backdrop-filter: blur(10px);
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    animation: .4s ease-out slideDown
}

.fiveColInner, .retailerLeftSec {
    box-shadow: 0 4px 6px rgba(0,0,0,.15)
}

@keyframes slideDown {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.fiveColInner {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 10px;
    position: relative
}

.scrollHeight {
    max-height: 370px;
    overflow-y: auto
}

.hoverCard li a, .text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.retailerRightSec .txtSec, .tabTxtBlk {
    font-size: 14px;
    color: #232323;
    padding: 0 4px;
    background: #d7febf;
    text-align: center;
    font-weight: 600;
    border-top: 1px solid #d8d8d8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.coupons-page .section-heading .section-title, .retailerLeftSec {
    background: #f3f3f3
}

.retailerRightSec .imgSec, .tabLogolk {
    height: 90px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 8px;
    justify-content: center
}

.retailerLeftSec {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 16px;
    text-align: center;
    width: 85%
}

    .retailerLeftSec h2 {
        font-size: 18px;
        color: #454545
    }

    .retailerLeftSec p {
        font-size: 14px;
        color: #232323
    }

    .retailerLeftSec .imgSec {
        height: 174px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        box-shadow: inset 0 2px 3px rgba(0,0,0,.25);
        border-radius: 5px;
        margin: 8px 0 23px
    }

#nav-coupon-header .logo-block, #nav-coupon-header ul#nav, .bootClass, .getcoupon, .gradient-retailer-overlay-section .logo-retailer-left-pannel {
    align-items: center;
    display: flex
}

.tab-content {
    padding: 0 48px;
    margin-top: 41px
}

.fiveCol .col-md-4 {
    width: 20%;
    padding: 0 6px
}

.trending .fiveCol {
    padding: 0 30px
}

.getcoupon {
    background: #256d83;
    color: #fff;
    padding: 8px 0;
    transition: .4s ease-in-out;
    margin: 8px 0 0;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px !important;
    justify-content: center
}

.quesSec h3, .quesSec p, .txtBlk, .txtBlk p {
    font-size: 14px
}

.logoBlk {
    height: 75px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 8px;
    justify-content: center
}

    .logoBlk img {
        height: 60px;
        width: 100%
    }

.imgSec img {
    width: 100%;
    height: 65px
}

.txtBlk {
    color: #454545;
    padding: 8px;
    background: #fff;
    text-align: left;
    font-weight: 400;
    overflow: hidden;
    border-top: 1px solid #d8d8d8;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.headingNoline {
    font-family: Helvetica;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #084354
}

.couponGuide, .FAQ {
    margin-top: 28px
}

.quesSec {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 20px 16px;
    margin: 0 0 12px
}

    .quesSec p {
        font-family: 'Open Sans';
        font-weight: 400;
        color: #5c5c5c
    }

    #accordion .panel-title a, .quesSec h3 {
        font-family: 'Open Sans';
        color: #212121;
        font-weight: 600
    }

    .quesSec h3 {
        margin-bottom: 14px
    }

.content .content-overlay {
    background: #009bce;
    position: absolute;
    height: 100%;
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.content-details {
    position: absolute;
    text-align: center;
    padding: 0 6px;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.hotOffer, .hotOffer i, .subLevel {
    position: relative
}

#ar button.owl-next, #ar button.owl-prev {
    transform: rotate(180deg);
    position: absolute
}

.txtBlk p {
    margin-bottom: 5px;
    color: #454545;
    font-family: 'Open Sans'
}

.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1
}

.fadeIn-bottom {
    top: 80%
}

.content-title {
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans';
    font-weight: 700;
    margin: 0
}

.content-text {
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 700
}

#ar .item li a, .owl_1 .item li a, .viewAll {
    font-size: 13px;
    display: inline-block;
    text-align: center
}

.retailerRightSec {
    padding-right: 28px;
    padding-left: 0
}

.viewAll {
    background: #009bce;
    color: #fff;
    margin: 30px auto 16px;
    transition: .4s ease-out;
    min-width: 216px;
    padding: 9px 0;
    border-radius: 5px
}

    .viewAll:hover {
        background: #084354;
        color: #fff
    }

.hotOffer {
    color: #d10000 !important
}

    .hotOffer i {
        top: -8px
    }

.subLevelInner div {
    min-width: 16%
}

.subLevel > h5 {
    margin: 0 0 10px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #242424
}

.subLevel h6, .title {
    color: #084354;
    font-size: 14px;
    font-weight: 700
}

.subLevel h6 {
    margin: 0;
    padding: 0 12px
}

.title {
    margin: 0 !important;
    padding: 0
}

.subLevel {
    width: 100%;
    display: none;
    background-color: #fff
}

.pixxett-header1 #nav li.drop-menu > ul > div {
    min-height: 225px;
    border-right: 1px solid #ddd
}

.pixxett-header1 #nav li.drop-menu > ul {
    min-height: 225px;
    min-width: 200px;
    width: unset
}

.firstList > a {
    background-image: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/next.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px);
    background-size: 6px
}

.last li {
    padding: 0 0 0 54px !important
}

.pixxett-header1 .mobile-menu li li li {
    background: #e1e1e1 !important
}

#ar .item li a, .owl_1 .item li a {
    padding: 6px 6px;
    color: #616161;
    font-weight: 400;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    background: #fff;
    font-family: 'Open Sans';
    text-transform: uppercase;
}

/*#ar .item li a, .owl_1 .item li a {
    padding: 6px 4px;
    color: #454545;
    font-weight: 600;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    background: #fff
}*/

.categorySec .nav-tabs {
    border: none;
    /* padding: 10px; */
    /* border-radius: 5px; */
  /*  width: 95%;*/
    margin: 0;
}


#ar.owl-carousel.owl-theme .owl-nav button, .owl_1.owl-carousel.owl-theme .owl-nav button {
    background-color: #009bce;
    border-radius: 50% !important;
    color: #000 !important;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.owl-theme#ar .owl-nav button.disabled, .owl-theme.owl_1 .owl-nav button.disabled {
    cursor: default;
    background-color: #d9d9d9
}

.owl_1 button.owl-prev {
    position: absolute;
    top: 50%;
    left: -52px;
    transform: translateY(-50%)
}

.owl_1 button.owl-next {
    position: absolute;
    top: 50%;
    right: -52px;
    transform: translateY(-50%)
}

#ar button.owl-next {
    right: unset;
    left: -16px;
    top: 8px;
}

#ar button.owl-prev {
    left: unset;
    right: -16px;
    top: 8px;
}

#ar .owl-nav {
    top: 0;
    position: absolute;
    left: 0;
    right: 0
}

.owl-nav span {
    font-size: 36px
}

.topOffer .tab-content {
    margin-top: 26px
}

#ar .owl-nav .owl-next span, .owl_1 .owl-nav .owl-next span {
    font-size: 0;
    background-image: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/caretRight.png);
    display: inline-block;
    width: 8px;
    height: 16px;
    left: 1px;
    position: relative
}

#ar .owl-nav .owl-prev span, .owl_1 .owl-nav .owl-prev span {
    font-size: 0;
    background-image: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/caretLeft.png);
    display: inline-block;
    width: 8px;
    height: 16px;
    right: 1px;
    position: relative
}

#nav-coupon-header .nav-inner {
    width: auto;
    margin: 0;
    padding:24px 0;
}

#nav-coupon-header .searchbar-field {
    width: auto;
    flex: 1;
}

.pixxett-header1.CouponsNewHome #nav > li > a {
    padding: 0 9px;
    /*padding: 24px 10px;*/
}

.colSeven .col-sm-2, .colSeven .colSevenBlk {
    width: 14.28%
}

.categorySec .tab-content {
    padding: 0 11px;
    margin-top: 14px;
}
    .categorySec .tab-content #tabRet {
        max-height: 880px;
        min-height: 300px;
        overflow-y: auto;
    }


.rotate {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#accordion .panel-title a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px
}

#accordion i.fa.fa-chevron-down {
    font-size: 12px
}

#accordion .panel-body p {
    color: #5c5c5c;
    font-weight: 400
}

#accordion.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0
}

#accordion .panel-body {
    background: #f3f3f3;
    border: none;
    padding-top: 0
}

#productTabContent.tab-content {
    margin-top: 10px
}

.top-banner-section .nav-tabs {
    border: 1px solid #ccc;
    padding: 8px;
    width: 92%;
    margin: 0 auto;
    border-radius: 5px
}

.CouponsNewHome .carousel-banner-common .carousel-inner, .CouponsNewHome .carousel-banner-common .carousel-inner > .item img, .Home.carousel-banner-common .carousel-inner, .Home.carousel-banner-common .carousel-inner > .item img {
    border-radius: 0
}

#accordion .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #f3f3f3;
    border-radius: 0;
    padding: 15px
}

[05:44pm] Madhulina Singha #google_translate_element {
    width: 300px;
    float: right;
    text-align: right;
    display: block
}

#goog-gt-tt, .goog-tooltip skiptranslate {
    display: none !important;
    top: 0 !important
}

.activity-root, .started-activity-container, .status-message {
    display: hide !important
}

.text-truncate {
    width: 100%;
    display: inline-block;
    height: 44px;
    margin: 0 !important
}

.txtBlk.text-truncate {
    height: 51px
}

.hoverCard li a {
    width: 100%;
    display: inline-block;
    height: unset
}

.txtBelowHdng h1, .txtBelowHdngHome h1 {
    font-size: 1px;
    color: transparent
}

.temp .owl-stage {
    width: 1070px !important
}

.px-2 {
    padding-left: 5px;
    padding-right: 5px
}

.fiveColClass {
    width: 20% !important
}

.tile-img {
    width: 100%;
    height: 160px
}

.product-image img, .search-cart-visible .retailers-flyer-tile .product-image img {
    height: 120px;
    width: 100%;
    object-fit: contain
}

.left-filter-submenu .side-nav-categories .box-category {
    max-height: unset;
    overflow: auto;
    padding: 7px 16px;
}

.side-nav-categories .box-category {
    max-height: 400px;
    overflow: auto
}

.search-cart-visible .product-bestseller .products-grid .item {
    padding: 0 5px
}

.HomeScroll.scrollHeight {
    max-height: 394px;
    margin: 0
}
/*! Flickity v2.0.2
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled:focus, .tabcontrol a, .wizard a {
    outline: 0
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: -webkit-grabbing;
            cursor: grabbing
        }

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: hsla(0,0%,100%,.75);
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .flickity-prev-next-button:focus {
        outline: 0;
        box-shadow: 0 0 0 5px #09f
    }

    .flickity-prev-next-button:active {
        opacity: .6
    }

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button:disabled {
    opacity: .3;
    cursor: auto
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-prev-next-button .arrow {
    fill: #333
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.tabcontrol, .wizard {
    display: block;
    width: 100%;
    overflow: hidden
}

#loader, .ui-loader {
    width: 150px;
    height: 150px
}

.tabcontrol ul, .wizard ul {
    list-style: none !important;
    padding: 0;
    margin: 0
}

    .tabcontrol ul > li, .wizard ul > li {
        display: block;
        padding: 0
    }

.tabcontrol > .content > .title, .tabcontrol > .steps .current-info, .wizard > .content > .title, .wizard > .steps .current-info {
    position: absolute;
    left: -999em
}

.tabcontrol > .steps, .wizard > .steps {
    position: relative;
    display: block;
    width: 100%
}

.wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 30%
}

.wizard > .steps .number {
    font-size: 1.429em
}

.wizard > .steps > ul > li {
    width: 25%
}

.wizard.vertical > .steps > ul > li {
    float: none;
    width: 100%
}

.wizard > .steps a, .wizard > .steps a:active, .wizard > .steps a:hover {
    display: block;
    width: auto;
    margin: 0 .5em .5em;
    padding: 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:active, .wizard > .steps .disabled a:hover {
    background: #eee;
    color: #aaa;
    cursor: default
}

.wizard > .steps .current a, .wizard > .steps .current a:active, .wizard > .steps .current a:hover {
    background: #2184be;
    color: #fff;
    cursor: default
}

.wizard > .steps .done a, .wizard > .steps .done a:active, .wizard > .steps .done a:hover {
    background: #9dc8e2;
    color: #fff
}

.wizard > .steps .error a, .wizard > .steps .error a:active, .wizard > .steps .error a:hover {
    background: #ff3111;
    color: #fff
}

.wizard > .content {
    background: #eee;
    display: block;
    margin: .5em;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 2.5% .5em;
    width: 65%
}

.tabcontrol > .content > .body, .wizard > .content > .body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%
}

    .tabcontrol > .content > .body ul, .wizard > .content > .body ul {
        list-style: disc !important
    }

        .tabcontrol > .content > .body ul > li, .wizard > .content > .body ul > li {
            display: list-item
        }

    .wizard > .content > .body > iframe {
        border: 0;
        width: 100%;
        height: 100%
    }

    .wizard > .content > .body input {
        display: block;
        border: 1px solid #ccc
    }

        .wizard > .content > .body input.error {
            background: #fbe3e4;
            border: 1px solid #fbc2c4;
            color: #8a1f11
        }

    .wizard > .content > .body label {
        display: inline-block;
        margin-bottom: .5em
    }

        .wizard > .content > .body label.error {
            color: #8a1f11;
            display: inline-block;
            margin-left: 1.5em
        }

.wizard > .actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%
}

.wizard.vertical > .actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%
}

.wizard > .actions > ul {
    display: inline-block;
    text-align: right
}

    .wizard > .actions > ul > li {
        margin: 0 .5em
    }

.wizard.vertical > .actions > ul > li {
    margin: 0 0 0 1em
}

.wizard > .actions a, .wizard > .actions a:active, .wizard > .actions a:hover {
    background: #2184be;
    color: #fff;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.wizard > .actions .disabled a, .wizard > .actions .disabled a:active, .wizard > .actions .disabled a:hover {
    background: #eee;
    color: #aaa
}

.tabcontrol > .steps > ul {
    position: relative;
    margin: 6px 0 0;
    top: 1px;
    z-index: 1
}

    .tabcontrol > .steps > ul > li {
        float: left;
        margin: 5px 2px 0 0;
        padding: 1px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

        .tabcontrol > .steps > ul > li:hover {
            background: #edecec;
            border: 1px solid #bbb;
            padding: 0
        }

        .tabcontrol > .steps > ul > li.current {
            background: #fff;
            border: 1px solid #bbb;
            border-bottom: 0;
            padding: 0 0 1px;
            margin-top: 0
        }

        .tabcontrol > .steps > ul > li > a {
            color: #5f5f5f;
            display: inline-block;
            border: 0;
            margin: 0;
            padding: 10px 30px;
            text-decoration: none
        }

        .tabcontrol > .steps > ul > li.current > a {
            padding: 15px 30px 10px
        }

.tabcontrol > .content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px
}

.carousel-banner-common .carousel-inner {
    height: 280px
}

.inner-trend-logo-section {
    line-height: 180px
}

#loader {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 70%;
    left: 0;
    right: 0;
    border: 0;
    background: 0 0;
    text-align: center;
    margin: 0 auto
}

.ui-loader {
    display: block;
    padding: 1px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    background: url("https://cdn.clicflyer.com/websiteimages/Images/lazyloader.gif") center center/150px 150px no-repeat
}

.active-flyer-grid-view-parent {
    overflow: hidden;
    background: #fff;
    display: block
}

.gradient-retailer-overlay-section {
    background: #00aae6;
    padding: 10px 25px
}

.infoboxwindow {
    font-size: 18px;
    font-weight: 700
}

.mob-banner-carousel {
    display: none;
}

    .mob-banner-carousel .owl-controls {
        bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
    }

    .mob-banner-carousel .owl-pagination {
        position: static;
        background: transparent;
        padding: 0;
    }

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    margin: 0 2px;
}

.mob-banner-carousel .owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
}
@media only screen and (min-width:768px) {
    #appendNew li {
        min-width: 15%;
    }
}

@media only screen and (max-width:767px) {
    #product-detail-tab li a {
        padding-bottom: 0;
    }
    #retailersPage > div {
        height: unset !important;
        margin-bottom: 8px;
        margin-top: 16px;
        display: inline-block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    #tabFlyerHorScroll div#tabfly2 {
        height: unset !important;
    }
    .view-more-div {
        margin-top: 20px !important;
        margin-bottom: 12px !important;
    }
    .searchBrdHdr .totalavailOffer {
        display: block;
        width: 100%;
        text-align: center;
    }

    .searchBrdHdr p {
        font-size: 15px;
    }

    .searchBrdHdr h1 {
        font-size: 14px;
    }

    .bread-header.text-center.searchBrdHdr {
        display: inline-block;
        font-size: 14px;
    }

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

        .flyer-header .list_top_content .searchListng2mob {
            width: 80%;
            display: none;
            height: 500px;
            overflow-y: auto;
        }

        .searchListng2mob p > a > span:first-child {
            padding-right: 10px;
        }

        #searchListing p {
            width: 100%;
        }

        #searchListing span > font:last-child, #searchListing span > font:first-child {
            display: inline-block;
            width: 96%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .retailer_name h4 {
            max-width: 110px;
        }

        /*.gradient-retailer-overlay-section .logo-retailer-left-pannel {
            flex-direction: column;*/
            /* justify-content: flex-start; */
        /*}*/

        .gradient-retailer-overlay-section .retailer-heading-category {
            text-align: center;
            /*margin-bottom: 9px;*/
        }

        .retailers-flyer-tile .product-image img {
            object-position: center;
        }
    }
}

/*  ------------  Banner CSS ------------------ */

#banner-cf {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    object-fit: cover;
    width: 100%;
}

#bg-image-cf {
    width: 100%;
}

#overlay-cf {
    background-color: rgba(0, 0, 0, 0.7); /* Adjust opacity as needed */
    border-radius: 10px;
    position: absolute;
    padding: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
    color: white;
}

#banner-heading {
    font-size: 2.5vw;
    letter-spacing: 0.25em;
    font-weight: 500;
    color: white;
}

#banner-paragraph {
    font-size: 1.4vw;
    line-height: 1.2;
    padding-bottom: 1%;
    color: #e8e1e1;
    margin-bottom: 0.2em;
}

.carousel-banner-common .carousel-inner .item .get-app-header img {
    height: 28px; /* --- small height so that icons will be visible on mobile, else big size ------ */
}

#overlay-cf a img:hover {
    transform: scale(1.1); /* Increase size on hover */
    transition: transform 0.3s ease;
    box-shadow: 0px 0px 10px rgb(0, 0, 0);
}

#banner-heading-arabic {
    font-size: 2.5vw;
    font-weight: 700;
    color: white;
}

@media (min-width: 774px) {
    .carousel-banner-common .carousel-inner .item .get-app-header img {
        height: 38px;
    }
}

@media (max-width: 688px) {
    #banner-heading {
        font-size: 2.5vw;
    }

    #banner-paragraph {
        font-size: 1.85vw;
    }

    .carousel-banner-common .carousel-inner .item .get-app-header img {
        height: 25px;
    }
}

@media (min-width: 689px) and (max-width: 992px) {
    #banner-heading {
        font-size: 2.2vw;
    }

    #banner-paragraph {
        font-size: 1.8vw;
    }
}

@media (min-width: 993px) and (max-width: 1312px) {
    #banner-heading {
        font-size: 2.2vw;
    }

    #banner-paragraph {
        font-size: 1.6vw;
    }
}

@media (min-width: 1313px) {
    #banner-heading {
        font-size: 2.1vw;
    }

    #banner-paragraph {
        font-size: 1.1vw;
    }
}

/*Retailer's page*/
@media only screen and (max-width: 767px) {
    .retailer-page-content {
        margin-top: 230px;
    }
    .retailer-heading-category h1 {
        margin: 0;
        text-align: left;
        letter-spacing: normal;
    }
}

.hidden-retailer {
    display:none;
}

/* Coupons Ads */

.horizontalDesktopAd {
    display: none;
    margin-top: 20px;
    /*height: 150px;
    width: 1200px;
    background-color: darkgray;
    margin-left: auto;
    margin-right: auto;*/
}

.horizontalDesktopAd iframe {
    min-height: unset;
}

@media only screen and (min-width: 1200px) {
    .horizontalDesktopAd {
        display: block;
    }
}
.verticalDesktopAd {
    display: none;
}

.verticalDesktopAd iframe {
    min-height: unset;
}

@media only screen and (min-width: 1200px) {
    .verticalDesktopAd {
        display: block;
    }
}

.offersPageAd {
    margin-top: 20px;
}

.offersPageAd iframe {
    min-height: unset;
}

@media only screen and (min-width: 900px) {
    .offersPageAd {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    #logoDesktop {
        display: none;
    }
    #logoMobile {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    #logoMobile {
        display: none;
    }
    #logoDesktop {
        display: block;
    }
}

.mobileAd {
    display: none;
}
.mobileAd iframe {
    min-height: unset;
}

@media screen and (max-width: 767px) {
    .mobileAd {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 9999;
        height: 60px;
    }
}
/*@media only screen and (min-width:1500px) {
    .owl-stage {
        width: 100% !important
    }
}
*/
@media only screen and (min-width:768px) {
    .modal-dialog {
        width: 700px;
        margin: 30px auto;
    }
    .owl-stage {
        display: flex;
    }

    .owl-carousel .owl-item {
        flex-shrink: 0;
        display: flex;
    }
}

@media only screen and (max-width:1280px) {
    .cmn-modal-content-product-details .close-icon-right .close-tag {
        right: 10px;
        top: 25px
    }
    .owl-stage {
        display: flex;
    }

   .owl-carousel .owl-item {
        flex-shrink: 0;
        display: flex;
    }
}

@media only screen and (max-width:1199px) {
  
    .product-bestseller-list {
        width: 100%
    }

    .bread-header {
        display: inline-block;
        padding-bottom: 12px;
        width: 100%
    }

    #nav-coupon-header .logo-block {
        justify-content: space-between
    }

    .pixxett-header1 .mm-toggle-wrap {
        top: 0;
        position: static
    }

    nav#myHeader {
        padding: 12px 0
    }

    .top-coupon-field-inner .trending .fiveCol {
        padding: 0 !important
    }

        .top-coupon-field-inner .trending .fiveCol .offer-sec-Mobile {
            width: 33.2%
        }

    .pixxett-header1 .toplinks div.links div.top-links-wrapper.top-cart .basket a.top-link {
        background-position: 5px 14px;
        margin-left: 0;
        background-size: 14px
    }

    .colSeven .col-sm-2 {
        width: 20%
    }

    .searchbar-field {
        width: 235px
    }

    .searchicon, #flyersearchbtn {
        top: 6px;
    }

    .product-view .product-shop .price, .section-heading .section-title {
        font-size: 20px
    }

    .number-of-offers {
        font-size: 12px
    }

    .type-ofthe-product {
        font-size: 12px;
        line-height: 16px
    }

    .nameof-the-product {
        font-size: 10px
    }

    .offer-category-cart {
        height: 200px
    }

    .bestsellers3 .pixxett-tabs li {
        margin: 0 52px
    }

    .bestsellers3 .bestseller-content {
        padding-right: 15px
    }

    .checke-label-fixed-down label, .collapsible-nav-main a {
        font-size: 11px
    }

    .page-heading, .related-pro .block-title h2 {
        font-size: 18px
    }

    .product-view .product-name h1 {
        font-size: 20px;
        line-height: 22px
    }

    .button-field-dtls .btn-save {
        width: 130px;
        font-size: 14px
    }

    .button-field-dtls .btn-see-details {
        width: 150px;
        font-size: 14px
    }

    .nav-tabs.product-tabs > li > a {
        font-size: 14px
    }

    .related-pro .owl-pagination {
        top: 80%
    }

    a.product-image {
        margin: 0 auto
    }

    .carousel-banner-common .carousel-inner {
        height: auto
    }

    .coupon-img-link, .view-more-box {
        margin: auto
    }

    .coupon-img-link-essentials {
        margin: auto auto 30px
    }

    .mens-electronics-category h3 {
        margin-left: 0;
        text-align: center;
        margin-bottom: 25px
    }

    .top-coupon-field-inner {
        margin-bottom: 0
    }

    .top-coupons-cart-tile-clothing.bestsellers3 .pixxett-tabs li {
        margin: 0 20px
    }

    .location-track-address h3 {
        width: 200px
    }

    .cmn-modal-content-product-details .close-icon-right .close-tag {
        right: 20px;
        top: 18px
    }
}

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

    .searchbar-field {
        width: 180px;
        font-size: 11px;
    }

    .pixxett-header1 .logo {
        margin-right: 25px
    }

    .custom-search-field {
        margin-top: 5px
    }

    .carousel-banner-common, .carousel-inner {
        margin-top: 0
    }

    .pixxett-header1 .toplinks .links {
        text-align: left
    }

    .pixxett-header1 .toplinks div.links div.top-links-wrapper a.top-link {
        padding: 0 4px
    }

    .pixxett-header1 .mini-cart .basket a .cart-title {
        margin-left: 16px
    }

    .offer-category-cart {
        height: 185px
    }

    .category-section {
        padding: 10px 0 !important
    }

    .brand-logo .section-heading:after, .brand-logo .section-heading:before {
        width: 140px
    }

    .brand-logo {
        padding-top: 10px !important
    }

    .footer-service-policies {
        padding: 10px 0 20px
    }

    .left-img-choosen img {
        max-width: 80px
    }

    .bestsellers3 .pixxett-tabs li {
        margin: 0 25px
    }

        .bestsellers3 .pixxett-tabs li > a, .product-view .product-shop .price, .retailer-heading-category h1 {
            font-size: 14px
        }

    .parent-tile-cart .bestsellers3 .product-bestseller .item .item-inner {
        height: auto
    }

    .most-common-product-img, .product-img-layer {
        width: 285px
    }

        .most-common-product-img img {
            max-width: 285px
        }

    .button-field-dtls .btn-save {
        margin-left: 0
    }

    .my-offer-text h3 {
        font-size: 20px
    }

    .my-offer-text::after {
        width: 250px;
        height: 2px;
        left: 210px;
        top: 100px
    }

    .my-offer-header-part {
        margin-top: 75px
    }

    .my-offer-text.my-offer-text2::after {
        left: 300px
    }

    .main-list-option-item-checked {
        right: 65px;
        top: 82px
    }

    .logo-inner-pannel-logo-section ul li {
        width: 110px;
        height: 100px;
        margin-bottom: 0
    }

    .right-category-retilaers ul li {
        padding: 12px
    }

    .gmap_iframe {
        height: 500px !important
    }

    .map-store-parent {
        max-height: 500px;
        overflow: auto
    }

    .location-track-address h3 {
        width: 170px;
        font-size: 10px
    }

    .location-track-address p {
        font-size: 10px;
        line-height: 16px
    }

    .kilometer-tag {
        padding: 2px 9px;
        font-size: 9px
    }

    .inner-map-store-pnl {
        padding: 15px 10px
    }

    .location-track-address span i {
        color: #009bce;
        font-size: 24px
    }

    .gmap_canvas, .mapouter {
        height: 500px
    }

    .flat-text-details h2 {
        font-size: 20px;
        line-height: 25px
    }

    .flat-text-details h3, .flat-text-details p {
        font-size: 13px
    }

    .no-gutter-spacing-container-product-details {
        padding: 0 15px !important
    }

    .related-pro .block-title h2 {
        font-size: 16px;
        line-height: 25px
    }

    .nospace-ipda-details {
        padding: 0 !important
    }

    .cmn-modal-content-product-details .close-icon-right .close-tag {
        right: 10px;
        top: 8px
    }

    .product-view .short-description {
        padding: 10px 0
    }

    p.availability.pull-right {
        margin-top: -3px
    }

    .product-view .product-shop .old-price .price {
        font-size: 14px;
        font-weight: 400
    }

    .coupon-img-link.coupon-img-link2, .coupon-specific-img.coupon-specific-img2 {
        width: 200px
    }

        .coupon-specific-img.coupon-specific-img2 img {
            max-width: 200px
        }

    .right-pnl-text-coupon p {
        width: 135px
    }
}

@media only screen and (max-width:767px) {
    #appendNew li {
        min-width: 42%;
    }
    .offer-bottom {
        padding: 5px 5px;
    }
    .language-arabic-selected .gradient-retailer-overlay-section .retailer-logo-section-overlay {
        margin-left: unset;
        margin-right: 25px;
    }
    #nav-coupon-header .searchbar-field {
        width: 100%;
    }
    .trending .fiveCol {
        padding: 0 15px;
    }
    .section-heading:before {
        right: 0;
         width: 100%; 
    }
    .section-heading:after {
        left: 0;
         width: 100%; 
    }
    .copy-code-share + .action-btn-coupon {
        display: flex;
    }
    .copy-code-share {
        display: flex;
    }
   
  /*  #retailerPg .owl-stage {
        display: flex;
    }
    #retailerPg.owl-carousel .owl-item {
        flex-shrink: 0;
        display: flex;
    }*/
   .owl-stage {
        display: flex;
    }

    .owl-carousel .owl-item {
        flex-shrink: 0;
        display: flex;
    }
    .mob-banner-carousel {
        display: block;
    }
    /*.desktop{
        display:none;
    }*/
    #sort-by, .bread-header, .copy-promo-code-section, .login-signup-via-layer, .my-offer-text {
        text-align: center
    }

    .modal .header-text, .std p {
        text-align: left
    }

    .language-arabic-selected .newModal .modal-dialog, .language-arabic-selected .newModal.modal-dialog {
        margin-top: inherit
    }

    .spacialOffer {
        font-size: 10px
    }
    .buyOnline {
        font-size: 8px
    }

    .tab-offer.retailer-sort-by {
        display: none !important
    }

    #pagingProduct .fivecolblk, .colSeven .colSevenBlk, .fivecolblk {
        width: 50%
    }

    .fiveColClass, .offer-sec-Mobile {
        width: 50% !important
    }

    .sortBtns {
        display: flex
    }

    .slider-main-flyers .bxslider li img {
        margin: 0 auto;
        display: block;
        height: 500px;
        max-width: unset;
        width: 100%;
        object-fit: contain;
        object-position: top
    }

    .get-app li {
        margin-right: 8px
    }

    .back-to-top {
        right: .857143em;
        bottom: 9.714286em
    }

    .save-offer-blk {
        padding: 24px 12px
    }

    .borderBtn, .country-dropdown li a, .drop-down-sharing ul li, .filledBtn, .flyer-header .list_top_content ul li, .nameof-the-product, .nav-tabs.product-tabs > li > a, .number-of-offers, .product-view .product-shop .price, .product-view .short-description p, .type-ofthe-product, .view-more {
        font-size: 12px
    }
/*
    #ar button.owl-next, .owl_1 button.owl-prev {
        left: -32px
    }

    #ar button.owl-prev, .owl_1 button.owl-next {
        right: -32px
    }*/

    .mb-10 {
        margin-bottom: 20px
    }

    .bread-header #sort-by, .left-filter-submenu, .left-filter-submenu-mobile-view, .my-offer-text::after, .product-view .product-shop ul.add-to-links, .rightt-adds-section {
        display: none
    }

    .modal-dialog.cmn-modal-dialog.cmn-modal-dialog-product-details {
        width: inherit;
        min-width: unset
    }

    .horizontal-scrollable > .row > .col-md-2 {
        width: 38%;
        padding: 0 5px
    }

    .horizontal-scrollable .view-more-div {
        margin-top: 16px
    }

    .price-and-discount .discount-price-precent {
        font-size: 8px;
        right: 18px;
        top: 8px
    }

    .hdrInner > .mm-toggle-wrap {
        padding-left: 16px
    }

    .homePg.top-banner-section .nav-tabs {
        width: 90%
    }

    .language-arabic-selected .modal .header-text {
        text-align: right
    }

    .mobile-menu li ul {
        max-height: 300px;
        overflow-y: auto
    }

    body.home-index.mmPushBody {
        overflow: hidden;
        position: fixed
    }

/*    #ar .owl-nav {
        top: 8px
    }
*/
    .cmn-modal-content3 .header-text h3 {
        font-size: 18px
    }

    .headingNoline {
        font-size: 20px
    }

    .retailerRightSec .scrollHeight, .row.colSeven, .top-coupons-cart-tile-clothing.bestsellers3 .pixxett-tabs li {
        margin: 0
    }

    .retailerRightSec {
        padding: 0 12px !important
    }

   /* .categorySec .tab-content {
        padding: 0 12px
    }
*/
    nav#myHeader {
        padding-bottom: 10px
    }

    .colSeven .col-sm-2, .sixCol .col-sm-2 {
        width: 50%;
        float: left
    }

    #nav-coupon-header .custom-search-field {
        margin-left: 8px;
        width: auto;
        flex:1;
        min-width: unset;
    }

    #nav-coupon-header .logo {
        margin-right: 0
    }
    .language-arabic-selected #nav-coupon-header .logo {
        margin-right: 11px;
    }
    .language-arabic-selected #nav-coupon-header .custom-search-field {
        margin-left: unset;
        margin-right: 8px;
    }
    .language-arabic-selected .pixxett-header1 .mm-toggle {
        padding: 8px 0 8px 0;
    }
    .language-arabic-selected #page {
        right: 0;
        position: relative;
    }
   /* .language-arabic-selected div#mobile-menu {
        left: unset;
        right: 0;
    }
    .language-arabic-selected div#page {
        left: unset !important;
        right: 250px;
    }*/
   /* .navHdr, section.bar.bar-3.bar--sm.bg--site.offers-section.parent-tile-cart.search-cart-visible, ul.get-app {
        margin-top: 20px
    }*/

   /* .pixxett-header1 .mm-toggle-wrap {
        top: -9px;
        left: 0;
        position: absolute
    }
*/
    .pixxett-header1 .mm-toggle {
        padding: 8px 15px 8px 0
    }

    #ar.owl-carousel.owl-theme .owl-nav button, .owl_1.owl-carousel.owl-theme .owl-nav button {
        width: 20px;
        height: 20px
    }

    .breadcrumbs, .carousel-banner-common > .container {
        padding: 0 16px
    }

    .carousel-banner-common .carousel-inner > .item img {
        object-fit: cover;
        height: unset;
        object-position: center;
        border-radius: 11px
    }

    .bestsellers3, .category-parent {
        padding: 0
    }

    .offer-sec-Mobile {
        float: left
    }

    a.see-dtls-common-btn.getcoupon {
        height: unset
    }

    .retailer-view .tab-content {
        padding: 0 7px;
        margin-top: 0
    }

    #ar .owl-nav .owl-next span, #ar .owl-nav .owl-prev span, .owl_1 .owl-nav .owl-next span, .owl_1 .owl-nav .owl-prev span {
        background-repeat: no-repeat;
        background-size: 5px;
        background-position: 1px 3px
    }

    .logo-block {
        align-items: center;
      /*  flex-direction: column;*/
        width: 100%
    }

    .pixxett-header1 .logo {
        width: auto;
        margin-left: unset;
        margin-top: 2px
    }

    .item .item-inner, .parent-tile-cart .bestsellers3 .product-bestseller .item .item-inner.item-inner-view-flyer, .top-retailer-fixed-ratio-section {
        height: auto
    }

    .search-text-value {
        margin-bottom: 25px;
        margin-top: 0
    }

    .custom-flyers-tabs-common.nav-tabs.product-tabs > li::after {
        right: -15px
    }

    .right-pnl-text-coupon, .similar-offer-section-tile p {
        height: 30px;
        overflow: hidden
    }

    .breadcrumb-product-listing, .carousel-inner, .footer-text-option p.new-user-text {
        margin-top: 10px
    }

    .side-nav-categories, .side-nav-categories .block {
        margin-bottom: 10px
    }

    .nameof-the-product {
        height: auto;
        position: relative;
        overflow: hidden
    }

    .carousel-banner-common .carousel-indicators {
        bottom: -25px
    }

    .retailer-cart-section .col-sm-3 {
        padding-left: 15px;
        padding-right: 15px
    }

    .inner-text-pnl-coupon {
        padding: 0 10px 10px
    }

    #sort-by ul ul {
        margin-left: 0
    }

    .retailer-trend-footer-cmn h4 {
        font-size: 12px;
        overflow: hidden;
        width: 100%;
        text-overflow: ellipsis;
        height: 20px
    }

    .select-city select, .select-language select {
        background-position: 260px 18px;
        height: 40px
    }

    .price-and-discount {
        min-height: 30px
    }

    .retailers-brand-remaining-time {
        min-height: 30px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .logo-coupon-img-and-text {
        min-height: 45px
    }

    .products-grid .item .item-inner .tile-modified-extent .item-title {
        min-height: 0
    }

    .product-bestseller .owl-wrapper-outer .products-grid .item, .product-bestseller.product-listing-main-parent .products-grid .item {
        padding: 0 5px
    }

    .whishlist-hearted svg {
        width: 25px
    }

    .custom-search-field {
        margin-top: 5px;
        float: none;
        display: block;
        clear: both
    }

    .login-with-apple, .searchbar-field {
        width: 100%
    }

    .searchicon, #flyersearchbtn {
        top: 5px;
        left: 6px;
    }

    .section-heading .section-title {
        font-size: 16px;
        letter-spacing: normal;
        padding: 0 9px;
        line-height: 26px;
        max-width: 85%;
    }
    .section-heading {
        margin: 0 auto
    }

    .offer-category-cart {
        height: auto;
        overflow: hidden;
        min-height: 150px
    }

    .product-img-cart {
        max-width: 100%;
        margin: auto;
        width: 100%
    }

    .bestsellers3 .pixxett-tabs li {
        margin: 0 4px;
        width: auto
    }

        .bestsellers3 .pixxett-tabs li > a {
            padding: 0 10px;
            font-size: 10px
        }

/*    .cmn-modal-dialog.cmn-modal-dialog2, .cmn-modal-dialog3 {
        width: 350px;
        margin-left: auto;
        margin-right: auto
    }*/

    .cmn-modal-content, .cmn-modal-content.cmn-modal-content2, .cmn-modal-content3 {
        max-width: 350px;
        background: linear-gradient(115.24deg,#009bce 16.02%,#70b942 83.98%)
    }

    .select-city select, .select-country-flag, .select-language select {
        font-size: 12px !important;
        background-size: 15px
    }

    .left-form {
        float: none;
        width: 100%
    }

    .loginvia-facebook, .loginvia-google {
        margin-bottom: 5px
    }

    .footer-text-option, .my-offer-header-part {
        margin-top: 30px
    }

    .cmn-modal-content3 .header-text h1 {
        font-size: 16px
    }

    .select-country-flag {
        margin-bottom: 5px !important;
        background-position: 260px 15px
    }

    .country-dropdown li {
        width: 90%;
        overflow: hidden
    }

    .select-language select {
        color: #009bce
    }

    .cmn-modal-content3 {
        min-height: 420px
    }

    .side-nav-categories2 {
        min-height: 600px
    }

    .page-heading.page-heading2 {
        display: block
    }

    .page-heading {
        font-size: 14px
    }

    .total-offers {
        font-size: 15px
    }

    #sort-by li {
        width: 200px;
        font-size: 14px
    }

    #sort-by ul {
        display: inline-block;
        margin-left: 15px
    }

    .product-img-layer {
        width: 200px;
        height: auto;
        margin: 0 auto
    }

    .most-common-product-img {
        width: 200px;
        height: auto;
        display: block
    }

        .most-common-product-img img {
            max-width: 200px
        }

    .mobile-view-action-button {
        display: block;
        margin-bottom: 0 !important
    }

    .email-addto-box {
        margin-top: 25px;
        display: none
    }

    .nav-tabs.product-tabs > li {
        width: auto;
        margin-right: 10px
    }

    .related-pro .home-block-inner {
        background: #70b942;
        min-height: auto;
        margin-bottom: 30px
    }

    .cmn-modal-content.cmn-modal-content-product-details, .modal-content.cmn-modal-content.cmn-modal-content2.cmn-modal-content5 {
        background: #f5f5f5;
        max-width: 350px
    }

    .related-pro .owl-pagination {
        top: 30%;
        right: 10%
    }

    .carousel-banner-common .carousel-inner {
        height: auto !important
    }

    .my-offer-text {
        display: block;
        float: none
    }

    #sort-by {
        float: none;
        padding-bottom: 20px;
        margin-top: 5px
    }

    .main-list-option-item-checked {
        right: 50px;
        top: 66px
    }

    .logo-inner-pannel-logo-section ul li {
        width: 180px;
        height: 140px;
        margin: 0 5px 30px
    }

        .logo-inner-pannel-logo-section ul li a img {
            width: 100px
        }

    .breadcrumb-option {
        margin-top: 0
    }

    .logo-retailer-left-pannel {
        display: block;
        float: none
    }

    .right-category-retilaers {
        display: block;
        float: none;
        vertical-align: middle;
        margin-top: 15px
    }

        .right-category-retilaers ul li {
            padding: 12px 8px;
            font-size: 12px
        }

    .custom-flyers-tabs-common {
        margin-top: 10px !important;
        text-align: center;
        display: block
    }

    .no-gutter-space-right {
        padding-right: 15px !important
    }

    .no-gutter-space-left {
        padding-left: 15px !important;
        margin-top: 30px
    }

    .location-track-address h3 {
        width: 300px;
        font-size: 12px
    }

    .flat-text-details p, .location-track-address p {
        font-size: 12px;
        line-height: 20px
    }

    .inner-map-store-pnl {
        padding: 15px 20px
    }

    .gradient-retailer-overlay-section {
        margin-top: 0;
        line-height: 0;
        padding: 10px 15px
    }

    .left-pnl-discoundbrand-logo {
        display: inline-block;
        float: left;
        width: 110px;
        height: auto
    }

   /* .modal-dialog.cmn-modal-dialog.cmn-modal-dialog2.cmn-modal-dialog-coupons {
        width: 350px
    }*/

    .flat-text-details {
        margin-left: 15px;
        width: 165px;
        margin-right: 10px;
    }
    .language-arabic-selected .flat-text-details {
        width: 165px;
        margin-right: 10px !important;
    }

        .flat-text-details h2 {
            font-size: 13px;
            line-height: 16px;
            margin-bottom: 2px
        }

        .flat-text-details h3 {
            font-size: 12px;
            margin-bottom: 0
        }

        .flat-text-details p img {
            width: 15px;
            line-height: 0
        }

    .close-tag {
        padding: 4px 10px
    }

    .cmn-modal-content5 .close-tag.close-tag2 {
        right: 10px;
        top: 10px
    }

    .coupon-code {
        font-size: 14px;
        width: 120px;
        height: 40px
    }

    .cody-copy-btn {
        font-size: 14px;
        width: 140px;
        height: 40px
    }

    .share-btn-coupon {
        width: 40px;
        display: inline-block;
        height: 36px;
        font-size: 20px;
        border: 1px solid #009bce;
        color: #009bce;
        margin-left: 5px;
        vertical-align: middle
    }

/*    .coupon-redeem-btn, .coupon-save-btn {
        width: 140px;
        height: 40px;
        font-size: 13px
    }*/

    .copy-code-share, .question-coupon {
        margin-bottom: 15px
    }

    .coupon-redeem-btn {
        margin-left: 0
    }

    .coupon-flat-discount-header {
        margin-top: -20px;
        padding: 15px 10px 0
    }

    .copy-promo-code-section {
        background: #fff;
        padding: 20px
    }

    .popover-copied {
        position: absolute;
        left: 30%;
        top: 30%
    }

    .coupons-tab .nav-tabs.product-tabs > li a {
        padding: 4px 12px
    }

    .coupons-tab #productTabContent {
        padding: 10px 10px 10px 20px;
        margin: 5px 20px
    }

    .coupons-tab p {
        font-size: 13px;
        margin: 3px 0
    }

    .coupon-popup-footer a {
        font-size: 10px;
        padding: 5px 0
    }

    .product-view .product-shop .old-price .price {
        font-size: 12px;
        font-weight: 400
    }

    .price-and-discount, .product-view .short-description h2 {
        margin-bottom: 0
    }

    .std p {
        font-size: 12px;
        line-height: 18px
    }

  

  /*  .section-heading:before {
        right: 0
    }

    .section-heading:after {
        left: -5px
    }
*/
    .brand-logo .section-heading:before {
        right: 15px
    }

    .brand-logo .section-heading:after {
        left: 10px
    }

    .footer-service-policies .service-policy a, .footer-service-policies .service-policy:nth-child(3) a {
        padding-left: 0
    }

    .owl-carousel .owl-item .most-common-tiled-img, .owl-carousel .owl-item a.product-image {
        height: 190px;
        width: 150px
    }

        .owl-carousel .owl-item .most-common-tiled-img img {
            max-width: 150px;
            margin: 0 auto;
            max-height: 190px !important
        }

    a.product-image {
        vertical-align: middle;
        display: block
    }

    .most-common-tiled-img img {
        max-width: 180px;
        margin: 0 auto;
        max-height: 200px !important
    }

    .category-products .item-title p {
        font-size: 10px;
        line-height: 14px;
        width: 160px;
        margin-top: -10px;
        position: relative;
        height: 0;
        overflow: hidden
    }

    .price-left-pnl p.grey-cross-text {
        font-size: 10px;
        line-height: 10px
    }

    .price-left-pnl p.real-price {
        font-size: 10px;
        line-height: 15px
    }

    .discount-price-precent {
        font-size: 8px;
        right: 2px;
        top: 4px
    }

    .ribbon-image-pnl {
        position: static;
        top: 40px;
        right: 0
    }

    .retailers-brand-remaining-time .day-remaining p {
        font-size: 10px;
        width: unset;
        margin: 3px 0 0
    }

    .day-remaining {
        margin-top: 0;
        margin-left: 10px
    }

    .ribbon-image-pnl img {
        width: 54px
    }

    .share-icon-detls {
        padding: 5px 10px
    }

    .product-bestseller .products-grid .item {
        padding: 0 5px;
        margin-bottom: 20px
    }

    .day-remaining ul li {
        font-size: 7px;
        line-height: 15px
    }

        .day-remaining ul li img {
            width: 12px
        }

    .retailes-logo-left {
        display: inline-block;
        width: 40px;
        height: 40px
    }

        .retailes-logo-left img, .rightt-adds-section img, a.adds-vertically {
            width: 100%;
            height: 100%
        }

    .share-icon-detls i {
        color: #fff;
        font-size: 12px
    }

    .coupon-img-link, .coupon-specific-img {
        height: 140px;
        width: 160px
    }

        .coupon-specific-img img {
            max-width: 140px;
            max-height: 150px !important
        }

        .coupon-img-link.coupon-img-link2, .coupon-specific-img.coupon-specific-img2 {
            width: 160px
        }

            .coupon-specific-img.coupon-specific-img2 img {
                max-width: 160px
            }

    .right-pnl-text-coupon p {
        font-size: 10px;
        line-height: 15px;
        width: 100px
    }

    .left-pnl-img-coupon img {
        width: 30px;
        height: 30px;
        object-fit: cover
    }

    .add_google-by iframe, .add_google-by.add_google-by2 iframe {
        min-height: 100% !important;
        height: 100% !important
    }

    .add_google-by, .add_google-by2 {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .bestsellers3 .product-bestseller, .bestsellers3.top-coupons-cart-tile-clothing .product-bestseller {
        padding-top: 20px
    }

    .inner-spaces-coupon {
        height: auto;
        margin-bottom: 20px
    }

    .bestsellers3 {
        padding-top: 0
    }

    .flyer-main-parent {
        margin-top: 10px;
        margin-bottom: 40px
    }

    .left-adds-section {
        margin-bottom: 15px;
        display: none
    }

    .flyer-header .list_top_content ul li.valid_till {
        font-size: 10px;
        font-weight: 400;
        padding-left: 5px
    }

    .flyer-header .list_top_content ul li.bankmont_grid {
        width: 40px
    }

    .list_top_content ul li.bankmont_grid1 {
        width: 40px;
        padding-left: 0 !important
    }

    #maginifier .font-button-cmn {
        height: 20px !important;
        width: 20px !important;
        line-height: 20px;
        font-size: 20px;
        margin-right: 0;
        font-weight: 700
    }

    .number-of-pages {
        width: 140px;
        font-size: 14px
    }

    .drop-down-sharing {
        top: 0px;
        height: 140px;
        width: 220px;
        right: 0px;
    }

        .drop-down-sharing ul li a {
            padding: 8px 10px
        }

    .flyer-header .list_top_content ul li.bankmont_grid img, .list_top_content ul li.bankmont_grid1 img {
        width: 18px
    }

    .drop-down-sharing ul li a img {
        margin-right: 12px;
        width: 15px
    }

    .flyer-header .list_top_content ul li.bankmont_grid:hover, .list_top_content ul li.bankmont_grid1:hover {
        background: 0 0
    }

    .flyer-grid-inner {
        padding: 20px
    }

    .product-list-view {
        min-height: 200px;
        margin-bottom: 20px;
        opacity: 1
    }

    .flyerpagesgrid-view, .product-img {
        height: 200px
    }

        .flyerpagesgrid-view a img {
            max-height: 200px;
            max-width: 140px !important
        }

    .number-of-product {
        height: 30px;
        bottom: 10px;
        width: 30px;
        font-size: 15px;
        line-height: 25px;
        right: 10px
    }

    .slider-main-flyers .bx-wrapper .bx-next, .slider-main-flyers .bx-wrapper .bx-prev {
        background-size: 30px
    }

    .mobile-view-action-button ul {
        text-align: left;
        border-bottom: 1px solid rgba(117,117,117,.3);
        border-top: 1px solid rgba(117,117,117,.3);
        padding: 7px 0;
        margin-bottom: 10px
    }

        .mobile-view-action-button ul li {
            display: inline-block;
            margin: 0 12px
        }

    .product-view .product-name {
        border-bottom: none
    }

    .mobile-view-action-button ul li a {
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 14px;
        color: #009bce
    }

        .mobile-view-action-button ul li a svg {
            vertical-align: text-bottom;
            margin-right: 10px;
            width: 18px
        }

    .button-field-dtls {
        display: block;
        vertical-align: top
    }

    .inner-similar-offer-tile h2, .mobile-view-all {
        display: inline-block;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 12px
    }

    .button-field-dtls .btn-save {
        width: 48%;
        font-size: 14px
    }

    .button-field-dtls .btn-see-details {
        font-size: 14px;
        width: 47%
    }

    .product-view .short-description {
        padding-bottom: 0
    }

    .product-view .product-shop .add-to-box {
        padding-top: 5px;
        padding-bottom: 15px;
        border-bottom: 1px solid #70b942;
        margin-bottom: 10px
    }

    .product-essential {
        background-color: #e5e5e5;
        padding: 0 10px 10px
    }

    .product-view .product-name h1 {
        font-size: 14px;
        line-height: 22px;
        height: 25px;
        overflow: hidden
    }

    .similar-offer-section-tile {
        padding: 0 15px
    }

    .mobile-view-all {
        float: right;
        font-weight: 700;
        letter-spacing: 1px;
        color: #009bce
    }

    .product-view .product-shop .ratings {
        padding: 0;
        border-bottom: 0
    }

    .ribbon-offer-cart img {
        margin-bottom: 0;
        width: 80px
    }

    .similar-offer-section-tile ul {
        height: 90px;
        overflow: hidden;
        width: 100%
    }

    .discount-tag {
        font-size: 12px;
        top: 2px;
        left: 19px
    }

    .similar-offer-section-tile ul li {
        width: 29%;
        margin: 0 4px
    }

    .product-view .product-shop .price-box {
        border-bottom: 0;
        padding-bottom: 0;
        padding-top: 0
    }

    .similar-offer-section-tile ul li a {
        height: 90px;
        width: 80px;
        line-height: 90px
    }

        .similar-offer-section-tile ul li a img {
            max-width: 80px;
            max-height: 90px !important
        }

    .no-of-pagesflyer-listing img {
        padding-top: 30px
    }

    .section-heading.resetpaasword-heading:after, .section-heading.resetpaasword-heading:before {
        width: 70px !important
    }
}

@media only screen and (max-width:375px) {
    /*.modal-dialog, .modal:before {
        vertical-align: middle;
    
    }

    .cmn-modal-content.cmn-modal-content-product-details {
        margin: 0 auto
    }*/

    .searchicon {
        top: 5px;
        left: 6px;
    }

    #flyersearchbtn {
        top: 5px;
        left: 6px;
    }

    .pages-details-flyer ul li {
        font-size: 12px;
        line-height: 20px
    }

    .pages-details-flyer ul {
        margin-top: 10px
    }

    .no-of-pagesflyer-listing img {
        padding-top: 15px
    }

    .owl-carousel .owl-item a.product-image, .owl-carousel .owl-item a.product-image .most-common-tiled-img {
        width: 120px
    }

        .owl-carousel .owl-item a.product-image .most-common-tiled-img img {
            max-width: 120px
        }

    .ribbon-image-pnl img {
        width: 44px
    }

    .ribbon-image-pnl {
        top: 32px
    }

    .flat-text-details {
        margin-left: 15px;
        width: 165px; margin-right: 10px;
    }

    .related-pro .owl-pagination {
        top: 28%
    }

   /* .searchbar-field {
        padding: 0 5px 0 35px
    }*/

    .bestsellers3 .pixxett-tabs li > a {
        padding: 0 2px;
        font-size: 10px
    }

    .modal {
        text-align: center;
        padding: 0 !important
    }

        .modal:before {
            content: '';
            height: 100%;
            margin-right: -4px
        }

    /*.modal-dialog {
        text-align: left
    }*/

    .footer-service-policies .service-policy {
        text-align: center
    }

        .footer-service-policies .service-policy a {
            padding-left: 0
        }

    a.product-image {
        height: auto;
        width: 100%
    }

    .most-common-tiled-img {
        height: auto;
        width: 145px
    }

        .most-common-tiled-img img {
            max-height: unset !important;
            height: 90px
        }

    .logo-inner-pannel-logo-section ul li {
        margin: 0 5px 30px;
        width: 150px;
        height: 120px
    }

        .logo-inner-pannel-logo-section ul li a img {
            width: 100px
        }

    .coupon-img-link {
        height: 140px;
        width: 140px
    }

    .coupon-specific-img {
        height: 150px;
        width: 140px
    }

/*    .section-heading:after, .section-heading:before {
        width: 50px
    }*/

    .coupon-img-link.coupon-img-link2, .coupon-specific-img.coupon-specific-img2 {
        width: 140px
    }

        .coupon-specific-img.coupon-specific-img2 img {
            max-width: 140px
        }

/*    .cmn-modal-dialog.cmn-modal-dialog-product-details {
        width: 350px;
        margin-left: auto;
        margin-right: auto
    }
*/
    .button-field-dtls .btn-see-details {
        width: 47%;
        font-size: 12px
    }

    .button-field-dtls .btn-save {
        width: 48%;
        font-size: 12px
    }

    .nav-tabs.product-tabs > li > a {
        font-size: 10px
    }

    .right-category-retilaers ul li {
        padding: 12px 5px;
        font-size: 12px
    }

    .custom-flyers-tabs-common.nav-tabs.product-tabs > li {
        margin-right: 30px;
        position: relative
    }

    .product-bestseller.retailers-flyer-tile .products-grid .item .most-common-tiled-img, .product-bestseller.retailers-flyer-tile .products-grid .item a.product-image {
        width: 100%
    }

    .day-remaining {
        margin-left: 0
    }

        .day-remaining ul li {
            font-size: 6px;
            line-height: 15px
        }

    .right-pnl-text-coupon {
        display: inline-block;
        vertical-align: top
    }

        .right-pnl-text-coupon p {
            margin-left: 0;
            width: 85px;
            font-size: 8px
        }

    .mens-electronics-category {
        padding-bottom: 40px
    }

    .location-track-address h3 {
        width: 250px;
        font-size: 12px
    }

    .add_info.custom-tab-flyers .nav-tabs.product-tabs > li > a, .product-view .product-name h1 {
        font-size: 12px
    }

    .custom-flyers-tabs-common {
        margin-top: 0 !important;
        text-align: center
    }

    .product-bestseller .products-grid .item {
        margin-bottom: 12px
    }

    .retailes-logo-left {
        display: inline-block;
        width: 40px;
        height: 40px
    }

    .flyer-header .list_top_content ul li {
        font-size: 10px;
        padding-left: 5px
    }

    .flyer-header li.bank_mont_first_img {
        border-right: 1px solid #c2c2c2;
        padding: 14px;
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .flyer-header .list_top_content ul li.bankmont_grid, .list_top_content ul li.bankmont_grid1 {
        width: 35px
    }

    .drop-down-sharing {
        padding: 8px;
        top: 0px;
        height: 130px;
        width: 200px;
        right: 0px;
    }

        .drop-down-sharing ul li a {
            padding: 7px 10px
        }

    #maginifier .font-button-cmn {
        height: 20px !important;
        width: 20px !important;
        line-height: 20px;
        font-size: 20px;
        margin-right: 0;
        font-weight: 700
    }

    .product-list-view {
        min-height: 160px;
        margin-bottom: 20px;
        opacity: 1
    }

    .flyerpagesgrid-view, .product-img {
        height: 160px
    }

        .flyerpagesgrid-view a img {
            max-height: 160px;
            max-width: 140px !important
        }

    .number-of-product {
        height: 30px;
        bottom: 10px;
        width: 30px;
        font-size: 15px;
        line-height: 25px;
        right: 10px
    }

    .flyer-grid-inner {
        padding: 20px 10px
    }

    .mobile-view-action-button ul li {
        margin: 0 5px
    }

    .similar-offer-section-tile ul li {
        width: 29%;
        margin: 0 4px
    }

        .similar-offer-section-tile ul li a {
            height: 90px;
            width: 80px
        }

            .similar-offer-section-tile ul li a img {
                max-width: 80px;
                max-height: 90px !important
            }

    .product-view .short-description p {
        font-size: 10px;
        line-height: 14px;
        height: 30px
    }

    .section-heading.resetpaasword-heading:after, .section-heading.resetpaasword-heading:before {
        width: 50px !important
    }

    .country-dropdown li {
        width: 95%;
        overflow: hidden
    }
}

@media only screen and (max-width:360px) {
    .sortBtns span > span {
        font-size: 10px
    }

    /*.language-arabic-selected .newModal .modal-dialog, .language-arabic-selected .newModal.modal-dialog {
        margin-top: inherit
    }*/
}

@media only screen and (max-width:320px) {
    .getcoupon {
        font-size: 10px !important;
    }
    .copy-code-share button {
        width: auto !important;
        padding: 0 11px;
    }
    .coupons-tab .nav-tabs.product-tabs > li a {
        padding: 4px 5px;
    }
    .language-arabic-selected .flat-text-details {
        width: 114px;
    }
   .flat-text-details {
        width: 114px;
        margin-right:10px;
        margin-left:5px;
    }
   
  /*  .modal-dialog, .modal:before {
        display: inline-block;
        vertical-align: middle
    }*/

    .similar-offers {
        margin: 0 auto 12px
    }

    .modal-header {
        padding: 11px 15px
    }

    .modal-content .shareBlk {
        padding: 8px 30px
    }

    .modal-body .prodImg {
        height: 92px
    }

    .save-offer-blk {
        padding: 11px 12px
    }

    /*.language-arabic-selected .newModal .modal-dialog, .language-arabic-selected .newModal.modal-dialog, .newModal.modal-dialog {
        margin-top: inherit
    }

    .cmn-modal-dialog.cmn-modal-dialog2, .cmn-modal-dialog3 {
        width: 310px
    }

    .cmn-modal-content, .cmn-modal-content.cmn-modal-content2, .cmn-modal-content3 {
        max-width: 310px
    }

    .cmn-modal-body {
        padding: 20px
    }*/

    .header-text h1 {
        font-size: 24px
    }

    .close-tag {
        padding: 5px 10px
    }

    .loginvia-facebook, .loginvia-google {
        width: 130px
    }

    .modal-dialog {
        margin-top: 5px
    }

    .footer-text-option {
        margin-top: 10px
    }

    .cmn-modal-content.cmn-modal-content2 {
        min-height: 540px
    }

    .select-city select, .select-country-flag {
        background-position: 230px 17px
    }

/*    .modal {
        text-align: center;
        padding: 0 !important
    }

        .modal:before {
            content: '';
            height: 100%;
            margin-right: -4px
        }

    .modal-dialog {
        text-align: left
    }*/
}

/*Lulu HyperMarket Retailers page changes*/

.retailerPageContainer{
    margin-top: 30px;
}

.retailerPageTitle {
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 20px;
    text-transform: uppercase;
    margin-top: 20px;
    letter-spacing: normal;
}

.retailerPageContainer .view-more-div {
    margin: 30px 10px 50px 10px;
}

.retailerPageContainer #sort-by{
    margin-top: -10px !important;
    margin-bottom: 30px;
}

.retailerPageTitle #title2:focus {
    color: #009bce;
}

.retailerPageContainer .section-heading{
    margin-top: 30px;
}

#less-content:hover, #more-content:hover {
    color: #009bce;
    cursor: pointer;
}