/*Fonts*/
@font-face {
    font-family: 'prisma';
    src: url('../font/prisma.eot?xwq28l');
    src: url('../font/prisma.eot?xwq28l#iefix') format('embedded-opentype'), url('../font/prisma.ttf?xwq28l') format('truetype'), url('../font/prisma.woff?xwq28l') format('woff'), url('../font/prisma.svg?xwq28l#prisma') format('svg');
    font-weight: normal;
    font-style: normal;
}
.html-home-page #cboxContent {
    background: transparent !important;
}
.homepage-popup-outter-wrapper p {
    margin: 0 !important;
}
.homepage-popup-outter-wrapper img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.html-home-page #cboxClose {
    display: none !important;
}

.espa-banner {
    position: fixed;
    z-index: 999;
    bottom: clamp(50px, 7vw, 100px);
    right: 0;
    & img{
             max-width: 100%;
             object-fit: contain;
             display: block;
         }
}


input::placeholder {
    color: #333 !important;
}

.responsive-nav-wrapper .compare-opener a {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/compare-hover-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 29px;
    background-color: transparent !important;
}
/*General*/
.ui-autocomplete img {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: middle;
}

.search-box .ui-autocomplete {
    max-height: 530px;
    overflow: auto;
}

.search-box label {
    font-size: 10px;
    margin: 0;
    color: #000;
    background-color: #FFF;
    display: none;
}

span.__cf_email__ {
    color: #fff;
}

.header-selectors-wrapper .language-selector label {
    font-size: 0;
    margin: 0;
}

.news-list-homepage .news-item, .news-item {
    display: block;
}

.blogpost-page .page-body {
    max-width: 1130px;
    margin: 0 auto;
    padding: 0 10px;
    width: 97%;
}

.vic-opener-button {
    position: relative !important;
    background-color: #0C1314 !important;
    border: 1px solid #77CCCB !important;
    border-radius: 6px !important;
    padding: 5px 10px 5px 45px;
    color: #FFFFFF;
    font-size: 12px !important;
    min-width: 108px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center;
}


    .vic-opener-button::before {
        content: '';
        display: block;
        width: 28px;
        height: 33px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Header/24_7_header-logo.png);
        position: absolute;
        left: 10px;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
/*HOMEPAGE CATALOGUES**/
.vs-homepage-catalogues-container {
    max-width: 1339px;
    margin: 0 auto;
    padding: 0 10px;
    width: 97%;
}

.vs-homepage-catalogues-button a {
    margin: 0 0 15px 0;
}

.vs-homepage-catalogues-left {
    flex-basis: 46.6%;
}

.vs-homepage-catalogues-right {
    flex-basis: 44.31%;
}

.vs-homepage-catalogues-title h1 {
    color: #3C3A3F;
    text-align: left;
    font-size: clamp(15px, 2vw, 21px);
    line-height: clamp(20px, 2.5vw, 25px);
    font-weight: 700;
}

.vs-homepage-catalogues-title {
    margin: 0 0 25px;
}

.vs-homepage-catalogues-text p {
    color: #3C3A3F;
    font-size: clamp(15px, 2vw, 18px);
    font-weight: 300;
    text-align: left;
    line-height: clamp(20px, 2.5vw, 26px);
}

.vs-homepage-catalogues-text {
    margin: 0 0 29px;
}

.vs-homepage-catalogues-wrapper {
    padding: 28px 0 35px;
}

.vs-homepage-catalogues-button {
    max-width: 310px;
}

    .vs-homepage-catalogues-button a {
        background-color: #77CCCB;
        color: #fff;
        display: block;
        text-decoration: none;
        font-size: 16px;
        line-height: 19px;
        font-weight: 300;
        padding: 16px 0 13px;
    }




.fixed-espa-homepage-wrapper {
    position: fixed;
    right: -345px;
    top: 200px;
    z-index: 99999;
    background-color: #fff;
    padding: 25px 23px;
    box-shadow: -4px 4px 17px 0 rgba(0, 0, 0, 0.29);
    display: none;
    transition: all 0.5s ease-in-out;
}

    .fixed-espa-homepage-wrapper.open {
        right: 0;
    }

    .fixed-espa-homepage-wrapper .fixed-espa-close-button {
        text-align: center;
    }

        .fixed-espa-homepage-wrapper .fixed-espa-close-button span {
            text-align: center;
            display: inline-block;
            overflow: hidden;
            text-decoration: none;
            position: relative;
            background: #001F5F;
            color: #fff;
            cursor: pointer;
            vertical-align: middle;
            padding: 10px 20px;
            border: 1px solid #fff;
            transition: all 0.3s ease;
            white-space: nowrap;
            font-size: 18px;
            text-transform: uppercase;
            z-index: 0;
            cursor: pointer;
        }

.fixed-espa-homepage-image {
    max-width: 250px;
    margin: 0 auto 25px;
}


.vs-espa-banner-mobile-wrapper {
    padding: 20px 0 20px;
}

    .vs-espa-banner-mobile-wrapper img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

@media (min-width: 768px) {
    .fixed-espa-homepage-wrapper {
        display: block;
    }

    .vs-espa-banner-mobile-wrapper {
        display: none;
    }
}

/*HOMEPAGE CATALOGUES**/



.blogpost-page .topic-block {
    margin: 0;
}

.master-column-wrapper-blog .topic-block {
    margin: 0;
}

.blogpost-page .page-body {
    max-width: 1130px;
    margin: 0 auto;
    padding: 0 10px;
    width: 97%;
}

.post-body p {
    margin: 0;
    color: #4D4D4D;
    font-weight: 300;
    font-size: clamp(14px, 2vw, 18px);
    line-height: clamp(20px, 2.5vw, 26px);
    margin: 0 0 30px;
}

.blogpost-page .page-title {
    margin: 41px 0 0;
}

    .blogpost-page .page-title h1 {
        color: #3C3A3F;
        text-align: left;
        font-size: clamp(15px, 2vw, 21px);
        line-height: clamp(20px, 2.5vw, 25px);
        font-weight: 700;
        margin: 0 0 18px;
    }

.blogpost-page .page-body .post-date {
    background-color: unset;
    padding: 0;
    color: #3C3A3F;
    font-size: clamp(14px, 2vw, 16px);
    line-height: clamp(15px, 2vw, 20px);
    text-align: left;
    margin: 0 0 12px;
}

.blogpost-page .post-body {
    padding: 0;
    margin: 0 0 70px;
}

.blogpost-page section.contact-bottom-wrapper.contact-bottom-home-wrapper {
    display: none;
}

.master-column-wrapper-blog section.contact-bottom-wrapper.contact-bottom-home-wrapper {
    display: none;
}

.master-column-wrapper-blog {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 10px;
    width: 97%;
}

    .master-column-wrapper-blog .block {
        width: 100%;
    }

        .master-column-wrapper-blog .block .tags li {
            display: block;
            margin: 0 0 21px;
        }

.earth-theme .master-column-wrapper-blog .block .tags li a {
    font-size: 16px;
    color: #3C3A3F;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 400;
}

    .earth-theme .master-column-wrapper-blog .block .tags li a.current-page {
        font-weight: 700;
    }
/***CATALOGUE TOPIC STYLES***/

div#ph-topic-25 .page-body {
    max-width: unset;
    padding: 0;
}

.vs-catalogues-topic-page-bottom-item {
    flex-basis: 47%;
}

.vs-catalogues-topic-page-inner-container-bottom {
    flex-wrap: wrap;
}


.vs-catalogues-topic-page-title {
    margin: 0 0 17px;
    text-align: center;
}

    .vs-catalogues-topic-page-title h2 {
        font-size: 24px;
        line-height: 29px;
        color: #3C3A3F;
        font-weight: 700;
        letter-spacing: 3.12px;
    }

.vs-catalogues-topic-page-container-top {
    max-width: 1270px;
    margin: 0 auto;
    padding: 0 10px;
    width: 97%;
}

.vs-catalogues-topic-page-top-left {
    flex-basis: 46.6%;
    padding-top: 36.48%;
    position: relative;
}

.vs-catalogues-topic-page-inner-container-bottom {
    justify-content: space-between;
}

.vs-catalogues-topic-page-top-right {
    flex-basis: 46.92%;
}

.vs-catalogues-topic-page-top-left img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.vs-catalogues-topic-page-wrapper-top {
    margin: 142px 0 197px;
    background-color: #f6f6f6;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/catalogue-page-top-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.vs-catalogues-topic-page-top-title {
    margin: 0 0 25px;
}

    .vs-catalogues-topic-page-top-title h3 {
        margin: 0;
        color: #3C3A3F;
        font-size: clamp(15px, 2vw, 21px);
        line-height: clamp(18px, 2.5vw, 25px);
        font-weight: 700;
        text-align: left;
    }

.vs-catalogues-topic-page-top-text {
    margin: 0 0 29px;
}

    .vs-catalogues-topic-page-top-text p {
        color: #3C3A3F;
        margin: 0;
        line-height: clamp(18px, 2.5vw, 26px);
        font-size: clamp(14px, 2vw, 18px);
        font-weight: 300;
        text-align: left;
    }

.vs-catalogues-topic-page-top-btn {
    max-width: 310px;
}

    .vs-catalogues-topic-page-top-btn a {
        background-color: #77CCCB;
        padding: 15px 15px 15px 45px;
        display: block;
        text-align: center;
        color: #fff;
        font-weight: 300;
        text-decoration: none !important;
        font-size: clamp(13px, 1vw, 16px);
        line-height: clamp(13px, 2vw, 19px);
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/download-icon-vs.svg);
        background-repeat: no-repeat;
        background-position: 17% 44%;
    }

.vs-catalogues-topic-page-bottom-item-left {
    flex-basis: 41.87%;
}

.vs-catalogues-topic-page-bottom-item-right {
    flex-basis: 50.05%;
}

.vs-catalogues-topic-page-bottom-item-title {
    margin: 0 0 clamp(10px, 2.5vw, 25px);
}

    .vs-catalogues-topic-page-bottom-item-title h4 {
        color: #3C3A3F;
        margin: 0;
        font-size: clamp(15px, 2vw, 21px);
        line-height: clamp(18px, 2.5vw, 25px);
        font-weight: 700;
        text-align: left;
    }

.vs-catalogues-topic-page-bottom-item-text {
    margin: 0 0 clamp(19px, 3vw, 29px);
}

    .vs-catalogues-topic-page-bottom-item-text p {
        color: #4D4D4D;
        font-weight: 300;
        line-height: clamp(18px, 2.5vw, 26px);
        font-size: clamp(14px, 2vw, 18px);
        text-align: left;
    }

.vs-catalogues-topic-page-bottom-item-btn {
    max-width: 310px;
}

    .vs-catalogues-topic-page-bottom-item-btn a {
        background-color: #77CCCB;
        padding: 15px 15px 15px 45px;
        display: block;
        text-align: center;
        color: #fff;
        font-weight: 300;
        text-decoration: none !important;
        font-size: clamp(13px, 1vw, 16px);
        line-height: clamp(13px, 2vw, 19px);
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/download-icon-vs.svg);
        background-repeat: no-repeat;
        background-position: 17% 44%;
    }

.vs-catalogues-topic-page-container-bottom {
    max-width: 1317px;
    margin: 0 auto;
    padding: 0 10px;
    width: 97%;
}

.vs-catalogues-topic-page-bottom-item.flex-container {
    justify-content: space-between;
    align-items: center;
    margin: 0 0 clamp(35px, 12vw, 129px);
}

@media(max-width:1024px) {
    .vs-catalogues-topic-page-inner-container-bottom {
        flex-direction: column;
    }

    .vs-catalogues-topic-page-container-top {
        padding: 30px 10px;
    }
}
/**END CATALOGUE TOPIC STYLES***/
.blog-page .page-title img {
    max-width: 50%;
}

.blog-posts .post-body p {
    font-size: clamp(15px, 2vw, 18px);
    margin: 0;
    padding: 0;
    line-height: clamp(20px, 2.5vw, 26px);
}

.blog-posts .post-head .post-title {
    background-color: unset;
    margin: 0;
    padding: 0;
    margin: 0 0 clamp(10px, 2vw, 17px);
    font-size: clamp(16px, 2vw, 21px);
    line-height: clamp(18px, 2.5vw, 25px);
    color: #3C3A3F;
    font-weight: 700;
    text-align: left;
}

.blog-posts .post-body {
    margin: 0;
    padding: 0;
    margin: 0 0 29px;
}

.blog-posts .post-head .post-date {
    margin: 0;
    padding: 0;
    display: block;
    padding: 0 0 5px;
    margin: 0 0 clamp(15px, 3vw, 29px);
    border-bottom: 1px solid #3C3A3F;
    color: #3C3A3F;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

.earth-theme .blog-posts .post .read-more {
    background-color: #77CCCB;
    width: 100%;
    font-size: 17px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.34px;
    padding: 17px 0;
    display: block;
    text-align: center;
    height: 54px;
}


.blog-page .blog-posts .buttons {
    margin: 0;
    padding: 0;
}

.blog-page .page-title {
    margin: 0 0 clamp(25px, 5vw, 54px);
}

.earth-theme .blog-page .page-title h1 {
    color: #3C3A3F;
    font-size: clamp(16px, 2.5vw, 24px);
    line-height: clamp(20px, 3vw, 29px);
    letter-spacing: 3.12px;
    font-weight: 700;
}

.blog-items-grid {
    -ms-grid-columns: (minmax(clamp(190px,22.4%,360px),1fr)) [auto-fill];
    grid-template-columns: repeat(auto-fill,minmax(clamp(300px,40.7%,635px),1fr));
    grid-gap: 0 clamp(30px, 6vw, 59px);
}

.blog-list-homepage .homepage-title {
    text-align: center;
    margin: 0 0 clamp(20px, 4vw, 42px);
}

    .blog-list-homepage .homepage-title h2 {
        font-size: clamp(22px, 3vw, 32px);
        line-height: clamp(22px, 4vw, 38px);
        letter-spacing: 3.2px;
    }

.blog-list-homepage .blogpost-image {
    margin: 0 0 clamp(20px, 4vw, 44px);
}

.blog-list-homepage .blog-head .post-date {
    display: block;
    padding: 0 0 5px;
    margin: 0 0 29px;
    border-bottom: 1px solid #3C3A3F;
    text-align: left;
}

.blog-list-homepage a.blog-title {
    color: #3C3A3F;
    font-size: clamp(16px, 2vw, 21px);
    line-height: clamp(19px, 2vw, 25px);
    font-weight: 700;
    display: block;
    margin: 0 0 17px;
    text-align: left;
}

.homepage-blog-item-container p {
    color: #3C3A3F;
    font-size: clamp(15px, 2vw, 18px);
    line-height: clamp(18px, 2.5vw, 26px);
    font-weight: 300;
    margin: 0 0 15px;
    text-align: left;
}

.blog-list-homepage .view-all {
    background-color: #235C59;
    border: 1px solid #235C59;
    max-width: 276px;
    margin: clamp(25px, 5vw, 45px) auto 0;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

    .blog-list-homepage .view-all a {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        line-height: 19px;
        display: block;
        padding: 17px 13px 18px;
        transition: all 0.3s ease-in-out;
    }



.blog-list-homepage {
    padding: clamp(30px, 8vw, 80px) 0 clamp(30px, 10vw, 96px);
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/homepage-blog-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

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

.blog-list-homepage-inner {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 10px;
    width: 97%;
}

@media(max-width:600px) {
    .blog-page .page-title img {
        max-width: 100%;
    }
}

.pager li {
    margin: 0;
}

    .pager li.current-page span {
        color: #77cccb;
        font-weight: 700;
    }


.field-validation-error span {
    display: block;
    max-width: 100%;
    white-space: pre-wrap;
    text-align: left;
}

.category-description p, .manufacturer-description p, .vendor-description p, .full-description p, .topic-html-content p, .topic-page p, .post-body p, .news-body p, .custom-tab p {
    margin: 10px 0;
    word-wrap: break-word;
    text-align: left;
}

.account-page .table-wrapper {
    padding: 0 10px;
}

.account-page .pager {
    padding: 0 10px;
}

.header td {
    border-color: #727c90 white;
    width: 5%;
}

.master-column-wrapper {
    width: 100%;
    margin: auto;
}

.master-wrapper-content {
    width: 100%;
}

* {
    box-sizing: border-box;
}

div {
    display: block;
    box-sizing: border-box;
}

body,
html {
    color: #3C3A3F;
    font: normal 14px Roboto Condensed, Arial, Helvetica, sans-serif;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0;
    -webkit-font-smoothing: none !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-font-smoothing: antialiased !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

    body.earth-theme {
        font: normal 14px Roboto Condensed, Arial, Helvetica, sans-serif;
        font-family: 'Roboto Condensed', sans-serif;
    }

.center-1 {
    margin: 0;
}

ul li, ol li, p {
    font-size: 18px;
    font-weight: 300;
    color: #3C3A3F;
    margin: 0 0 10px;
}

h1,
h2 {
    font-size: 32px;
    font-weight: 700;
    color: #3C3A3F;
    margin: 0;
}

.clear {
    height: 0;
    display: block;
    clear: both;
}

.flex-container {
    display: -ms-flexbox;
    /*IE*/
    display: -webkit-flex;
    /* Safari */
    display: flex;
}

.grid-container {
    display: -ms-grid;
    display: grid;
}

.container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 15px;
}

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

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

.container-large {
    max-width: 1620px;
    margin: 0 auto;
    padding: 0 15px;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-50 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.italic-text {
    font-style: italic;
}

.ease-in-out {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.justify-content-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

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

.justify-content-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.earth-theme .page-title {
    background: none;
    position: static;
    height: auto;
}

    .earth-theme .page-title h1 {
        position: static;
        color: #3C3A3F;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 3px;
        text-transform: none;
    }

.master-wrapper-content {
    overflow: hidden;
    padding-top: 70px;
}

.bar-notification .content {
    color: #FFF;
}
/*Header*/
.responsive-nav-wrapper .language-selector-wrap {
    display: none;
}

.earth-theme .header-logo img {
    background-color: transparent !important;
}

.breadcrumb {
    width: 100%;
    max-width: 1320px;
    padding: 0 15px;
    background-color: transparent;
    text-align: left;
    margin: 0 auto 20px;
}

.earth-theme .breadcrumb a, .earth-theme .breadcrumb span, .earth-theme .breadcrumb strong {
    font-size: 13px;
    color: #444444;
}

.header-category-menu.sticky {
    position: fixed;
    top: 80px;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1014;
}

.header-selectors-wrapper {
    background-color: #edeff4;
}

.home-page .nop-jcarousel.product-grid {
    max-width: 1560px;
    margin: 0 auto;
    padding: 0 15px;
}

.product-details-page .availability span.value {
    font-size: 18px;
}

.value.green-color, .overview .value.green-color {
    color: #5fb94d;
}

.value.red-color, .overview .value.red-color {
    color: red;
    /*	color: #5fb94d;*/
}

.value.yellow-color, .overview .value.yellow-color {
    color: #ea8c27;
    /*	color: #5fb94d;*/
}

.value.yellow2-color, .overview .value.yellow2-color {
    color: #F4BB29;
    /*	color: #5fb94d;*/
}

.value.blue-color, .overview .value.blue-color {
    /*color: dodgerblue;*/
    color: #5fb94d;
}

.header-forgot-password {
    margin: 7px 0 0;
    text-align: right;
}

    .header-forgot-password a {
        font-size: 14px;
        color: #FFF;
        background-color: #0C1314;
    }

        .header-forgot-password a:hover {
            /*color: #76cccb;*/
            color: #fff;
        }
/*Homepage News List*/
.news-list-homepage .news-items {
    max-width: 1430px;
    padding: 0 15px;
}

.earth-theme .news-list-homepage {
    background: unset;
    padding-bottom: 0;
    margin-bottom: 0;
}

.news-item-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 20px 35px;
}

.news-date-top {
    display: block;
    font-size: 95px;
    font-weight: 700;
    color: #3c3a3f;
}

.news-date-bottom {
    display: inline-block;
    color: #77cccb;
    font-size: 30px;
    text-transform: uppercase;
}

.news-head {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    text-align: center;
}

.news-body, .news-list-homepage .news-body {
    max-height: unset;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    margin: 0;
    padding: 0 0 0 10px !important;
}

.news-list-homepage .news-item, .news-item {
    padding: 0;
}

.news-list-homepage .news-items {
    width: 100%;
}

.earth-theme .news-body a.news-title {
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    min-height: 54px;
    display: block;
    text-align: left;
}

.news-list-homepage .news-items:after {
    content: '';
    display: block;
    clear: both;
}

.news-short-desc {
    color: #444444;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
}

.news-title-wrap {
    margin: 0 0 20px;
}

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

.news-item, .news-list-homepage .news-item {
    border: 0;
}
/*Homepage*/
.earth-theme.variant-1 .spc-categories .item-box .picture {
    background: #f6f6f6;
}

.spc-categories .category-picture img {
    max-width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.earth-theme .manufacturer-grid .title {
    position: static !important;
    opacity: 1 !important;
    margin: 0 0 70px;
}

.nop-jcarousel > .title.has-navigation {
    margin-bottom: 70px !important;
}

.home-page .nop-jcarousel.manufacturer-grid {
    position: relative;
}

.brands-wrapper .slick-prev:before, .brands-wrapper .slick-next:before {
    display: none;
}

.nop-jcarousel .slick-prev {
    left: 0 !important;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/jcarousel-prev.svg) !important;
    margin-top: 5% !important;
    height: 36px !important;
}

.nop-jcarousel .slick-next {
    right: 0 !important;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/jcarousel-next.svg) !important;
    margin-top: 5% !important;
    height: 36px !important;
}

.earth-theme .home-page .title strong {
    color: #3C3A3F;
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 3px;
}

.home-page .nop-jcarousel.manufacturer-grid {
    padding: 0;
    margin: 0;
}

.brands-wrapper {
    background-color: #F0F2F7;
    padding: 50px 0 70px;
}

    .brands-wrapper .item-box .picture img {
        max-width: 127px;
    }

    .brands-wrapper .item-box .picture a {
        padding-top: 73%;
    }

.nop-jcarousel .manufacturer-item {
    border: 0 !important;
    background-color: #FFF;
    margin: 0 !important;
}

.homepage-bottom-wrapper {
    background-color: #FFF;
    padding: 50px 0;
}

.homepage-bottom-container {
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
}

.homepage-bottom-item .text-wrapper p {
    color: #444444;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    font-weight: 400;
}

.homepage-bottom-item .img-wrapper img {
    max-height: 78px;
    display: block;
    height: auto;
    margin: 0 auto;
}

.homepage-bottom-item .img-wrapper {
    margin: 0 0 25px;
}

.manufacturer-grid .title.carousel-title a {
    background-color: transparent;
    display: inline-block;
}
/*Homepage Popular Products - Homepage Products*/
.home-page-product-grid .title {
    margin: 0px 0 75px;
    text-align: center;
}

.owl-homepage-products {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
}

    .owl-homepage-products .owl-nav > *, .owl-carousel-spc .owl-nav > * {
        position: absolute;
        top: 50%;
        height: 96px;
        width: 70px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 21px;
        background-color: #E6E6E6;
    }

    .owl-homepage-products .owl-prev {
        left: 0;
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/owl-home-prev.svg);
        background-position-x: 20px;
    }

.owl-carousel-spc .owl-nav > .owl-prev {
    left: 0;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/owl-home-prev.svg);
    background-position-x: center;
    z-index: 9999;
}

.owl-homepage-products .owl-next, .owl-carousel-spc .owl-nav > .owl-next {
    right: 0;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/owl-home-next.svg);
    z-index: 9999;
}

