/*
 Lib over-rides
--------------------------------   */
a {
    cursor: pointer;
}

.form-control {
    border: 1px solid #d7d7d7;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -webkit-appearance: none;
}

.form-control::-webkit-input-placeholder {
    color: #646464;
}

.form-control::-moz-placeholder {
    color: #646464;
}

.form-control::-ms-input-placeholder {
    color: #646464;
}

.form-control::-moz-placeholder {
    color: #646464;
}

textarea {
    resize: vertical;
}

select.form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background: #fff url('../images/select-arr.png') right no-repeat !important;
    height: 36px;
    padding-right: 42px;
    padding-left: 8px;
    color: #646464;
    width: 100%;
}

select.form-control::-ms-expand {
    display: none;
}

.validation-field.select select {
    background: #fff url('../images/select-arr-2.png') right no-repeat !important;
}

.form-group label {
    vertical-align: middle;
    font-size: 12px;
    font-weight: 500;
    color: #323232;
}

.flex-direction-nav a:before {
    line-height: 1;
}

.flexslider {
    border: none;
    margin: 0;
}

.navbar {
    margin-bottom: 0;
}

.modal {
    z-index: 10050;
    width: 90%;
    max-width: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    bottom: auto;
    height: 90%;
    max-height: 780px;
    margin: 0 auto;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding-right: 0 !important;
}

.qcart.modal,
.qv.modal {
    max-width: 1007px;
}

@media (max-width: 1024px) {

    .qcart.modal,
    .qv.modal {
        max-width: 90%;
        max-height: 740px;
    }
}

@media (max-width: 767px) {

    .qcart.modal,
    .qv.modal {
        max-width: 400px;
        max-height: 600px;
    }
}

#loginModal {
    max-width: 550px;
}

.modal-backdrop {
    z-index: 9999;
}

.modal-dialog {
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

.modal-vcenter {
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.modal-dialog .modal-vcenter .modal-content {
    width: 100%;
    margin: auto;
}

.qcart .modal-dialog .modal-vcenter .modal-content {
    height: 100%;
    background: transparent;
}

.modal .close {
    background: #323232;
    width: 29px;
    height: 29px;
    line-height: 29px;
    display: inline-block;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;
    z-index: 9;
    top: -13px;
    right: -13px;
    cursor: pointer;
    font-style: normal;
    font-size: 28px;
    font-weight: 400;
    font-family: Arial, Baskerville, monospace;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    text-shadow: none;
    color: #fff;
}

.modal .close span {
    margin-left: 1px;
    display: inline-block;
}

.close--danger {}

.close--danger::before,
.close--danger::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ff5c5c;
}

.close--danger::before {
    transform: rotate(45deg);
}

.close--danger::after {
    transform: rotate(-45deg);
}

.modal .qv-loader {
    color: #000;
}

.modal-content {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    height: 100%;
    width: 100%;
    max-height: 780px;
    overflow-y: auto;
}

#loginModal.modal,
#loginModal.modal .modal-content {
    max-height: 300px !important;
}

#createreview-modal.modal,
#createreview-modal.modal .modal-content {
    max-height: 560px !important;
}

#recommendafriend-modal,
#recommendafriend-modal .modal-content {
    max-height: 580px !important;
}

#makeanoffer-modal,
#makeanoffer-modal .modal-content {
    max-height: 610px !important;
}

.modal-footer {
    text-align: left;
    border-top: none;
    padding-top: 0;
    padding-bottom: 25px;
}

.modal-resacts .btn-default,
.modal-footer .btn-default {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: 2px solid #323232;
    line-height: 14px;
    margin-right: 10px;
    min-width: 90px;
}

.modal-footer .btn-default.btn-inverse {
    padding: 9px 12px;
}

.modal-body,
.modal-header,
.modal-footer {
    background: #fff;
}

.formField {
    margin-bottom: 15px;
}

.smallrow {
    margin-left: -7px;
    margin-right: -7px;
}

.smallcol {
    padding-right: 7px;
    padding-left: 7px;
}

@media (max-width: 1024px) {

    .modal,
    .modal-content {
        max-height: 740px;
    }
}

@media (max-width: 991px) {
    .modal-footer .btn {
        width: auto !important;
    }

    .modal,
    .modal-content {
        max-height: 670px;
    }
}

@media (max-width: 580px) {
    .modal-footer .btn {
        width: 100% !important;
    }

    .modal-footer .btn-default {
        margin-right: 0;
    }

    .modal-footer .btn-default.btn-inverse {
        margin-left: 0;
        margin-top: 10px;
    }

}

@media (max-width: 480px) {
    .modal-footer .btn {
        max-width: 100% !important;
    }

    .modal-resacts .btn-default+.btn-default {
        margin-top: 10px
    }

    #loginModal.modal {
        max-height: 325px;
    }
}

@media (max-width: 320px) {
    .createreview-modal .modal-footer .btn:first-child {
        margin-top: 1px;
    }
}

/*
   BreadCrumnbs
  --------------------------------  */

.breadcrumnb {
    margin-bottom: 40px;
    background: #fafafa;
}

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

.breadcrumnb ol li {
    float: left;
    line-height: 1;
    font-size: 12px;
    color: #646464;
    opacity: 0.7;
    filter: alpha(opacity=70);
    padding: 14px 0;
}

.breadcrumnb ol li:after {
    content: "\f054";
    font: normal normal normal 8px/1 FontAwesome;
    margin: 0 10px;
}

.breadcrumnb ol li:last-child:after {
    content: "";
}

.breadcrumnb ol li>a {
    color: #646464;
}

.breadcrumnb ol li>span,
.breadcrumnb ol li:last-child>a {
    color: #646464;
}


/*
   General
  --------------------------------  */
.page-content {
    padding: 0 0 30px 0;
}

.page_header {
    margin: 0 0 25px;
}

.page_heading {
    margin: 0px 0 16px 0;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    letter-spacing: .08em;
    color: #323232;
}


/*
   Product grid
  --------------------------------  */
.product-items {
    margin-left: -15px;
    margin-right: -15px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-items:after {
    content: "";
    display: table;
    clear: both;
}

.product-items .product-item {
    float: left;
    padding: 0 15px;
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}

.product-item .img {
    margin-bottom: 12px;
    position: relative;
}

.product-item .img a {
    display: inline-block;
}

.product-item .img a img {
    display: block;
}

.product-item .img .action {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.product-item:hover .img .action {
    opacity: 1;
    filter: alpha(opacity=100);

}

.product-item .img .action .btn-wishlist {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    margin-bottom: 24px;
    padding: 0;
}

.product-item .img .action .btn-wishlist:hover {
    color: #000;
}

.product-item .img .action .add-to-cart {
    width: 85%;
    display: block;
    margin: 0 auto 12px auto;
}

.product-item .img .action .reviews {
    width: 100%;
    margin-bottom: 45px;
}

.product-item .img .action .quickview {
    width: 100%;
}

.product-item .img .action .reviews-stars:before {
    color: #b8b8b8;
}

.product-item .img .quickview {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin: auto;
    width: 100%;
    padding: 0 15px;
    color: #fff;
    background-color: #646464;
    border: none;
    display: none;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
}

.qv-enabled .product-item .img .quickview {
    display: block;
}

.product-item .img .quickview:hover {
    opacity: 0.9;
}

.product-item .name {
    margin-bottom: 10px;
    line-height: 21px;
}

.product-item .name a {
    color: #323232;
    display: inline-block;
}

.product-item .price {
    line-height: 18px;
    height: 18px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #323232;
}

.product-item del.regular-price {
    color: #969696;
    margin-right: 10px;
}

.product-item .on-sale-badge {
    position: absolute;
    top: 0px;
    right: 15px;
    background-color: #e95144;
    color: #fff;
    font-size: 12px;
    padding: 2px 12px;
    line-height: 16px;
    font-weight: normal;
}

.product-items .product-item .desc {
    display: none;
}

.product-item .status {
    line-height: 25px;
    margin-bottom: 10px;
    display: none;
}

.product-item .status span {
    display: inline-block;
    line-height: 23px;
}

.product-item .status span:before {
    content: "\2022";
    margin: 0 0.5em 0 0.2em;
    color: #000;
}

.product-item .status span:first-child:before {
    display: none;
}

.product-item .ajaxcart-loader,
.product-item .ajaxcart-added {
    display: none;
}

.product-item.ajaxcart-loading .buyitlink-text,
.product-item.ajaxcart-loading .ajaxcart-added {
    display: none;
}

.product-item.ajaxcart-loading .ajaxcart-loader {
    display: inline-block;
}

.product-item.ajaxcart-complete .buyitlink-text,
.product-item.ajaxcart-complete .ajaxcart-loader {
    display: none;
}

.product-item.ajaxcart-complete .ajaxcart-added {
    display: inline-block;
}

.product-item .reviews {
    margin-bottom: 10px;
    min-height: 21px;
}

.reviews-stars {
    position: relative;
    display: inline-block;
    line-height: 1;
    color: #ffd700;
    overflow: hidden;
    vertical-align: middle;
    font-size: 14px;
}

.reviews-stars:before {
    font-family: "fontello";
    content: "\e803  \e803  \e803  \e803  \e803";
    color: #dfdfe0;
}

.reviews-stars:after {
    font-family: "fontello";
    content: "\e803  \e803  \e803  \e803  \e803";
    position: absolute;
    left: 0;
    width: 0;
    overflow: hidden;
    color: #323232;
}

.reviews-stars.rating-1:after {
    width: 20%;
}

.reviews-stars.rating-2:after {
    width: 40%;
}

.reviews-stars.rating-3:after {
    width: 60%;
}

.reviews-stars.rating-4:after {
    width: 80%;
}

.reviews-stars.rating-5:after {
    width: 100%;
}

.product-item .reviews span.reviews-count {
    line-height: 1;
    display: none;
    margin-left: 3px;
}

.product-items.product-items-1 .product-item {
    float: none;
}

.product-items.product-items-2 .product-item {
    width: 50%;
}

.product-items.product-items-3 .product-item {
    width: 33.33333333%;
}

.product-items.product-items-4 .product-item {
    width: 25%;
}

.product-items.product-items-5 .product-item {
    width: 20%;
}

.product-items.product-items-6 .product-item {
    width: 16.6666666666666%;
}

@media(max-width: 1023px) {

    .product-items.product-items-1 .product-item,
    .product-items.product-items-2 .product-item,
    .product-items.product-items-3 .product-item,
    .product-items.product-items-4 .product-item,
    .product-items.product-items-5 .product-item,
    .product-items.product-items-6 .product-item {
        width: 33.33333333%;
    }
}

@media(max-width: 991px) {
    #search .product-items.product-items-4 .product-item {
        width: 33.33%;
    }
}

@media(max-width: 767px) {

    .product-items.product-items-1 .product-item,
    .product-items.product-items-2 .product-item,
    .product-items.product-items-3 .product-item,
    .product-items.product-items-4 .product-item,
    .product-items.product-items-5 .product-item,
    .product-items.product-items-6 .product-item {
        width: 33.33%;
    }

    .product-item .name,
    .product-item .price {
        /*height: auto;*/
    }
}

@media(max-width: 580px) {

    .product-items.product-items-1 .product-item,
    .product-items.product-items-2 .product-item,
    .product-items.product-items-3 .product-item,
    .product-items.product-items-4:not(.swiper-wrapper) .product-item,
    .product-items.product-items-5 .product-item,
    .product-items.product-items-6 .product-item {
        width: 50%;
    }

    #search .product-items.product-items-4 .product-item {
        width: 50%;
    }
}

@media(max-width: 380px) {

    .product-items.product-items-1 .product-item,
    .product-items.product-items-2 .product-item,
    .product-items.product-items-3 .product-item,
    .product-items.product-items-4 .product-item,
    .product-items.product-items-5 .product-item,
    .product-items.product-items-6 .product-item {
        width: 100%;
    }

    #search .product-items.product-items-4 .product-item {
        width: 100%;
    }
}

.product-carousel ul.product-items>li.product-item {
    padding-bottom: 5px;
}

/*
    Paging - Sort By
  --------------------------------   */
.bottom_breadcrumb {
    width: 100%;
    text-align: center;
    display: inline-block;
    /*border-top: 1px solid #ebebeb;*/
    padding-top: 20px;
    margin-bottom: 50px;
}

.paging strong,
.paging a {
    display: inline-block;
    line-height: 36px;
    min-width: 36px;
    padding: 0 10px;
    margin-left: 3px;
    text-align: center;
    color: #646464;
    border: 1px solid transparent;
}

.paging strong,
.paging a:hover {
    color: #646464;
    border-color: #d7d7d7;
    text-decoration: none;
    font-weight: 500;
}

.paging a.prev-link {
    margin-right: 12px;
}

.paging a.next-link {
    margin-left: 12px;
}

.paging .category-viewall {
    margin-left: 8px;
}

.paging a.next-link,
.paging a.prev-link,
.paging .category-viewall {
    border-color: #d7d7d7;
    font-weight: 500;
    color: #323232;
    min-width: 130px;
    padding: 0 15px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.paging a.next-link:hover,
.paging a.prev-link:hover {
    color: #646464;
}

.sort-by span {
    font-size: 12px;
    font-weight: 500;
    line-height: 36px;
    display: inline-block;
    margin-right: 10px;
    color: #323232;
    text-transform: uppercase;
}

.sort-by select {
    border: 1px solid #ececec;
    height: 36px;
    padding-right: 42px;
    padding-left: 8px;
    color: #646464;
    width: 100%;
    max-width: 199px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url('../images/select-arr.png') right no-repeat !important;
}

.sort-by {
    float: right;
    width: 100%;
    text-align: right;
}

@media(max-width: 767px) {

    .paging {
        float: none;
        text-align: center;
        clear: both;
        width: 100%;
        margin: 20px 0 0;
    }

    .paging a {
        margin: 0 0 10px;
    }

    .paging a.next-link,
    .paging a.prev-link,
    .paging .category-viewall {
        min-width: 0;
    }

    .sort-by {
        float: none;
        width: 100%;
    }

    .sort-by select {
        width: 100%;
    }
}


/*
  Message, Error
  --------------------------------   */
section#message p.notice,
section#error p.notice {
    margin-bottom: 0;
    padding: 20px 0;
    text-align: left;
    font-size: 14px;
    color: #000;
    font-weight: 300;
}

section#message i,
section#error i {
    font-size: 40px;
}

section#message .button .btn,
section#error .button .btn {
    cursor: pointer;
}

/*
      Extra Pages Content
      --------------------------------   */
#extrapage {
    padding-bottom: 100px;
}

/*  Manufacturer Index
      --------------------------------    */
#manufacturerIndex .manufacturer-index {
    list-style: none;
    float: left;
    padding: 0px;
    margin: 0 -15px;
}

#manufacturerIndex .mfg-name {
    float: left;
    width: 25%;
    margin-bottom: 20px;
    padding: 0 15px;
    text-align: center;
}

#manufacturerIndex .mfg-name .manf-logo~a {
    display: block;
    padding-top: 10px;
}

#manufacturerIndex .mfg-name a {
    color: #323232;
    font-weight: 600;
    font-size: 13px;
    text-transform: capitalize;
}

@media (max-width: 991px) {
    #manufacturerIndex .mfg-name {
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    #manufacturerIndex .mfg-name {
        width: 50%;
    }
}

@media (max-width: 480px) {
    #manufacturerIndex .mfg-name {
        width: 100%;
    }
}


/*  Category Index
      ----------------------------    */
.categoryIndex {
    display: block;
    padding-left: 25px;
}

.categoryIndex ul {
    list-style: none;
    padding: 0px;
}

.categoryIndex a {
    color: #000;
}

.category_level1 {
    margin-left: 0;
}

.category_level2 {
    margin-left: 20px;
}

.category_level3 {
    margin-left: 40px;
}

.category_level4 {
    margin-left: 60px;
}

/*  Product Index
      --------------------------- */