.owl-homepage-products .owl-nav > *.disabled, .owl-carousel-spc .owl-nav > *.disabled {
    opacity: .6;
}

.home-page .product-grid {
    width: 100%;
    padding: 50px 0 0;
    margin: 0;
}

.owl-homepage-products .quick-view-button {
    display: none !important;
}

.homepage-product-left {
    -ms-flex-preferred-size: 59%;
    flex-basis: 59%;
}

.homepage-product-right {
    -ms-flex-preferred-size: 41%;
    flex-basis: 41%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .homepage-product-right .details {
        height: 100%;
        background-color: #F1F3F7;
        padding: 105px 25px 75px;
        max-height: 570px;
    }


    .homepage-product-right .details-top .product-title {
        margin: 0 0 25px;
        text-align: left;
    }


        .homepage-product-right .details-top .product-title a {
            color: #444444;
            font-size: 24px;
            font-weight: 700;
        }

    .homepage-product-right .details-top .short-description {
        color: #444444;
        font-size: 15px;
        line-height: 24px;
        font-weight: 300;
        margin: 0 0 45px;
        text-align: left;
    }

    .homepage-product-right .details-top .sku {
        padding: 15px 0;
        border-top: 1px solid #DFE1E6;
        border-bottom: 1px solid #DFE1E6;
        margin: 0 0 15px;
    }

        .homepage-product-right .details-top .sku span {
            font-size: 14px;
            color: #757575;
            font-weight: 300;
        }

.homepage-product-left .picture a {
    position: relative;
    display: block;
}

    .homepage-product-left .picture a:before {
        content: '';
        padding-top: 100%;
        display: block;
    }

.homepage-product-left .picture .picture-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.homepage-product-btn {
    background-color: #77cccb;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    width: 256px;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #77cccb;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}


    .homepage-product-btn:hover {
        background-color: #FFF;
        color: #77cccb;
    }

.earth-theme .spc-categories .category-title a {
    text-transform: none;
}

.spc-categories .item-box .picture img {
    mix-blend-mode: multiply;
}

#go-to-top {
    display: none;
}
/*Product Page*/

.custom-crossell-products-grid {
    padding: 0 35px;
}

    .custom-crossell-products-grid .owl-carousel .owl-nav .owl-prev, .custom-crossell-products-grid .owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 50%;
        height: 30px;
        width: 30px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 21px;
    }

    .custom-crossell-products-grid .owl-carousel .owl-nav .owl-prev {
        left: -30px;
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/owl-home-prev.svg);
        background-color: transparent;
    }

    .custom-crossell-products-grid .owl-carousel .owl-nav .owl-next {
        right: -30px;
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/owl-home-next.svg);
        background-color: transparent;
    }

    .custom-crossell-products-grid .title {
        position: relative;
    }

        .custom-crossell-products-grid .title:after {
            content: "";
            position: absolute;
            bottom: -18px;
            left: 50%;
            width: 80px;
            height: 4px;
            margin: 0 0 0 -40px;
            background-color: #77cccb;
        }

.product-essential {
    margin: 0 0 120px !important;
    padding: 0 0 10px;
    border-bottom: 1px solid #EDEFF4;
}

.product-reviews-overview {
    margin: 0 0 25px;
    display: none;
}

.overview .add-to-cart-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.overview {
    text-align: left;
}

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

    .product-name h1::after {
        display: none;
    }

.overview .short-description {
    margin: 0 0 35px;
    border-width: 0 0 1px;
    border-style: none;
    border-color: transparent;
    padding: 0 0 5px;
    line-height: 26px;
    color: #444444;
    font-weight: 300;
}

.short-description + .overview-buttons, .overview-buttons + .product-social-buttons {
    margin-top: 0;
    padding: 0;
}

.slick-slide {
    height: auto !important;
}

.overview-buttons {
    margin: 0 0 30px;
    border-width: 0;
    border-style: none;
    border-color: transparent;
    padding: 20px 0;
    font-size: 0;
}

.product-details-page .prices > div {
    display: block;
    margin: 0 5px 0 0;
    width: 100%;
    max-width: 320px;
}

.product-details-page .prices > .old-product-price {
    width: 100%;
}

.product-details-page .old-product-price span, .product-details-page .non-discounted-price span {
    position: relative;
    color: #8A8A8A;
    text-decoration: line-through;
    font-weight: 300;
}

.product-price span {
    font-weight: 700;
    font-size: 24px;
    margin: 0;
    display: inline-block;
}

.details .fpa-label {
    display: inline-block;
    margin: 0 0 0 7px;
}

.overview .prices, .variant-overview .prices {
    margin: 15px 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fpa-label {
    color: #333;
    font-weight: 700 !important;
    font-size: 15px !important;
}

.product-details-page .extra-prices-container {
    max-width: 320px;
}

    .product-details-page .extra-prices-container > div {
        margin: 0 0 15px;
    }

        .product-details-page .extra-prices-container > div:last-child {
            margin: 0;
        }

.product-details-page .extra-prices .retail-price label {
    display: inline-block;
    color: #888;
    font-weight: 700;
    font-size: 24px;
    min-width: 106px;
    text-align: left;
    width: 50%;
}

.product-details-page .prices .product-price label {
    display: inline-block;
    color: #333;
    font-weight: 700;
    font-size: 24px;
    min-width: 85px;
    text-align: left;
    padding-left: 12px;
    width: 50%;
}


.product-details-page .extra-prices .new-price label {
    display: inline-block;
    color: #888;
    font-weight: 700;
    font-size: 24px;
    min-width: 106px;
    text-align: left;
    width: 50%;
}

.header-links li#xmllink:before {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/xml-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
}

.product-details-page .prices .product-price label {
    font-size: 24px;
    color: #888;
    padding: 0;
    width: 50%;
    text-align: left;
}

.product-details-page .prices .product-price .promo-price label {
    font-size: 24px;
    color: #333;
}

.product-details-page .extra-prices {
    margin: 20px 0 0;
}

    .product-details-page .extra-prices .retail-price span, .product-details-page .extra-prices .new-price span {
        display: inline-block;
        color: #76cccb;
        font-size: 24px;
        margin: 0;
        font-weight: 700;
    }

        .product-details-page .extra-prices .retail-price span.fpa-label, .product-details-page .extra-prices .new-price span.fpa-label {
            font-size: 13px;
            color: #333;
        }

.promo-price {
    margin-top: 10px;
}


.overview .additional-details div, .variant-overview .additional-details div {
    margin: 5px 0;
    font-weight: 300;
    color: #757575;
    font-size: 13px;
}

.overview .value, .variant-overview .value {
    font-size: 13px;
    font-weight: 600;
    color: #757575;
}

.earth-theme .product-details-page .old-product-price span:after, .earth-theme .product-details-page .non-discounted-price span:after {
    display: none;
}

.earth-theme .product-social-buttons label {
    display: none;
}

.product-social-buttons {
    margin: 0 0 25px -5px;
    border-top: 0;
    background-color: transparent;
    padding: 0;
    font-size: 0;
}

.overview .add-to-cart-button:before, .variant-overview .add-to-cart-button:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background: none;
    vertical-align: middle;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/buy-btn-icon.svg);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: center;
    position: relative;
    top: -2px;
}

.overview .add-to-cart-button span, .variant-overview .add-to-cart-button span {
    margin: 0 0 0 10px;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1;
    display: block;
}

.compare-products-page .page-body {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}

.earth-theme input[type="button"], .earth-theme input[type="submit"], .earth-theme button, .earth-theme .button-1, .earth-theme .button-2 {
    font-family: 'Roboto Condensed', sans-serif;
}

.overview .add-to-cart-button, .variant-overview .add-to-cart-button {
    height: 40px;
    padding: 11px 7px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    width: 175px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-details-page-body .breadcrumb {
    max-width: 1290px;
    padding: 0 15px;
    margin: 0 auto;
}

    .product-details-page-body .breadcrumb ul {
        width: 100%;
        position: relative;
        top: 0;
        z-index: 2;
    }

.product-details-page a.tick-credits {
    opacity: 0 !important;
}

.overview {
    width: 60%;
    margin: 0;
}

.gallery {
    width: 34%;
    margin: 0 20px 0 0;
}

    .gallery .picture a.zoom {
        cursor: crosshair;
    }

    .gallery .picture a, .gallery .picture span {
        display: block;
        position: relative;
    }

        .gallery .picture a img, .gallery .picture span img {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
        }

        .gallery .picture a:before, .gallery .picture span:before {
            content: '';
            display: block;
            padding-top: 100%;
        }

    .gallery .picture-thumbs {
        padding: 0 20px;
    }

        .gallery .picture-thumbs a {
            display: inline-block;
            padding: 5px;
            border: 1px solid transparent;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

            .gallery .picture-thumbs a img {
                display: block;
                max-width: 100%;
                height: auto;
            }

            .gallery .picture-thumbs a:hover {
                border-color: #ddd;
            }

.picture-thumbs .owl-prev, .picture-thumbs .owl-next {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.picture-thumbs .owl-prev {
    left: 0;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/thumb-prev.svg);
}

.picture-thumbs .owl-next {
    right: 0;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/thumb-next.svg);
}

.product-watermark {
    position: absolute;
    right: 0;
    bottom: 50px;
    mix-blend-mode: multiply;
    width: 150px;
    opacity: .8;
}

    .product-watermark img {
        display: block;
        max-width: 100%;
    }

.product-box-watermark {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: clamp(50px,7vw,90px);
    opacity: .6;
    mix-blend-mode: multiply;
}

    .product-box-watermark img {
        display: block;
        max-width: 100%;
    }

.overview .quantity .increase, .variant-overview .quantity .increase, .overview .quantity .decrease, .variant-overview .quantity .decrease {
    background: none;
    border-radius: 0;
    background-color: #C8C8C9;
    width: 40px;
    height: 40px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px;
    border: 0;
}

.overview .button {
    margin: 0 0 0 5px;
}

.availability .stock .label {
    display: none;
}

.overview .quantity .increase {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/plus-icon.svg);
    background-position-y: 4px;
}

.overview .quantity .decrease {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/minus-icon.svg);
    background-position-y: -10px;
    background-size: 17px;
}

.picture-thumbs .slick-next {
    background: url(/Themes/Element/Content/img/Vectorsecurity/Icons/slick-next.svg) center no-repeat !important;
}

.picture-thumbs .slick-prev {
    background: url(/Themes/Element/Content/img/Vectorsecurity/Icons/slick-prev.svg) center no-repeat !important;
}

.overview .qty-input, .variant-overview .qty-input {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 14px !important;
    font-weight: 400;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    border: 2px solid #C8C8C9;
    color: #C8C8C9;
}

.product-social-buttons li.google {
    display: none;
}

.overview .add-to-cart {
    margin: 0 0 5px;
}


.product-page-certifications-title h2 {
    color: #444444;
    font-size: 24px;
    line-height: 20px;
    /* padding: 0 0 7.5px 0; */
    /* border-bottom: 1px solid #DDDDDD; */
    font-weight: 400;
    text-align: left;
}

.product-page-certifications-certification-image {
    flex-basis: 64px;
}

.product-page-certifications-inner-container.flex-container {
    flex-wrap: wrap;
}

.product-page-certifications-wrapper {
    padding: 0 0 clamp(20px, 4vw, 40px);
}


.product-page-certifications-certification-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
}

.product-page-certifications-certification-image {
    position: relative;
    display: block;
    margin: 0 4px 0 0;
}

    .product-page-certifications-certification-image:before {
        content: '';
        display: block;
        padding-top: 100%;
    }

.product-page-certifications-title {
    padding: 0 0 7.5px 0;
    border-bottom: 1px solid #DDDDDD;
    margin: 0 0 12.5px 0;
}

.product-social-buttons li {
    display: inline-block;
    margin: 0 4px 0 0;
}

.overview .available .value {
    color: #88B520;
    font-size: 14px;
}

.overview .not-available .value {
    color: #b52020;
    font-size: 14px;
}

.overview .availability {
    margin: 0;
}

.overview .availability {
    margin: 74px 0 0 0;
}

.overview .overview-inner-container {
    margin: 0 0 43px;
}

.overview .warehouse-availabilities {
    margin: 14px 0 0;
}

    .overview .warehouse-availabilities a {
        color: #004CFF;
        font-size: 16px;
        line-height: 18px;
        text-decoration: underline;
        font-weight: 400;
    }

.overview-buttons div {
    display: inline-block;
    margin: 0;
}

.product-social-buttons {
    margin: 0;
}

.short-description + .overview-buttons {
    display: inline-block;
    padding: 3px 25px;
    background-color: #EDEFF4;
}

.overview .additional-details {
    margin: 0 0 14px;
}

.overview-buttons .add-to-wishlist-button, .overview-buttons .add-to-compare-list-button {
    font-size: 0 !important;
    background-color: #EDEFF4;
}

.overview-buttons .add-to-compare-list-button {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/compare-icon.svg) !important;
    background-color: transparent !important;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: 26px;
}

    .overview-buttons .add-to-compare-list-button:hover {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/compare-hover-icon.svg) !important;
        background-size: 26px;
    }

.overview-buttons .compare-products {
    margin: 0 45px 0 0;
}

    .overview-buttons .compare-products:only-child {
        margin: 0;
    }

.earth-theme .overview-buttons div .add-to-wishlist-button {
    background-color: transparent !important;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/wishlist-overview-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

    .earth-theme .overview-buttons div .add-to-wishlist-button:hover {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/wishlist-overview-hover-icon.svg);
        background-size: 22px;
    }

.category-description, .manufacturer-description, .vendor-description {
    max-width: 1420px;
    margin: 0 auto;
}

.overview .quantity, .variant-overview .quantity {
    display: inline-block;
    margin: 0;
}

.overview .add-to-cart {
    margin: 0 0 20px;
}

.ui-tabs .ui-tabs-nav {
    border-top: 0;
    text-align: left;
}

    .ui-tabs .ui-tabs-nav li {
        display: inline-block;
        margin: 0 10px 0 0;
    }

        .ui-tabs .ui-tabs-nav li a {
            display: block;
            background-color: #EDEDED;
            position: relative;
            padding: 16px 20px;
            font-size: 16px;
            text-transform: uppercase;
            transition: all 0.2s ease;
            width: 251px;
            text-align: center;
            color: #757575;
            font-weight: 300;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-state-active.ui-tabs-active a {
            color: #FFF;
            background-color: #77CCCB;
        }

        .ui-tabs .ui-tabs-nav li a:after {
            display: none;
        }

.ui-tabs .ui-tabs-panel {
    padding: 20px 0;
    border: 0;
    background-color: #FFF;
}

.product-details-page .jcarouselMainWrapper {
    margin: 45px 0 0;
}
/*Wishlist Page*/
.wishlist-page .share-info {
    margin: 0 0 80px;
    display: none;
}

.wishlist-content {
    margin: 30px auto;
    max-width: 1230px;
    padding: 0 15px;
}

.earth-theme .wishlist-content button.email-a-friend-wishlist-button {
    display: none;
}

.wishlist-content button {
    max-width: 420px;
}
/**** HOMEPAGE VIC BANNER ****/

.vic-opener-button-wrap a{
    background: none;
}

.vic-banner-wrapper {
    background: #7edbd4;
    padding: 24px 16px;
    position: relative;
    min-height: 180px;
}

.vic-banner-container {
    max-width: 1230px;
    padding: 0 15px;
    margin: 0 auto;
}

.vic-banner-upper-grid {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.vic-banner-upper-grid img {
    position: relative;
    z-index: 2;
}

.vic-access-text {
    background-color: #003A4A;
    color: #FFF;
    padding: 3px 15px 3px 35px;
    font-size: clamp(17px, 3vw, 25px);
    font-weight: 400;
    line-height: 1;
    margin-top: 25px;
    margin-left: -45px;
}

.vic-new-service {
    position: absolute;
    left: 0;
    top: 0;
    background: #b71c1c;
    color: #fff;
    padding: 15px 51px 35px 10px;
    border-radius: 0 0 250px 0;
    font-size: clamp(17px, 3vw, 25px);
    line-height: clamp(19px, 3vw, 27px);
    font-weight: 300;
    text-align: center;
    min-width: 110px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 120px;
}

.vic-logo-section {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.vic-logo-image {
    width: 300px;
    height: 160px;
    margin-right: 12px;
}

.vic-access {
    background: #0d3c4a;
    color: #fff;
    padding: 8px 18px;
    border-radius: 4px;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 1px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.vic-banner-bottom-grid {
    gap: clamp(10px, 1.5vw, 30px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.vic-info-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    gap: 8px;
}

.vic-cta-container {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.vic-info-section h2 {
    margin: 0;
    font-size: clamp(20px, 3vw, 40px);
    color: #000000;
    font-weight: bold;
}

    .vic-info-section .vic-subtitle {
        font-size: clamp(14px, 2vw, 19px);
        font-weight: 700;
        color: #000000;
        margin-bottom: 4px;
    }

    .vic-info-section .vic-desc {
        font-size: clamp(15px, 2vw, 20px);
        color: #000000;
    }

    .vic-info-section .vic-cta-btn {
        background: #b71c1c;
        color: #fff;
        border: none;
        padding: 7px 15px;
        border-radius: 3px;
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
        transition: background 0.2s;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        flex-grow: 1;
        text-align: center;
        text-decoration: none;
        min-width: 170px;
    }

        .vic-info-section .vic-cta-btn:hover {
            background: #d32f2f;
        }

@media (min-width: 1281px) {

    .vic-opener-button {
        min-width: 138px !important;
        height: 48px !important;
        padding-left: 55px;
        font-size: 15px !important;
    }


        .vic-opener-button::before {
            width: 38px !important;
            height: 43px !important;
        }
}

@media (min-width: 1025px) {
    .flex-row-1025 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 769px) {
    .flex-row-769 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .vic-banner-upper-grid {
        flex-basis: 30.5%;
    }

    .vic-info-section {
        flex-basis: 52%;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {

    .vic-banner-upper-grid {
        flex-basis: 40.5%;
    }

    .vic-banner-container {
        max-width: 880px;
    }
}

@media screen and (max-width: 1510px){
    .vic-banner-bottom-grid {
        justify-content: end;
    }
}

@media screen and (max-width: 1025px) {

    .vic-code-outter-wrapper{
        padding-top:50px;
    }

    .vic-logo-image {
        max-width: 150px;
        height: auto;
    }
}

@media (max-width: 900px) {
    .vic-logo-section {
        flex-direction: column;
        align-items: center;
        padding: 68px 8px 18px 0;
    }
}

@media (max-width: 768px) {

    .vic-banner-bottom-grid {
        justify-content: center;
    }

    .vic-logo-image {
        max-width: 100%;
        height: auto;
        margin: auto;
    }

    .vic-info-section h2 {
        text-align: center;
    }
}

@media (max-width: 600px) {
    .vic-banner-container {
        padding: 12px 0 12px 0;
    }

    .vic-info-section {
        gap: 6px;
    }

    .vic-new-service {
        padding: 12px 28px 8px 8px;
        min-width: 100px;
        min-height: 80px;
    }

    .vic-logo-image {
    }

    .vic-access {
        font-size: 1rem;
        padding: 6px 12px;
    }

    .vic-info-section .vic-cta-btn {
        padding: 8px 16px;
        font-size: 0.95rem;
    }

    .vic-info-section h2 {
        text-align: center;
    }
}
/**** END HOMEPAGE VIC BANNER ****/
/**** VIC NOT AUTHORIZED PAGE ****/
.vic-not-authorized-page-top-wrapper {
    background-color: #000000;
    margin-top: -70px;
    padding: clamp(45px, 6vw, 75px) 0 clamp(25px, 4vw, 45px);
}

.vic-not-authorized-page-top-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: clamp(20px, 3vw, 30px) clamp(15px, 3vw, 40px);
}

.vic-header-logo {
    max-width: 70px;
    margin-right: auto;
}

    .vic-header-logo img {
        max-width: 100%;
        display: block;
    }

.vic-not-authorized-top-container {
    padding: 0 15px;
}

.vic-oops-image {
    margin-bottom: clamp(20px, 4vw, 44px);
    text-align: center;
}

    .vic-oops-image img {
        display: block;
        margin: auto;
        max-width: 100%;
    }

.vic-oops-text p {
    margin: 0;
    color: #FFFFFF;
    font-size: clamp(15px, 1vw, 17px);
    line-height: clamp(18px, 1.5vw, 20px);
    text-align: center;
}

.vic-not-authorized-page-bottom-wrapper {
    padding: 20px 0 45px;
}

.vic-not-authorized-bottom-text {
    margin-bottom: clamp(35px, 7vw, 90px);
    padding: 0 15px;
}

    .vic-not-authorized-bottom-text h2 {
        margin-bottom: clamp(15px, 2vw, 26px);
        font-weight: 700;
        color: #508687;
        font-size: clamp(20px, 3vw, 36px);
        text-align: center;
    }

    .vic-not-authorized-bottom-text p {
        font-weight: 700;
        color: #508687;
        font-size: clamp(15px, 2vw, 26px);
        text-align: center;
    }

.vic-not-authorized-bottom-grid {
    grid-gap: clamp(25px, 6vw, 95px);
    display: grid;
    max-width: 1150px;
    margin: 0 auto clamp(35px, 6vw, 90px);
    padding: 0 15px;
    justify-content: center;
}

.vic-not-authorized-bottom-contact-info {
    padding: 0 15px;
    display: flex;
    justify-content: center;
}

    .vic-not-authorized-bottom-contact-info p {
        position: relative;
        padding-left: 30px;
        margin: 0;
        color: #000000;
        font-weight: 700;
        font-size: clamp(18px, 2vw, 22px);
        line-height: clamp(21px, 2vw, 27px);
        text-align: center;
    }

        .vic-not-authorized-bottom-contact-info p::before {
            content: '';
            display: block;
            width: clamp(20px, 2vw,25px);
            height: clamp(20px, 2vw,25px);
            position: absolute;
            top: 0;
            left: 0;
            background-image: url(/Themes/Element/Content/img/Vectorsecurity/Homepage/vic-phone-icon.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }

@media all and (min-width: 769px) {
    .vic-not-authorized-bottom-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media all and (max-width: 768px) {
    .vic-not-authorized-page-top-wrapper {
        padding: clamp(95px, 12vw, 145px) 0 clamp(25px, 4vw, 45px);
    }

    .vic-header-logo {
        max-width: 40px;
    }

        .vic-header-logo img{
            max-width: 40px;
            max-height: 50px;
        }
}
/**** END VIC NOT AUTHORIZED PAGE ****/
/**** VIC CODE PAGE ****/
.vic-code-page-upper-wrapper {
    background-color: #79DAD3;
    margin-top: -70px;
    padding: 15px 0 45px;
}

.vic-code-page-upper-top-grid {
    align-items: center;
    padding: 0 15px;
    margin: 0 0 10px;
}

.vic-code-page-upper-bottom-item:nth-child(2) {
    padding-bottom: clamp(25px, 4vw, 50px);
    display: flex;
    justify-content: center;
}

.vic-code-page-upper-title {
    margin-bottom: 10px;
}

    .vic-code-page-upper-title h1 {
        font-size: clamp(22px,2.5vw, 29px);
        line-height: clamp(28px, 3vw, 35px);
        color: #0C1314;
        font-weight: 700;
        text-align: center;
    }

.vic-code-page-upper-bottom-grid {
    max-width: 1690px;
    padding: 0 15px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-end;
}

#vic-terms-checkbox {
    display: none;
}

    #vic-terms-checkbox + label {
        color: #0C1314;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        text-align: left;
        position: relative;
        padding-left: 30px;
    }


        #vic-terms-checkbox + label::before {
            content: '';
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            left: 0;
            top: 0;
            background-color: #FFFFFF;
            border: 1px solid #0C1314;
        }

        #vic-terms-checkbox + label::after {
            content: '';
            display: block;
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #FFFFFF;
            top: 5px;
            left: 5px;
        }

    #vic-terms-checkbox:checked + label::after {
        background-color: #77CCCB;
    }


    #vic-terms-checkbox + label a {
        text-decoration: underline;
    }

.vic-code-page-lower-wrapper {
    padding: 10px 0 125px;
    margin-top: -35px;
}

.vic-code-page-lower-form-wrap {
    max-width: 470px;
    margin: 0 auto;
    padding: 0 15px;
}

    .vic-code-page-lower-form-wrap form {
        border: 3px solid #0C1314;
        padding: 0 10px 35px;
        min-height: 205px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }


.vic-code-lower-input-code-wrap {
    justify-content: center;
    gap: clamp(7px, 1vw, 13px);
}

    .vic-code-lower-input-code-wrap input[type="text"] {
        border: 0;
        border-bottom: 2px solid #D2D2D2;
        width: clamp(35px, 4vw, 45px);
        min-width: unset;
        background-color: transparent;
    }

.vic-code-lower-button-wrap {
    text-align: center;
}

.vic-code-lower-input-code-wrap input[type="text"] {
    font-weight: 700;
    border: 0;
    border-bottom: 2px solid #D2D2D2;
    width: clamp(35px, 4vw, 45px);
    min-width: unset;
    background-color: transparent;
    font-size: 29px;
    text-align: center;
    color: #0C1314;
    pointer-events: none;
}

.vic-code-lower-button {
    background-color: #0C1314;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 17px;
    line-height: 19px;
    padding: 15px 10px;
    width: clamp(200px, 25vw, 300px);
}

    .vic-code-lower-button[disabled] {
        color: #555A5B;
        cursor: not-allowed;
    }

.vic-products-table-container {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}

.vic-products-table-wrapper table.dataTable thead > tr > th div.dt-column-header span.dt-column-title {
    color: #77CCCB;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.vic-products-table-wrapper table.dataTable.stripe > tbody > tr:nth-child(odd) > *, .vic-products-table-wrapper table.dataTable.display > tbody > tr:nth-child(odd) > * {
    background-color: #E6F8F8;
}

.vic-products-table-wrapper table.dataTable.stripe > tbody > tr:nth-child(even) > *, .vic-products-table-wrapper table.dataTable.display > tbody > tr:nth-child(even) > * {
    background-color: #F1FAFA;
}

.vic-products-table-wrapper table.dataTable.stripe > tbody > tr > *, .vic-products-table-wrapper table.dataTable.display > tbody > tr > * {
    border: 0;
    padding: 24px clamp(10px, 2.5vw, 34px);
    box-shadow: unset !important;
    color: #0C1314;
    font-size: 18px;
    line-height: 22px;
}

.vic-products-table-wrapper div.dt-container div.dt-layout-row {
    margin: 0 0 clamp(20px, 3vw, 35px);
}

.vic-products-table-wrapper table.dataTable.display > tbody > tr:nth-child(odd) > td:first-child {
    background-color: #DDF2F2;
}

.vic-products-table-wrapper table.dataTable.display > tbody > tr:nth-child(even) > td:first-child {
    background-color: #EDF8F8;
}

.vic-products-table-wrapper div.dt-container .dt-length {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .vic-products-table-wrapper div.dt-container .dt-length .select-box {
        border: 1px solid #77CCCB;
    }

    .vic-products-table-wrapper div.dt-container .dt-length label {
        color: #0C1314;
        font-size: 18px;
        line-height: 22px;
    }

.vic-products-table-wrapper div.dt-container.dt-empty-footer tbody > tr:last-child > * {
    border: 0;
}

.vic-products-table-wrapper div.dt-container .dt-search input {
    border-color: #77CCCB;
    height: 50px;
    width: clamp(200px, 25vw, 355px);
    border-radius: 0;
    color: #0C1314;
    font-size: 18px;
    line-height: 22px;
    padding: 14px clamp(10px, 1.5vw, 20px);
}

.vic-products-table-wrapper div.dt-container .dt-search label {
    color: #0C1314;
    font-size: 18px;
    line-height: 22px;
    margin-right: 12px;
}

@media all and (max-width: 768px) {
    .vic-code-page-upper-bottom-grid {
        align-items: center;
    }

    .vic-products-table-wrapper table.dataTable {
        min-width: 700px;
    }

    .vic-products-table-wrapper .dt-layout-row.dt-layout-table {
        overflow: auto;
    }
}

@media all and (max-width: 767px) {
    .vic-products-table-wrapper div.dt-container .dt-length {
        justify-content: center;
        margin: 0 0 15px !important;
    }
}
/**** END VIC CODE PAGE ****/
/*Homepage B2B Section*/
.registration-page .fieldset .hpinput-label {
    display: none;
}

.homepage-b2b-registration-wrapper {
    padding: 57px 0 22px;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/homepage-b2b-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.homepage-b2b-registration-container {
    max-width: 967px;
    padding: 0 15px;
    margin: 0 auto;
}

.homepage-b2b-left {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
}

.homepage-b2b-right {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
}

.homepage-b2b-text h3 {
    text-align: left;
    color: #FFF;
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 8px;
}

.topic-block .homepage-b2b-text p {
    color: #FFF;
    text-align: left;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    margin: 0 0 25px;
}

.homepage-b2b-text a {
    display: block;
    color: #FFF;
    text-decoration: none;
    background-color: #1C3030;
    max-width: 260px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    padding: 11px 0;
}

    .homepage-b2b-text a:hover {
        opacity: .6;
    }
/*Related Products*/
.product-details-page {
    padding: 0 0 125px;
}

    .product-details-page .item-box {
        width: 100%;
    }

.owl-related .owl-nav > div {
    position: absolute;
    top: -55px;
    width: 30px;
    height: 30px;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px;
}

.related-products-grid .title {
    margin: 0 0 25px;
}

    .related-products-grid .title strong {
        font-size: 24px;
        font-weight: 600;
        text-transform: none;
        color: #3C3A3F;
        line-height: 29px;
        letter-spacing: 1px;
    }

        .related-products-grid .title strong::after {
            display: none;
        }

.owl-related .owl-nav .owl-prev {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/slick-prev.svg);
    left: 0;
}

.owl-related .owl-nav .owl-next {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/slick-next.svg);
    right: 0;
}

.owl-related .owl-nav .disabled {
    opacity: .3;
}
/*Search Page*/
.search-page .inputs .pt-label {
    display: none;
}

.search-input label {
    float: none;
}
/*Topic Page*/
.title.shop-title {
    margin: 0 0 45px;
}

    .title.shop-title h1 {
        text-align: center;
    }

.icon-wrapper {
    max-width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto 25px;
}

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

.shop-contact-wrapper .text-wrapper p {
    text-align: center;
}

.shop-contact-wrapper {
    max-width: 430px;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.topic-page .page-body.full {
    max-width: unset;
    padding: 0;
    margin: -70px 0 0;
}

.map {
    margin: 55px 0 0;
}

.shop-banner {
    min-height: 260px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/athens-shop-banner.jpg);
    margin: 0 0 65px;
    display: none;
}

.shop-wrapper {
    padding: 45px 0 0;
}

.map iframe {
    display: block;
}

.master-wrapper-content + .topic-block {
    margin: 0;
}

.flex-contact-shop {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
}

.effect-layla h2 a {
    text-decoration: none;
}
/*Category Page*/

.product-selectors label {
    display: none;
}

.category-page-body .only-categories-page .page-title h1 {
    text-align: center;
    font-weight: 600;
}

.category-page-body .catalog-wrapper {
    padding: 10px 0 0px;
}

.catalog-wrapper .side-2 {
    width: 231px;
}



.category-page-body .page-title h1 {
    color: #0F181A;
    font-weight: 300;
    text-transform: none;
    text-align: left;
    margin: 0 0 15px;
}

.product-selectors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 30px;
    background-color: #EFEFEF;
    padding: 15px 30px;
}

    .product-selectors .product-viewmode {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: inline-block;
        width: auto;
    }


.earth-theme .product-sorting > span, .earth-theme .product-page-size > span {
    font-size: 15px;
    font-weight: 300;
    text-transform: none;
    color: #757575;
    letter-spacing: 1px;
}

.product-sorting, .product-page-size {
    margin: 0;
}

.product-selectors .select-wrap .select-inner {
    display: block;
    max-width: 100%;
    overflow: hidden;
    font-size: 15px;
    font-weight: 300;
    color: #757575;
    letter-spacing: 1px;
}

.earth-theme .product-selectors .select-wrap .select-box {
    font-size: 15px;
    background-color: transparent;
    border: 2px solid #C1C1C1;
    height: 29px;
    padding: 4px 11px;
}

.product-selectors .select-wrap select {
    position: relative;
    z-index: 1;
    opacity: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    padding: 0 50px 0 0;
    height: 29px;
}


.product-selectors .select-wrap .select-box:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 8px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: none;
    vertical-align: middle;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/product-selectors-down-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
}

.product-viewmode a.grid {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/grid-view-icon.svg);
    background-position: center;
    opacity: 1;
    width: 31px;
    height: 31px;
}