#productIndex .product-index-paging {
    margin: 15px 0 0px;
}

#productIndex ul {
    list-style: none;
    padding: 0 0 0 25px;
    margin: 0;
    float: left;
    width: 100%;
}

#productIndex .product-index-item {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#productIndex .product-index-item a {
    color: #000;
}

/*  Search Pages
      --------------------------- */
/**/
.searchPage .category-header {
    margin-bottom: 0;
}

.searchPage .header h3 {
    margin-top: 0;
    margin-bottom: 15px;
}

.searchPages,
.searchCatFormat {
    margin-bottom: 35px;
}

.searchPagesFormat ul {
    list-style: none;
    margin: 15px 0 0;
    padding: 0px;
}

#searchPages ul {
    margin: 0 0 15px;
}

#searchPages .searchPagesFormat {
    padding-left: 20px;
}

.searchPagesFormat p {
    margin: 0;
}

.searchCatFormat ul {
    list-style: none;
    margin: 0px;
    padding: 6px 5px;
    width: 100%;
    position: relative;
}

.searchPages a,
.searchCatFormat a {
    color: #000;
}

#search-bar h2.titles {
    text-transform: none;
    letter-spacing: .02em;
    margin-bottom: 0;
    padding-top: 11px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .searchCatFormat ul {
        width: 100%;
        margin-right: 0%;
    }
}

.searchCatFormat ul li {
    line-height: 25px;
    display: inline-block;
}

.searchCatFormat ul li:after {
    content: '>';
    display: inline-block;
    padding: 0 5px;
}

.searchCatFormat ul li:last-child:after {
    display: none;
}

.search-actions .product-items {
    clear: both;
    padding-top: 40px;
}

.browsing_historyBlock .history-disable-btn .btn {
    margin-top: 22px;
    border: 1px solid #9a9a9a;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 30px 4px 30px;
}

@media (max-width: 480px) {
    .browsing_historyBlock .history-disable-btn {
        float: left !important;
        margin-bottom: 20px;
    }

    #listing form>.sub-section.browsing_historyBlock .page_heading {
        width: 100%;
        margin-bottom: 0;
    }
}

#breadcrumbsBlock ul {
    padding-left: 10px;
    display: inline-block;
    width: 100%;
    position: relative;
}

#breadcrumbsBlock ul:before {
    content: "";
    background: #646464;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
}

#breadcrumbsBlock ul li {
    padding-left: 5px;
    list-style: none;
}

#breadcrumbsBlock ul li[itemprop="itemListElement"] {
    float: left;
    position: relative;
    padding-right: 20px;
    margin-right: 10px;
}

#breadcrumbsBlock ul li[itemprop="itemListElement"]:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: 0;
}

#breadcrumbsBlock ul li[itemprop="itemListElement"]:last-child:before {
    display: none;
}

#breadcrumbsBlock ul li a {
    color: #646464;
}

#breadcrumbsBlock ul li a:hover {
    color: #323232;
}

/*  Go Back My Account
      --------------------------- */

.myAccount.icon-btn-prev {
    float: right;
    margin-top: -45px;
    z-index: 1;
    position: relative;
}

.myAccount.expire-date {
    margin-top: -35px;
}

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

    .myAccount.icon-btn-prev,
    .expire-date {
        margin-top: 10px !important;
        margin-bottom: 10px;
    }
}


/*  Content Area
      --------------------------- */

.content-area {
    position: relative;
    /*margin-bottom: 30px;*/
}

.page_header .container {
    position: relative;
}

.page_header .button {
    margin: 15px 0 0 0;
}

@media (min-width: 1024px) {
    .page_header .button {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        padding: 0 15px;
        margin: 0;
    }
}

.header>h4.page_heading {
    margin-bottom: 25px;
}


/*  Utilities
      --------------------------- */
.required {
    color: #f1152f;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.error {
    margin-bottom: 25px;
}

.error-img {
    display: inline-block;
}


/*
   Left Side Bar
  --------------------------------   */
@media (max-width: 1024px) {
    aside#leftContent {}
}

/*
  Quickview
  --------------------------------  */
.qv .product-item {
    padding: 0;
    width: 100%;
    background: transparent;
}

.qv .product-item iframe {
    border: none;
    margin: 0;
    width: 100%;
    min-height: 280px;
    height: 100% !important;
    display: block;
}


body#quickView {
    padding: 28px 60px 10px 60px;
}

.qv-col {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative
}

.qv-col.qv-col1 {
    width: 46%;
    padding-right: 20px;
}

.qv-col.qv-col1 .main-image {}

.qv-col.qv-col2 h2.name {
    font-size: 18px;
    font-weight: 600;
    color: #323232;
    line-height: 28px;
}

.qv-col.qv-col2 {
    width: 54%;
    padding: 10px 0 0 20px;
}

.qv-col.qv-col2 .price label {
    display: none;
}

.qv-col.qv-col2 .pricingBlock #price,
.qv-col.qv-col2 .pricingBlock .saleprice .sale-price {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    color: #323232;
}

.qv-close {
    position: absolute;
    top: 0;
    right: 15px;
    line-height: 1;
    font-size: 28px;
}

.qv .product-item .img {
    overflow: visible;
    min-height: 0;
    padding: 10px
}

.qv .product-item .img img {
    position: static
}

.qv .product-item .on-sale-badge {
    z-index: 1000
}

.qv .name {
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 1;
    height: auto
}

.qv.on-sale .sale-price,
.qv.on-sale del.regular-price {
    display: inline-block
}

.qv .options {
    margin-top: 20px
}

.qv .options h3 {
    margin: 0 0 8px;
    font-size: 16px
}

.qv .options-inner {
    margin-bottom: 22px;
}

.qv-option {
    margin: 0 0 15px
}

.qv-option:last-child {
    margin-bottom: 0
}

.qv-option h4 {
    margin: 0 0 8px;
    padding: 0 0 5px;
    font-size: 14px;
    border-bottom: 1px solid #ececec
}

.qv-option.checkbox label {
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #ececec;
    padding: 5px 10px 5px 30px
}

.qv-option.radio [type=radio] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.qv-option.radio [type=radio]+span::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    border-radius: 1em;
    border: .125em solid #fff;
    box-shadow: 0 0 0 .15em #999;
    margin-right: .75em;
    transition: .5s ease all
}

.qv-moredetails {
    padding: 0 !important;
    margin: 15px 0 0;
}

[type=radio]:checked+span::before {
    background: #666;
    box-shadow: 0 0 0 .25em #000
}

.checkbox-format,
.radio-format>.radio-option {
    position: relative;
    cursor: pointer
}

.qv-option.radio label {
    padding-left: 3px;
    padding-right: 0;
    margin-right: 15px
}

.qv-option select {
    cursor: pointer
}

.qv .qty {
    width: 90px;
    display: block;
}

.qv .qty label {
    font-weight: 500;
    color: #323232;
}

.qv .qty .qty-input {
    text-align: center;
    width: 100%;
    margin: 0
}

.qv .addcart {
    margin-top: 30px;
    display: inline-block;
}

.qv .addcart .btn {
    min-width: 280px;
}

@media (max-width: 480px) {
    .qv .addcart .btn {
        min-width: 100%;
    }
}

.qv .addcart .btn i {
    display: none;
}

.qv .qv-moredetails {
    display: inline-block;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .02em;
    text-transform: none;
    text-decoration: none;
    border-bottom: 1px solid #7d7d7d;
    line-height: 13px;
    margin-left: 40px;
    margin-top: 0;
}

.qv .qv-moredetails i {
    display: none;
}

.qv .qv-moredetails:hover {
    color: #646464;
}

.qv-loader {
    text-align: center;
    color: #fff;
    font-size: 20px;
    max-width: 300px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -10px;
}

@media (max-width: 991px) {
    .qv .qv-moredetails {
        margin-top: 20px;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .qv .addcart {
        width: 100%;
    }
}

@media (max-width: 683px) {
    .qv .product-item .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    body#quickView {
        padding: 15px 25px 10px 25px;
    }

    .qv-col.qv-col1 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .qv-col.qv-col2 {
        padding-left: 0;
        width: 100%;
    }
}

@media(max-width: 600px) {
    .qv-col.qv-col1 {
        float: none;
        width: 96%;
        margin: 0 auto 20px auto;
    }

    .qv-col.qv-col2 {
        float: none;
        width: 96%;
        margin: 0 auto;
    }
}

/*  Options
  --------------------------  */
.opt-regular {
    margin: 20px 0 0;
    position: relative;
}

.opt-regular:first-child {
    margin-top: 0;
}

.opt-label {
    margin: 0 0 5px;
    line-height: 1;
}

/*.opt-label .required {
      color: red;
  }*/
.opt-label>label {
    margin: 0;
    font-size: 12px;
    color: #323232;
    font-weight: 500;
}

.opt-field {}

.qty-format {
    margin-left: 5px;
}

.qty-format-label {
    margin-left: 5px;
    margin-right: 15px;
}

.radio-format {
    margin-right: 3px;
}

.radio-format>input[type="radio"] {
    display: none;
}

.radio-format>.radio-option {
    line-height: 1;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    margin: 0;
    position: relative;
    font-weight: 400;
}

.radio-format>.radio-option>img {
    max-height: 30px;
    max-width: 30px;
}

.radio-format>.radio-option>span {
    padding: 12px;
    display: inline-block;
    min-width: 36px;
    text-align: center;
}

.radio-format>input[type="radio"]:checked+label.radio-option {
    border: 1px solid #323232;
    color: #323232;
}

.dropdown-format {}

.dropdown-format>label,
.dropdownimage-format>label {
    min-width: 200px;
    margin-bottom: 0;
    margin-right: 15px;
    font-weight: 400;
}

.dropdown-image {
    width: 36px;
    height: 36px;
}

.dropdown-image>img {
    width: auto;
    height: 100%;
}

.checkbox-format {
    padding-left: 30px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative;
    cursor: pointer;
    margin-right: 3px;
    font-weight: 400;
}

.checkbox-format input[type="checkbox"],
.checkbox-format input[type="checkbox"] {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.opt-title {
    margin: 25px 0 0;
}

.qtyTable-btn {
    color: #323232;
}

.qtyTable-btn:before {
    font: normal normal normal 12px/1 FontAwesome;
    content: "\f077";
    margin-right: 8px;
}

.qtyTable-btn.collapsed:before {
    content: "\f078";
}

.qtyTable-btn:hover,
.qtyTable-btn:focus {
    opacity: 0.6;
    color: #000;
    text-decoration: none;
}

.quantityBlock .header>.page_heading {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    margin-top: 5px;
}

.quantityBlock .quantity-table {
    margin-top: 25px;
}

.quantityBlock .quantity-table table {
    margin-bottom: 0;
    border-collapse: unset;
}

.quantityBlock .quantity-table .table>thead>tr>th {
    border-bottom: 1px dotted #d0d0d0;
    font-weight: 500;
    padding-bottom: 4px;
}

.quantityBlock .quantity-table .table>thead>tr>th.title-quantity {
    padding-left: 0;
}

.quantityBlock .quantity-table .table>thead>tr>th.title-price {
    text-align: right;
    padding-right: 0;
}

.quantityBlock .quantity-table .table>tbody>tr>td {
    border-bottom: 1px dotted #d0d0d0;
    border-top: none;
}

.quantityBlock .quantity-table .table>tbody>tr>td.qty-bound {
    padding-left: 0;
}

.quantityBlock .quantity-table .table>tbody>tr>td.qty-price {
    padding-right: 0;
    text-align: right;
}

.qty-input {
    position: relative;
    width: 130px;
    vertical-align: middle;
    margin-bottom: 28px;
}

.qty-input input[type="text"] {
    display: block;
    margin: 0;
    padding: 0 36px 0 36px;
    height: 36px;
    width: 130px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}

span.qty-nav {
    display: block;
    height: 34px;
    width: 36px;
    position: absolute;
    top: 1px;
}

span.qty-nav-up {
    right: 1px;
}

span.qty-nav-down {
    left: 1px;
}

span.qty-nav>button {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background-color: #fff;
    color: #646464;
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    outline: none !important;
}

span.qty-nav-up {
    border-left: 1px solid #ececec;
}

span.qty-nav-down {
    border-right: 1px solid #ececec;
}

span.qty-nav>button:last-child {
    border-bottom-color: transparent;
}

.btn.btn-addcart {
    font-size: 13px;
    vertical-align: middle;
    padding: 12px;
    min-width: 270px;
}

.btn.btn-addcart i {
    display: none;
}

label.qty-dd {
    margin-bottom: 0;
    width: 60px;
    margin-right: 10px;
}

label.qty-dd select {
    width: 100%;
    min-width: 0;
    height: 43px;
}

.add-cart-block label.qty-dd {
    float: left;
}

.add-cart-block label.qty-dd select {
    height: 36px;
}

.option-help {
    color: #333;
    margin: 0;
    padding: 0;
    outline: none !important;
}

/*  Options
  --------------------------  */
h3.store-name {
    font-size: 20px;
    margin: 5px 0 0;
}

h4.store-slogan {
    margin: 5px 0 0;
    font-size: 12px;
    color: #323232;
}

/*
   Quick cart
  --------------------------------   */
#viewCartQuick {
    padding: 18px 25px;
}

#viewCartQuick .page_header {
    margin-bottom: 24px;
}

#viewCartQuick .container {
    width: 100%;
}

#viewCartQuick>.page_header>.container>.page_heading {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #646464;
    border-bottom: 1px solid #efefef;
    padding-bottom: 16px;
    text-transform: none;
    letter-spacing: .02em;
}

#viewCartQuick .page_heading:after {
    display: none;
}

.qcart-youmayaslolike .page_heading {
    font-size: 16px;
    padding-top: 35px;
    margin-top: 20px;
    margin-bottom: 36px;
    border-top: 1px solid #efefef;
    text-align: center;
}

.quickCartItems {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 35px;
    padding-right: 0;
}

section.qcart-items {
    margin: 0 0 20px;
}

.qcart-youmayaslolike .owl-carousel .owl-nav>div {
    width: 20px;
    height: 34px;
    font-size: 0;
    position: absolute;
    top: 30%;
    margin-top: -17px;
}

.qcart-youmayaslolike .owl-carousel .owl-nav>.owl-prev {
    left: -25px;
}

.qcart-youmayaslolike .owl-carousel .owl-nav>.owl-next {
    right: -25px;
    text-align: right;
}

.qcart-youmayaslolike .owl-carousel .owl-nav>div:before {
    font-size: 45px;
    font-family: FontAwesome;
}

.qcart-youmayaslolike .owl-carousel .owl-nav>.owl-prev:before {
    content: "\f104";
}

.qcart-youmayaslolike .owl-carousel .owl-nav>.owl-next:before {
    content: "\f105";
}

.qcart-youmayaslolike .product-item .reviews {
    display: none;
}

iframe#qcart-Iframe {
    width: 100%;
    /*    height: 100% !important;*/
    display: block;
}

#viewCartQuick .category-header {
    margin-bottom: 0;
}

#viewCartQuick .quickCartCheckout {
    padding-right: 35px;
}

#viewCartQuick .quickCartCheckout>h1 {
    margin: 5px 0 15px;
    font-size: 16px;
    font-weight: 600;
    color: #323232;
    text-transform: uppercase;
    letter-spacing: .08em;
}

#viewCartQuick .quickCartCheckout>p {
    line-height: 1;
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 18px;
}

#viewCartQuick .quick-subtotal {
    margin: 0 0 20px;
    line-height: 1;
    font-weight: 500;
    color: #323232;
}

#viewCartQuick .quick-subtotal .price {
    font-weight: 600;
    letter-spacing: 0;
    float: right;
}

#viewCartQuick .quick-chkbuttons .btn {
    display: block;
    width: 100%;
}

#viewCartQuick .quick-chkbuttons .btn:first-child {
    margin: 0 0 15px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    border: 1px solid #b3b3b3;
}