.product-viewmode a.list {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/list-view-icon.svg);
    background-position: center;
    opacity: 1;
    width: 31px;
    height: 31px;
}

.product-viewmode a.grid.selected {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/grid-view-active-icon.svg);
}

.product-viewmode a.list.selected {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/list-view-active-icon.svg);
}
/*Item Box*/
.item-box .product-title a {
    display: block;
    text-align: center;
    color: #3C3A3F;
    font-weight: 700;
}

.earth-theme .item-box .product-title {
    height: 35px;
    margin: 10px 0;
}

.product-details-page .item-box .prices {
    margin: 10px 0 0;
    text-align: center;
}

.earth-theme .item-box .old-price {
    margin: 0 10px 0 0;
    color: #8A8A8A;
    font-weight: 300;
    font-size: 14px;
    text-decoration: line-through;
}

    .earth-theme .item-box .old-price::after {
        display: none;
    }

.earth-theme .item-box .actual-price {
    font-size: 22px;
    font-weight: 700;
}

.item-box .buttons {
    padding: 0;
    height: 104px;
}

    .item-box .buttons button {
        margin: 0 8px;
        height: 52px;
    }

.product-grid .item-box .product-box-add-to-cart-button span:before {
    display: none;
}

.ajax-cart-button-wrapper {
    display: block !important;
}

.item-box .prices {
    text-align: center;
}


.item-box .buttons .product-box-add-to-cart-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    width: 100%;
    height: 52px;
    background-color: #77CCCB;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

    .item-box .buttons .product-box-add-to-cart-button:hover {
        opacity: .7;
    }

.product-grid .quick-view-button a {
    z-index: 2;
}

.quick-view-button:before {
    background-size: 21px !important;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/quick-view-icon.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat;
    opacity: 1;
}

.quick-view-button:hover:before {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/quick-view-hover-icon.svg) !important;
}


.product-grid .item-box button span {
    z-index: 2;
}

.item-box .add-to-wishlist-button:before {
    background-position: center;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/wishlist-overview-icon.svg);
    background-size: 22px;
    background-position-y: 10px;
}

.item-box .add-to-wishlist-button:hover:before {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/wishlist-overview-hover-icon.svg);
}

.item-box .add-to-compare-list-button:before {
    background-position: center;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/compare-icon.svg);
    background-size: 24px;
}

.item-box .add-to-compare-list-button:hover:before {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/compare-hover-icon.svg);
}



.product-grid .item-box .product-box-add-to-cart-button span {
    position: static;
    opacity: 1;
    color: #fff !important;
    font-size: 16px !important;
    background-color: transparent;
    font-weight: 700;
    margin-left: 0 !important;
    padding: 0;
}

.item-box .buttons {
    background-color: #EDEFF4 !important;
}

    .item-box .buttons button {
        margin: 0 8px;
        height: 52px;
    }

    .item-box .buttons .product-box-add-to-cart-button:before {
        background: no-repeat;
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/item-box-cart-icon.svg);
        background-position: center;
        background-size: 24px;
        margin: 0 7px 0 0;
    }

.spc .description-wrapper {
    display: none;
}

.description-wrapper {
    padding: 20px 10px 25px;
    background-color: rgba(255, 255, 255, .85);
    position: absolute;
    top: -157px;
    right: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

    .description-wrapper .short-description {
        margin: 0 0 20px;
        font-size: 13px;
        line-height: 17px;
        font-weight: 300;
        color: #55565A;
    }

    .description-wrapper .sku {
        padding: 8px 0;
        border-top: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
        max-width: 128px;
        margin: 0 auto 10px;
    }

        .description-wrapper .sku span {
            color: #757575;
            font-weight: 300;
        }

    .description-wrapper .availability span {
        font-size: 14px;
        font-weight: 300;
    }

.product-item {
    overflow: hidden;
    position: relative;
    padding: 0 5px;
}

    .product-item:hover .description-wrapper {
        top: 0;
    }

.home-page-product-grid .product-item {
    padding: 0;
}

.spc .item-box .buttons {
    background-color: rgba(119, 204, 203, .94) !important;
}

.spc .item-box .ajax-cart-button-wrapper {
    display: inline-block !important;
}

.spc .item-box .product-title a {
    color: #000000;
    font-size: 16px;
}

.spc .item-box .buttons.desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.spc .item-box .buttons button.add-to-wishlist-button {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.spc .item-box .add-to-wishlist-button:before {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/wishlist-overview-spc-icon.svg);
    background-size: 17px;
}

.spc .item-box .add-to-wishlist-button:hover:before {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/wishlist-overview-hover-spc-icon.svg);
    background-size: 17px;
}



.spc .item-box .buttons .quick-view-button:before {
    background-size: 17px !important;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/quick-view-spc-icon.svg) !important;
}

.spc .item-box .buttons .quick-view-button:hover:before {
    background-size: 17px !important;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/quick-view-hover-spc-icon.svg) !important;
}

.spc .product-grid .item-box .product-box-add-to-cart-button span {
    font-size: 0 !important;
    background-position: center;
}

.spc .item-box .buttons .product-box-add-to-cart-button:before {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/item-box-cart-spc-icon.svg);
    background-size: 28px;
    margin: 0;
}

.spc .item-box .buttons .product-box-add-to-cart-button:hover:before {
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/item-box-cart-icon.svg);
}

.spc .item-box .buttons .product-box-add-to-cart-button:hover {
    opacity: 1;
}
/*Item Box List*/
.product-list .description-wrapper {
    position: static;
}

.product-grid .details-list {
    display: none;
}

.product-list .description-wrapper {
    display: none;
}
/*Account Pages*/
.account-page .s1-report-container .header {
    width: 100%;
    max-width: unset;
    display: table-row;
}

.account-page tr.clientinfo {
    color: #3C3A3F;
    FONT-WEIGHT: 700;
    padding: 0 0 10px;
}

.account-page .s1-report-container .clientinfo td {
    padding: 0 0 5px;
}

.account-page .inputs:only-child {
    float: none;
    margin: 0 auto;
}

.s1-report-container .header {
    width: 100%;
    display: table-row;
}

.s1-report-container .s1-nested-container {
    padding: 0 0 0 30px;
}

.s1-report-container .header td {
    width: auto;
}

.s1-report-container .outterhheader td, .s1-report-container .header td {
    background-color: #77cccb !important;
}

.s1-report-container .s1-nested-container:before {
    border-color: #77cccb transparent transparent #77cccb !important;
}
/*Shopping Cart*/
.metaforikh-shipping-notes {
    margin: 0 0 20px;
}

    .metaforikh-shipping-notes textarea {
        width: 100%;
        height: 120px;
        min-height: unset;
        resize: none;
        overflow: auto;
    }

.shopping-cart-page {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}

    .shopping-cart-page .page-title h1 {
        font-size: 24px;
        font-weight: 400;
        color: #55565A;
        margin: 0 0 105px;
    }

.cart .product {
    text-align: center;
}

.cart .remove-from-cart, .cart .add-to-cart, .data-table .select-boxes, .data-table .order {
    text-align: center;
}

.cart td.unit-price {
    font-weight: bold;
    font-size: 14px;
    color: #888;
}

.cart .sku {
    display: none !important;
}

.cart-collaterals .deals, .cart-collaterals .shipping {
    padding: 0;
}

.cart-item-row label.td-title {
    display: none;
}

.order-progress a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: prisma;
    font-weight: normal;
    font-size: 30px;
    color: #ccc;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cart input[type=checkbox] + label:before {
    content: '.';
    position: absolute;
    left: 0;
    top: 50%;
    width: 15px;
    height: 15px;
    background: #ddd;
    -webkit-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    transform: translateY(-65%);
    text-indent: -9999px;
    font-size: 0;
}

.cart input[type=checkbox]:checked + label:after {
    content: '\e92a';
    position: absolute;
    left: 0;
    top: 50%;
    width: 15px;
    height: 15px;
    background: #77cccb;
    line-height: 15px;
    text-align: center;
    font-family: prisma;
    font-size: 9px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    transform: translateY(-65%);
}

.order-progress a {
    width: 100%;
}

.order-progress .active-step a.cart-step {
    background-position: center -390px;
    border-color: #77cccb;
    border: 0;
    border-top: 4px solid #77cccb;
    border-radius: 0;
    background-color: #FFF !important;
}
/*********** GLOBAL TABLES ***********/


.table-wrapper {
    overflow-x: auto;
}

.cart,
.forums-table-section table {
    margin: 0 0 4px;
}

    .cart th, .data-table th, .forums-table-section th {
        padding: 12px;
        background: #edeff4;
        text-transform: uppercase;
        text-align: center;
        font-weight: normal;
        font-size: 11px;
        color: #bbb;
        white-space: nowrap;
    }

    .cart td, .data-table td, .compare-products-table td, .forums-table-section td {
        padding: 10px;
        border: 1px solid #f6f6f6;
        min-width: 50px;
        background: #fff !important;
    }

.data-table td {
    min-width: 100px !important;
}

.cart, .data-table, .forums-table-section table {
    border-bottom: 0;
}

.cart {
    border-collapse: separate;
    text-align: center;
}

    .cart .remove-from-cart input,
    .cart .add-to-cart input {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .cart .remove-from-cart label,
    .cart .add-to-cart label {
        display: inline-block;
        padding: 0 0 0 24px;
    }

    .cart label {
        font-size: 0pt;
    }

    .cart a, .data-table a {
        font-weight: bold;
    }

    .cart .product {
        text-align: center;
    }

    .cart .product-name {
        margin-bottom: 5px;
        border: 0;
        padding: 0;
        font-weight: normal;
        font-size: 16px;
        color: #3C3A3F;
    }

        .cart .product-name:hover {
            color: #77cccb;
        }

    .cart .rental-info,
    .cart .recurring-info,
    .cart .attributes {
        line-height: 20px;
        font-size: 13px;
        color: #aaa;
    }

.data-table .message,
.forum-table .forum-details,
.forum-table .topic-details {
    text-align: left;
}

.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
    text-align: center;
}

.cart td.unit-price {
    font-weight: 300;
    font-size: 13px;
    color: #4D4D4D;
}

.cart .qty-input,
.cart .qty-dropdown {
    border: 1px solid #eee;
    width: 40px;
    text-align: center;
    font-size: 14px;
    color: #666;
}


.cart .subtotal span {
    display: inline-block;
    margin: 5px 0;
    font-weight: 700;
    font-size: 16px;
    color: #77cccb;
    white-space: nowrap;
}

.cart .subtotal .discount,
.cart .subtotal .discount + div {
    font-size: 13px;
    color: #888;
    white-space: nowrap; /*remove this if you have no space enough for discounted products price*/
}

.ui-dialog-titlebar {
    margin: 0 0 20px;
    color: #333;
    text-transform: none;
}
/********** SHOPPING CART **********/
.buttons-next {
    display: none;
}

.cart-title,
.checkout-page .page-title {
    margin: 0;
    padding: 20px 0 10px;
    background: #EDEFF4;
}

.order-progress {
    margin: 0 0 20px;
    padding: 10px 0 10px 0;
    text-align: center;
    background: #EDEFF4;
}

    .order-progress ul {
        text-align: center;
        font-size: 0;
    }

    .order-progress li {
        display: inline-block;
        width: 15%;
        width: -webkit-calc(100%/6 - 3px);
        width: calc(100%/6 - 3px);
        max-width: 130px;
        vertical-align: baseline;
    }

        .order-progress li + li {
            margin-left: 3px;
        }

    .order-progress a {
        position: relative;
        display: block;
        border-top: 4px solid transparent;
        height: 50px;
        background: #fff;
    }

        .order-progress a:before {
            position: absolute;
            top: 50%;
            left: 50%;
            font-family: prisma;
            font-weight: normal;
            font-size: 30px;
            color: #ccc;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .order-progress li:first-of-type a:before {
        content: '\e903';
    }

    .order-progress li:nth-of-type(2) a:before {
        content: '\e902';
    }

    .order-progress li:nth-of-type(3) a:before {
        content: '\e911';
        font-size: 35px;
    }

    .order-progress li:nth-of-type(4) a:before {
        content: '\e909';
        font-size: 32px;
    }

    .order-progress li:nth-of-type(5) a:before {
        content: '\e92d';
        font-size: 28px;
    }

    .order-progress li:nth-of-type(6) a:before {
        content: '\e92c';
        font-size: 26px;
    }

    .order-progress li.active-step.last a {
        border-top: 4px solid #57b568;
        cursor: pointer;
    }

        .order-progress li.active-step.last a:before {
            color: #57b568;
        }

    .order-progress li.inactive-step a {
        background: #FFF;
        color: #4D4D4D;
        cursor: default;
        border-radius: 0;
        border: 0;
        border-top: 4px solid transparent;
        font-weight: 400;
        text-transform: uppercase;
    }

.shopping-cart-page .selected-checkout-attributes {
    display: none;
}

.shopping-cart-page .button-1 {
    padding: 9px 15px;
}

.checkout-page .button-2,
.order-details-page .page-title a {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.checkout-page .inputs label {
    float: none;
}

.remove-discount-button,
.remove-gift-card-button {
    margin: 0 0 0 5px;
    border: 0;
    width: 20px;
    height: 20px;
    background: #fff url('../img/close.png') center no-repeat;
    cursor: pointer;
}

.shopping-cart-page .message-error {
    margin: 0 0 20px;
    font-size: 13px;
}

.order-progress li:before {
    display: none;
}

.shopping-cart-page .totals {
    margin: 0;
    width: 32%;
    min-width: 288px;
}

.cart-title,
.checkout-page .page-title {
    margin-top: 40px;
}

.cart td {
    min-width: 150px;
}

.cart-collaterals {
    margin-right: 4px;
    width: 67.8%;
    width: -webkit-calc(68% - 4px);
    width: calc(68% - 4px);
    margin: 0;
}


    .cart-collaterals .deals > div {
        height: 49.8%;
        height: -webkit-calc(50% - 2px);
        height: calc(50% - 2px);
    }

    .cart-collaterals .shipping {
        float: right;
        width: 49.8%;
        width: -webkit-calc(50% - 2px);
        width: calc(50% - 2px);
        margin: 0;
        height: 100%;
    }

.estimate-shipping {
    margin: 0;
    height: 100%;
}

.cart-collaterals .coupon-code input[type="submit"],
.cart-collaterals .buttons .estimate-shipping-button {
    transition: all .3s;
}

    .cart-collaterals .coupon-code input[type="submit"]:hover,
    .cart-collaterals .buttons .estimate-shipping-button:hover {
        color: #57b568;
    }

.cart-collaterals .shipping .buttons {
    text-align: right;
}

.checkout-page .opc .edit-address label {
    width: 295px;
}

.checkout-page .totals {
    float: right;
    width: 32%;
    min-width: 288px;
}

.cart input[type="checkbox"], .cart input[type="checkbox"] + *, .shopping-cart-page .terms-of-service input[type="checkbox"] + * {
    vertical-align: middle;
}

.cart input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 10px 0 10px 24px;
    text-align: left;
    font-size: 0;
    cursor: pointer;
}

.cart-options {
    margin: 0 0 20px;
    text-align: center;
}

    .cart-options .common-buttons {
        margin-bottom: 4px;
        padding: 20px;
        background: #edeff4;
        font-size: 0;
    }

        .cart-options .common-buttons button {
            padding: 15px 25px;
            margin: 0 5px 5px;
            border: 0;
            width: 280px;
            min-width: 150px;
            background: #fff;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 14px;
            color: #57b568;
        }

.continue-shopping-button:before {
    content: '\e92e';
}

.cart-options .checkout-attributes {
    margin: 20px 0;
    padding: 20px;
    background: #f6f6f6;
}

    .cart-options .checkout-attributes:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .cart-options .checkout-attributes dt {
        float: right;
        clear: right;
        margin: 0 0 5px;
        font-weight: bold;
        font-size: 13px;
        color: #666;
    }

    .cart-options .checkout-attributes dd {
        float: right;
        clear: right;
        margin: 0 0 15px;
    }

    .cart-options .checkout-attributes li {
        line-height: 24px;
    }

        .cart-options .checkout-attributes li * {
            vertical-align: middle;
        }

    .cart-options .checkout-attributes input,
    .cart-options .checkout-attributes textarea,
    .cart-options .qq-uploader {
        max-width: 100%;
        width: 350px;
    }

.cart-options select {
    width: 117px;
}

.cart-options .selected-checkout-attributes {
    margin: 20px 0;
}

.cart-footer:after {
    content: "";
    display: block;
    clear: both;
}

.cart-footer .totals {
    margin: 0 0 0 auto;
}

.cart-footer .total-info {
    margin: 0 0 10px;
}

.cart-total td {
    padding: 5px;
    border: 1px solid #ccc;
    width: 40%;
}

.totals {
    float: right;
    padding: 20px;
    width: 100%;
    background: #f6f6f6;
    text-align: right;
}

.cart-total {
    margin: 0 auto;
    width: 100%;
    font-size: 14px;
}

    .cart-total td {
        border: 0;
    }

        .cart-total td:first-child {
            width: 60%;
            text-align: left;
            color: #CCC;
            font-weight: 300;
        }

        .cart-total td:nth-child(2) {
            font-weight: 300;
            color: #4D4D4D;
        }

    .cart-total .order-total td:before {
        display: none;
    }

    .cart-total .order-total td.cart-total-left,
    .cart-total .order-total td.cart-total-right {
        padding: 15px 10px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    .cart-total .order-total td.cart-total-left {
        text-transform: uppercase;
        font-weight: bold;
    }

    .cart-total .order-total td.cart-total-right {
        color: #57b568;
    }

.cart-options .common-buttons {
    margin-bottom: 4px;
    padding: 20px;
    background: #edeff4;
    font-size: 0;
}

.earth-theme .shopping-cart-page .button-1, .shopping-cart-page .button-2 {
    display: inline-block;
    float: none;
}

.earth-theme .update-cart-button:before, .continue-shopping-button:before, .wishlist-content .button-2:before {
    display: inline-block;
    margin: -3px 25px 0 0 !important;
    font-weight: normal;
    font-family: prisma;
    font-size: 16px;
    color: #ccc;
    vertical-align: middle;
}

.cart-options .continue-shopping-button:before {
    margin: 0 20px 0 -3px !important;
}

.earth-theme .update-cart-button:before, .update-wishlist-button:before {
    content: '\e949';
}

.earth-theme .continue-shopping-button:before {
    content: '\e92e';
}

.earth-theme .shopping-cart-page .cart-options .common-buttons button {
    padding: 15px 15px;
    margin: 0 5px 5px;
    border: 0;
    width: 260px;
    min-width: 140px;
    background: #fff !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    color: #77cccb;
    height: 49px;
    text-align: right !important;
}

.earth-theme .shopping-cart-page .cart-options .common-buttons .continue-shopping-button {
    min-width: 165px;
    width: auto;
    text-align: right;
}

.earth-theme .cart th, .earth-theme .data-table th, .earth-theme .forums-table-section th {
    font-size: 12px;
    font-weight: 300;
    color: #ABABAB;
}

.earth-theme .cart-total .order-total strong {
    font-size: 16px;
    font-weight: 300;
    color: #4D4D4D;
    padding: 5px 10px 5px 10px;
}

.shopping-cart-page .terms-of-service {
    text-align: left;
}

.earth-theme .shopping-cart-page .button-1 {
    width: 100%;
    max-width: unset;
    background-color: #77cccb !important;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: none;
}

.order-progress .active-step a.cart-step:before, .order-progress .active-step a.shipping-step:before, .order-progress .active-step a.payment-step:before, .order-progress .active-step aconfirm-step:before, .order-progress .active-step a.complete-step:before {
    color: #77cccb;
}

.order-progress .active-step a.address-step, .order-progress .active-step a.shipping-step, .order-progress .active-step a.payment-step, .order-progress .active-step a.confirm-step, .order-progress .active-step a.complete-step {
    background-color: #FFF !important;
    border-radius: 0;
    border: 0;
    border-top: 4px solid #77cccb;
    font-weight: 400;
    font-size: 13px;
    color: #4D4D4D;
    padding: 5px 0;
}

    .order-progress .active-step a.address-step:before {
        color: #77cccb;
    }

.presaved-shoppingcart .commmon-buttons {
    text-align: center;
}

input#NewShoppingCart {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    height: 47px;
    border: 2px solid;
}
/*Search Page*/
.earth-theme .search-page .page-title {
    margin: 0 0 30px;
}
/*Checkout Pages*/
.checkout-page {
    max-width: 1320px;
    padding: 0 15px;
    margin: 0 auto;
}

    .checkout-page .enter-address {
        border-top: 0;
        background-color: #edeff4;
    }

    .cart-title, .checkout-page .page-title {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .checkout-page .address-item {
        background-color: #edeff4;
    }

    .checkout-page .edit-address {
        max-width: 750px;
        margin: 0 auto;
    }

    .checkout-page .inputs label {
        float: none;
    }

.shipping-method .method-list li, .payment-method .method-list li {
    border-bottom: 3px solid #FFF;
    padding: 20px 20px 25px;
    position: relative;
}

.shipping-method, .payment-method {
    max-width: 640px;
    margin: auto;
    padding: 15px 20px 30px;
    background-color: #edeff4;
}

    .payment-method .method-name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .payment-method .method-list li label {
        margin: 0;
    }

.checkout-page .payment-logo {
    /* display: none; */
    width: 62px;
    flex-basis: 62px;
}

.payment-logo img {
    mix-blend-mode: multiply;
}

.payment-method input[type="radio"] + label:before {
    content: '';
    display: block;
    height: 100%;
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.payment-method input[type="radio"]:checked + label:before {
    background-color: #77cccb;
}

.payment-method input[type="radio"] {
    display: none;
}

.payment-info .info {
    margin: 0 0 30px;
    border-bottom: 1px solid #3C3A3F;
    padding: 15px 20px 30px;
    line-height: 25px;
}

.payment-info {
    max-width: 640px;
    margin: auto;
    padding: 15px 20px 30px;
    background-color: #edeff4;
}

.order-review-data ul, .order-details-area ul, .shipment-details-area ul {
    max-width: 440px;
    margin: 0 auto 10px;
    background-color: #edeff4;
    padding: 25px 20px;
    text-align: center;
}

.order-completed {
    max-width: 640px;
    margin: auto auto 60px;
    padding: 30px 20px;
    background-color: #edeff4;
}

    .order-completed .details {
        margin: 0 0 30px;
        border-bottom: 1px solid #3C3A3F;
        padding: 0 20px 30px;
        text-align: center;
    }

.payment-details {
    flex-basis: calc(100% - 71px);
    margin-left: 8px;
}

.payment-method .method-list li .payment-description label {
    font-size: 14px;
    text-transform: none;
    font-weight: 300;
}

.shipping-method .method-list li .method-description label {
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.shipping-method .method-list li {
    border-left: 3px solid transparent;
    padding-left: 45px;
}

    .shipping-method .method-list li.active {
        border-left-color: #76cccb;
    }

    .shipping-method .method-list li .method-name input[type="radio"] {
        display: none;
    }

    .shipping-method .method-list li:before {
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;
        left: 10px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .shipping-method .method-list li:nth-child(1):before {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/Shipment/shipment_method_02.png);
    }

    .shipping-method .method-list li:nth-child(2):before {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/Shipment/shipment_method_01.svg);
    }

    .shipping-method .method-list li:nth-child(3):before {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/Shipment/shipment_method_03.svg);
    }

    .shipping-method .method-list li:nth-child(4):before {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/Shipment/shipment_method_04.svg);
    }

    .shipping-method .method-list li:nth-child(5):before {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/Shipment/shipment_method_05.svg);
    }

    .shipping-method .method-list li:nth-child(6):before {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/Shipment/shipment_method_04.svg);
    }

    .shipping-method .method-list li:nth-child(7):before {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/Shipment/shipment_method_05.svg);
    }

.mfp-container {
    height: calc(100vh + 170px) !important;
}
/*********** PRODUCT PAGE SET **********/
.attributes-set-container {
    max-width: unset;
    margin: 80px auto;
    padding: 0 15px;
}

.attributes-set-title {
    margin: 0 0 55px;
}

.attr-container {
    margin: 0 0 25px;
    border-bottom: 2px solid #EAE8E9;
    padding: 0 0 15px;
}

.attr-title label {
    font-size: 17px;
    text-align: left;
    font-weight: 600;
    color: #3C3A3F;
}

.attributes-set-title h3 {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #3C3A3F;
}

.attr-quantity .attr-quantity-label, .attr-quantity label {
    display: block;
    text-align: center;
    color: #3C3A3F;
    font-size: 15px;
    font-weight: 600;
}
/*Contact Page*/


.contact-page .inputs label {
    display: none;
}

.contact-page .page-title h1 {
    color: #55565A;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: none;
    margin: 0 0 40px;
}

    .contact-page .page-title h1:after {
        display: none;
    }

.contact-page form, .email-a-friend-page form, .apply-vendor-page form {
    width: 100%;
    max-width: 100%;
    margin: auto;
    background-color: transparent;
    padding: 20px 15px;
}

.contact-page .inputs input[type="text"], .contact-page .inputs textarea {
    border: 0;
    border-bottom: 2px solid #A8A8A8;
    text-align: center;
    min-height: 50px;
    color: #757575;
    font-size: 16px;
    font-weight: 300;
    max-width: 362px;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 20px 10px 0;
}

    .contact-page .inputs input[type="text"]::placeholder, .contact-page .inputs textarea ::placeholder {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 16px;
        color: #757575;
        font-weight: 300;
    }

.contact-page .fieldset {
    position: relative;
    margin: 0 0 20px;
}

.contact-page .buttons {
    border-top: 0;
    padding: 0;
}

.inputs {
    position: relative;
    width: 100%;
    max-width: 362px;
    margin: 0 auto 20px;
}

.earth-theme .contact-page .inputs .required {
    display: none;
}

.earth-theme .contact-page .fieldset + .buttons .button-1 {
    width: 274px;
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    height: 53px;
    letter-spacing: 1px;
}

.contact-bottom-topic {
    margin: 55px 0 0;
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 0;
    min-width: unset;
    max-width: 100%;
    max-height: 310px;
    width: 100%;
    background: #3085a3;
    text-align: center;
    cursor: inherit;
}

    .grid figure img {
        position: relative;
        display: block;
        min-height: 100%;
        max-width: 100%;
        opacity: 0.8;
    }

    .grid figure figcaption {
        padding: 2em;
        color: #fff;
        text-transform: uppercase;
        font-size: 1.25em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .grid figure figcaption::before,
        .grid figure figcaption::after {
            pointer-events: none;
        }

        .grid figure figcaption,
        .grid figure figcaption > a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

            /* Anchor will cover the whole item by default */
            /* For some effects it will show as a button */
            .grid figure figcaption > a {
                z-index: 1000;
                text-indent: 200%;
                white-space: nowrap;
                font-size: 0;
                opacity: 0;
            }

    .grid figure h2 {
        word-spacing: -0.15em;
        font-weight: 700;
    }

        .grid figure h2 span {
            font-weight: 800;
        }

    .grid figure h2, .grid figure p {
        max-width: 330px;
        margin: 0 auto;
    }

    .grid figure p {
        letter-spacing: 1px;
        font-size: 68.5%;
        z-index: 10;
        position: relative;
    }


/*---------------*/
/***** Layla *****/
/*---------------*/
.contact-bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contact-item {
    -ms-flex-preferred-size: 16.66%;
    flex-basis: 16.66%;
    background-color: rgba(0,0,0,0);
}

figure.effect-layla {
    background: #000;
    mix-blend-mode: multiply;
    margin: 0;
}

    figure.effect-layla img {
        height: 310px;
    }

    figure.effect-layla figcaption {
        padding: 0em;
    }

        figure.effect-layla figcaption::before,
        figure.effect-layla figcaption::after, figure.effect-layla figcaption .first-p-layla::before {
            position: absolute;
            content: '';
            opacity: 0;
        }

        figure.effect-layla figcaption::before, figure.effect-layla figcaption .first-p-layla::before {
            top: 50px;
            right: 0;
            bottom: 75px;
            left: 0;
            border-top: 0;
            border-bottom: 2px solid #fff;
            -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            z-index: 20;
            max-width: 330px;
            margin: 0 auto;
        }

        figure.effect-layla figcaption::after {
            top: 30px;
            right: 50px;
            bottom: 30px;
            left: 50px;
            border-right: 1px solid #fff;
            border-left: 1px solid #fff;
            -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
        }

    figure.effect-layla h2 {
        padding-top: 26%;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
    }

    figure.effect-layla p {
        max-width: 330px;
        margin: 0 auto;
        padding: 0.5em 2em;
        text-transform: none;
/*        opacity: 0;*/
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        color: #FFF;
        font-size: 17px;
        font-weight: 300;
        padding: 0;
    }

    figure.effect-layla img,
    figure.effect-layla h2 {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        -ms-transform: translate3d(0, 0px, 0);
        -o-transform: translate3d(0, 0px, 0);
    }

    figure.effect-layla img,
    figure.effect-layla figcaption::before,
    figure.effect-layla figcaption::after,
    figure.effect-layla p, figure.effect-layla figcaption .first-p-layla::before {
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-layla:hover img {
        opacity: 0.7;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    figure.effect-layla:hover figcaption::before,
    figure.effect-layla:hover figcaption::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.effect-layla:hover h2,
    figure.effect-layla:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0, -65px, 0);
        transform: translate3d(0, -65px, 0);
        -moz-transform: translate3d(0, -65px, 0);
        -ms-transform: translate3d(0, -65px, 0);
        -o-transform: translate3d(0, -65px, 0);
    }

    figure.effect-layla:hover figcaption::after,
    figure.effect-layla:hover h2,
    figure.effect-layla:hover p,
    figure.effect-layla:hover img {
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.15s;
        color:rgba(255,255,255,1);
    }

    figure.effect-layla figcaption::after {
        display: none;
    }

    figure.effect-layla img,
    figure.effect-layla h2 {
        font-size: 22px;
        color: #FFF;
    }



    figure.effect-layla figcaption p:first-child::before {
        content: '';
        display: block;
        top: 50px;
        right: 30px;
        bottom: 75px;
        left: 30px;
        border-top: 2px solid #fff;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        position: absolute;
        content: '';
        opacity: 0;
        pointer-events: none;
    }

    figure.effect-layla:hover figcaption p::before {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }



    figure.effect-layla:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .45);
        z-index: 10;
    }

.contact-item:nth-child(2) figure.effect-layla:before {
    background-color: rgba(0, 0, 0, .05);
}

figure.effect-layla h2 {
    position: relative;
    z-index: 20;
}

figure.effect-layla p.first-p-layla {
    padding-top: 15%;
    color: rgba(255,255,255,1);
}

figure.effect-layla figcaption .first-p-layla::before {
    display: block;
    content: '';
    top: 10px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    max-width: 419px;
    margin: 0 auto;
    height: 2px;
}

.contact-page .topic-block, .apply-vendor-page .topic-block {
    padding: 0;
    text-align: center;
}

.contact-page .contact-bottom-topic .topic-block {
    margin: 0 0 -10px;
}

.contact-page {
    margin: 0;
}

/*Footer*/
.footer-wrapper {
    overflow: hidden;
    padding: 0;
}

.footer {
    background-color: transparent;
    padding: 0;
    text-align: center;
}

.footer-middle {
    margin: 0 0 10px;
    background-color: #0C0F0F;
    padding: 60px 0;
}


.footer-block .list li {
    text-align: left;
}

    .footer-block .list li a {
        color: #FFF;
        font-size: 15px;
        font-weight: 300;
        padding: 10px 0;
    }


.footer-menu .top-menu li {
    margin: 0;
}

.footer-block {
    margin: 0;
    float: none;
}

.footer-block-left {
    width: 17%;
    -ms-flex-preferred-size: 17%;
    flex-basis: 17%;
}

.footer-menu .top-menu li:last-child a:after {
    display: none;
}

.footer-block .list li:first-child a {
    padding-top: 0;
}

.footer-block-right {
    width: 37%;
    -ms-flex-preferred-size: 37%;
    flex-basis: 37%;
    padding-left: 21px;
}

.footer-block-center {
    -ms-flex-preferred-size: 42.5%;
    flex-basis: 42.5%;
    padding-left: 60px;
    padding-right: 30px;
    border-right: 2px solid #77cccb;
    border-left: 2px solid #77cccb;
}

.footer-address-block {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    text-align: left;
    margin: 0 0 10px;
}

    .footer-address-block .address-title h2 {
        font-size: 16px;
        font-weight: 700;
        color: #77CCCB;
        margin: 0 0 10px;
    }


    .footer-address-block:last-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }


    .footer-address-block:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 0;
    }

    .footer-address-block:nth-child(3) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin: 0;
    }

.address-footer ul li {
    color: #FFFFFF;
    font-weight: 300;
    font-size: 12px;
    margin: 0 0 8px;
}

    .address-footer ul li:last-child {
        margin: 0;
    }

.payments-footer {
    text-align: left;
}

    .payments-footer img {
        max-width: 218px;
    }

.footer {
    padding: 0;
}

.earth-theme.variant-1 .footer-menu .top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 450px;
    margin: 0 auto;
}

.footer-menu .top-menu li {
    position: relative;
}

    .footer-menu .top-menu li a:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 17px;
        background-color: #A6A6A6;
        right: -8px;
        top: 2px;
    }

    .footer-menu .top-menu li:last-child a:after {
        display: none;
    }

.footer .title {
    display: none;
}

.footer-menu-wrapper {
    padding: 65px 0;
    background-color: #121717;
    display: none;
}

.home-page-body .footer-menu-wrapper {
    display: block;
}

.top-menu .categories-mobile {
    display: none;
}