#viewCartQuick .quick-chkbuttons .btn:first-child:hover {
    border-color: #323232;
}

#viewCartQuick .cart-items {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

#viewCartQuick .cart-items>li {
    padding: 10px 0;
}

#viewCartQuick .cart-items>li+li {
    border-top: 1px solid #ececec;
}

#viewCartQuick .cart-items>li.cart-item {
    padding: 22px 0;
}

#viewCartQuick .cart-items>li:before,
#viewCartQuick .cart-items>li:after {
    content: " ";
    display: table;
    clear: both;
}

#viewCartQuick .cart-items>li.items-header {
    background: #f5f5f5;
    font-size: 11px;
    font-weight: 600;
    color: #505050;
    letter-spacing: .04em;
}

#viewCartQuick .cart-items>li>span {
    display: block;
    line-height: 16px;
    padding: 0 20px;
    float: left;
}

#viewCartQuick .cart-items>li>span.item-name {
    width: 55%
}

#viewCartQuick .cart-items>li>span.item-price {
    width: 14%;
    font-weight: 500;
}

#viewCartQuick .cart-items>li>span.item-qty {
    width: 13%;
}

#viewCartQuick .cart-items>li>span.item-total {
    width: 18%;
    text-align: right;
    font-weight: 600;
}

#viewCartQuick .cart-items>li.cart-item>span.item-price,
#viewCartQuick .cart-items>li.cart-item>span.item-qty,
#viewCartQuick .cart-items>li.cart-item>span.item-total {
    padding-top: 15px;
    line-height: 1.4em;
    font-size: 13px;
}

#viewCartQuick .cart-items>li.cart-item>span.item-price,
#viewCartQuick .cart-items>li.cart-item>span.item-total {
    color: #323232;
}

#viewCartQuick span.item-thumb {
    width: 64px;
    height: 92px;
    position: relative;
    display: block;
    float: left;
    margin-right: 20px;
}

#viewCartQuick span.item-thumb img {
    max-height: 100%;
}

#viewCartQuick .cart-items>li>span.item-name .item-name-right a {
    color: #323232;
}

#viewCartQuick .cart-items>li>span.item-name .item-name-right .view-hide {
    color: #646464;
    font-style: italic;
    margin-top: 10px;
    border-bottom: 1px solid #c1c1c1;
    line-height: 15px;
    display: inline-block;
}

#viewCartQuick .cart-items>li>span.item-name .item-name-right .itemoptions {
    margin-top: 15px;
    color: #646464;
    display: inline-block;
}

#viewCartQuick .cart-items>li>span.item-name .item-name-right .itemoptions b {
    font-weight: 500;
    color: #323232;
    display: inline-block;
    padding-bottom: 5px;
}

#viewCartQuick .quickview {
    display: none;
}

#viewCartQuick .product-items {
    margin-top: 15px;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .qcart-youmayaslolike .owl-carousel .owl-nav>div {
        top: 35%;
    }

    #viewCartQuick .quickCartCheckout {
        padding-right: 0;
    }
}

@media (max-width: 807px) {
    #viewCartQuick .quickCartCheckout {
        padding-left: 0;
    }

    .quickCartItems {
        margin-top: 25px;
        padding-left: 0px;
    }
}

@media (max-width: 767px) {

    .qcart.modal,
    .qcart .modal-dialog .modal-vcenter .modal-content {
        max-height: 350px !important;
    }
}

@media (max-width: 690px) {

    .quickCartItems,
    .qcart-youmayaslolike {
        display: none;
    }

}

@media (max-width: 580px) {
    .quickCartItems {
        width: 100%;
        margin-top: 25px;
        padding-left: 15px;
    }

    #viewCartQuick .quickCartCheckout {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 480px) {
    #viewCartQuick {
        padding: 18px 0;
    }
}

/*
   Sidebar widgets
  --------------------------------   */
.sidebar-widget {
    margin: 0 0 55px;
}

.widget-header {
    margin: 0 0 24px;
    line-height: 1;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #b3b3b3;
    position: relative;
    font-size: 16px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #323232;
}

.sidebar-widget .product-item .img {
    min-height: 0;
    padding-top: 100%;
}

.sidebar-widget .product-item .img a {
    color: #323232;
}

.sidebar-widget .product-item .img img {
    position: absolute;
    top: 0;
}

.sidebar-widget .product-item .name {
    line-height: 22px;
}

.sidebar-widget .topsellers-item:not(:last-child),
.sidebar-widget .new-release-item:not(:last-child) {
    margin: 0 0 24px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
}

.sidebar-widget .product-item .price {
    margin-bottom: 0;
    font-size: 13px;
}

.sidebar-widget .new-release-item .col-xs-4 {
    width: 30%;
    padding-right: 10px;
}

.sidebar-widget .new-release-item .col-xs-8 {
    width: 70%;
    padding-left: 10px;
}

.sidebar-widget .topsellers-item-first .img img {
    margin-left: auto;
    margin-right: auto;
}

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

ul.sidebarUL>li {
    padding-bottom: 10px;
}

ul.sidebarUL>li:last-child {
    padding-bottom: 0;
}

ul.sidebarUL>li>a {
    color: #646464;
    font-weight: 500;
}

.sidebar-widget #modPrice .widget-header {
    margin-bottom: 22px;
}

.sidebar-widget #sideLeftBanner>a {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

.sidebar-widget #sideLeftBanner {
    margin-bottom: 30px;
}

.sidebar-widget #sideCustomCMS .widget-header {
    margin-bottom: 20px;
}

/*
   Validation Styles
  --------------------------------   */
.validation-field {
    position: relative;
    margin: 0;
    font-weight: normal;
    display: block;
    width: 100%;
}

.validation-field.validation-field-inline {
    display: inline-block;
    width: auto;
}

.required-indicator {
    color: red;
    display: inline-block;
    font-size: 12px;
    padding-top: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
    height: 26px;
}

.required-indicator:before {
    content: "*";
}

.small-label {
    line-height: 26px;
}

.small-label .required {
    line-height: 16px;
    padding-top: 10px;
}

/*  Apple Pay
  --------------------------  */
#apple-pay-button {
    display: none;
    background-color: black;
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-size: 100% 100%;
    background-origin: content-box;
    background-repeat: no-repeat;
    width: 100%;
    height: 44px;
    padding: 10px 0;
    border-radius: 10px;
}

/*  Google Pay
  --------------------------  */
.googlepay {
    display: none;
    background-color: white;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%22102%22%20height%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M80.526%202.635v4.083h2.518c.6%200%201.096-.202%201.488-.605.403-.402.605-.882.605-1.437%200-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0%205.52v4.736h-1.504V1.198h3.99c1.013%200%201.873.337%202.582%201.012.72.675%201.08%201.497%201.08%202.466%200%20.991-.36%201.819-1.08%202.482-.697.665-1.559.996-2.583.996h-2.485v.001zm7.668%202.287c0%20.392.166.718.499.98.332.26.722.391%201.168.391.633%200%201.196-.234%201.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61%200-1.12.148-1.528.442-.409.294-.613.657-.613%201.093m1.946-5.815c1.112%200%201.989.297%202.633.89.642.594.964%201.408.964%202.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45%201.372-2.486%201.372-.882%200-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96%200-.828.313-1.486.94-1.976s1.463-.735%202.51-.735c.892%200%201.629.163%202.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132%202.132%200%200%200-1.455-.547c-.84%200-1.504.353-1.995%201.062l-1.324-.834c.73-1.045%201.81-1.568%203.238-1.568m11.853.262l-5.02%2011.53H95.42l1.864-4.034-3.302-7.496h1.635l2.387%205.749h.032l2.322-5.75z%22%20fill%3D%22%235F6368%22%2F%3E%3Cpath%20d%3D%22M74.448%207.134c0-.473-.04-.93-.116-1.366h-6.344v2.588h3.634a3.11%203.11%200%200%201-1.344%202.042v1.68h2.169c1.27-1.17%202.001-2.9%202.001-4.944%22%20fill%3D%22%234285F4%22%2F%3E%3Cpath%20d%3D%22M67.988%2013.7c1.816%200%203.344-.595%204.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754%200-3.244-1.182-3.776-2.774h-2.234v1.731a6.728%206.728%200%200%200%206.01%203.703%22%20fill%3D%22%2334A853%22%2F%3E%3Cpath%20d%3D%22M64.212%208.267a4.034%204.034%200%200%201%200-2.572V3.964h-2.234a6.678%206.678%200%200%200-.717%203.017c0%201.085.26%202.11.717%203.017l2.234-1.731z%22%20fill%3D%22%23FABB05%22%2F%3E%3Cpath%20d%3D%22M67.988%202.921c.992%200%201.88.34%202.58%201.008v.001l1.92-1.918c-1.165-1.084-2.685-1.75-4.5-1.75a6.728%206.728%200%200%200-6.01%203.702l2.234%201.731c.532-1.592%202.022-2.774%203.776-2.774%22%20fill%3D%22%23E94235%22%2F%3E%3Cpath%20d%3D%22M.148%202.976h3.766c.532%200%201.024.117%201.477.35.453.233.814.555%201.085.966.27.41.406.863.406%201.358%200%20.495-.124.924-.371%201.288s-.572.64-.973.826v.084c.504.177.912.471%201.225.882.313.41.469.891.469%201.442a2.6%202.6%200%200%201-.427%201.47c-.285.43-.667.763-1.148%201.001A3.5%203.5%200%200%201%204.082%2013H.148V2.976zm3.696%204.2c.448%200%20.81-.14%201.085-.42.275-.28.413-.602.413-.966s-.133-.684-.399-.959c-.266-.275-.614-.413-1.043-.413H1.716v2.758h2.128zm.238%204.368c.476%200%20.856-.15%201.141-.448.285-.299.427-.644.427-1.036%200-.401-.147-.749-.441-1.043-.294-.294-.688-.441-1.183-.441h-2.31v2.968h2.366zm5.379.903c-.453-.518-.679-1.239-.679-2.163V5.86h1.54v4.214c0%20.579.138%201.013.413%201.302.275.29.637.434%201.085.434.364%200%20.686-.096.966-.287.28-.191.495-.446.644-.763a2.37%202.37%200%200%200%20.224-1.022V5.86h1.54V13h-1.456v-.924h-.084c-.196.336-.5.611-.91.826-.41.215-.845.322-1.302.322-.868%200-1.528-.259-1.981-.777zm9.859.161L16.352%205.86h1.722l2.016%204.858h.056l1.96-4.858H23.8l-4.41%2010.164h-1.624l1.554-3.416zm8.266-6.748h1.666l1.442%205.11h.056l1.61-5.11h1.582l1.596%205.11h.056l1.442-5.11h1.638L36.392%2013h-1.624L33.13%207.876h-.042L31.464%2013h-1.596l-2.282-7.14zm12.379-1.337a1%201%200%200%201-.301-.735%201%201%200%200%201%20.301-.735%201%201%200%200%201%20.735-.301%201%201%200%200%201%20.735.301%201%201%200%200%201%20.301.735%201%201%200%200%201-.301.735%201%201%200%200%201-.735.301%201%201%200%200%201-.735-.301zM39.93%205.86h1.54V13h-1.54V5.86zm5.568%207.098a1.967%201.967%200%200%201-.686-.406c-.401-.401-.602-.947-.602-1.638V7.218h-1.246V5.86h1.246V3.844h1.54V5.86h1.736v1.358H45.75v3.36c0%20.383.075.653.224.812.14.187.383.28.728.28.159%200%20.299-.021.42-.063.121-.042.252-.11.392-.203v1.498c-.308.14-.681.21-1.12.21-.317%200-.616-.051-.896-.154zm3.678-9.982h1.54v2.73l-.07%201.092h.07c.205-.336.511-.614.917-.833.406-.22.842-.329%201.309-.329.868%200%201.53.254%201.988.763.457.509.686%201.202.686%202.079V13h-1.54V8.688c0-.541-.142-.947-.427-1.218-.285-.27-.656-.406-1.113-.406-.345%200-.656.098-.931.294a2.042%202.042%200%200%200-.651.777%202.297%202.297%200%200%200-.238%201.029V13h-1.54V2.976z%22%20fill%3D%22%233C4043%22%2F%3E%3Cpath%20d%3D%22M61%200h41.285v18H61z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-origin: content-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    border-radius: 4px;
    box-shadow: 0px 1px 3px 0px #6d6d6d;
    outline: 0;
    padding: 10px 8px;
    width: 238px;
    height: 40px;
    min-height: 40px;
    margin-left: auto;
    margin-right: auto;
}

.googlepay:focus {
    box-shadow: 0px 1px 3px 0px #6d6d6d, inset 0px 0px 0px 1px #a8abb3;
}

.googlepay:hover:enabled {
    background-color: #f7f7f7;
}

.googlepay:active:enabled {
    background-color: #e7e8e8;
}

.googlepay.no-shadow {
    box-shadow: inset 0px 0px 0px 1px #dadce0;
}

.googlepay.no-shadow:focus {
    box-shadow: inset 0px 0px 0px 1px #a8abb3;
}

.googlepay:disabled::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
}

@media(max-width: 767px) {
    .googlepay {
        width: 100%;
    }
}

/* Gallery Image Popup*/

.mz-expand {
    background: transparent !important;
    bottom: auto !important;
}

.mz-expand-stage {
    width: 90% !important;
    height: 90%;
    max-width: 800px;
    max-height: 680px;
    background: #fff;
    margin: auto;
}

@media screen and (max-device-width: 1024px) {
    .mz-expand-stage {
        margin: 0 auto;
        top: 5% !important;
        max-height: 605px;
    }
}

@media screen and (max-device-width: 991px) {
    .mz-expand-stage {
        margin: 0 auto;
        top: 5% !important;
        max-height: 650px;
    }
}

@media screen and (max-device-width: 767px) {
    .mz-expand-stage {
        max-height: 600px;
        max-width: 90%;
    }
}

@media screen and (max-device-width: 480px) {
    .mz-expand-stage {
        max-height: 500px;
    }
}

@media screen and (max-device-width: 350px) {
    .mz-expand-stage {
        max-height: 360px;
    }
}

.mz-expand .mz-expand-bg>img {
    display: none;
}

.mz-expand .mz-expand-bg {
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mz-expand .mz-expand-bg+.mz-expand-bg {
    display: none !important;
}

.mz-expand .mz-expand-stage .mz-image-stage {
    padding: 30px 0;
}


/* Look Book */
.lookbook .owl-carousel {
    position: relative;
}

.lookbook .owl-nav>div {
    margin-top: -22px;
    font-size: 0;
    width: 16px;
    height: 29px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
}

.lookbook .owl-nav>div.owl-prev {
    left: -55px;
    background: #fff url(../images/prev-arr.png) no-repeat 0 0;
}

.lookbook .owl-nav>div.owl-next {
    background: #fff url(../images/next-arr.png) no-repeat 0 0;
    right: -55px;
}

.lookbook .social-icons {
    display: inline-block;
    width: 100%;
    padding-bottom: 0;
}

.lookbook .social-icons .addthis_inline_share_toolbox {
    display: inline-block;
    float: right;
    margin-right: -5px;
}

.lookbook .social-icons .at-share-btn-elements a:last-child {
    padding-right: 0;
    margin-right: 0;
}

.lookbook .social-icons .at-share-btn-elements a .at-icon-wrapper,
.lookbook .social-icons .at-share-btn-elements a svg {
    width: 25px !important;
    height: 25px !important;
}

.lookbook .lookbook-bottom {
    border-top: 1px solid #efefef;
    padding-top: 25px;
    margin-top: 8px;
    text-align: center;
}

.lookbook .lookbook-bottom .btn {
    min-width: 245px;
}

/* Owl Carousel */
.owl-nav>div.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.owl-carousel.product-items {
    margin: 0;
}

.owl-carousel.product-items .product-item {
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
}

.owl-carousel.product-items .product-item .on-sale-badge {
    right: 0;
}

@media (max-width: 1300px) {
    .lookbook .owl-nav>div.owl-prev {
        left: -17px;
    }

    .lookbook .owl-nav>div.owl-next {
        right: -17px;
    }
}

@media (max-width: 991px) {
    .lookbook .owl-nav>div {
        background-size: 95% !important;
        width: 14px;
    }

    .lookbook .owl-nav>div.owl-prev {
        left: -16px;
    }
}

@media (max-width: 767px) {
    .lookbook .owl-nav>div {
        display: none;
    }

    #extrapage {
        padding-bottom: 50px;
    }
}