.footer-menu .top-menu li a {
    color: #A6A6A6;
    font-size: 15px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 2px;
    padding: 10px 25px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .footer-menu .top-menu li a:hover {
        color: #77cccb;
    }

.footer-middle .center {
    width: 100%;
    margin: auto;
    background-color: #0C0F0F;
    min-height: unset;
}

.footer-block.footer-block-center {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.social-sharing {
    position: static;
    margin: 0;
    padding-top: 0;
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
}

    .social-sharing ul {
        margin: 35px 0 35px;
        text-align: left;
    }

    .social-sharing a {
        background: none;
        background-color: transparent !important;
        background-position: center !important;
        background-size: 29px;
        background-repeat: no-repeat;
    }

    .social-sharing .facebook {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/footer-fb.svg);
        background-size: 13px;
    }

    .social-sharing .twitter {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/footer-tw.svg);
    }

    .social-sharing .youtube {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/footer-yt.svg);
    }

    .social-sharing .instagram {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/footer-insta.svg);
    }

    .social-sharing li {
        margin: 6px 40px 6px 0;
    }

    .social-sharing a {
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        .social-sharing a:hover {
            opacity: .7;
        }

.footer-lower {
    padding: 0 0 8px;
}
/*Contact Home*/
.contact-bottom-home-wrapper figure.effect-layla img {
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.contact-bottom-home-wrapper .grid figure {
    max-height: 770px;
    margin: 0;
}

.contact-bottom-home-wrapper figure.effect-layla h2 {
    padding-top: 40%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

.contact-bottom-home-wrapper figure.effect-layla figcaption::before {
    bottom: 35%;
}

.contact-bottom-home-wrapper figure.effect-layla figcaption .first-p-layla::before {
    bottom: 55%;
}

.home-page .topic-block {
    width: 100%;
}

.home-page-banners {
    margin: 0 auto !important;
}

.home-page .topic-block {
    margin: 0 auto;
}
/*Topic Page*/
.topic-page .page-body {
    max-width: 1200px;
    padding: 30px 15px 60px;
    margin: 0 auto;
}

.topic-block p {
    color: #757575;
    font-weight: 300;
}
/*Manufacturer Page*/
.manufacturer-list-page {
    padding: 40px 15px 0;
    max-width: 1015px;
    margin: 0 auto;
}

    .manufacturer-list-page .page-title h1 {
        padding: 0 0 30px;
        border-bottom: 2px solid #EDEFF4;
        margin: 0 0 55px;
    }


.manufacturer-item {
    background-color: #EDEDED;
    position: relative;
}

    .manufacturer-item img {
        mix-blend-mode: multiply;
    }

.manufacturer-list-page .item-box .manufacturer-item .picture img {
    padding: 15px;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.manufacturer-list-page .item-box .manufacturer-item .picture:hover img {
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
/*Account Pages*/
.html-account-page .master-wrapper-content {
    padding: 0;
}

.earth-theme .account-page .page-title {
    margin: 0 0 25px;
}

.block-account-navigation {
    background-color: #edeff4;
    margin: 0px 0 70px !important;
}

    .block-account-navigation .list a {
        text-transform: none;
    }

    .block-account-navigation .list li {
        margin: 0px 1px 0;
    }

.account-page .address-list .section, .account-page .order-list .section {
    background-color: #edeff4;
}

.account-page .address-list .button-2, .account-page .order-list .button-2 {
    font-weight: 400;
    mix-blend-mode: multiply;
}

.account-page .address-list .buttons, .account-page .order-list .buttons {
    border-top: 1px solid #3C3A3F;
    padding: 20px 0 0;
}

.registration-page .button-1, .login-page .button-1, .account-page .button-1, .registration-result-page .button-1, .user-agreement-page .button-1 {
    text-transform: none;
}

.address-edit-page {
    padding: 70px 0 0;
}

.account-page .form-fields, .account-page .edit-address {
    background-color: #edeff4;
}

.edit-address-wrapper {
    margin: 0 auto;
    max-width: 750px;
}

.fieldset .title, .section .title {
    text-transform: none;
}

.order-details-page {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}

    .order-details-page .page-title a {
        border: 0;
        padding: 3px 15px;
        text-transform: none;
    }

    .order-details-page .order-number {
        text-transform: none;
    }

/*.earth-theme .data-table .sku {
	display: none !important;
}*/

.data-table {
    border-bottom: 0;
    max-width: 99%;
    margin: 0 auto;
    text-align: center;
}

.earth-theme .data-table th {
    text-transform: none;
}

.order-details-page .actions {
    text-align: right;
    width: 100%;
    margin: 0 0 35px;
}

.order-details-page .button-1 {
    text-transform: none;
}

.change-password-page .page-body, .vendorinfo-page .page-body {
    background-color: #edeff4;
}

.fieldset + .buttons .button-1 {
    text-transform: none;
}

.html-password-recovery-page .master-wrapper-content {
    padding-bottom: 30px;
}

    .html-password-recovery-page .master-wrapper-content .page-body {
        min-height: 45vh;
    }

.outterhheader {
    background-color: #77cccb !important;
    color: #fff;
}

    .outterhheader td:last-child {
        border-right-color: #b9b9b9 !important;
    }

    .outterhheader td:first-child {
        border-left-color: #b9b9b9 !important;
    }

.outtertable .header {
    background-color: #3b465a !important;
    color: #fff;
    width: 100%;
    max-width: unset;
    display: table-row;
}

/*Account History*/
.from-date.input-date {
    margin: 0 20px 0 0;
}

.until-date.input-date {
    margin: 0 20px 0 0;
}

.from-to-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0;
}

.earth-theme .from-to-container button {
    margin: 0 0 0 20px;
    height: 35px;
    background-color: #77cccb;
    color: #FFF;
    padding: 10px;
    line-height: 1;
    position: relative;
    top: 1px;
    border: 0;
}

.earth-theme .from-to-container input[type="submit"] {
    background-color: #77cccb;
    padding: 10px;
    height: 35px;
    border: 0;
    color: #FFF;
}
/*Login Page*/
.login-page {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
}

    .login-page .inner-wrapper {
        background-color: #edeff4;
        padding: 25px 20px 30px;
    }

    .login-page .title {
        margin: 0 0 15px;
        color: #555;
        text-transform: none;
    }

/*Shopping Cart Page*/
.no-data {
    text-align: center;
}

.order-summary-content {
    padding: 0 0 80px;
}
/*Registration Page*/
.registration-page .form-fields {
    background-color: #edeff4;
    max-width: 820px;
}

.earth-theme .registration-page .page-title {
    margin: 0 0 25px;
}

.form-field-inner {
    max-width: 750px;
    margin: 0 auto;
}
/*Footer*/

.contact-left-bottom a {
    pointer-events: none;
}

.footer-address-block-full {
    width: 100%;
    border: 2px solid #FFF;
}

.contact-right-inner p {
    margin: 10px 0 0;
    font-size: 14px;
    color: #FFF;
    font-weight: 700;
}

.contact-left-bottom {
    padding: 10px 10px 15px;
}

.contact-left-top {
    background-color: #FFF;
    padding: 14px;
}

    .contact-left-top span {
        color: #08121c;
        font-size: 13px;
        font-weight: 700;
        display: block;
        width: 100%;
        text-align: center;
    }

.contact-right-inner {
    text-align: left;
}

.contact-left-bottom a {
    font-size: 25px;
    display: block;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: 700;
}

.contact-footer-right {
    border-left: 2px solid #FFF;
    padding: 20px 10px;
}

span.right-small {
    font-size: 13px;
    color: #FFF;
}

.contact-footer-container {
    border: 2px solid #FFF;
    margin: 20px auto 0;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    width: 100%;
}

#cboxLoadedContent .warehouse-availabilities-popup {
    display: block !important;
    padding: clamp(15px, 5vw, 56px);
}

.warehouse-availabilities-line {
    margin-bottom: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
}

.warehouse-availabilities-line-name {
    color: #3C3A3F;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
}

.warehouse-availabilities-line-value {
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    flex-basis: 60%;
}

    .warehouse-availabilities-line-value.green-color {
        color: #42AA5A;
    }

    .warehouse-availabilities-line-value.yellow-color {
        color: #EA8C26;
    }

    .warehouse-availabilities-line-value.red-color {
        color: #FF0D1A;
    }
/*Media*/
@media (min-width:481px) {
    /* SHOPPING CART & CHECKOUT */

    .order-progress a {
        height: auto;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 13px; /*reset zeroing*/
        color: #444;
    }

        .order-progress a:before {
            position: static;
            display: block;
            margin: 5px 0;
            height: 35px;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }

    .shipment-details-area,
    .order-review-data,
    .order-details-area {
        display: table;
        width: 100%;
        margin: 0 0 30px;
    }

    .cart-collaterals .buttons .estimate-shipping-button {
        width: auto;
    }

    .shipment-details-area > div,
    .order-review-data > div,
    .order-details-area > div {
        display: table-cell;
        width: 50%;
        border: 0;
    }
}

@media (min-width:721px) {
    /*Category Page*/
    .product-page-size {
        width: 35%;
        text-align: left;
    }
    /*Product Page*/
    .overview, .gallery {
        float: left;
    }
    /*Item Box*/
    .category-page .product-grid .item-grid .item-box {
        width: 30%;
        margin-bottom: 5%;
        margin-left: 4%;
    }

        .category-page .product-grid .item-grid .item-box:nth-child(2n+1) {
            clear: none;
            margin-left: 5%;
            margin-bottom: 5%;
        }

        .category-page .product-grid .item-grid .item-box:nth-child(3n+1) {
            clear: both;
            margin-left: 0;
        }
    /*Shopping Cart*/
    .order-progress .active-step a.cart-step {
        background-position: center -390px;
        border-color: #77cccb;
        border: 0;
        border-top: 4px solid #77cccb;
        border-radius: 0;
        background-color: #FFF !important;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 13px;
        color: #4D4D4D;
    }
}

@media (min-width:721px) and (max-width:1024px) {
    .product-list .item-box .add-to-wishlist-button span, .product-list .item-box .add-to-compare-list-button span {
        font-size: 0;
    }
}

@media (max-width:1024px) {
    .header-container .login-header {
        display: none;
    }
    /*General*/
    .page-title, .home-page .title, .product-grid .title, .home-page .topic-block-title {
        margin: 20px 0 30px;
        text-align: center;
    }

    .home-page .title, .product-grid .title {
        margin: 20px 0 50px;
    }

    .master-wrapper-content {
        overflow: hidden;
        padding-top: 20px;
    }
    /*Homepage*/
    .contact-bottom-home-wrapper .grid figure {
        max-height: 500px;
        margin: 0;
    }

    .spc .item-box .buttons.desktop {
        display: none;
    }

    .spc .details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .spc .item-box .product-title a {
        color: #3C3A3F;
        font-size: 16px;
    }

    .spc-categories .item-box .buttons {
        display: block;
    }
    /*Jcarousel*/
    .nop-jcarousel .slick-prev {
        bottom: auto !important;
        top: 0 !important;
        margin-left: 0 !important;
    }

    .nop-jcarousel .slick-next {
        margin-right: 0 !important;
        top: 0 !important;
    }

    .slick-prev:before, .slick-next:before {
        display: none;
    }

    .earth-theme .home-page .title strong {
        color: #3C3A3F;
        font-weight: 700;
        font-size: 19px;
        letter-spacing: 3px;
    }

    .nop-jcarousel .slick-prev, .nop-jcarousel .slick-next {
        width: 65px;
        background-size: 15px !important;
    }
    /*Sub Category*/
    .sub-category-grid .item-grid {
        width: 97%;
        padding: 0 10px;
        margin: 0 auto;
    }

    .sub-category-grid .picture a {
        padding-top: 53%;
    }

    .sub-category-grid .title {
        position: static;
    }

        .home-page-category-grid .title a, .sub-category-grid .title a {
            padding: 15px 10px;
            font-size: 16px;
        }
    /*Item Box*/
    .item-box .buttons button.add-to-wishlist-button {
        display: block;
    }

    .item-box .buttons {
        margin: 15px auto 0;
    }

    .item-box button span {
        vertical-align: middle;
        font-weight: 400;
        font-size: 13px;
        color: #000;
    }

    .item-box button:before {
        content: "";
        display: inline-block;
        width: 40px;
        height: 40px;
        margin: 0 1px 0 -15px;
        background-image: url(../img/product-box-sprite.png);
        background-position: left top;
        background-repeat: no-repeat;
        vertical-align: middle;
    }

    .item-box .product-box-add-to-cart-button {
        width: 100%;
    }

    .item-box .add-to-compare-list-button {
        display: none;
        font-size: 0 !important;
    }

    .item-box .buttons button {
        height: 52px;
        width: 100%;
        margin: 0;
        font-size: 13px;
        padding: 0 5px;
        font-weight: 700;
    }

    /*Wishlist Page*/
    .cart .footable-row-detail input[type=checkbox] + label:before, .cart .footable-row-detail input[type=checkbox]:checked + label:after {
        display: none;
    }
    /*Topic Pages*/
    .topic-page p, .topic-page li {
        font-size: 15px;
    }

    /*Category Page*/
    .category-page-body .catalog-wrapper {
        padding: 10px 15px 0px;
    }
    /*Account Pages*/
    .block-account-navigation {
        margin: 0 auto 30px !important;
        float: none;
        clear: none;
    }

    .earth-theme .account-page .page-title {
        margin: 0 0 25px;
        padding: 0 10px;
    }

    .earth-theme .page-title h1 {
        position: static;
        color: #3C3A3F;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 3px;
        text-transform: none;
    }
    /*News Page*/
    .news-date-top {
        font-size: 65px;
    }

    .news-item-container {
        padding: 20px 10px 25px;
    }

    .news-date-bottom {
        font-size: 18px;
    }

    .news-title-wrap {
        margin: 0 0 10px;
    }

    .news-short-desc {
        font-size: 13px;
        line-height: 18px;
    }

    .earth-theme .news-body a.news-title {
        font-size: 19px;
        line-height: 23px;
    }
    /*Contact Page*/
    figure.effect-layla figcaption p::before {
        opacity: 1 !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }

    figure.effect-layla img {
        opacity: 0.7;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    figure.effect-layla figcaption::before,
    figure.effect-layla figcaption::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.effect-layla h2,
    figure.effect-layla p {
        opacity: 1;
        -webkit-transform: translate3d(0, -65px, 0);
        transform: translate3d(0, -65px, 0);
        -moz-transform: translate3d(0, -65px, 0);
        -ms-transform: translate3d(0, -65px, 0);
        -o-transform: translate3d(0, -65px, 0);
    }

    figure.effect-layla figcaption::after,
    figure.effect-layla h2,
    figure.effect-layla p,
    figure.effect-layla img {
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.15s;
    }

    figure.effect-layla h2 {
        padding-top: 36%;
    }

    .checkout-attributes textarea {
        width: 100%;
        max-width: 400px;
        margin: 10px 0;
    }

    .cart td {
        min-width: unset;
    }

    .footer-bottom-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .checkout-attributes {
        background-color: #edeff4;
        padding: 15px;
    }
    /*Footer*/
    .footer-menu-wrapper {
        padding: 45px 0;
        background-color: #121717;
        display: none;
    }

    .footer-block .list li a {
        font-size: 11px;
        padding: 10px 5px;
    }

    .social-sharing li {
        margin: 6px 10px 6px 0;
    }

    .footer-address-block {
        padding: 0 5px;
    }

    .footer-block-center {
        padding-left: 20px;
        padding-right: 10px;
    }

    .footer-block-right {
        padding-left: 15px;
    }

    .footer-middle {
        padding: 40px 0;
    }

    .contact-bottom-wrapper {
        display: none;
    }
}

@media(min-width:581px) {
    .blog-posts .post-left {
        flex-basis: 51.46%;
    }

    .blog-posts .post-right {
        flex-basis: 40.04%;
    }

    .blog-posts .post-left img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .blog-posts .post-left a {
        display: block;
        position: relative;
    }



        .blog-posts .post-left a:before {
            content: '';
            display: block;
            padding-top: 66.61%;
        }
}

@media(max-width:580px) {
    .vs-homepage-catalogues-inner-container {
        flex-direction: column;
    }

    .blog-posts .post {
        flex-direction: column;
    }

    .blog-posts .post-left {
        margin: 0 0 10px;
    }
}

@media (min-width:769px) {
    .order-progress li {
        width: 15%;
        width: -webkit-calc(100% /6 - 10px);
        width: calc(100% /6 - 10px);
    }
    /*Search Page*/
    .search-input label {
        float: none;
    }
    /*News Page*/
    .news-list-homepage .news-item, .news-item {
        width: 48.5%;
        float: left;
    }

        .news-list-homepage .news-item:nth-child(even), .news-item:nth-child(even) {
            margin-left: 3%;
        }
    /* SHOPPING CART & CHECKOUT */
    .cart-options .common-buttons button {
        width: auto;
    }

    .totals {
        float: right;
        padding: 20px;
        width: 50%;
    }

    .order-progress li {
        width: 15%;
        width: -webkit-calc(100% /6 - 10px);
        width: calc(100% /6 - 10px);
    }

        .order-progress li + li {
            margin-left: 10px;
        }

    .order-progress a {
        padding-bottom: 15px;
    }

        .order-progress a:before {
            margin: 20px 0 15px;
        }

    .cart-options {
        text-align: right;
    }

        .cart-options .common-buttons input {
            margin: 0 0 0 10px;
        }

        .cart-options .checkout-attributes li {
            display: inline-block;
            margin: 0 0 0 10px;
        }

        .cart-options .attribute-squares {
            text-align: right;
        }

    .cart-collaterals {
        float: left;
        width: 49%;
    }

    .cart-footer .totals {
        margin-top: 0;
    }

    .cart-options .common-buttons button {
        width: auto;
    }

    .checkout-page .address-item {
        display: inline-block;
        width: 49%;
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px);
    }

        .checkout-page .address-item:nth-child(2n) {
            margin: 0 0 2% 2%;
        }

    .checkout-page .address-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .payment-info .info td:only-child {
        width: 100%;
        max-width: 100%;
    }

    .search-input label {
        width: 31%;
        width: -webkit-calc((100% - 350px)/2);
        width: calc((100% - 350px)/2);
    }

    .order-details-page .page-title a {
        float: right;
        margin: 3px;
    }

    .order-details-page .options,
    .order-details-page .tax-shipping-info {
        text-align: right;
    }

    .order-details-page .total-info {
        overflow: hidden;
    }

    .order-details-page .cart-total {
        float: right;
    }

    .order-details-page .actions {
        text-align: right;
    }

        .order-details-page .actions input {
            min-width: 0;
        }

    .order-details-page label,
    .account-page .table-wrapper td label,
    .return-request-page label {
        display: none;
    }

    .order-details-page .cart-total label {
        display: block;
    }

    .return-request-page .fieldset,
    .return-request-page .fieldset .inputs {
        text-align: center;
    }

        .return-request-page .fieldset select {
            background-position: 96% center;
        }

    .order-progress {
        padding-bottom: 0;
    }

    /*Checkout page*/
    .checkout-page .inputs label {
        float: none;
    }
}

@media (min-width:1001px) {
    .earth-theme .spc-categories .category-title a {
        padding: 16.5px 25px 12.5px !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        display: block;
        width: 100%;
        background-color: #0c1314 !important;
    }

    .earth-theme.variant-1 .spc-categories:nth-child(even) .category-title:after {
        right: -11px !important;
        border-width: 11px 0 11px 11px !important;
        border-color: transparent transparent transparent #0c1314 !important;
        margin: -10px 0 0 !important;
    }

    .earth-theme.variant-1 .spc-categories .category-title {
        width: 100%;
        max-width: 320px;
    }

    .spc .item-box .buttons button, .spc .item-box .quick-view-button {
        margin: -20px 2px 20px !important;
    }

    .earth-theme.variant-1 .spc-categories .item-box .add-info {
        bottom: 45px !important;
    }

    .spc .item-box .ajax-cart-button-wrapper {
        margin-top: 0 !important;
    }
}

@media only screen and (min-width:721px) {
    .address-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .checkout-page .address-item:nth-child(2n+1) {
        margin: 0 0 2% 0;
    }
}


@media (min-width:1024px) {
    .overview-left {
        flex-basis: 40%;
    }

    .overview-right {
        flex-basis: 58%;
    }
}

.owl-spc-products .owl-nav > * {
    position: absolute;
    top: 50%;
    height: 39px;
    width: 22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px;
}

.owl-spc-products .owl-nav .owl-next {
    right: -50px;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/owl-home-next.svg);
}

.owl-spc-products .owl-nav .owl-prev {
    left: -50px;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/owl-home-prev.svg);
}



.spc-products .owl-nav .owl-next {
    right: -70px;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/owl-home-next.svg);
    background-color: transparent;
}