@media (max-width: 480px) {
    .lookbook .social-icons .addthis_inline_share_toolbox {
        width: 100%;
        margin-right: 0;
    }

    .lookbook .social-icons .at-resp-share-element.at-mobile .at-share-btn {
        margin-right: 0;
    }

    .lookbook .social-icons .at-share-btn-elements a:last-child {
        padding-right: 5px;
    }
}

/**
   * Components for updated design
   */

/*-------------------------
      Project Structure
  ---------------------------
  
      1) Animations
      2) Helpers
      2) Icons (svg)
      3) Components
      4)
  
  --------------------------*/

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

/*-------------------------
    Helpers
  --------------------------*/

.section-title,
.section-subtitle {
    color: #171f4f;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
}

.section-title {
    margin: 0 0 37px 0;
    font-size: 32px;
}

.section-subtitle {
    margin: 0 0 20px 0;
    font-size: 28px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.section-description {
    color: #171f4f;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

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

.text--primary {
    color: #5a99f6;
}

.text--danger {
    color: #e8504f;
}

.text--danger:hover,
.text--danger:active {
    color: #e8504f;
}

.text--underline {
    text-decoration: underline;
}

.text--link {}

.text--600 {
    font-weight: 600;
}

.text--700 {
    font-weight: 700;
}

.promo-subtitle {}

.scroll-danger::-webkit-scrollbar {
    width: 4px;
}

.scroll-danger::-webkit-scrollbar-track {
    background-color: #f0f0f0;
}

.scroll-danger::-webkit-scrollbar-thumb {
    background-color: #e8504f;
}

.is-loading {
    position: relative;
}

.is-loading::after,
.is-loading::before {
    content: "";
    position: absolute;
}

.is-loading::after {
    z-index: 99;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border: 4px solid #e85050;
    border-right-color: transparent;
    display: inline-block;
    border-radius: 50%;
    animation: 1.75s linear infinite spinner-border;
}

.is-loading::before {
    z-index: 97;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(238, 238, 238, 0.1);
}

.skeleton {
    position: relative;
}

.skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
    z-index: 12;
    overflow: auto;
    transition: 0.4s ease-out;
}

.skeleton-text {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.skeleton-text span {
    height: 12px;
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
    z-index: 12;
    overflow: auto;
    transition: 0.4s ease-out;
}

.skeleton-text span+span {
    margin-top: 10px;
}

/*-------------------------
    Icons (SVG Sprite)
  --------------------------*/

.question-circle {}

.cart-shopping,
.user-acc,
.magnifying-glass,
.badge-percent {
    fill: #fff;
}

/*-------------------------------
      Buttons
  ---------------------------------*/

.button-main,
.button-cart {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    transition: opacity 0.2s ease-out;
    border: 0;
}

.button-main {
    padding: 0 12px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    width: 100%;
    text-transform: capitalize;
}

.button-main:hover {
    opacity: 0.8;
    color: #fff;
    text-decoration: none;
}

.button-main:focus {
    color: #fff;
}

.button--danger {
    background: #e8504f;
}

.button--secondary,
.button--secondary:hover {
    color: #171f4f;
    background: #f8f8f8;
}

.button--primary,
.button--primary:hover {
    color: #fff;
    background: #4267b2;
}

.button--info,
.button--info:hover {
    color: #fff;
    background: #5f99f6;
}

.button--dark,
.button--dark:hover {
    color: #fff;
    background: #171f4f;
}

.button--sm {
    max-width: 135px;
    height: 35px;
    line-height: 35px;
}

/* For example LoadMore */
.button--md {
    max-width: 374px;
    height: 45px;
    line-height: 45px;
}

.button--lg {
    max-width: 251px;
    height: 50px;
}

/* For example Product page */
.button-cart {
    position: relative;
    padding: 8px 30px 8px 30px;
    font-size: 14px;
    line-height: 16px;
    border: solid;
    border-radius: 5px;
    text-transform: uppercase;
}

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

.button-cart span {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

.button-cart--icon {
    padding: 8px 12px 8px 50px;
}

.button-cart--icon::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 15px;
    width: 20px;
    height: 19px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.button-cart--danger {
    background: #e8504f;
    border-width: 1px 1px 2px 1px;
    border-color: #e35752;
    border-bottom-color: #b9413d;
}

.button-cart--danger:hover {
    color: #fff;
}

.button-cart--danger.button-cart--icon::before {
    background-image: url("/assets/images/shopping-cart-white.svg");
}

.button-cart--light {
    color: #4f61b1;
    background: #fff;
    border-width: 1px 1px 3px 1px;
    border-color: #dce2ff;
}

.button-cart--light.button-cart--icon::before {
    background-image: url("/assets/images/shopping-cart-blue.svg");
}

.button-cart--primary {
    color: #fff;
    background: #4f61b1;
    border-width: 1px 1px 3px 1px;
    border-color: #4f61b1;
    border-bottom-color: #324186;
}

.button-cart--primary:hover {
    color: #fff;
}

.button-cart--primary.button-cart--icon::before {
    background-image: url("/assets/images/tag-percent.svg");
}

.button-link {
    display: inline-block;
    padding: 0;
    color: #171f4f;
    font-weight: 400;
    font-size: 14px;
    border: 0;
    background: transparent;
    text-decoration: underline;
}

/*-------------------------------
      Tiles
  ---------------------------------*/

.tiles {
    margin: 0;
    padding: 0;
    display: flex;
    list-style-type: none;
}

.tile {
    display: block;
    position: relative;
    padding: 19px 40px 18px 127px;
    border-radius: 4px;
    background: #f7f7f7;
    width: 377px;
}

.tile:hover {
    text-decoration: none;
}

.tile+.tile {
    margin-left: 20px;
}

.tile-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 95px;
    height: 88px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.tile-icon--figure::before {
    background-image: url("/assets/images/tiles/figure.svg");
}

.tile-icon--pumps::before {
    background-image: url("/assets/images/tiles/pumps.svg");
}

.tile-icon--pool::before {
    background-image: url("/assets/images/tiles/pool.svg");
}

.tile-icon--man::before {
    background-image: url("/assets/images/tiles/man.svg");
}

.tile-info {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tile-title {
    margin: 0 0 2px 0;
    color: #171f4f;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 15px;
}

.tile-text {
    margin: auto 0 2px 0;
    color: #929292;
    font-size: 12px;
    line-height: 130%;
    text-align: left;
}

.tile-link {
    margin-top: auto;
    color: #e9504d;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    transition: color 0.2s ease-out;
}

.tile-link:hover,
.tile-link:active,
.tile-link:focus {
    color: #e9504d;
    text-decoration: none;
}

/*-------------------------------
      Balloon, (detail) open modal with detailed description
  ---------------------------------*/

.balloon {
    font-size: 0;
    line-height: 0;
    padding: 0;
    vertical-align: middle;
    background: transparent;
    border: none;
}

.balloon-text {
    padding: 2px 5px 2px 7px;
    border-radius: 37px;
    background: #dce2ff;
    border: none;
    font-weight: 500;
    font-size: 12px;
    color: #4f61b1;
    white-space: nowrap;
}

.balloon--default {}

.balloon--success {}

.balloon--danger {}

/*-------------------------------
      Banner
  ---------------------------------*/

.banner-section {
    padding: 10px 0 15px;
}

.banners {
    display: flex;
}

.banner {
    border-radius: 4px;
    background: #171f4f;
}

.banner:nth-child(3n+4) {
    margin-left: 20px;
}

.banner--promo {
    max-width: 924px;
    width: 100%;
}

.banner--shopperapproved {
    width: 286px;
    margin-left: 10px;
}

.banner--promo>a {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

.banner--promo>a>div:nth-child(1) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.banner--reviews {
    max-width: 226px;
    width: 100%;
    margin-left: 20px;
}

/*-------------------------------
      Tabs (Browse by)
  ---------------------------------*/

.browse-section {
    padding: 18px 0 15px;
}

.module-heading.browse-section-title {
    margin: 0 0 24px 0;
}

.browse {}

.browse-tabs {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.browse-tab {
    min-width: 155px;
    height: 32px;
    padding: 0 15px;
    cursor: pointer;
    color: #171f4f;
    border: 1px solid #171f4f;
    border-radius: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 31px;
    font-weight: 600;
    text-transform: capitalize;
    white-space: nowrap;
    transition: background-color 0.2s ease-out;
}

.browse-tab:hover,
.browse-tab:focus {
    background: #e5e8fb;
    text-decoration: none;
}

.browse-tab:focus {
    color: #171f4f;
}

.browse-tab+.browse-tab {
    margin-left: 10px;
}

.browse-tab.active {
    color: #fff;
    background: #171f4f;
}

.browse-content {}

.browse-pane {
    display: none;
}

.browse-tab.active,
.browse-pane.active {
    display: block;
}

.browse-tabs--lg {
    overflow: auto;
}

.browse-tabs--lg .browse-tab {
    height: 38px;
    padding: 0 20px;
    min-width: auto;
    line-height: 37px;
}

/*-------------------------------
      Brands
  ---------------------------------*/

.brands {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(226px, 1fr));
}

.brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #252a68;
    padding: 10px 10px;
    height: 120px;
    background: #f7f7f7;
    border-radius: 4px;
    transition: opacity 0.2s ease-out;
}

.brand:hover {
    opacity: 0.8;
}

.brand:hover {
    color: #252a68;
    text-decoration: none;
}

.brand-image {
    mix-blend-mode: multiply;
}

.brand-title {
    margin: 7px 0 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

.brand-banner {
    grid-column: span 2;
    position: relative;
    align-items: flex-start;
    padding: 32px 22px 32px 100px;
    height: 120px;
    border-radius: 4px;
    background: #252f68;
    color: #fff;
}

.brand-banner:hover,
.brand-banner:active,
.brand-banner:focus {
    text-decoration: none;
    color: #fff;
}

.brand-banner::before {
    content: "";
    position: absolute;
    top: 32px;
    left: 22px;
    width: 56px;
    height: 56px;
    background: url("/assets/images/hat-wizard.svg") no-repeat center;
}

.brand-banner::after {
    content: "";
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 16px;
    height: 15px;
    background: url("/assets/images/arrow-right.svg") no-repeat center;
    background-size: contain;
}

.brand-text {
    font-size: 13px;
    line-height: 140%;
}

.brand-banner-title {
    margin: 0 0 5px 0;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
}

.brand-text-small {
    display: none;
    text-align: center;
    font-weight: 600;
    line-height: 130%;
    text-transform: capitalize;
}

/*-------------------------------
      Cards
  ---------------------------------*/

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

.cards--first-hidden .card-wrapper:first-child {
    display: none;
}

.card-wrapper {
    margin-bottom: 10px;
}

.card {
    display: flex;
    flex-direction: column;
    background: #f7f7f7;
    text-align: center;
    transition: opacity 0.2s ease-out;
    border-radius: 4px;
    overflow: hidden;
}

.card:hover {
    text-decoration: none;
    opacity: 0.8;
}

.card-header {}

.card-image {}

.card-body {
    min-height: 57px;
    padding: 10px 12px 11px;
}

.card-title {
    margin: 0 0 3px 0;
    color: #171f4f;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
}

.card-text {
    margin: 0;
    color: #929292;
    font-size: 11px;
    line-height: 130%;
}

.card-link {}

.columns {
    display: grid;
    gap: 10px;
}

.columns-3 {
    grid-template-columns: repeat(auto-fit, minmax(32.33%, 1fr));
}

.columns-4 {
    grid-template-columns: repeat(auto-fit, minmax(24%, 1fr));
}

.columns-5 {}

.columns-6 {}

/*-------------------------------
      Pool Calculator
  ---------------------------------*/

.pool-calculator-section-wrapper {
    padding: 35px 0;
}

.pool-calculator-section {
    padding: 50px 0 50px;
    margin-left: -55px;
    margin-right: -55px;
    background: #171F4F;
    letter-spacing: normal;
}

.pool-calculator-wrapper {
    display: grid;
    gap: 13px;
    grid-template-columns: repeat(3, 1fr);
}

.pool-calculator {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    transition: 0.2s ease-out;
    color: #fff;
}

.pool-calculator--xs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 23px 20px 23px 96px;
    background: #252f68;
}

.pool-calculator--xs:hover {
    color: #fff;
    text-decoration: unset;
    opacity: 0.8;
}

.pool-calculator--xs:active,
.pool-calculator--xs:focus {
    color: #fff;
}

.pool-calculator-image--title {
    position: absolute;
    padding: 25px 20px 0 30px;
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    line-height: normal;
    text-transform: capitalize;
}

.pool-calculator--lg {
    display: flex;
    flex-direction: column;
    grid-column: span 2;
}

.pool-calculator-title {
    margin: 0 0 3px 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
}

h2.pool-calculator-title {
    font-size: 32px;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.pool-calculator-subtitle {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 20px;
}

.pool-calculator-device {
    z-index: 0;
    padding: 12px 0 12px 15px;
}

.pool-calculator-device--name {
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
    text-transform: capitalize;
}

.pool-calculator-device--modification {
    opacity: 0.9;
    font-size: 12px;
    font-weight: 600;
    line-height: 130%;
    text-transform: capitalize;
}

.pool-calculator-expenses--red .pool-calculator-device--modification {
    color: #FFA8A8;
}

.pool-calculator-expenses--blue .pool-calculator-device--modification {
    color: #BAD6FF;
}

.pool-calculator-expenses--green .pool-calculator-device--modification {
    color: #B6F4D7;
}

.pool-calculator-cost {
    font-size: 16px;
    font-weight: 700;
    line-height: 220%;
    text-transform: capitalize;
    z-index: 0;
    padding-right: 15px;
}

.pool-calculator-advantage {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0;
}

.color--blue-light {
    color: #7BB0FF;
}

.color--green-light {
    color: #54BA8A;
}

.color--red-light {
    color: #ff5c5c;
}

.pool-calculator--xs::after {
    content: "";
    position: absolute;
    bottom: 12px;
    right: 19px;
    width: 16px;
    height: 15px;
    background: url("/assets/images/arrow-right.svg") no-repeat center;
    background-size: contain;
}

.pool-calculator-text {
    margin: 0;
    max-width: 351px;
    font-size: 13px;
    line-height: 140%;
}

.pool-calculator-icon {
    position: relative;
}

.pool-calculator-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    width: 56px;
    height: 56px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.pool-calculator-icon--save::before {
    background-image: url("/assets/images/pool-calculator/icon-save.svg");
}

.pool-calculator-icon--finder::before {
    background-image: url("/assets/images/pool-calculator/icon-finder.svg");
}

.pool-calculator-icon--pump::before {
    background-image: url("/assets/images/pool-calculator/icon-pump.svg");
}

.pool-calculator-expenses {
    margin-bottom: 6px;
}

.pool-calculator-expense {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    border-radius: 4px;
    background-color: #252F68;
}

.pool-calculator-expense::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 4px;
}

.pool-calculator-expenses--red::before {
    background-color: #E85051;
}

.pool-calculator-expenses--blue::before {
    background-color: #5A99F6;
    width: 65.3%;
}

.pool-calculator-expenses--green::before {
    background-color: #54BA8A;
    width: 23.5%;
}

.pool-calculator-footnote {
    letter-spacing: normal;
    margin-bottom: 0;
}

/* Banner based on pool-calculator */
.costs-banner {
    display: block;
    padding: 41px 50px 50px 50px;
    border-radius: 20px;
    background: #171f4f;
}

.costs-banner .pool-calculator-title {
    margin: 0;
    text-align: center;
    line-height: 130%;
}

.costs-banner .pool-calculator-subtitle {
    margin-bottom: 16px !important;
    text-align: center;
    line-height: 21px !important;
}

.costs-banner .pool-calculator-expenses {
    margin-bottom: 15px;
}

.costs-banner .pool-calculator-expense:last-child {
    margin-bottom: 0;
}

.costs-banner .pool-calculator-advantage {
    margin: 0 !important;
    text-align: center;
}

.costs-banner .pool-calculator-footnote {
    margin: 0 !important;
    font-size: 10px;
    text-align: center;
}

.costs-banner .pool-calculator-bottom {
    margin-top: 20px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
}

.costs-banner .pool-calculator-items {
    display: grid;
    grid-gap: 10px;
    grid-template-rows: repeat(3, 1fr);
}

.costs-banner .pool-calculator--xs {
    padding: 13px 25px 13px 83px;
    color: #fff !important;
}

.costs-banner .pool-calculator-icon::before {
    left: 17px;
    width: 48px;
    height: 48px;
}

.costs-banner .pool-calculator--xs::after {
    right: 14px;
    bottom: 12px;
}

.costs-banner .pool-calculator--xs .pool-calculator-title {
    margin-bottom: 3px;
    text-align: left;
    font-size: 14px;
}

.costs-banner .pool-calculator--xs .pool-calculator-text {
    margin-bottom: 0 !important;
    font-size: 12px;
    line-height: 16px !important;
}

.costs-banner .pool-calculator-image img {
    width: 100%;
}

.costs-banner .pool-calculator-image--title {
    font-size: 16px;
}

.costs-banner .pool-calculator-expenses--green::before {
    width: 25.5%;
}

/*-------------------------------
      Video section (Pooltube)
  ---------------------------------*/

.video-section {
    padding: 15px 0 25px;
}

#listing .video-section .container {
    padding-left: 0;
    padding-right: 0;
}

.videos {
    display: flex;
}

.video-column {}

.video-column--primary {
    /*width: 890px;*/
    width: 76%;
}

.video-column--secondary {
    /*width: 280px;*/
    width: 24%;
}

.video:not(html) {
    height: 540px;
    position: relative;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.video:not(html)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, rgba(23, 31, 79, 0.69) 17.02%, rgba(23, 31, 79, 0.00) 68.07%);
}

.video-image {
    object-fit: cover;
    width: 890px;
    height: 540px;
}

.video-mount {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-content {
    padding: 30px 20px 30px 40px;
    z-index: 9;
}

.video-iframe {
    z-index: 12;
}

.video-title {
    max-width: 565px;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 135%;
}

.video-play {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: none;
    background: transparent;
    font-size: 0;
}

.video-play-icon {
    fill: #e85051;
    transition: fill 0.2s ease-out;
}

.video-play-icon:hover {
    fill: #cc3f40;
}

.video-item-play-icon {
    fill: #5a99f6;
    transition: fill 0.2s ease-out;
}

.video-description {
    position: relative;
    padding: 20px 25px;
    background: #171f4f;
}

.video-text {
    color: #fff;
    font-size: 13px;
    line-height: 140%;
}

.video-text a {
    color: #e85051;
    font-weight: 700;
    line-height: 140%;
    text-decoration-line: underline;
}

.video-text a:active,
.video-text a:focus {
    color: #e85051;
}

.video-list {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.video-item {
    display: flex;
    align-items: center;
    position: relative;
    height: 135px;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
}

.video-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.85;
    background: linear-gradient(120deg, #171f4f 17.02%, #313c80 68.07%);
    transition: opacity 0.2s ease-out;
}

.video-item:hover {
    text-decoration: none;
}

.video-item:hover::before {
    opacity: 0.6;
}

.video-item:hover .video-item-play-icon {
    fill: #e85051;
}

.video-item-content {
    display: flex;
    align-items: center;
    padding: 25px 30px;
    transition: opacity 0.2s ease-out;
}

.video-item-title {
    position: relative;
    max-width: 178px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 135%;
    text-transform: capitalize;
}

.video-item-play {
    margin-left: 15px;
}

.video-item-image {
    width: 100%;
    height: 135px;
    object-fit: cover;
    object-position: center center;
}

.video-item--all {
    justify-content: center;
    flex-grow: 1;
    height: auto;
    background: #e85051;
    transition: background 0.2s ease-out;
}

.video-item--all:hover {
    background: #cc3f40;
}

.video-item--all .video-item-title {
    max-width: none;
    font-size: 16px;
    text-transform: uppercase;
}

.video-item--all::before {
    display: none;
}

.video-loading .video-content,
.video-loading .video-image,
.video-loading .video-text,
.video-loading .video-item-content {
    opacity: 0;
}

.video-loading .video::after,
.video-loading .video-description::after,
.video-item.video-loading::after {
    content: "";
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    border: 4px solid #e85050;
    border-right-color: transparent;
    display: inline-block;
    border-radius: 50%;
    animation: 1.75s linear infinite spinner-border;
}

.video-loading .video-description::after {
    width: 26px;
    height: 26px;
    margin-top: -13px;
    margin-left: -13px;
}

/*-------------------------------
      Metadata (Story card etc)
  ---------------------------------*/

.metadata {
    display: flex;
}

.metadata-item {
    display: flex;
}

.metadata-item-icon {
    margin: 0 8px 0 0;
}

.metadata-item-title {
    font-size: 13px;
    font-weight: 600;
    line-height: 140%;
}

.metadata-item-count {}

/*-------------------------------
      Story (Learn Center)
  ---------------------------------*/

.badge-mark {
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 132%;
    text-transform: uppercase;
    width: 79px;
    height: 79px;
    background: url("/assets/images/story/badge-mark.svg") no-repeat center/contain;
}

.badge-mark--danger {
    background: url("/assets/images/story/badge-mark-danger.svg") no-repeat center/contain;
}

.badge-mark--lg {
    width: 165px;
    height: 165px;
    font-size: 23px;
    font-weight: 600;
    line-height: 132%;
}

.story-section {
    padding: 30px 0 60px;
}

.story-section-category {
    padding: 0 0 50px;
}

.story-section-category+.story-section {
    display: none;
}

.story-section-category+.story-section+.join-newsletter {
    display: none;
}

.story-section-category h1.section-title {
    margin-bottom: 15px;
}

.story-section-category .browse-tabs {
    margin-bottom: 30px;
}

.stories {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}

.story {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    transition: 0.2s ease-out;
}

.story:hover {
    color: #000;
    text-decoration: none;
}

.story:not(.story--secondary)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, rgba(23, 31, 79, 0.91) 17.02%, rgba(23, 31, 79, 0.00) 68.07%);
}

.story--lg {
    height: 388px;
    grid-column: span 2;
}

.story--sm {
    width: 410px;
    height: 388px;
}

.story--xs {
    display: flex;
    flex-direction: column;
    padding: 30px 20px 30px 40px;
    min-height: 158px;
}

.story--secondary {
    color: #171f4f;
    background: #f4f4f4;
}

.story--secondary:hover {
    color: #fff;
    background: #171f4f;
}

.story-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.story-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 30px 20px 39px 40px;
}

.story-title {
    margin: 0 0 21px 0;
    max-width: 321px;
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
}

.story-title-arrow {
    display: inline-block;
    position: relative;
    padding: 0 21px 0 0;
}

.story-title-arrow::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 16px;
    height: 15px;
    background: url("/assets/images/arrow-right.svg") no-repeat center;
    background-size: contain;
}