.spc-products .owl-nav .owl-prev {
    left: -70px;
    background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/owl-home-prev.svg);
    background-color: transparent;
}


@media (min-width:1025px) {

    .earth-theme.variant-1 .spc-wrapper {
        padding: 3% 60px !important;
    }

    .spc-categories {
        overflow: visible !important;
    }

    .earth-theme.variant-1 .spc-categories:nth-child(odd) .category-title {
        left: 70px !important;
    }

    .earth-theme.variant-1 .spc-categories:nth-child(even) .category-title {
        right: 70px !important;
    }

    .earth-theme.variant-1 .spc-categories {
        min-height: 300px !important;
        margin: 0 0 20px;
    }

        .earth-theme.variant-1 .spc-categories .item-box {
            width: 100% !important;
        }

    .master-column-wrapper-blog .block .title {
        display: none;
    }

    .blog-list-homepage .view-all:hover {
        background-color: #FFF;
        border: 1px solid #235C59;
    }

        .blog-list-homepage .view-all:hover a {
            color: #235C59;
        }



    /*General*/







    .catalog-wrapper .center-2 {
        width: 991px;
    }

    .master-column-wrapper {
        width: 100%;
        max-width: none;
    }

    .catalog-wrapper {
        max-width: 1290px;
        margin: 0 auto;
        padding: 0 15px;
    }
    /*Header*/
    .store-search-box-mobile {
        display: none !important;
    }

    .guest-nav-wrapper .responsive-nav-wrapper-parent {
        display: none;
    }

    .responsive-nav-wrapper div.search-wrap {
        display: none;
    }

    .store-search-box .close {
        display: none;
    }

    .store-search-box {
        display: block;
        position: relative;
        top: 0 !important;
        height: 48px;
        background-color: transparent;
        min-width: unset;
    }

    .earth-theme .search-box input.search-box-text {
        font-size: 17px;
    }

    .header-info-text span {
        font-size: 18px;
        color: #FFF;
    }

    .store-search-box form {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 47px;
        margin: auto;
        border-width: 2px 0;
        border-color: transparent;
        padding: 3px 0;
        max-width: 330px;
        margin: 0 auto 0 0;
        overflow: visible;
    }

    .header-container {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .header-container > * {
            width: 33.33%;
            -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
            padding: 0 5px;
        }

    .guest-nav-wrapper .header-menu-parent {
        max-width: unset;
        padding-right: 0;
    }

    .header-info-text span.label-header {
        font-size: 14px;
    }

    .not-guest-nav-wrapper .header-container > * {
        width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .sublist-wrap ul li {
        margin-bottom: 0;
    }

    .logout-header-inner .ico-logout {
        font-size: 17px;
        color: #FFF;
        position: relative;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        .logout-header-inner .ico-logout:before {
            content: '';
            display: block;
            width: 30px;
            height: 30px;
            position: absolute;
            left: -40px;
            top: -5px;
            background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/logout-icon.svg);
            background-repeat: no-repeat;
            background-size: 25px;
            background-position: center 3px;
        }

        .logout-header-inner .ico-logout:hover {
            color: #9c0000;
        }

    .responsive-nav-wrapper div.personal-button {
        display: none;
    }

        .responsive-nav-wrapper div.personal-button.not-guest {
            display: inline-block;
        }

    .header-inputs-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        max-width: 456px;
    }

        .header-inputs-wrap .inputs label {
            font-size: 0;
            margin: 0;
        }

    .login-header .fieldset {
        margin: 0;
        width: 100%;
    }

    .header-inputs-wrap .inputs {
        margin: 0 10px 0 0;
    }

    .login-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .login-header .form-fields {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

    .flyout-cart {
        top: 94%;
    }

    .earth-theme .desktop-nav-wrapper {
        background-color: #0C1314;
        padding: 15px 50px;
    }

    .earth-theme .header {
        background-color: #0c1314;
    }

    .air-theme .header-menu > ul > li > a, .earth-theme.variant-1 .header-menu > ul > li > a {
        text-transform: none;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .login-header .buttons input[type="submit"] {
        height: 28px;
        width: 66px;
        /*        background-color: #77cccb;*/
        background-color: #255F5E;
        color: #FFF;
        font-weight: 700;
        font-family: 'Roboto Condensed';
        font-size: 14px;
        padding: 3px 2px 0;
    }

    .header-inputs-wrap .inputs input[type="text"], .header-inputs-wrap .inputs input[type="password"] {
        height: 28px;
        font-size: 14px;
        font-family: 'Roboto Condensed';
    }

        .header-inputs-wrap .inputs input[type="text"]::placeholder, .header-inputs-wrap .inputs input[type="password"]::placeholder {
            height: 28px;
            font-size: 14px;
            color: #55565a;
            font-family: 'Roboto Condensed';
        }
    /*.top-menu-categories-only .sublist-wrap {
		display: none;
	}*/
    .header-container .store-search-box-mobile {
        display: block !important;
        overflow: visible;
    }

    .back-button {
        display: none;
    }

    .header-menu-parent {
        max-width: 1320px;
        display: block;
        padding: 0 15px 0 55px;
        text-align: left;
        margin: 0 auto 0 0;
    }

    .earth-theme.variant-1 .header-menu > ul > li > a {
        font-size: 15px;
        font-weight: 300;
        color: #A6A6A6;
    }

    .earth-theme.variant-1 .header-menu ul li:last-child a {
        padding-right: 0;
    }

    .earth-theme.variant-1 .header-menu > ul > li:last-child > a:after {
        display: none;
    }

    .header-category-menu {
        background-color: #0F181A;
        padding: 11px 0;
    }

        .header-category-menu .top-menu-categories-only li a {
            color: #FFFFFF;
            font-size: 17px;
            font-weight: 700;
            padding: 2px 10px;
            display: inline-block;
            margin: 0 14px;
            position: relative;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

            .header-category-menu .top-menu-categories-only li a:after {
                content: '';
                display: block;
                width: 2px;
                height: 27px;
                background-color: #11323B;
                position: absolute;
                right: -25px;
                top: 1px;
            }

            .header-category-menu .top-menu-categories-only li a:hover {
                color: #77cccb;
            }

    .top-menu-categories-only {
        position: relative;
    }

        .top-menu-categories-only > li > .sublist-wrap {
            display: block;
            background-color: #FFF;
            color: #000;
            opacity: 0;
            left: 0;
            pointer-events: none;
            position: absolute;
            width: 1240px;
            margin-right: 15px;
            top: 33px;
            min-height: 570px;
            background: #fbfbfb;
            -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1);
            box-shadow: 0 5px 5px rgba(0,0,0,.1);
            margin-top: -5px;
            z-index: 9999999;
            border-top: 5px #76cac9 solid;
            border-bottom: 5px solid #76cac9;
            padding: 35px 45px;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            -webkit-transition: opacity .3s, left 0s .3s, -webkit-transform .3s;
            transition: opacity .3s, left 0s .3s, -webkit-transform .3s;
            -o-transition: transform .3s, opacity .3s, left 0s .3s;
            transition: transform .3s, opacity .3s, left 0s .3s;
            transition: transform .3s, opacity .3s, left 0s .3s, -webkit-transform .3s;
            -webkit-transition: transform .3s, opacity .3s, left 0s .3s;
            -ms-transform: scale(.7);
            transform: scale(.7);
            -webkit-transform: scale(.7);
            max-height: calc(100vh - 200px);
            overflow: auto;
        }

        .top-menu-categories-only > li.hover > .sublist-wrap {
            transform: scale(1);
            -webkit-transform: scale(1);
            opacity: 1;
            left: 0;
            transition: transform .3s, opacity .3s, left 0s;
            -webkit-transition: transform .3s, opacity .3s, left 0s;
            pointer-events: auto;
        }

        .top-menu-categories-only > li > .sublist-wrap > .sublist {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .top-menu-categories-only > li > .sublist-wrap > .sublist > li {
                width: 25%;
                margin: 45px 0 0;
                padding: 0 15px 0 0;
            }

                .top-menu-categories-only > li > .sublist-wrap > .sublist > li:nth-child(5n) {
                    padding: 0;
                }

                .top-menu-categories-only > li > .sublist-wrap > .sublist > li:nth-child(2) {
                    margin: 0;
                }

                .top-menu-categories-only > li > .sublist-wrap > .sublist > li:nth-child(3) {
                    margin: 0;
                }

                .top-menu-categories-only > li > .sublist-wrap > .sublist > li:nth-child(4) {
                    margin: 0;
                }

                .top-menu-categories-only > li > .sublist-wrap > .sublist > li:nth-child(5) {
                    margin: 0;
                }

        .top-menu-categories-only > li:hover > .sublist-wrap > .sublist-image {
            display: none;
        }

        .top-menu-categories-only > li > .sublist-wrap > .sublist > li > .sublist-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

    .sublist-image {
        max-width: 100px;
        margin: 0 15px 0 0;
    }

    .header-category-menu .top-menu-categories-only .sublist li a.with-subcategories, .header-category-menu .top-menu-categories-only > li > .sublist-wrap > .sublist > li > a {
        font-weight: 400;
        width: 100%;
        display: block;
        margin: 0 0 15px;
        border-bottom: 2px solid #77cccb;
        padding-left: 40px;
    }

        .header-category-menu .top-menu-categories-only .sublist li a.with-subcategories:before, .header-category-menu .top-menu-categories-only > li > .sublist-wrap > .sublist > li > a:before {
            content: '';
            display: block;
            width: 30px;
            height: 30px;
            position: absolute;
            left: 0;
            background-color: #77cccb;
            bottom: 0;
            background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/menu-icon.svg);
            background-size: 18px;
            background-repeat: no-repeat;
            background-position: center 6px;
        }

    .header-category-menu .top-menu-categories-only .sublist-wrap li a {
        color: #2d2c2c;
        font-weight: 300;
        font-size: 13px;
    }

        .header-category-menu .top-menu-categories-only .sublist-wrap li a:after {
            display: none;
        }

        .header-category-menu .top-menu-categories-only .sublist-wrap li a:hover {
            color: #77cccb;
        }

    .header-category-menu .top-menu-categories-only li:last-child a:after {
        display: none;
    }

    .header-category-menu .top-menu-categories-only li:first-child a {
        padding-left: 0;
        margin-left: 0;
    }

    .header-category-menu .top-menu-categories-only li:last-child a {
        padding-right: 0;
        margin-right: 0;
    }

    .responsive-nav-wrapper div span, .responsive-nav-wrapper div a:not(.vic-opener-button) {
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: 25px !important;
        background-color: transparent !important;
        position: relative;
        width: 35px;
        height: 35px;
    }

    .responsive-nav-wrapper .search-wrap span {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/search-icon.svg);
    }

    .responsive-nav-wrapper .personal-button span {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/account-icon.svg);
    }

    .responsive-nav-wrapper .wishlist-opener a {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/wishlist-icon.svg);
        background-size: 30px !important;
    }

    .responsive-nav-wrapper .shopping-cart-link a {
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/cart-icon.svg);
        background-size: 30px !important;
    }

    .wishlist-qty, .earth-theme .shopping-cart-link small {
        background-color: #F73241;
        width: 16px;
        height: 16px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #FFF !important;
        border-radius: 100%;
        bottom: 1px;
        position: absolute;
        right: 0px;
    }

    .earth-theme.variant-1 .header-menu > ul > li#topic-li-12 a {
        padding-left: 0;
        text-transform: uppercase;
    }

    .earth-theme.variant-1 .header-menu > ul > li#topic-li-12 > a:before {
        display: none;
    }

    .earth-theme.variant-1 .header-menu > ul > li > a:before, .earth-theme.variant-1 .header-menu > ul > li > a:after {
        height: 17px;
        background-color: #A6A6A6;
    }

    .earth-theme.variant-1 .header-menu > ul > li > a {
        padding: 19px 25px 10px;
    }

    .responsive-nav-wrapper-parent {
        width: 330px;
        max-width: 330px;
    }

    .earth-theme.variant-1 .header-menu > ul > .categories-mobile {
        display: none;
    }

    .header-selectors-wrapper {
        display: none;
    }
    /*Homepage*/
    .news-list-homepage .news-item, .news-item {
        width: 48.5%;
        float: left;
    }

        .news-list-homepage .news-item:nth-child(even), .news-item:nth-child(even) {
            margin-left: 3%;
        }
    /*News List Page*/
    .news-list-page {
        max-width: 1430px;
        margin: 0 auto;
        padding: 0 15px;
    }
    /*Subcategories*/
    .sub-category-grid {
        margin: 50px auto 0;
        max-width: 1325px;
        padding: 0 15px;
    }

    .earth-theme .sub-category-grid .item-box:hover .title a {
        background-color: #77cccb;
        color: #FFF;
    }

    .sub-category-grid .item-box {
        width: 19.2%;
        margin: 0 1% 55px 0;
        margin-left: 0;
        min-height: 260px;
    }

        .sub-category-grid .item-box:nth-child(odd) {
            clear: none;
        }

        .sub-category-grid .item-box:nth-child(even) {
            margin-left: 0;
        }

        .sub-category-grid .item-box:nth-child(5n) {
            margin-right: 0;
        }

    .item-box .sub-category-item {
        border: 1px solid transparent;
    }

    .item-box:hover .sub-category-item {
        border: 1px solid #77cccb;
    }

    .earth-theme .sub-category-grid .title {
        position: relative;
    }

    .sub-category-grid .picture {
        padding: 10px;
    }

    .earth-theme .sub-category-grid .title a {
        display: block;
        width: 100%;
        font-size: 16px;
        text-align: center;
        text-transform: none;
        background-color: transparent;
        color: #3C3A3F;
        padding: 15px 5px;
        margin: 20px 0 0;
    }

    /*Manufacturer Page*/
    .manufacturer-grid {
        padding: 0 0 16em;
    }

        .manufacturer-grid .item-box:nth-child(3n) {
            clear: none;
            margin-left: 1.2%;
        }

        .manufacturer-grid .item-box:nth-child(1) {
            clear: none;
            margin-left: 0;
        }

        .manufacturer-grid .item-box {
            width: 24%;
            margin-bottom: 1.1%;
            margin-left: 1.1%;
            clear: none;
        }

            .manufacturer-grid .item-box:nth-child(4n+1) {
                clear: none;
                margin-left: 0;
            }

            .manufacturer-grid .item-box:hover .title {
                opacity: 1 !important;
            }

    .earth-theme .manufacturer-grid .manufacturer-item .title {
        margin: -49px 0 0px;
        height: 49px !important;
    }

    .manufacturer-item:hover .title {
        opacity: 1;
    }

    .manufacturer-grid .title a, .vendor-grid .title a {
        display: block;
        background-color: rgba(0,0,0,0.7);
        padding: 15px 30px;
        transition: all 0.5s ease;
        background-color: #494949;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 2px;
    }

    .manufacturer-grid .title.carousel-title a {
        background-color: transparent;
        display: inline-block;
    }

    .earth-theme .manufacturer-grid .item-box:hover .title a {
        background-color: #494949;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 2px;
    }


    /*Shopping Cart */
    /* WISHLIST & COMPARE LIST */


    .order-summary-content .table-wrapper, .wishlist-content .table-wrapper {
        padding: 0 10px;
        background: #edeff4;
    }

    .cart .remove-from-cart label,
    .cart .add-to-cart label {
        padding: 0;
        font-size: 0;
        width: 20px;
    }

    .section.order-summary {
        margin-top: 70px;
    }
    /* SHOPPING CART & CHECKOUT */
    .shopping-cart-page .cart .remove-from-cart input[type=checkbox] + label {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 10px 0 10px 24px;
        text-align: left;
        font-size: 0;
        cursor: pointer;
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/bin-icon.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

        .shopping-cart-page .cart .remove-from-cart input[type=checkbox] + label:before, .shopping-cart-page .cart .remove-from-cart input[type=checkbox] + label:after {
            display: none;
        }
    /*News Pages*/
    .columns-one-simple-wrapper {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .post-head .post-title, .news-head .news-title, .blogpost-page .post-date, .news-item-page .news-date {
        background-color: #edeff4;
        text-transform: none;
    }

    .blog-posts .read-more, .news-items .read-more {
        text-transform: none;
    }

    .earth-theme .news-list-page .page-title {
        margin: 0 0 55px;
    }

    .earth-theme .news-item-page .page-title {
        margin: 0 0 25px;
    }




    /*Footer*/

}

@media (min-width:1025px) and (max-width:1480px) {
    /*Homepage*/
    .contact-bottom-home-wrapper figure.effect-layla h2 {
        padding-top: 52%;
    }

    .earth-theme.variant-1 .header-menu > ul > li > a {
        padding: 19px 15px 10px;
        font-size: 13px;
    }

    .owl-homepage-products .owl-nav > *, .owl-carousel-spc .owl-nav > * {
        height: 76px;
        width: 60px;
    }

    .homepage-product-left {
        -ms-flex-preferred-size: 59%;
        flex-basis: 39%;
    }

    .homepage-product-right {
        -ms-flex-preferred-size: 61%;
        flex-basis: 61%;
    }
}

@media (min-width:1025px) and (max-width:1366px) {
    /*Header*/
    .earth-theme .desktop-nav-wrapper {
        background-color: #0C1314;
        padding: 15px;
    }

    .header-menu-parent {
        padding: 0 15px 0 15px;
    }

    .earth-theme.variant-1 .header-menu > ul {
        padding: 0 10px;
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    /*General*/
    .catalog-wrapper .center-2 {
        width: calc(100% - 260px);
    }

    /*Header*/
    .top-menu-categories-only {
        position: relative;
        max-width: 1140px;
    }

    .header-category-menu .top-menu-categories-only li a {
        font-size: 14px;
    }

    .responsive-nav-wrapper-parent {
        width: 260px;
        max-width: 260px;
    }

    .menu-title-wrapper, .responsive-nav-wrapper-parent {
        width: 260px;
    }

    .header {
        width: 160px;
    }

    .earth-theme.variant-1 .header-menu > ul > li > a {
        padding: 16px 15px 10px;
        font-size: 12px;
    }
    /*Homepage*/
    .contact-bottom-home-wrapper figure.effect-layla h2 {
        padding-top: 60%;
    }
    /*Account Pages*/
    .earth-theme .block .list a {
        font-size: 11px;
    }
}

@media (min-width:1321px) {
    /*Homepage*/
    .home-page .nop-jcarousel.category-grid, .home-page .nop-jcarousel.manufacturer-grid, .home-page .nop-jcarousel.vendor-grid {
        width: 1100px !important;
    }
}

@media (min-width:1367px) {
    /*Homepage*/
    .earth-theme.variant-1 .spc-wrapper {
        padding: 3% 60px !important;
        max-width: 1780px;
        margin: 0 auto;
    }

    .earth-theme.variant-1 .spc-categories .item-box {
        width: 100% !important;
    }

    .earth-theme.variant-1 .spc-categories .spc-body {
        width: 60.25% !important;
        padding-left: 15px;
    }

    .earth-theme.variant-1 .spc-categories .spc-header {
        width: 38.45% !important;
    }

    .earth-theme.variant-1 .spc-categories .item-box {
        width: 100% !important;
    }

    .earth-theme.variant-1 .spc-categories {
        min-height: 535px !important;
    }
}

@media (max-width:1280px) {
    /*News Page*/
    .news-list-page {
        max-width: 1230px;
        padding: 0 15px;
        margin: 0 auto;
    }
    /*Contact Page*/
    figure.effect-layla h2 {
        font-size: 19px;
    }

    figure.effect-layla p {
        max-width: 330px;
        font-size: 14px;
    }

    figure.effect-layla figcaption {
        padding: 15px;
    }

        figure.effect-layla figcaption::before, figure.effect-layla figcaption .first-p-layla::before {
            width: calc(100% - 30px);
        }
}

@media (max-width:1024px) {



    .spc-products .owl-nav .owl-next {
        right: 0;
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/owl-home-next.svg);
        background-color: #E6E6E6;
    }

    .spc-products .owl-nav .owl-prev {
        left: 0;
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/owl-home-prev.svg);
        background-color: #E6E6E6;
    }

    .category-products {
        padding: 0 60px;
    }

    li#loginlink {
        display: none;
    }

    .login-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .login-header .form-fields {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            flex-direction: column;
        }

        .login-header .buttons input[type="submit"] {
            height: 28px;
            width: 66px;
            background-color: #77cccb;
            color: #FFF;
            font-weight: 700;
            font-family: 'Roboto Condensed';
            font-size: 14px;
            padding: 3px 2px 0;
        }

    .header-inputs-wrap .inputs input[type="text"], .header-inputs-wrap .inputs input[type="password"] {
        height: 28px;
        font-size: 14px;
        font-family: 'Roboto Condensed';
    }




    .header-container .store-search-box, .header-contact-info {
        display: none;
    }

    .store-search-box.active {
        display: block;
        -webkit-transform: translate(30%,0%);
        -ms-transform: translate(30%,0%);
        transform: translate(30%,0%);
        width: 1044px;
        padding: 30px 15px;
    }

    .notAndroid23 .header-menu, .notAndroid23 .header-menu .sublist-wrap {
        overflow: visible;
    }

    .store-search-box form {
        max-width: 430px;
        margin: 0 auto;
    }
    /*General*/
    .catalog-wrapper .side-2 {
        width: 100%;
    }

    .catalog-wrapper {
        padding: 0 15px;
    }

    .earth-theme .manufacturer-grid .item-box .title {
        margin: 0;
    }
    /*Header*/
    /*	.login-header {
		display: none;
	}*/

    .top-menu-categories-only {
        display: none;
    }

    .header-menu .top-menu .categories-mobile {
        display: block;
    }

    .header-menu > ul li > a {
        text-transform: none;
    }

    .header-selectors-wrapper {
        padding: 0;
        display: none;
    }

    .responsive-nav-wrapper .language-selector-wrap {
        display: none;
    }

    /*Shopping Cart Page*/
    .shopping-cart-page .page-title h1 {
        margin: 0 0 45px;
    }

    .order-summary-content {
        padding: 0 0 55px;
    }
    /*Category Page*/
    .home-page-category-grid .title a, .sub-category-grid .title a {
        background-color: hsla(179, 45%, 63%, 1);
    }
    /*********** PRODUCT PAGE SET**********/
    .attr-title label {
        font-size: 14px;
    }

    .attr-quantity .attr-quantity-label, .attr-quantity label {
        font-size: 12px;
    }

    .attr-title {
        padding: 0 5px;
    }
    /*Homepage*/
    .homepage-bottom-item .text-wrapper p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width:1023px) {
    .overview-inner-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width:900px) {
    /*Homepage*/
    .contact-bottom-home-wrapper figure.effect-layla h2 {
        padding-top: 40%;
    }
    /*Contact Page*/
    .contact-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    figure.effect-layla h2 {
        padding-top: 24%;
    }
}