.story-text {
    margin-bottom: 10px;
    max-width: 351px;
    font-size: 13px;
    line-height: 140%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.story-link {
    margin-top: auto;
    /*text-transform: uppercase;*/
}

.story-link:hover {
    text-decoration: none;
}

.story--xs .story-title {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
}

.story--secondary .story-text {
    font-size: 13px;
    line-height: 140%;
}

.story--sm .story-text {
    max-width: 270px;
}

.stories--lg {}

.stories--lg .story--sm:nth-child(3) {
    grid-row: span 2;
}

.stories--lg .story:nth-child(1) {
    order: 1;
}

.stories--lg .story:nth-child(2) {
    order: 2;
}

.stories--lg .story:nth-child(3) {
    order: 5;
}

.stories--lg .story:nth-child(4) {
    order: 3;
}

.stories--lg .story:nth-child(5) {
    order: 4;
}

.stories--lg .story:nth-child(6) {
    order: 6;
}

.stories--lg .story:nth-child(7) {
    order: 7;
}

.story-button {
    display: none;
    margin: 5px auto 0;
    font-size: 14px;
    text-transform: uppercase;
}

.story-metadata {
    margin-top: auto;
}

.story--lg .story-metadata,
.story--sm .story-metadata {
    flex-direction: column;
}

.story--lg .metadata-item+.metadata-item,
.story--sm .metadata-item+.metadata-item {
    margin: 10px 0 0;
}

.story--xs .metadata-item+.metadata-item {
    margin: 0 0 0 20px;
}

.story-metadata+.story-link {
    margin-top: 18px;
}

.stories-popular {
    gap: 24px;
}

.stories-popular .story--lg {
    height: 404px;
}

.stories-popular .story-title {
    max-width: 565px;
}

.story-figure-list {}

.story-figure {
    display: flex;
    background: #f4f4f4;
    border-radius: 4px;
}

.story-figure:hover {
    text-decoration: none;
}

.story-figure+.story-figure {
    margin-top: 8px;
}

.story-figure-header {
    flex: 0 0 95px;
}

.story-figure-image {
    border-radius: 4px;
}

.story-figure-body {
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 24px;
    color: #171f4f;
    font-size: 14px;
    font-weight: 600;
    line-height: 140.5%;
}

.story-post {}

.posts {}

.post {}

.post-header {
    display: block;
    height: 233px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.post-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, rgba(23, 31, 79, 0.89) 17.02%, rgba(23, 31, 79, 0.00) 68.07%);
}

.post-header:hover img {
    opacity: 1;
    text-decoration: none;
}

.post-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.post-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 14px 20px;
}

.post-title {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

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

.post-body {
    padding: 15px 0 0;
    display: flex;
    flex-direction: column;
    min-height: 144px;
    color: #303030;
    font-size: 14px;
}

.post-text {
    margin-bottom: 15px;
    line-height: 160%;
}

.post-actions {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
}

.post-link {
    color: #e9504d;
    font-size: 16px;
    font-weight: 600;
    transition: 0.2s ease-out;
}

.post-link:hover,
.post-link:focus {
    color: #e9504d;
    text-decoration: none;
}

.post-metadata {}

.post-metadata .metadata-item-title {
    color: #1e1a4e;
    font-size: 14px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
}

.post-metadata .metadata-item+.metadata-item {
    margin-left: 25px;
}

.post-badge-mark {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.posts-show-more-button {
    margin: 40px auto 0;
    display: block;
    width: 100%;
    height: 35px;
    max-width: 374px;
}

.stories-plate .story-text {
    margin-bottom: 20px;
}

/*-------------------------------
      About Us
  ---------------------------------*/

.about-us-section {}

.about-us {
    padding: 67px 0 216px;
    background: #171f4f;
    color: #fff;
}

.about-us-title {
    color: #fff;
    margin: 0 0 27px 0;
}

.about-us-text {
    margin: 0 0 40px 0;
    text-align: center;
    font-size: 16px;
    line-height: 170%;
}

.about-us-list {
    padding: 0;
    margin: 0;
    display: flex;
    list-style-type: none;
}

.about-us-item {
    width: 19%;
    padding: 90px 0 0;
    position: relative;
}

.about-us-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 62px;
    height: 62px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.about-us-item+.about-us-item {
    margin-left: 1.33%;
}

.about-us-item--tag::before {
    background-image: url("/assets/images/about-us/tag.svg");
}

.about-us-item--thumbs::before {
    background-image: url("/assets/images/about-us/thumbs-up.svg");
}

.about-us-item--car::before {
    background-image: url("/assets/images/about-us/car.svg");
}

.about-us-item--shield::before {
    background-image: url("/assets/images/about-us/shield.svg");
}

.about-us-item--headset::before {
    background-image: url("/assets/images/about-us/headset.svg");
}

.about-us-item-title {
    text-align: center;
    font-size: 14px;
    line-height: 170%;
}

.about-us-item-title strong {
    display: block;
    font-size: 16px;
    font-weight: 700;
}

.about-us-link {
    display: block;
    margin: 20px auto 0;
    text-transform: uppercase;
}

.about-us-rating {
    margin-top: -155px;
}

.about-us-list .owl-dot span {
    width: 10px;
    height: 10px;
    background: #dce2ff;
    border-radius: 50%;
    display: inline-block;
}

.about-us-list .owl-dot.active span {
    background: #4f61b1;
}

.about-us-list .owl-dot {
    padding: 0 4px;
}

.about-us-list .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.about-us-actions {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.about-us-button {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 317px;
    height: 63px;
    line-height: 120%;
    text-transform: uppercase;
}

.about-us-button+.about-us-button {
    margin: 0 0 0 10px;
}

/*-------------------------------
      Plates
  ---------------------------------*/

.plates {
    padding: 20px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 162px;
    gap: 20px;
}

.plate {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 20px 20px 85px;
    height: 140px;
    position: relative;
    border-radius: 4px;
    background: #f4f4f4;
    transition: opacity 0.2s ease-out;
}

.plate::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 47px;
    height: 44px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}

.plate--dsp::before {
    background-image: url("/assets/images/plate/dsp.svg");
}

.plate--gear::before {
    background-image: url("/assets/images/plate/gear-book.svg");
}

.plate--question::before {
    background-image: url("/assets/images/plate/question-comment.svg");
}

.plate-title {
    margin-bottom: 4px;
    font-size: 16px;
    color: #171f4f;
    font-weight: 600;
}

.plate-text {
    font-size: 12px;
    line-height: 130%;
    color: #929292;
}

.plate a {
    color: #4f61b1;
}

.plate a:hover,
.plate a:active,
.plate a:focus {
    color: #4f61b1;
}

a.plate:hover {
    color: #4f61b1;
    text-decoration: unset;
    opacity: 0.8;
}

.plate--reviews {
    padding: 0;
    background: #171f4f;
}

.plate-approved {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.plate-approved img {
    transition: 0.2s ease-out;
}

/*-------------------------------
      Guide
  ---------------------------------*/

.guide-wrapper {}

.guide {}

.guide.active {
    margin-bottom: 14px;
}

.guide .panel {}

.guide .panel {
    border-bottom: 1px solid #d9d9d9;
}

.guide .panel:last-child {
    border-bottom: none;
}

.guide .panel-heading {}

.guide .panel-title {
    margin: 0;
}

.guide .panel-title a {
    display: inline-block;
    padding: 12px 10px 12px 30px;
    position: relative;
    color: #171f4f;
    font-size: 16px;
    font-weight: 700;
}

.guide .panel-title a::before,
.guide .panel-title a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 46%;
    width: 13px;
    height: 3px;
    background: #e35752;
    transition: transform 0.2s ease-out;
}

.guide .panel-title a::after {
    transform: rotate(0);
}

.guide .panel-title a.collapsed::after {
    transform: rotate(90deg);
}

.guide .panel-title a:hover {
    color: #171f4f;
    text-decoration: none;
}

.guide .panel-collapse {
    color: #5b5b5b;
    line-height: 25px;
}

.guide .panel-collapse a {
    color: #4f61b1;
}

.guide .panel-body {
    padding: 0 20px 10px 30px;
}

/*-------------------------------
      Hint Modal
  ---------------------------------*/

.hint {
    margin: 0;
    height: auto;
    color: #171f4f;
}

.hint .hint-close {
    top: 24px;
    right: 24px;
    width: 20px;
    height: 20px;
    background: transparent;
}

.hint-close::before,
.hint-close::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ff5c5c;
}

.hint-close::before {
    transform: rotate(45deg);
}

.hint-close::after {
    transform: rotate(-45deg);
}

.hint-content {
    border-radius: 20px;
    overflow: auto;
}

/*.hint-content.loading::after {
      content: "";
      position: absolute;
      z-index: 99;
      top: 50%;
      left: 50%;
      width: 50px;
      height: 50px;
      margin-top: -25px;
      margin-left: -25px;
      border: 4px solid #e85050;
      border-right-color: transparent;
      display: inline-block;
      border-radius: 50%;
      animation: 1.75s linear infinite spinner-border;
  }*/

.hint-header {
    padding: 20px 30px 11px 30px;
    border: none !important;
}

.hint-title.modal-title,
.hint-title {
    margin-right: 30px;
    font-size: 20px;
    font-weight: 800;
    text-transform: capitalize;
    color: #171f4f;
    line-height: normal;
    font-family: "Montserrat", sans-serif;
}

.hint-body {
    position: relative;
    /*min-height: 400px;*/
    max-height: 562px;
    padding: 0 30px 30px;
    overflow: auto;
    transition: 0.2s ease-out;
    margin-top: -1px;
}

.hint-body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
    z-index: 12;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease-out;
}