@media (max-width:768px) {
    /*Homepage*/
    .owl-homepage-products .owl-nav > *, .owl-carousel-spc .owl-nav > * {
        height: 56px;
        width: 30px;
        background-size: 11px;
    }

    .owl-homepage-products .owl-nav > .owl-prev {
        background-position: 10px;
    }

    .homepage-product-right .details-top .short-description {
        margin: 0 5px 45px;
        text-align: left;
    }
    /*Shopping Cart Page*/
    .order-progress li {
        padding-bottom: 15px;
        background-color: #FFF;
    }

        .order-progress li a, .order-progress li:last-child a {
            padding: 0;
            font-size: 0 !important;
        }
}

@media (min-width:815px) and (max-width:1000px) {
    .store-search-box.active {
        width: 1124px;
    }
}

@media (max-width:767px) {
    .master-column-wrapper-blog .homepage-bottom-item .img-wrapper img {
        max-height: 78px;
        display: block;
        margin: 0 auto;
        height: auto;
    }

    .blogpost-page .homepage-bottom-item .img-wrapper img {
        max-height: 78px;
        display: block;
        margin: 0 auto;
        height: auto;
    }
    /*Homepage*/
    .homepage-bottom-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .homepage-b2b-inner-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .homepage-bottom-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin: 0 0 55px;
    }

        .homepage-bottom-item .text-wrapper p {
            font-size: 13px;
            line-height: 19px;
        }
    /*Product Page*/
    .product-details-page {
        padding: 0 0 25px;
    }

    .product-essential {
        margin: 0 0 40px !important;
    }

    .overview-buttons > * {
        background-color: #F2F2F2;
        margin: 0 10px !important;
        width: 50px;
        height: 50px;
    }

        .overview-buttons > * > * {
            width: 50px !important;
            height: 50px !important;
        }
    /*Account Pages*/
    .from-to-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .from-date.input-date {
        margin: 0 0 10px;
    }

    .until-date.input-date {
        margin: 0 0 10px;
    }

    .input-date label {
        width: 117px;
        display: inline-block;
        text-align: left;
    }

    .earth-theme .from-to-container input[type="submit"] {
        width: 240px;
    }
    /*Footer*/
    .footer-block-left {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: auto;
    }

    .footer-middle .center {
        padding: 0 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer-block-center {
        margin: 35px 0;
    }

    .social-sharing ul {
        margin: 15px 0 15px;
        text-align: center;
    }

    .footer .title {
        display: block;
        color: #FFF;
        max-width: 300px;
        margin: 0 auto;
        background-color: #77cccb;
        padding: 13px 15px 11px;
        text-align: left;
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/plus-icon.svg);
        background-repeat: no-repeat;
        background-position: 96% 3px;
    }

    .footer-block .list {
        display: none;
        max-width: 300px;
        margin: 0 auto;
        padding: 15px 0 0;
    }

    .footer .footer-logo .title {
        display: none;
    }

    .footer-block-right {
        width: 100%;
        max-width: 300px;
        text-align: center;
        margin: 0 auto;
        padding: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: auto;
    }

    .payments-footer {
        text-align: center;
    }
}

@media (max-width:720px) {


    .product-details-page .prices .product-price label {
        padding-left: 0;
    }


    .item-box .buttons.mobile {
        height: auto;
    }

    .item-box .buttons button.add-to-compare-list-button {
        display: block !important;
    }
    /*Product Page*/
    .product-essential {
        padding: 0 15px 10px;
    }

    .product-details-page .extra-prices-container > div {
        text-align: left;
    }

    .product-details-page .extra-prices {
        max-width: 320px;
        margin: 20px auto 0;
        width: 100%;
    }

    .product-details-page .prices > div {
        text-align: left;
        margin: 0;
    }

    .variant-overview .prices {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .overview .prices {
        max-width: 320px;
        width: 100%;
        margin: 15px auto 30px;
    }

    .page-title.product-name {
        margin: 0 0 10px;
    }

    .overview-buttons {
        padding: 5px 0 20px;
    }

    .overview .short-description {
        margin: 0 0 5px;
    }

    .gallery {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 30px;
    }

    .overview {
        width: 100%;
        margin: 0;
    }

    .gallery .picture a:before, .gallery .picture span:before {
        padding-top: 75%;
    }

    .product-details-page-body .breadcrumb ul {
        width: 100%;
        position: relative;
        z-index: 2;
    }


    .earth-theme .overview {
        font-size: 16px;
        text-align: center;
    }

    .earth-theme .product-details-page .page-title h1 {
        text-align: center;
    }

    .overview .add-to-cart-panel {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .overview .quantity .increase, .variant-overview .quantity .increase, .overview .quantity .decrease, .variant-overview .quantity .decrease {
        border: 0;
    }

    .ui-tabs .ui-tabs-nav li {
        display: block;
    }

        .ui-tabs .ui-tabs-nav li a {
            width: 100%;
        }

    /*Item Box*/
    .item-box .buttons.desktop {
        display: none;
    }

    .item-box button:before {
        content: "";
        display: inline-block;
        width: 40px;
        height: 40px;
        margin: 0 1px 0 -15px;
        background-image: url(../img/product-box-sprite.png);
        background-position: left top;
        background-repeat: no-repeat;
        vertical-align: middle;
    }

    .item-box button span {
        vertical-align: middle;
        font-weight: 400;
    }

    .item-box .product-box-add-to-cart-button {
        width: 100%;
    }

    .item-box .add-to-compare-list-button {
        display: none;
        font-size: 0 !important;
    }

    .item-box .buttons button {
        height: 52px;
        width: 100%;
        margin: 0;
        font-size: 13px;
        padding: 0 5px;
        background-color: #edeff4;
        font-weight: 700;
    }

    .product-selectors .product-viewmode {
        display: none;
    }

    .product-selectors {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .earth-theme .product-selectors .select-wrap .select-box {
        font-size: 11px;
        background-color: transparent;
        border: 2px solid #C1C1C1;
        height: 24px;
        padding: 2px 41px 2px 10px;
        display: block;
        width: 100%;
    }

    .earth-theme .product-selectors .select-wrap {
        max-width: 205px;
        margin: 0 auto;
    }

    .product-sorting, .product-page-size {
        width: 49%;
    }

    .earth-theme .product-selectors .product-page-size .select-wrap {
        max-width: 80px;
        margin: 0 auto;
    }

    .item-box .product-title {
        margin: 10px 0;
    }
    /*Shopping Cart Page*/
    .order-progress ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

    .order-progress li:first-of-type a:before {
        display: block;
    }

    .order-progress li:first-child a {
        padding: 5px 0;
    }

    .order-progress li.inactive-step a {
        padding: 5px 0;
    }

    .air-theme .order-progress .active-step a:after, .earth-theme .order-progress .active-step a:after, .order-progress a:after {
        display: none;
    }

    .order-progress a:before {
        border: 0;
    }

    .order-progress li:last-child {
        padding-right: 0;
        width: 15%;
        width: -webkit-calc(100%/6 - 3px);
        width: calc(100%/6 - 3px);
    }

    .order-progress li:first-child {
        padding-left: 0;
        width: 15%;
        width: -webkit-calc(100%/6 - 3px);
        width: calc(100%/6 - 3px);
    }

    /*Category Page*/
    .item-box .buttons {
        display: block;
    }

        .item-box .buttons button.add-to-compare-list-button {
            display: none;
        }
}

@media (max-width:650px) {
    /*General*/
    .scroll-back-button {
        width: 35px;
        height: 35px;
    }

    .store-search-box.active {
        width: calc(200% + 20px);
        padding: 30px 15px;
    }
    /*Homepage*/
    .contact-bottom-home-wrapper figure.effect-layla h2 {
        padding-top: 70%;
    }
    /*Contact Page*/
    figure.effect-layla h2 {
        padding-top: 34%;
    }
    /*Footer*/
    .earth-theme.variant-1 .footer-menu .top-menu {
        max-width: unset;
        margin: 0 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer-menu .top-menu li a {
        font-size: 11px;
        line-height: 14px;
        padding: 10px 8px;
    }

        .footer-menu .top-menu li a:after {
            top: 8px;
        }

    /*********** PRODUCT PAGE SET **********/
    .attr-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .attr-title {
        margin: 10px 0;
    }
}

@media (max-width:500px) {
    .store-search-box.active {
        width: calc(160% + 20px);
        padding: 30px 15px;
        -webkit-transform: translate(50%,0%);
        -ms-transform: translate(50%,0%);
        transform: translate(50%,0%);
    }

    .store-search-box form {
        max-width: 260px;
        margin: 0 auto;
    }

    .category-products {
        padding: 0 10px;
    }

    .owl-spc-products .owl-nav .owl-next {
        right: -10px;
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/owl-home-next.svg);
        height: 56px;
        width: 30px;
        background-size: 11px;
        background-color: #E6E6E6;
    }

    .owl-spc-products .owl-nav .owl-prev {
        left: -10px;
        background-image: url(/Themes/Element/Content/img/Vectorsecurity/Icons/owl-home-prev.svg);
        height: 56px;
        width: 30px;
        background-size: 11px;
        background-color: #E6E6E6;
    }
}

@media (max-width:480px) {
    .item-box .buttons.mobile button span {
        vertical-align: middle;
        font-weight: 400;
        font-size: 10px;
    }


    /*Homepage*/
    .homepage-product-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .homepage-product-right .details {
        padding: 35px 25px 35px;
        max-height: 570px;
    }

    .homepage-product-btn {
        width: 100%;
    }

    .contact-bottom-home-wrapper figure.effect-layla h2 {
        padding-top: 34%;
    }
    /*Contact Page*/
    .contact-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: auto;
    }

    figure.effect-layla h2 {
        padding-top: 24%;
    }
    /*Shopping Cart Page*/
    .order-progress a:before {
        height: 10px;
    }

    .cart-options .common-buttons {
        padding: 20px 0;
    }

    .order-progress .active-step a.address-step, .order-progress .active-step a.shipping-step, .order-progress .active-step a.payment-step, .order-progress .active-step a.confirm-step, .order-progress .active-step a.complete-step {
        font-size: 0;
    }

    .order-progress ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 3px;
    }
    /*Footer*/
    .contact-footer-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .contact-footer-right {
        border-top: 2px solid #FFF;
        border-left: 0;
    }
}

@media (max-width:380px) {
    /*Homepage*/
    .contact-bottom-home-wrapper figure.effect-layla h2 {
        padding-top: 54%;
    }
    /*Product Page*/
    .overview .add-to-cart-panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .overview .button {
        margin: 10px 0 0 5px;
    }

    .item-box button span {
        vertical-align: middle;
        font-weight: 400;
        font-size: 11px;
    }
}

@media (max-width:360px) {
    .store-search-box.active {
        width: calc(145% + 20px);
    }
    /*Contact Page*/
    figure.effect-layla h2 {
        padding-top: 30%;
    }

    /*Wishlist Page*/
    .earth-theme .wishlist-content button {
        font-size: 12px;
    }

    /*Item Box*/
    .item-box {
        width: 100%;
        margin-bottom: 20%;
        margin-left: 0;
    }

        .item-box:nth-child(2n+1) {
            clear: none;
            margin-left: 0;
        }
}


.payments-footer {
    max-width: 100%;
    border: 1px solid #77cccb;
}

.footer-payment-icons-left {
    flex-basis: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .footer-payment-icons-left img {
        width: 100%;
    }

.payments-footer img {
    max-width: 100%;
}

.footer-payment-icons-right {
    flex-basis: 60%;
    padding: 6px 0 6px 6px;
}

.footer-payment-right-line:first-child {
    margin: 0 0 10px;
}

.payment-icon-item {
    flex-basis: 33%;
    text-align: center;
}

    .payment-icon-item img {
        height: 25px;
        display: block;
        margin: 0 auto;
        object-fit: cover;
    }


@media (max-width:767px) {
    /*Homepage B2B Section*/


    .homepage-b2b-left, .homepage-b2b-right {
        -ms-flex-preferred-size: 100%;
        flex-basis: auto;
    }

    .homepage-b2b-left {
        max-width: 120px;
        margin: 0 15px 0 0;
    }

    .homepage-b2b-text h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .homepage-b2b-text p {
        font-size: 17px;
        line-height: 19px;
        margin: 0 0 15px;
    }

    .homepage-b2b-text a {
        max-width: 230px;
        font-size: 17px;
        line-height: 19px;
        padding: 9px 0;
    }
}

@media (max-width:400px) {
    .homepage-b2b-inner-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .homepage-b2b-left {
        margin: 0 0 15px;
    }

    .homepage-b2b-left {
        margin: 0 10px 0 0;
        max-width: 80px;
    }
}

@media (min-width:1921px) {
    .contact-bottom-home-wrapper figure.effect-layla h2 {
        padding-top: 180px;
    }
}

@media (min-width:708px) {
    #qc-cmp2-ui {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .qc-cmp2-summary-buttons {
        max-height: 120px !important;
    }
}

@media (min-width:708px) and (max-width:767px) {
    .qc-cmp2-footer {
        width: 100% !important;
        max-width: 350px !important;
    }
}

@media (max-width:400px) {
    .responsive-nav-wrapper span, .responsive-nav-wrapper a {
        height: 40px;
        width: 40px;
    }
}


.tick-group {
    padding-right: 15px;
}

span.tick-label.tick-text {
    font-size: 14px;
    padding-top: 5px;
}