.hint-content.loading .hint-body::after {
    opacity: 1;
    visibility: visible;
}

.hint-image {
    margin: 0 auto 12px;
    display: block;
    max-height: 336px;
}

.hint-text {
    font-size: 14px;
    line-height: 140%;
}

.hint-body .holder-pane {
    display: block;
    padding: 0;
    min-height: auto;
}

.hint-footer {
    padding: 0 30px 30px;
}

/*-------------------------------
      Assistance
  ---------------------------------*/

.assistance {
    height: auto;
}

.assistance.modal {
    margin: 0;
    max-width: 610px;
}

.assistance-body {
    min-height: 400px;
    max-height: 562px;
    padding: 0 30px 30px;
    overflow: auto;
    margin-top: -1px;
}

.assistance .assistance-close {
    top: 24px;
    right: 24px;
    width: 20px;
    height: 20px;
    background: transparent;
}

.assistance-header {
    padding: 30px 30px 20px;
    border: none !important;
}

.assistance-content {
    border-radius: 20px;
    overflow: auto;
}

.assistance-title {
    color: #171f4f;
    font-size: 20px;
    font-weight: 800;
    text-transform: capitalize;
    font-family: "Montserrat", sans-serif;
}

.assistance-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 10px;
}

.assistance-columns+.assistance-columns {
    margin-top: 10px;
}

.assistance-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.assistance-info-element {
    margin-top: 10px;
}

.assistance-info-element+.assistance-info-element {
    margin-bottom: 5px;
}

.assistance-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    border: 3px solid #ebebeb;
}

.assistance-time iframe {
    border: 0;
    width: 147px;
    height: 19px;
}

.assistance-social-content {
    max-width: 170px;
    margin-bottom: 4px;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    line-height: 120%;
    text-transform: capitalize;
}

.assistance-social-content a {
    margin-top: 5px;
    color: #fff;
    display: inline-block;
    text-decoration: underline;
}

.assistance-social-content a:active,
.assistance-social-content a:focus {
    color: #fff;
}

.assistance-social {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 28px 20px 20px;
    overflow: hidden;
    border-radius: 4px;
    background: #171f4f;
    min-height: 100px;
    align-items: center;
}

.assistance-social-icon {
    position: relative;
    z-index: 2;
}

.assistance-caption {
    margin-bottom: 2px;
    font-weight: 700;
}

.assistance-text {}

.assistance-notice {
    font-size: 10px;
    line-height: 10px;
    margin-top: 5px;
}

.assistance-social::before {
    content: "";
    position: absolute;
    z-index: 1;
    right: -50px;
    width: 150px;
    height: 174px;
    border-radius: 50%;
    background: #e8504f;
}

/*-------------------------------
      Mobile Navbar
  ---------------------------------*/

.mobile-navbar {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 51px;
    background: #fff;
    filter: drop-shadow(0px -2px 4px rgba(0, 0, 0, 0.07));
    z-index: 9999;
}

.mobile-navbar-list {
    margin: 0;
    padding: 7px 15px 7px 15px;
    display: flex;
    justify-content: space-around;
    height: 100%;
    list-style-type: none;
}

.mobile-navbar-item {
    min-width: 55px;
    text-align: center;
}

.mobile-navbar-link {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 0;
    border: none;
    color: #171f4f;
    background: transparent;
    transition: 0.2s ease-out;
}

.mobile-navbar-link:hover {
    text-decoration: none;
}

.mobile-navbar-link.is-active {
    color: #e8504f;
}

.mobile-navbar-link--menu {
    color: #fff;
}

.mobile-navbar-link--menu::before {
    content: "";
    position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -31px;
    width: 62px;
    height: 62px;
    background: #171f4f;
    border-radius: 50%;
    filter: drop-shadow(0px -2px 4px rgba(0, 0, 0, 0.07));
    transition: 0.4s ease-out;
}

.mobile-navbar-link--menu.is-active::before {
    background: #fff;
}

.mobile-navbar-title {
    display: block;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
}

.mobile-navbar-badge {
    position: absolute;
    display: block;
    top: 6px;
    right: -12px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 140%;
    min-width: 17px;
    background: #e8504f;
}

.mobile-navbar-badge.skeleton::after {
    background: linear-gradient(136deg, #ff0000 -6%, #fb6363 49%, #ff6462 74%);
}

.mobile-navbar-icon {
    margin-bottom: 2px;
    position: relative;
}

.mobile-navbar-icon--cart,
.mobile-navbar-icon--user {
    fill: #171f4f;
}

.mobile-navbar-icon--menu {
    fill: #fff;
}

.mobile-navbar-link--menu.is-active .mobile-navbar-icon--menu {
    fill: #171f4f;
}

/*-------------------------------
      Mobile Nav
  ---------------------------------*/

.mobile-nav {
    display: none;
    position: fixed;
    /*bottom: -160%;*/
    top: 150%;
    width: 100%;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    background: #fff;
    z-index: 9999;
    -webkit-transition: height 0.4s ease, top 0.5s ease-out, -webkit-transform 0.6s ease-out;
    transition: height 0.4s ease, top 0.5s ease-out, -webkit-transform 0.6s ease-out;
    -o-transition: height 0.4s ease, top 0.5s ease-out, transform 0.6s ease-out;
    transition: height 0.4s ease, top 0.5s ease-out, transform 0.6s ease-out;
    transition: height 0.4s ease, top 0.5s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
}

.mobile-nav.is-active {
    top: 0;
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mobile-nav-wrapper {
    padding: 110px 0 51px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.mobile-nav-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 15px;
    height: 109px;
    background: #171f4f;
    z-index: 9;
}

.mobile-nav-close {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    border: none;
    background: transparent;
    transition: 0.2s ease-out;
}

.mobile-nav-back {
    display: none;
    padding: 0;
    font-weight: 600;
    font-size: 12px;
    color: #e8504f;
    border: none;
    background: transparent;
}

.mobile-nav-close:active {
    transform: scale(0.8);
}

.mobile-nav-title {
    margin-bottom: 14px;
    font-size: 20px;
    color: #fff;
    line-height: 120%;
    font-weight: 700;
}

.mobile-nav-title-menu {
    display: block;
    animation: fadeIn 1s;
}

.mobile-nav-title-menu br {
    display: none;
}

.mobile-nav-title-help {
    display: none;
    animation: fadeOut 1s;
}

.mobile-nav-search {}

.mobile-nav-search .search-text {
    width: 100% !important;
    max-width: none !important;
}

.mobile-nav-body {
    padding: 16px 15px 15px;
}

.mobile-nav-menu {}

.mobile-nav-menu-item {
    border-bottom: 1px solid #ececec;
}

.mobile-nav-heading {
    padding: 13px 0;
    position: relative;
    color: #171f4f;
    font-size: 16px;
    line-height: 120%;
    font-weight: 700;
    cursor: pointer;
}

.mobile-nav-heading::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 0;
    width: 16px;
    height: 10px;
    transition: transform 0.3s ease-out;
    background: url("/assets/images/angle-down.svg") no-repeat center;
}

.mobile-nav-menu-item.is-active .mobile-nav-heading::after {
    top: 18px;
    transform: rotate(180deg);
}

.mobile-nav-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    grid-gap: 10px;
    padding: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.2s ease-out;
}

.mobile-nav-menu-item.is-active .mobile-nav-content {
    padding: 7px 0 20px;
    height: auto;
    overflow: auto;
}

.mobile-nav-card {
    display: block;
    padding: 14px 14px 12px 14px;
    border-radius: 4px;
    border: 1px solid #ececec;
    cursor: pointer;
}

.mobile-nav-card:hover {
    text-decoration: none;
}

.mobile-nav-card:hover .mobile-nav-card-image {
    opacity: 0.8;
}

.mobile-nav-card--various {
    padding: 0;
}

.mobile-nav-card--various .mobile-nav-card-title {
    margin-top: 0;
}

.mobile-nav-card--various .mobile-nav-card-image {
    width: 100%;
}

.mobile-nav-card--brand {
    height: 127px;
}

.mobile-nav-card--brand .mobile-nav-card-title {
    margin-top: auto;
}

.mobile-nav-card--danger {
    background: #e8504f;
}

.mobile-nav-card-body {
    padding: 8px 14px;
}

.mobile-nav-card-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
}

.mobile-nav-card-image {
    transition: 0.2s ease-out;
}

.mobile-nav-card-title {
    margin-top: 11px;
    color: #171f4f;
    font-size: 13px;
    line-height: 120%;
    font-weight: 600;
}

.mobile-nav-card-text {
    color: #adadad;
    font-size: 11px;
    font-weight: 600;
    line-height: 140%;
}

.mobile-nav-footer {
    padding: 15px;
}

.mobile-nav-card--danger .mobile-nav-card-title {
    color: #fff;
}

.mobile-nav-offers {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.mobile-nav-offer {
    display: flex;
    justify-content: center;
    position: relative;
    padding: 15px 15px 15px 18px;
    border-radius: 4px;
}

.mobile-nav-offer:hover {
    text-decoration: none;
}

.mobile-nav-offer:hover .mobile-nav-offer-image {
    opacity: 0.9;
}

.mobile-nav-offer--danger {
    background: #e8504f;
}

.mobile-nav-offer--primary {
    background: #171f4f;
}

.mobile-nav-offer--sm {
    justify-content: space-between;
    align-items: center;
    min-height: 51px;
}

.mobile-nav-offer--lg {
    grid-column: span 2;
    flex-direction: column;
    min-height: 100px;
}

.mobile-nav-offer-content {
    max-width: 170px;
}

.mobile-nav-offer-title {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
}

.mobile-nav-offer-title a {
    margin-top: 5px;
    color: #fff;
    display: inline-block;
    text-decoration: underline;
}

.mobile-nav-offer-content .mobile-nav-offer-title {
    margin-bottom: 4px;
    font-weight: 600;
}

.mobile-nav-offer-icon {
    margin-left: 12px;
}

.mobile-nav-offer-icon--percent {}

.mobile-nav-offer-icon--arrows {}

.mobile-nav-offer-text {
    color: #fff;
    font-size: 12px;
    line-height: 130%;
}

.mobile-nav-offer-image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100px;
}

.mobile-nav-submenu {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.mobile-nav.is-active-submenu .mobile-nav-wrapper {
    padding: 70px 0 51px;
}

.mobile-nav.is-active-submenu .mobile-nav-header {
    height: auto;
    background: #fff;
}

.mobile-nav.is-active-submenu .mobile-nav-title {
    color: #171f4f;
}

.mobile-nav.is-active-submenu .mobile-nav-search {
    display: none;
}

.mobile-nav.is-active-submenu .mobile-nav-back {
    display: block;
}

.mobile-nav.is-active-submenu .mobile-nav-footer {
    display: none;
}

.mobile-nav.is-help-mode {}

.mobile-nav.is-help-mode .mobile-nav-wrapper {
    padding: 50px 0 50px;
}

.mobile-nav.is-help-mode .mobile-nav-header {
    background: #fff;
    height: auto;
}

.mobile-nav.is-help-mode .mobile-nav-search {
    display: none;
}

.mobile-nav.is-help-mode .mobile-nav-title {
    margin: 0;
    color: #171f4f;
}

.mobile-nav.is-help-mode .mobile-nav-title-help {
    display: block;
    animation: fadeIn 1s;
}

.mobile-nav.is-help-mode .mobile-nav-title-menu {
    display: none;
    animation: fadeOut 1s;
}

.mobile-nav.is-help-mode .mobile-nav-footer {
    display: none;
}

.mobile-nav-help {
    display: none;
}

.mobile-nav.is-help-mode .mobile-nav-help {
    display: block;
    animation: fadeIn 1s;
}

.mobile-nav.is-help-mode .mobile-nav-menu {
    display: none;
}

.mobile-nav-help-offers {
    margin-bottom: 20px;
}

.mobile-nav-help-offer {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 28px 20px 20px;
    overflow: hidden;
}

.mobile-nav-help-offer::before {
    content: "";
    position: absolute;
    z-index: 1;
    right: -50px;
    width: 174px;
    height: 174px;
    border-radius: 50%;
    background: #e8504f;
}

.mobile-nav-help-offer+.mobile-nav-help-offer {
    margin-top: 10px;
}

.mobile-nav-help-social-icon {
    position: relative;
    z-index: 2;
}

.mobile-nav-help-title {
    margin-bottom: 16px;
    color: #171f4f;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
    text-transform: capitalize;
}

.mobile-nav-help-socials {
    margin: 0 0 20px 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
}

.mobile-nav-help-social {}

.mobile-nav-help-social+.mobile-nav-help-social {
    margin-left: 20px;
}

.mobile-nav-help-social-link {
    display: block;
}


.mobile-nav-help-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    border: 3px solid #ebebeb;
}

.mobile-nav-help-time iframe {
    border: 0;
    width: 147px;
    height: 19px;
}

.mobile-nav-help-contacts {}

.mobile-nav-help-caption {
    margin-top: 20px;
    margin-bottom: 2px;
    font-weight: 700;
}

.mobile-nav-help-text {}

.mobile-nav-help-notice {
    font-size: 10px;
    line-height: 10px;
    margin-top: 5px;
    margin-bottom: 50px;
}

/*-------------------------------
      Hamburger
  ---------------------------------*/

.hamburger {
    padding: 0;
    display: inline-block;
    position: relative;
    width: 22px;
    height: 17px;
    border: 0;
    cursor: pointer;
    background: transparent;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    border-radius: 10px;
}

.hamburger-inner {
    display: inline-block;
    top: 0;
}

.hamburger-inner::before {
    top: 7px;
}

.hamburger-inner::after {
    top: 14px;
}

/*-------------------------------
      Field (form) controls
  ---------------------------------*/

.field-group {
    color: #171f4f;
}

/*.field-group + .field-group {
      margin-top: 10px;
  }*/

.field-group {
    margin-bottom: 10px;
}

.field-label {
    margin-bottom: 4px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
}

.field-label-required {
    color: #e8504f;
}

.field-label-triangle {
    margin-left: auto;
    display: none;
}

.field-input {
    padding: 3px 15px;
    width: 100%;
    height: 42px;
    color: #171f4f !important;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #e9eaef;
    outline: none;
    transition: 0.2s ease-out;
    font-family: "Poppins", sans-serif;
}

.field-input:active {}

.field-input:focus {
    border: 1px solid #171f4f;
    box-shadow: none !important;
}

.field-input:disabled {}

.field-input::-webkit-input-placeholder {
    color: #9d9d9d;
}

.field-input::-moz-placeholder {
    color: #9d9d9d;
}

.field-input:-ms-input-placeholder {
    color: #9d9d9d;
}

.field-input::-ms-input-placeholder {
    color: #9d9d9d;
}

.field-input::placeholder {
    color: #9d9d9d;
}

select.field-input {
    height: 42px;
    cursor: pointer;
    text-align: left;
    color: #171f4f;
    background-position: 95% 16px !important;
    background-repeat: no-repeat !important;
    background-image: url("/assets/images/arrow-down.svg") !important;
}

textarea.field-input {
    padding: 10px 15px;
    height: 82px;
    resize: none;
}

.form-control.field-input {
    padding: 3px 15px;
    font-size: 13px;
    height: 42px;
}

.field-group.has-error .field-input {
    border-color: #e9504d;
}

.field-group.has-error .field-label-triangle {
    display: block;
}

.field-group.has-error .is-error {
    display: none !important;
}

/*-------------------------------
      Notify
  ---------------------------------*/

.notify {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: #f5f5f5;
    border-radius: 4px;
}

.notify-alert {
    margin-right: 8px;
    display: flex;
    align-items: center;
}

.notify-triangle-exclamation {
    margin-right: 20px;
}

.notify-title {
    color: #323232;
    font-size: 14px;
    font-weight: 700;
}

.notify-button {
    text-transform: uppercase;
}

/*-------------------------------
      Navi (message.asp)
  ---------------------------------*/

.navi {}

.navi-list {
    display: grid;
    grid-gap: 10px;
    grid-template-rows: auto;
}

.navi-list+.navi-list {
    margin: 10px 0 0;
}

.navi-list--lg {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.navi-list--sm {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.navi-card {
    display: block;
    padding: 15px 10px 15px 10px;
    border-radius: 4px;
    cursor: pointer;
    color: #171f4f;
    border: 1px solid #ececec;
}

.navi-card:hover,
.navi-card:focus {
    color: #171f4f;
    text-decoration: none;
}

.navi-card:hover .navi-card-img {
    opacity: 0.8;
}

.navi-card-img {
    mix-blend-mode: multiply;
}

.navi-card-title {
    margin: 11px 0 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 120%;
}

.navi-card-description {
    color: #fff;
    font-size: 12px;
}

.navi-card--offer {
    display: flex;
    align-items: center;
    grid-column: span 2;
    color: #fff;
    background: #171f4f;
}

.navi-card--offer .navi-card-img {
    mix-blend-mode: normal;
}

.navi-card--offer:hover,
.navi-card--offer:focus {
    color: #fff;
}

.navi-card--offer .navi-card-img {
    margin-left: 24px;
}

.navi-card--offer .navi-card-title {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: 700;
}

.navi-card--tiny {
    padding: 5px 4px 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f5f5f5;
}

.navi-card--tiny .navi-card-img {
    height: 46px;
}

.navi-card--tiny .navi-card-title {
    margin: 0 5px 0 0;
    font-size: 11px;
}

.navi-card--sale {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e8504f;
}

.navi-card--sale .navi-card-title {
    margin: 0;
    color: #fff;
    font-size: 16px;
}

/*-------------------------------
      Rotator (Global Cut Slider)
  ---------------------------------*/

.rotator {}

.rotator .swiper-container {
    padding: 1px 1px 23px 1px;
}

/*.rotator .swiper-wrapper {
      flex-wrap: nowrap;
  }*/

.rotator .product-item {
    height: auto;
}

.rotator .swiper-pagination {
    line-height: 0;
    bottom: 0 !important;
    display: none;
}

.rotator .swiper-pagination-bullet {
    margin: 0;
    width: 10px;
    height: 10px;
    opacity: 1;
    background: #dce2ff;
}

.rotator .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 8px;
}

.rotator .swiper-pagination-bullet-active {
    background: #4f61b1;
}

/*-------------------------------
      Custom Product Cards
  ---------------------------------*/

.product-cards-wrapper {
    padding: 15px 0;
}

.product-cards {
    display: grid;
    grid-gap: 10px;
    justify-content: center;
}

.product-cards--3 {
    grid-template-columns: repeat(3, minmax(235px, 1fr));
}

.product-cards--4 {
    grid-template-columns: repeat(4, minmax(180px, 1fr));
}

.product-card {
    display: flex;
    flex-direction: column;
    border: 1px solid #f7f7f7;
}

.product-card-header {}

.product-card-image {
    display: block;
    text-align: center;
}

.product-card-body {
    padding: 15px;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #f7f7f7;
}

.product-card-name,
.product-card-info {
    color: #323232;
    font-weight: 800;
    text-transform: uppercase;
}

.product-card-name {
    font-size: 14px;
    letter-spacing: 0.56px;
}

.product-card-name a {
    color: inherit;
}

.product-card-info {
    margin-bottom: 5px;
    font-size: 20px;
    letter-spacing: 0.8px;
}

.product-card-desc {
    margin-bottom: 10px;
    color: #303030;
    font-size: 14px;
}

.product-card-button {
    margin-top: auto;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    text-transform: uppercase;
}

/*-------------------------------
      Banners
  ---------------------------------*/

.board-banner {
    display: flex;
    align-items: center;
    padding: 47px 50px 50px;
    color: #fff;
    background: #171f4f;
    border-radius: 20px;
}

.board-banner-image {
    flex: 0 0 31%;
    margin: 0 40px 0 0;
}

.board-banner-content {
    flex-grow: 1;
}

.board-banner-offer {
    margin-bottom: 3px;
    font-size: 15px;
    color: #5a99f6;
}

.board-banner-title {
    margin-bottom: 7px;
    font-size: 30px;
    font-weight: 700;
    line-height: 33px;
}

.board-banner-text {
    font-size: 15px;
    margin-bottom: 7px;
}

.board-banner-list {
    margin: 0;
    padding: 0 !important;
    display: flex;
    list-style-type: none;
}

.board-banner-list-step {
    counter-reset: board-counter;
}

.board-banner-list-check {
    flex-direction: column;
}

.board-banner-list-item {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
}

.board-banner-list-item::before {
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    background: #5a99f6;
    border-radius: 50%;
}

.board-banner-list-step .board-banner-list-item::before {
    counter-increment: board-counter;
    content: counter(board-counter);
}

.board-banner-list-check .board-banner-list-item::before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADUSURBVHgBjVCxDcIwEHw7CAoQCg2hQq4QdKxAlwZhNoAJwgbABLABIxCYACpo6aDCUCUdKdLmeUciiqIo5CRL5/u79/sZlIAppFmNIgcBFP9ntoR0qohPxtgMOL+xoq41xB1RSUdRYOQpV+UGOkIKRNwTHabNumb8nq03e3YYPM66s4F4IbmfNWtU2kIuAXFFBbC644D4hHShi6TN0+Y4QDMFyY3xTUIR197rcMqOa4Sf+7XRGuiQndKV/z5OIQfxWn3lbvXzSXeaG8qA/iNpAYsizxff6kiQlcMw3wAAAABJRU5ErkJggg==');
    padding-top: 3px;
}

.board-banner-list-step .board-banner-list-item+.board-banner-list-item {
    margin-left: 15px;
}

.board-banner-list-step {}

.board-banner-list-check {}

.board-banner-button {
    margin-top: 14px;
    max-width: none;
    font-size: 14px;
    color: #fff !important;
}

/* Banner Free */

.board-banner-free {
    margin: 0 auto;
    display: block;
    max-width: 770px;
    padding: 0;
    position: relative;
    color: #ebf1fb;
    background: transparent;
}

.board-banner-free .board-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    padding: 47px 50px 50px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 480px;
}

.board-banner-free .board-banner-image {
    margin: 0;
}

.board-banner-free .board-banner-title {
    margin-bottom: 22px;
    font-size: 32px;
    color: #f6df15;
}

.board-banner-free .board-banner-text {
    margin-bottom: 18px;
}

.board-banner-free .board-banner-list-check .board-banner-list-item {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px !important;
}

.board-banner-free .board-banner-list-check .board-banner-list-item:last-child {
    margin-bottom: 0;
}

.board-banner-free .board-banner-list-check .board-banner-list-item::before {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADESURBVHgBnZAxDoJAEEVnSDSx8wgUEi2lpJOb0KiU3kCPQGnsPIF6Au0gNtpbuEewM4bIuLuBxEU37PKrv5t5P/MHoYVGceq+CY/CO2CpL9gVb7Rg6zDLkULjABXGa97rhizxH0YBOlhW8ObZXRixDlsHzAYWqo7odviQNz2PbWAZkL+ePu+xl0NOcRnOskUdJoDTP1hWqMwgTldIuCy/E6AiAsQ+EG1vmyACjZQjqiFcDfBPQBkywQJ23B6aYK1Ef9PZDxjLalLO4IOcAAAAAElFTkSuQmCC");
    padding-left: 3px;
    width: 16px;
    height: 16px;
    background: #f6df15;
}

.board-banner-free .board-banner-list-step .board-banner-list-item::before {
    font-size: 13px;
    font-weight: 900;
}

.board-banner-free .board-banner-button {
    margin-top: 22px;
    max-width: 298px;
}

.board-banner-genius {}

.board-banner-genius .board-banner-offer {
    color: #ebf1fb;
    font-weight: 700;
}

.board-banner-genius .board-banner-text {
    max-width: 305px;
}

.board-banner-genius .board-banner-list-item::before {
    color: #2567c8;
    background: #f6df15;
}

.board-banner-genius .board-banner-list-step .board-banner-list-item {
    font-size: 16px;
    font-weight: 500;
}

.board-banner-genius .board-banner-list-step .board-banner-list-item+.board-banner-list-item {
    margin-left: 26px;
}

.board-banner-guide .board-banner-content {
    padding: 47px 50px 110px;
}

.board-banner-guide .board-banner-title {
    font-size: 36px;
}

.board-banner-guide .board-banner-title span {
    font-size: 21px;
}

.board-banner-benefits {
    color: #1e1a4e;
}

.board-banner-benefits .board-banner-title {
    margin-bottom: 10px;
    color: #1e1a4e;
}

.board-banner-benefits .board-banner-list {
    display: grid;
    row-gap: 15px;
    column-gap: 29px;
    grid-template-columns: repeat(2, 1fr);
}

.board-banner-benefits .board-banner-list-check .board-banner-list-item {
    margin-bottom: 0;
    text-wrap: nowrap;
}

.board-banner-benefits .board-banner-list-check .board-banner-list-item::before {
    content: url("data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHsSURBVHgBnZPBS1RBHMe/v3m7Lout+UhiFYPXSSLILYK61UpUl9iF6FSH6FQdtP8ggy7d1EMd82C3ApcOQRfLm4j4EEQv6kNdWVTcJysr7vpmnJldn+u6uqtfmMfM/H7zed8Zfj9ClbK5toeMKAlGCUBY5W2bBGyvUPxkmq6DGiIfkG1tNULBjwL4gDMkDwx4exroRqNJq4nxMbVvHEJYKKg2kqiv+xQwnmbSsYnlxfAfubYg4AY0reQkhgaVXg3F5mcj03oh4DDB4iTdWNLN0jkgePPyJtbSIbW0WZ7FHXfUZSwY7L8IpOtGHn/Hp/4riIoxkOhWkycP7uihkhuBfP8xi/aOQuIwLkHkv41KUsnzc811IZGWfRWyjkBl/fw9g55HWzr5xbNbGBluPwG5e2+7EnJMtJ2/ulRRePg61IlvQ9f0/NXrDFK/2pDLBZB4vo7PXxaOn5ZFerl547Z2xLmXqoy9713Fu94VPR8Zjp4OKd3H9h3pljBorDpncqIFfW+70PN4qzZEipNx3QxnHA1Sn+zOlQHGWF914pp8n47OvdoQjkHz0obfTiWQapEm2SLUcHXbPFyMm+S68G8ppRqQF4pxzvlgPYJyUg3xHVUquxu1wL1+guimco3JPnTkSMETo2Zk81+tHxwAuGnPPVcidf0AAAAASUVORK5CYII=");
    padding: 7px 0 0;
    background: transparent;
}

/* Banner Table */

.board-table-wrapper {
    position: relative;
}

.board-table-wrapper::after {
    display: none;
    content: "";
    position: absolute;
    top: 30px;
    right: 0;
    width: 20px;
    height: calc(100% - 20px);
    border-radius: 15px;
    background: linear-gradient(90deg, rgba(217, 217, 217, 0.00) 0%, #bebebe 100%);
}

.board-table-info {
    margin-bottom: 16px;
}

.board-table-info-list {
    display: flex;
}

.board-table-info-item {
    margin: 0 20px 0 0;
    position: relative;
    display: flex;
    align-items: center;
    color: #517254;
    font-size: 12px;
    font-weight: 600;
    line-height: 131%;
    white-space: nowrap;
    text-transform: capitalize;
}

.board-table-info-item:first-child {
    flex-basis: 121px;
}

.board-table-info-item:nth-child(2) {
    flex-basis: 130px;
}

.board-table-info-item:last-child {
    margin: 0;
    flex-grow: 1;
}

.board-table-info-item::before {
    content: "";
    margin-right: 3px;
    display: inline-flex;
    flex: 0 0 20px;
    height: 20px;
    border-radius: 50%;
    background: #dff5d7;
}

.board-table-info-item--success::before {}

.board-table-info-item--danger {
    color: #725951;
}

.board-table-info-item--danger::before {
    background: #f5ded7;
}

.board-table-info-item--scg::before {
    background: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOiSURBVHgBvVdfTxNBEJ+9oyaCkaIgSgJtIwl/YigYRIEE8UFfkfhsFP0C+AmATwAfQGl5VwtvJjxYTISIqC0awNCWFhOEgAoJLQnt7Tmz12t7hR62CL/ketuZ3Znd+bsHUCA8K65hfAagQDDIE6jMiq9hAPWxRlHHAaS+Xkffdh5izBW/Do26GQMbCg+jcJ+iQESWAU+pNmdNDSsKe4Y8nMuRx5ppTa/jaW/eirWTqX+gcKAFmCOXJaRcq7jC78PxYDWTkVOxJLNHcEyYyTCYmsxLu0wu6M61aHN9C95NvhfjrnudUFFZDibwqgBuBmwi0+xSWukLD/p0BZW6zJQWgG48nZviBXW4dGJRms/s+GM1kxDdjYl3PB430IpLNHrJuWIwh9BhVKyq4MfUaTZb9sYzeYD2afpLavzgYQ+Yg9JSQ8rUjKk+OGFwDn59nDqxoqhhWTYvZBRIhO3fOzA/902Mm1qvgfVCKfwLiixsRR+LE1M0y7I0fNRCil56rGVpRaRUpx8FrsBgsuTqpuYUbXY4eWAMcXFANhFxDXCuDsKpgo1IiYRaBqcMzvmOiKZkFzKUt8BiEBbmv0N8Py58equ7TeQp0ZcXQxCLxgS9wVkPVdWXxbwA0peXgmJ9VfUVaGiqOyS31XHqWsLHjLF+fBnSiZQSaPE+Cg0uhUSp9FM0syQdC8nc9GehlOgL80tQXnlRbCQSXDXkeBJh6t00EOlENfRl4PkQRrZHn2EtOw+bG79gC59GZx3YrtaA/+NXwWu/3Sai2Y60aFSrWqSoHCP7Rsd1WFtdh4pLFdlKsWlAf0+NVq9TeYw5bM+c1IoCNje2hFnncOfR3T1xMoPRkj/7SXoCLUBzwqEIumIPYlhObbXVqfmJuOpIbSIlRGWGcjnjnRU+a2yqF/9pE7baGo03NStMSx1K71IVaGIqLOQiPaeLs/wrSeA8oFi74qTR4NR8ODP1AUoxiJxYoUhga0eL4FOQWSwWaE8GXXv3TXRHNaz9+AkBjIfikrPQdbcTjEgfLrNJRFhGxaSopCcb5Gt6smE5YxHuMcF2ZpM4cBHALMPrivlFIE94uaKOSbI0nnkRMLnsjb79D8q9vY4ndw5jmFz21DE4JjCY3Dl5ORloGhB+KRycs4lcPNMGrN3DmB2DwidJko9zJYJbou5izxKDVU8ZkiTZhn29Rf8IwNLYV5DiwzcjAhDbKBN3ZsyGMSq5+X7CFAy0xuCr4OgIFIi/fc17hQSLcdMAAAAASUVORK5CYII=) no-repeat center / contain;
}

.board-table-content {
    overflow: auto;
}

.board-table-content::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    border-radius: 4px;
}

.board-table-content::-webkit-scrollbar-track {
    background: #dbdbdb;
    border-radius: 4px;
}

.board-table-content::-webkit-scrollbar-thumb {
    background: #e8504f;
    border-radius: 4px;
}

.board-table {
    padding: 6px 0 6px 0;
    min-width: 770px;
}

.board-table-head {}

.board-table-body {}

.board-table-line {
    display: flex;
}

.board-table-cell {
    padding: 17px 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    font-weight: 600;
    line-height: 125%;
    flex: 13.33% 0 0;
    font-size: 12px;
    color: #646464;
    background: #f4f4f4;
    border-bottom: 1px solid #ececec;
}

.board-table-cell:nth-child(2n) {
    background: #f1f1f1;
}

.board-table-cell:first-child {
    flex: 20% 0 0;
    background: #171f4f;
    color: #fff;
    font-weight: 500;
    border-bottom: 1px solid #20295f;
}

.board-table-head .board-table-cell:first-child {
    border-bottom: 2px solid #20295f;
    border-radius: 15px 0 0 0;
}

.board-table-head .board-table-cell:last-child {
    border-radius: 0 15px 0 0;
}

.board-table-head .board-table-cell {
    font-weight: 700;
    border-bottom: 2px solid #ececec;
}

.board-table-body .board-table-line:last-child .board-table-cell {
    border-bottom: 0 !important;
}

.board-table-body .board-table-line:last-child .board-table-cell:first-child {
    border-radius: 0 0 0 15px;
}

.board-table-body .board-table-line:last-child .board-table-cell:last-child {
    border-radius: 0 0 15px 0;
}

.board-table-round {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    font-weight: 600;
    line-height: 131%;
}

.board-table-round--success {
    color: #517254;
    background: #dff5d7;
}

.board-table-round--danger {
    color: #725951;
    background: #f5ded7;
}

.board-table-cell--suggest {
    background: #f8f8f8 !important;
}

.board-table-head .board-table-cell--suggest::before,
.board-table-body .board-table-line:last-child .board-table-cell--suggest::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 10px;
    border-radius: 15px;
    background: #f8f8f8;
}

.board-table-head .board-table-cell--suggest::before {
    top: -4px;
}

.board-table-body .board-table-line:last-child .board-table-cell--suggest::before {
    top: auto;
    bottom: -4px;
}

.board-table-text {
    color: #828282;
    font-size: 9px;
    font-weight: 500;
    line-height: 111%;
}

.board-table-cell .board-table-text {
    position: absolute;
    top: 75%;
    text-align: center;
}

.board-table-round--scg::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 33px;
    height: 33px;
    z-index: 3;
    border-radius: 50%;
    background: #dff5d7;
}

.board-table-round--scg.board-table-round--success {
    width: 43px;
    height: 43px;
    background: linear-gradient(319deg, #afdf9e 44.26%, #f0ccc2 88.64%);
}

.board-table-round--scg span {
    z-index: 9;
}

.board-table-round--scg::after {
    content: "";
    position: absolute;
    top: 22px;
    right: -14px;
    z-index: 10;
    width: 30px;
    height: 30px;
    background: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOiSURBVHgBvVdfTxNBEJ+9oyaCkaIgSgJtIwl/YigYRIEE8UFfkfhsFP0C+AmATwAfQGl5VwtvJjxYTISIqC0awNCWFhOEgAoJLQnt7Tmz12t7hR62CL/ketuZ3Znd+bsHUCA8K65hfAagQDDIE6jMiq9hAPWxRlHHAaS+Xkffdh5izBW/Do26GQMbCg+jcJ+iQESWAU+pNmdNDSsKe4Y8nMuRx5ppTa/jaW/eirWTqX+gcKAFmCOXJaRcq7jC78PxYDWTkVOxJLNHcEyYyTCYmsxLu0wu6M61aHN9C95NvhfjrnudUFFZDibwqgBuBmwi0+xSWukLD/p0BZW6zJQWgG48nZviBXW4dGJRms/s+GM1kxDdjYl3PB430IpLNHrJuWIwh9BhVKyq4MfUaTZb9sYzeYD2afpLavzgYQ+Yg9JSQ8rUjKk+OGFwDn59nDqxoqhhWTYvZBRIhO3fOzA/902Mm1qvgfVCKfwLiixsRR+LE1M0y7I0fNRCil56rGVpRaRUpx8FrsBgsuTqpuYUbXY4eWAMcXFANhFxDXCuDsKpgo1IiYRaBqcMzvmOiKZkFzKUt8BiEBbmv0N8Py58equ7TeQp0ZcXQxCLxgS9wVkPVdWXxbwA0peXgmJ9VfUVaGiqOyS31XHqWsLHjLF+fBnSiZQSaPE+Cg0uhUSp9FM0syQdC8nc9GehlOgL80tQXnlRbCQSXDXkeBJh6t00EOlENfRl4PkQRrZHn2EtOw+bG79gC59GZx3YrtaA/+NXwWu/3Sai2Y60aFSrWqSoHCP7Rsd1WFtdh4pLFdlKsWlAf0+NVq9TeYw5bM+c1IoCNje2hFnncOfR3T1xMoPRkj/7SXoCLUBzwqEIumIPYlhObbXVqfmJuOpIbSIlRGWGcjnjnRU+a2yqF/9pE7baGo03NStMSx1K71IVaGIqLOQiPaeLs/wrSeA8oFi74qTR4NR8ODP1AUoxiJxYoUhga0eL4FOQWSwWaE8GXXv3TXRHNaz9+AkBjIfikrPQdbcTjEgfLrNJRFhGxaSopCcb5Gt6smE5YxHuMcF2ZpM4cBHALMPrivlFIE94uaKOSbI0nnkRMLnsjb79D8q9vY4ndw5jmFz21DE4JjCY3Dl5ORloGhB+KRycs4lcPNMGrN3DmB2DwidJko9zJYJbou5izxKDVU8ZkiTZhn29Rf8IwNLYV5DiwzcjAhDbKBN3ZsyGMSq5+X7CFAy0xuCr4OgIFIi/fc17hQSLcdMAAAAASUVORK5CYII=) no-repeat center;
}

/* Comparison Table */
.comparison-table {
    color: #171F4F;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0;
}

.comparison-table-head {
    padding: 24px 30px 27px;
    color: #fff;
    background: #171F4F;
    border-radius: 20px 20px 0 0;
}

.comparison-table-title {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 110%;
}

.comparison-table-text {
    margin: 11px 0 0;
    font-size: 14px;
    line-height: 110%;
}

.comparison-table-section {
    position: relative;
    background: #F8F8F8;
    border-bottom: 1px solid #E6E8F2;
}

.comparison-table-section:last-child {
    border-bottom: 0;
    overflow: hidden;
    border-radius: 0 0 20px 20px;
}

.comparison-table-section::after {
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.comparison-table-section--gas::after {
    background-image: url(data:image/png;base64,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);
}

.comparison-table-section--heat::after {
    background-image: url(data:image/png;base64,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);
}

.comparison-table-section--electric::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAArCAYAAAAOnxr+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAM7SURBVHgBzZlPbhMxFMY/T5J2G26QLotA6g1IBC1iRXoCwgl6hNIbwAmSnKBlhcQfkRukghaWHTZdF8EGlcR9zzOZeDJ2Ynsman6SlfnjSb7xs7/33ApUgPyONiJqM64dH/yPgXiB2KWrQAXIn/gK6S30RjzDg+w7PqKnBB1gYOocoSRyjFZOpDtnyCs5ptaXnxauZ7fL0ggSSW+IYXb4GV36aKXX1yQ0wkv4E4t9jLTzV9n1dYWeaMOXKU5mh/KDGsluejqyPVJHCdRqB5rwZaIJqieLKPlC/JJf5ufi6Xx0Swklz+jCn7wliSzsfHxMYrN+aVOUC32EJ/Blgvezw9wiWuR2Pj2SnwpE2RKwBz9i8Vxb1X9oCtxiRzWJjtavkAjCQx9mSyP9RBzihj64gebmPOwLo8mEh76mzS1XDAIYtfJltoiMaTVIKIW9GZCNRta8XlfTKLlneZmw0NeCvHNou5Wa/w6lz7btZYKKEnmJPj3Zs3YoFiW5AiSEsDkqvEf0DCXxDj3NT7akFvz4rWccI9NC/s/hP0e3g2zpSMs4JmIqojvLOviHXgRVS8uIaaV3VlX6XotJZaNtXK3s6LoVYbOfksgDnK/q6DeioUWyDUeRjFEoGzrvg+QFesrc572rC/sUr11FJj9tokFVjVQ7yz4tN73waKMKJE5slbyNyHL1KD2KxePEMoKL5EVY5D7ewJOCPaU+mYyitmVIBRsXn/xGEajjFGsSyRRHdCsbTc7pI7hQc5q770JFMrkRUgsnsR8OcaxvaemVBmK36HVGyyra05ByfQ8lyIe+obYGs3nYUnuYhBiwTP5VliVxTiPZQ0nyQhP7idOzJmaiaWTFQ0vmiLSpUiTG3+Wp0RVrZtL+nhRTr44l7HsU9nHh4etUpENqdMVs+GxFswqeR3PX8mNb1tGsVCRj9tG6NjejJcZsrksrF8mYhU7Uao+XjabyzmJdykXGYdUiV5LL84v3fuCUmsy1C+99vjNheyaTd3KR8cgvf/sQtmda9E5OjWsUGQyFeZyF+zI8La4V9s6NF8nwnj4V+habDAm8ojbAJsPeyfMT94Dfqud/ev2rpshYK1SotHBP3AE9PSVHTDe3KwAAAABJRU5ErkJggg==);
}

.comparison-table-section--solar::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAArCAYAAAAOnxr+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVXSURBVHgBvVnNbhtVFP7u2E7SJmmtBrUChDTZINQFSST2cZ8As4soi/QJ6gVqu6Ps2JU+QUCiFTuSJ4h5AhsQP2KBHahCqEjl1HEc2+M5PWfujOffdSZxP2mSmXvP3PvNOfeen2vgHKC9exVqPDBfK8cy1BDZShEZYSAjeOIyoB7BoN1xZJ0+loHBsiiUkRGZifLEH7t3ZhrZEUmR0S+tIiPyyAziSZX3oMnu3XsM267rkY112FThO9/cBuTjKsgAhQygxuclGLldZIGtbqnlr6o4I4x0MskLX5szt4WsMGgrbU1TrZy62RI1yiZ8yF1f8K2YsQp7uMMzFHmhrLBGwubMhibPXMVw+C26L4sYHq+AVAmEEs/+pVp5+jD6QvIatdFydb3qXEau4rYnyFpAvwv02oDVB4Z93Z6b4dH5ml0E5hajb5lMapPH3URhFhh0AuNRK4lSymYytvnLHmEc+idA51Bf9nCM4L88XA64xEa4+jbPOBvuLsyx8diwRG6DVU0aJXUzUfN+g3vNWIdo8OgAaP+HTFi8zoTf0eQ9dFmJvWO5a6qVJ8tJr6X7UYPXURRWDzj4PTtJQfs5sP8rW+TUb/O0rBLmHNFJA0W0KSSf/6nX4XlhD0DPfvPJekQpwYIuEok6fhKBly6SpAuVs0F/1TVZxTQMZ7uYVNsoYRKiiX7yxd6FktRMZXsMQf/84TLJef+3mKwZE/cJshadsBfxk7KrD5uYCiwm2mbv8d4HULMFdlNdr0f87Db72R219n3VIUp/3/9BO9oUJ77/y8VrMwBq8W7P5aGWb/Iy6CRIqBaz/MZgkqupJMVtTJGkA4ONag3YG7xIEaAicywbkiQAKW7hpIWpw9DbhNqpczU5oNwyOJNpppKVsDhteLukm2R2TZLXadP5HJfsnZCIhMVpm13gRU7b1leYg0NSbkfuSeeIVB8Jie98ExjFeOi16qPukRSE/ahS/kKhcYnGBWIY0GJQowqhRRsmSuTvfpXD1CEkgxo1AnQo7IlGPTrrVn7xFU3HpgAaDMIN+ULwaTUYTh2igWrRh4Q0Y8pa7QWI5vNhjWoOo3Cq4iVtABI6JYROASQkTwKp3vwi1Fs3kkS1H00lKVhYwlQgm+Y07FXU5YU0aUmSdjkygQs3JIcFqXemYH7qnEpt5DeI2S/Pp0izJyJVD2RPD0r8t+weEpgjuQvOnkjM3QtvIrXEJl9YDJOz8Zhvqmrtu6rTEhsoac1K0nx6znDKbohO2Nz9yE6fuwR1491gSzMYkTzEEufEcHrN5InOsQQGFuhlJ06STa6Wrofb7OGdKEmHF1IQq0K5ZKDGz/xptk5yJyXYt+IEPZKiybDvzFCFwm6GHmfmWNsfcjzmjzjqOBvCcTGW5ScUnLHL+hMTiwbpuHsWkmOr0PTTvKN9EzO8E2cu+1FKyL7/EeigCfz/zCFBOBvUFTmIuBZ37oIxVWjy2VPtUz7GUTVfisXyfKKRK+hLqkbWpEO4fRhPz6IQUvNXoGRnz7wmNBfIVDef7kWbUzTKB1Yh5qQLL7/40lLFq1zE8HXaBfHlpGlDS3dyHSSmVbyrHXLGhGfGPfqE/349KdGik9ESn7iR+hH6VI+DAvHBFtYRjWTiYoTQxBj5SXdcu8xWW2f7ruq5E95IG0rOKtXadivevmG6h7gmsiHRT46bcyzRcaDaZ6VYtjUpNMkqzohMRAX00+0GQlr1w54rwRsSd8MyXF6sPFlDBmT/scGmHfYMd90nNqcVNWeVl8l2aJkQ6siI7D/fYDRp6ppz2rgPXilO9g7eNKi2WaTa7UrSgVZcdsMUWZwDrwAkbVVXL9nbSQAAAABJRU5ErkJggg==);
}

.comparison-table-section--pump::after {
    background-image: url(data:image/png;base64,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);
}

.comparison-table-caption {
    margin: 0;
    position: absolute;
    top: 39px;
    left: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 110%;
}

.comparison-table-list {
    display: flex;
}

.comparison-table-item {
    flex: 0 0 18.5%;
    padding: 99px 4px 27px 4px;
}

.comparison-table-item:first-child {
    flex: 0 0 22.25%;
    padding: 99px 7px 27px 30px;
}

.comparison-table-item:last-child {
    flex: 0 0 22.25%;
    padding: 99px 27px 27px 10px;
}

.comparison-table-item--pros {
    background: rgba(223, 245, 215, 0.25);
    mix-blend-mode: darken;
    padding: 99px 2px 27px 10px;
}

.comparison-table-item--cons {
    background: rgba(245, 222, 215, 0.25);
    mix-blend-mode: darken;
}

.comparison-table-item-title {
    margin-bottom: 23px;
    font-size: 16px;
    font-weight: 700;
    line-height: 110%;
}

.comparison-table-item--pros .comparison-table-item-title {
    color: #517254;
}

.comparison-table-item--cons .comparison-table-item-title {
    color: #725951;
}

.comparison-table-item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

.comparison-table-item-part {
    display: inline-block;
}

.comparison-table-item-part+.comparison-table-item-part {
    margin-top: 21px;
}