/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* START OF INFOQUEST CSS - quest.product.css */
#recycleservicelist {
    margin: 15px 0 !important;
}
.productDetailsRow {
  margin: 40px 0;
}
.left_RadiusCorners {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.right_RadiusCorners {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.productDetails_banner {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 400px;
}
.productDetails_Desc {
  padding: 100px 100px !important;
}
    .productDetails_Desc h3, .productDetails_specs h3, .productDetails_fullWidth_banner h3 {
        font-size: 16px;
    }

.productDetails_fullWidth_banner {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 500px;
  position: relative;
}
.productDetails_fullWidth_banner .Desc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.productDetails_specs_container {
  margin-top: 70px;
  margin-bottom: 50px;
}
.productDetails_specs_container img {
  margin: 0 auto 20px auto;
  width: 100%;
  max-width: 70px;
}
.productDetails_specs {
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
.techFeaturesModule .techFeaturesContainer .cmnProductItem .img_area{
    height:150px;
}

.productDetails_PdfDownloadlink {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 8px;
}
@media (max-width: 991px) {
    .left_RadiusCorners {
    border-bottom-left-radius: 0;
    border-top-right-radius: 8px;
  }
  .right_RadiusCorners {
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
  }
  .changeOrder_banner.left_RadiusCorners {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .changeOrder_banner.right_RadiusCorners {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 768px) {
  .productDetailsRow {
    margin: 30px 0;
  }
  .productDetails_Desc {
    padding: 50px 15px !important;
  }
  .productDetails_fullWidth_banner .Desc {
    width: 90%;
  }
}
@media (max-width: 576px) {
  .productDetails_banner {
    min-height: 300px;
  }
}
@media (max-width: 400px) {
  .productDetails_banner {
    min-height: 250px;
  }
  .productDetails_fullWidth_banner {
    padding: 100px 15px;
    min-height: unset;
  }
  .productDetails_fullWidth_banner .Desc {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }
  .productDetails_specs_container img {
    max-width: 50px;
  }
}


div#SKUGifts li {
    cursor: pointer;
}

    div#SKUGifts li.selected {
        background-color: #DDD;
    }

div#SKUGifts div.giftbtncontainer a.btnCommon.btnAdd {
    display: inline;
}

div#SKUGifts div.giftbtncontainer a.btnCommon.btnRemove {
    display: none;
}

div#SKUGifts div.giftbtncontainer.selected a.btnCommon.btnAdd {
    display: none;
}

div#SKUGifts div.giftbtncontainer.selected a.btnCommon.btnRemove {
    display: inline;
}

.bl_badge {
    background-size: 64px 64px;
    position: absolute;
    left: 45px;
    top: 0px;
    width: 115px;
    height: 70px;
    z-index: 1;
}

.details-page .productDetails.not-available #image-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/App_Themes/YouGR/img/sold-out.png);
    background-size: 70% auto;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}

.productDetails_PdfDownloadlink {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 8px;
}

/* END OF INFOQUEST CSS - quest.product.css */

/*##################################################### MASTERPAGE INLINE CSS ############################################################*/
.lg-backdrop {
    background-color: rgba(230, 230, 230, 0.8) !important;
}

.lg-counter {
    color: black !important;
}

.lg-next, .lg-prev {
    background-color: transparent !important;
    color: black !important;
}

.lg-toolbar .lg-icon {
    color: black !important;
}

.trustmark-badge-close {
    width: 26px !important;
}

@media (max-width:576px) {
    .cartDrawer .cartProducts {
        max-height: 50vh !important;
    }
}

/************AC-Finder*************/
div#zoovu-assistant button.navigation-next-button, div#zoovu-assistant .navigation-skip-button, div#zoovu-assistant .product-button, div#zoovu-assistant .navigation-next-in-progress {
    color: black !important;
    border: medium none !important;
    background: rgb(255, 196, 57) !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    text-transform: unset !important;
    font-family: 'Proxima Nova', sans-serif !important;
}

li.no-megamenu {
    display: none !important;
}

/************Eides prosfata*************/

#recently .productSm {
    height: 180px;
}

    #recently .productSm .inner, #recently_new .productSm .inner {
        height: 100%;
        overflow: hidden
    }

    #recently .productSm .favorite, #recently_new .productSm .favorite {
        left: 7px;
    }

    #recently .productSm img, #recently_new .productSm img {
        width: auto;
        max-width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }

.prDetailsPage #sbl_recommendations[data-widget-uid="sF67hOQJJPpD"] .sbl-container {
    border-bottom: 0 !important;
}

.prDetailsPage #sbl_recommendations {
    position: relative;
    /*margin-bottom: 1.7rem;
    padding-bottom: 1.7em;*/
}

    .prDetailsPage #sbl_recommendations::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 5px;
        width: 100%;
        background: white;
        box-shadow: 0 0 0 100vmax white;
        clip-path: inset(0 -100vmax);
        z-index:2;
    }

@media (max-width:991px) {
    #recently .productSm {
        height: 100px;
    }
}

@media (max-width:768px) {
    #recently .productSm {
        height: 180px;
    }
}

@media (max-width:576px) {
    #recently .productSm {
        height: 130px;
    }
}

@media (max-width:400px) {
    #recently .productSm {
        height: 100px;
    }
}

/*****************Gategory pages small banners******************/

.Desc_bottom_left {
    justify-content: flex-end !important;
}

    .Desc_bottom_left .bot .flexCol_12 h3, .Desc_bottom_left .bot .flexCol_12 p {
        margin-bottom: 0 !important;
    }

/*****************Nav******************/
nav.cd-dropdown {
    top: 73px;
}

@media (max-width:1025px) {
    nav.cd-dropdown {
        top: 70px;
    }
}
/************Brands Icons*************/

.brandsSection .brandItem {
    padding: 15px 15px 20px 15px;
}
    /*σε περιπτωση που επαναφερουμε τα λεκτικα να γινει: padding:15px 15px 65px 15px;*/
    .brandsSection .brandItem:hover {
        background: unset;
    }

    .brandsSection .brandItem span {
        white-space: nowrap;
        display: none;
    }


/*****************Fancybox****************/

.fancybox-button {
    background: #ffc539 !important;
}

    .fancybox-button svg path {
        fill: #2d2c42 !important;
    }

.fancybox-button--arrow_right, .fancybox-button--arrow_left {
    background-color: transparent !important;
}

    .fancybox-button--arrow_right svg path, .fancybox-button--arrow_left svg path {
        fill: white !important;
    }

.fancybox-slide--iframe .fancybox-content {
    background: transparent !important;
}

.fancybox-iframe {
    border-radius: 20px !important;
}

.popup.fancyboxPopUp .content {
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
}

/**********User Box Login Icons**************/


#user-box-logged-in .innerBoxes .innerbox:nth-child(1) img, #user-box-logged-in .innerBoxes .innerbox:nth-child(2) img {
    flex-basis: unset;
    max-width: 100%;
    width: 50px;
    margin: 0 auto;
}

#user-box-logged-in .innerBoxes .innerbox a {
    padding: 5px;
}



/*****************Checkout Tropoi Plirwmis****************/

.checkoutModuleBox .paymentOptions .options .btnFakeRadio {
    max-width: 300px;
}

/***************Footer Trust Marks Logos******************/

.mainFooter .trustMarksLogos .firstRow {
    justify-content: space-evenly !important;
}

/**/
.mainFooter .madeByLogo {
    max-width: unset !important;
}

    .mainFooter .madeByLogo img {
        margin: 0 22px 10px 22px;
        max-height: 56px;
        width: auto;
        display: inline-block;
    }
/***************Wishlist******************/

.cmnProductItem .img_area {
    background-size: contain !important;
}

/**************Cart page**************/

.cartProduct .itemImg {
    height: 150px;
}

    .cartProduct .itemImg img {
        max-height: 100%;
        height: auto;
        width: auto;
        margin: 0 auto;
        max-width: 100%;
    }

/**************Product Details thumbs**************/

.prSliderThumbs .item {
    height: 48px;
}

    .prSliderThumbs .item img {
        width: auto !important;
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
    }

/**************Product List pagination**************/
.pagination ul .page-item a {
    position: relative;
}

    .pagination ul .page-item a img {
        width: 11px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
    }

/**************Checkout CartSummary**************/

.checkoutSummary .items .image {
    height: 54px;
}

    .checkoutSummary .items .image img {
        max-height: 100%;
        max-width: 100%;
        margin: 0 auto;
        width: auto !important;
    }
/**************Product list Περισσοτερα **************/

.pageMoreMenu li.menuMore:hover .drop {
    z-index: 801 !important;
}
/******************Chat icon*****************************/
/*#chatra {
	z-index: 901 !important;
}*/

@media (min-width:768px) {
    #chatra.chatra--pos-right {
        right: 20px !important;
    }
}

#chatra {
    bottom: 77px !important;
}

#chatra__iframe-wrapper {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#chatra:not(.chatra--expanded) > #chatra__iframe-wrapper:hover {
    box-shadow: 0 0 3px rgba(0,0,0,0.1),0 0 15px rgba(0,0,0,0.4) !important;
}


/*@media (max-width:768px){   
  #chatra:not(.chatra--expanded){
      z-index: 900 !important;
  }
}*/
/******************Pop up sakoules dwrou*****************************/

.bagProduct .img {
    overflow: hidden !important;
}
/**************Blog arxiki you**************/

.articleListItem .articleImg {
    height: 250px;
}

/**************Social Login**************/

/**Homepage**/
#oa_social_login_container_mobile {
    float: unset !important;
    max-height: 70px;
    min-height: auto !important;
    margin-top: 10px;
}

    #oa_social_login_container_mobile iframe {
        width: 300px !important;
        display: block;
        margin: 0 auto;
    }

/**Login page**/
#oa_social_login_container iframe {
    width: 300px !important;
    margin: 0 auto;
    display: block;
}
/**Gift Finder**/
.stepScreen .answers .answer .submit {
    background-color: #ffc439 !important;
    background-position: 90% center !important;
    font-weight: 600 !important;
    padding: 35px 0 0 20px !important;
}

.cmnGiftsFilters .btnCommon img {
    width: 18px;
    margin-right: 10px;
}

@media (max-width:1024px) {
    .stepScreen .answers .answer .submit {
        padding: 4px 0 0 0 !important;
        font-size: 12px;
        text-align: center;
    }
}

.new_category_flag {
    font-size: 10px;
    color: white;
    margin-left: 5px;
    letter-spacing: 1px;
    background: #4960f2;
    padding: 4px 8px;
    border-radius: 4px;
}

.hot_category_flag {
    font-size: 10px;
    color: white;
    margin-left: 5px;
    letter-spacing: 1px;
    background: #d7360c;
    padding: 4px 8px;
    border-radius: 4px;
}
/*
.extraInfo span.icon,
.extraInfo span.clrGray,
.diathesimothta span.text > strong,
.diathesimothta span.icon{display:none!important;}
*/

/*div[class*="quest_book"] .extras.diathesimotita-list,
div[class*="quest_book"] li.diathesimothta,*/
div[class*="quest_book"] li.sameDayInfo {
    display: none;
}

/** Userway **/
body .uwy.userway_p3 .uai {
    bottom: 20px !important;
    right: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

#main > div > div > div.container__header.js-header > button > div > svg.header__round-button-icon {
    fill: white !important;
}

body .uwy .uai.uli .ui_b, body .uwy .uai.uli .ups .si_b {
    filter: invert(100%);
}

.userway-widget-container.p1, .userway-widget-container.p2, .userway-widget-container.p3, .userway-widget-container.p5, .userway-widget-container.p6, .userway-widget-container.p7 {
    padding: 15px 15px !important;
}

#accessibilityWidget {
    background-color: #fcbf55;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: block;
    position: fixed;
    right: 20px;
    bottom: 21px;
    cursor: pointer;
    transition: all .2s linear;
    z-index: 99;
}

    #accessibilityWidget:hover {
        box-shadow: 0 0 3px rgba(0,0,0,0.1),0 0 15px rgba(0,0,0,0.4);
    }

@media (min-width:768px) {
    .uwif.userway_p3 {
        margin-left: 40px !important;
    }
}

@media (max-width:576px) {
    .OFTD-wrapper {
        bottom: 20px !important;
    }

    .floatBtnsBottomRight .btnTop {
        bottom: 190px !important;
    }
}

.promoBox .promoPriceEnd,
.promoBox .promoTitle
.bl_badge {
    background-size: 64px 64px;
    position: absolute;
    left: 45px;
    top: 0px;
    width: 115px;
    height: 70px;
    z-index: 1;
}

.openComparePop.compareIndicator {
    display: none;
}
/*##################################################### google-fonts.css ############################################################*/
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*##################################################### owl.carousel.min.css ############################################################*/
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}
/*##################################################### owl.theme.default.min.css ############################################################*/

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

    .owl-theme .owl-nav [class*=owl-] {
        color: #FFF;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #D6D6D6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

        .owl-theme .owl-nav [class*=owl-]:hover {
            background: #869791;
            color: #FFF;
            text-decoration: none
        }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791
    }
/*##################################################### jquery-ui.css ############################################################*/

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

        .ui-controlgroup > .ui-controlgroup-item:focus,
        .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999;
        }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25); /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333333;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited,
        a.ui-button,
        a:link.ui-button,
        a:visited.ui-button,
        .ui-button {
            color: #454545;
            text-decoration: none;
        }

            .ui-state-hover,
            .ui-widget-content .ui-state-hover,
            .ui-widget-header .ui-state-hover,
            .ui-state-focus,
            .ui-widget-content .ui-state-focus,
            .ui-widget-header .ui-state-focus,
            .ui-button:hover,
            .ui-button:focus {
                border: 1px solid #cccccc;
                background: #ededed;
                font-weight: normal;
                color: #2b2b2b;
            }

                .ui-state-hover a,
                .ui-state-hover a:hover,
                .ui-state-hover a:link,
                .ui-state-hover a:visited,
                .ui-state-focus a,
                .ui-state-focus a:hover,
                .ui-state-focus a:link,
                .ui-state-focus a:visited,
                a.ui-button:hover,
                a.ui-button:focus {
                    color: #2b2b2b;
                    text-decoration: none;
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #ffffff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none;
    }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f;
    }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
    }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

/*##################################################### perfect-scrollbar.css ############################################################*/
/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

/*##################################################### common.css ############################################################*/
@charset "UTF-8";
@import "fonts.css";

/************************** CSS RESET **************************/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ul,
nav {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

p {
    line-height: 1.5;
    margin-top: 0px;
}

input {
    outline: none;
}


    input::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }

    input::-ms-reveal {
        display: none;
        width: 0;
        height: 0;
    }

    input::-webkit-search-decoration,
    input::-webkit-search-cancel-button,
    input::-webkit-search-results-button,
    input::-webkit-search-results-decoration {
        display: none;
    }


img:not(.WebPartTypeIcon) {
    display: block;
    width: 100%;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

img.maxWidth {
    display: inline-block;
    width: auto;
    max-width: 100%;
}

.bold {
    font-weight: 700;
}



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

h1,
h2,
h3,
h4 {
}

.hvBold {
    font-weight: 900;
}

b {
    font-weight: 600;
}

.fLight {
    font-weight: 300;
}

.mdOverflowNo {
    overflow: hidden;
}

.overflowNo {
    overflow: hidden !important;
}

button {
    cursor: pointer;
    font-family: 'Proxima Nova', sans-serif;
}

.marg0 {
    margin: 0px;
}

* {
    box-sizing: border-box;
}

ul.dots li {
    position: relative;
    padding: 4px 0px 4px 1rem;
    font-size: 0.875rem;
}

    ul.dots li::before {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 6px;
        height: 6px;
        border-radius: 50rem;
        background-color: #2D2C42;
    }

/************************** VARIABLES **************************/

:root {
    --main-bgColor: #fff;
}


/********************** COMMON  **********************/

.radiusCorners {
    border-radius: 8px;
}

    .radiusCorners .radiusCorners {
        border-radius: 4px;
    }


.maskLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 8;
}

.prodSalesSection .f32 {
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 15px;
}

.amountLabel {
    background-color: #FF814B;
    padding: 5px 15px;
    border-radius: 100px;
}

.shapeImg {
    opacity: 0;
    visibility: hidden;
}

.hozSeperator {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #2D2C42;
    opacity: 0.1;
    margin: 10px 0px;
}

ul.bulletList {
    margin-bottom: 1rem;
}

    ul.bulletList li {
        position: relative;
        padding-left: 16px;
        font-size: 0.875rem;
    }

        ul.bulletList li::before {
            position: absolute;
            top: 8px;
            left: 0;
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 50rem;
            background-color: #2D2C42;
        }

.underline {
    text-decoration: underline;
}

.relative {
    position: relative;
}



/*********************** TEXT FEATURES ***********************/

.bgBlack {
    background-color: #000;
    color: #fff;
}

.bgWhite {
    background-color: #fff;
    color: #2D2C42;
}

.bgGrayDark {
    background-color: #2D2C42;
}

.bgLightGray {
    background-color: #F0F0F2;
}

.bgLightGray2 {
    background-color: #E5E5E5;
}

.bgYellow {
    background-color: #FFC439;
}

.bgOrange {
    background-color: #FF814B;
    color: #fff;
}

.bgBlue {
    background-color: #4960F2;
}

.bgPurple {
    background-color: #B059F3;
}

.bgGreen {
    background-color: #47D08E;
}

.bgRed {
    background-color: #FF764B;
}

.bgBiege {
    background-color: #FFF3D7;
}

.bgGray {
    background-color: #EDEDEF;
}

.bgPurple {
    background-color: #E6E9F8;
}

.bgSustainableFlag {
    background-color: #a2c520;
}

.clrWhite {
    color: #fff;
}

.clrBlack {
    color: #2C2D31;
}

.clrYellow {
    color: #FFC439;
}

.clrBlue {
    color: #4960F2;
}

.clrGray {
    color: rgba(45, 44, 66, 0.5);
}

.clrGreen {
    color: #5CAF96;
}

.clrRed {
    color: #FF764B;
}

.clrGray2 {
    color: #C0C0C6;
}

.clrBlue a {
    color: #4960F2;
}

.clrWhite a {
    color: #fff;
}

.clrBlack a {
    color: #2C2D31;
}

.clrYellow a {
    background-color: #FFC439;
}

.clrOrange {
    color: #FF814B;
}


.clearfix {
    clear: both;
}

.upCase {
    text-transform: uppercase;
}

.hozSpacer {
    margin: 5rem 0px;
}

.hozSpacerv2 {
    margin: 2rem 0px;
}

.hozSpace.space20 {
    height: 20px;
}

.hozSpace.space30 {
    height: 30px;
}

.hozSpace.space40 {
    height: 40px;
}

.hozSpace .inline {
    display: inline-block;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.noFloat {
    float: none;
}

.textCenter {
    text-align: center;
}

.textLeft {
    text-align: left;
}

.textRight {
    text-align: right;
}

.fit-content {
    width: fit-content;
}

.w300 {
    font-weight: 300 !important;
}

.w400 {
    font-weight: 400 !important;
}

.w500 {
    font-weight: 500 !important;
}

.w600 {
    font-weight: 600 !important;
}

.w700 {
    font-weight: 700 !important;
}

.w800 {
    font-weight: 800 !important;
}

.w900 {
    font-weight: 900 !important;
}

hr.graySeperator {
    margin-block: 40px;
    border: solid thin rgba(0,0,0,0.06);
}


/********************** GRID SYSTEM **********************/

.row {
    clear: both;
}

    .row:before {
        content: " ";
        display: table;
        clear: both;
    }

    .row:after {
        content: " ";
        display: table;
        clear: both;
    }



[class*="col_"] {
    padding: 0px 4px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.col_12 {
    width: 100%;
    float: none;
}

.col_11 {
    width: 91.66%;
}

.col_10 {
    width: 83.33%;
}

.col_9 {
    width: 75%;
}

.col_8 {
    width: 66.66%;
}

.col_7 {
    width: 58.33%;
}

.col_6 {
    width: 50%;
}

.col_5 {
    width: 41.66%;
}

.col_4 {
    width: 33.33%;
}

.col_3 {
    width: 25%;
}

.col_2 {
    width: 16.66%;
}

.col_1 {
    width: 8.33%;
}

.col_5th_5 {
    width: 100%;
}

.col_5th_4 {
    width: 80%;
}

.col_5th_3 {
    width: 60%;
}

.col_5th_2 {
    width: 40%;
}

.col_5th_1 {
    width: 20%;
}


.order_12 {
    order: 12;
}

.order_11 {
    order: 11;
}

.order_10 {
    order: 10;
}

.order_9 {
    order: 9;
}

.order_8 {
    order: 8;
}

.order_7 {
    order: 7;
}

.order_6 {
    order: 6;
}

.order_5 {
    order: 5;
}

.order_4 {
    order: 4;
}

.order_3 {
    order: 3;
}

.order_2 {
    order: 2;
}

.order_1 {
    order: 1;
}

.order_0 {
    order: 0;
}



.colCenter {
    margin: 0 auto;
    float: none;
}

.colCustom400 {
    width: 100%;
    max-width: 400px;
}


.colLeft11 {
    margin-left: 91.66%;
}

.colLeft10 {
    margin-left: 83.33%;
}

.colLeft9 {
    margin-left: 75%;
}

.colLeft8 {
    margin-left: 66.66%;
}

.colLeft7 {
    margin-left: 58.33%;
}

.colLeft6 {
    margin-left: 50%;
}

.colLeft5 {
    margin-left: 41.66%;
}

.colLeft4 {
    margin-left: 33.33%;
}

.colLeft3 {
    margin-left: 25%;
}

.colLeft2 {
    margin-left: 16.66%;
}

.colLeft1 {
    margin-left: 8.33%;
}

.flexBlock {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

[class*="flexCol_"] {
    padding: 0px 4px;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.flexCol_12 {
    flex-basis: 100%;
    max-width: 100%;
}

.flexCol_11 {
    flex-basis: 91.66%;
    max-width: 91.66%;
}

.flexCol_10 {
    flex-basis: 83.33%;
    max-width: 83.33%;
}

.flexCol_9 {
    flex-basis: 75%;
    max-width: 75%;
}

.flexCol_8 {
    flex-basis: 66.66%;
    max-width: 66.66%;
}

.flexCol_7 {
    flex-basis: 58.33%;
    max-width: 58.33%;
}

.flexCol_6 {
    flex-basis: 50%;
    max-width: 50%;
}

.flexCol_5 {
    flex-basis: 41.66%;
    max-width: 41.66%;
}

.flexCol_4 {
    flex-basis: 33.33%;
    max-width: 33.33%;
}

.flexCol_3 {
    flex-basis: 25%;
    max-width: 25%;
}

.flexCol_2 {
    flex-basis: 16.66%;
    max-width: 16.66%;
}

.flexCol_1 {
    flex-basis: 8.33%;
    max-width: 8.33%;
}

.flexCol_5th_5 {
    flex-basis: 100%;
    max-width: 100%;
}

.flexCol_5th_4 {
    flex-basis: 80%;
    max-width: 80%;
}

.flexCol_5th_3 {
    flex-basis: 60%;
    max-width: 60%;
}

.flexCol_5th_2 {
    flex-basis: 40%;
    max-width: 40%;
}

.flexCol_5th_1 {
    flex-basis: 20%;
    max-width: 20%;
}


[class*="hgt"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.hgt12 {
    height: 100%;
}

.hgt11 {
    height: 91.66%;
}

.hgt10 {
    height: 83.33%;
}

.hgt9 {
    height: 75%;
}

.hgt8 {
    height: 66.66%;
}

.hgt7 {
    height: 58.33%;
}

.hgt6 {
    height: 50%;
}

.hgt5 {
    height: 41.66%;
}

.hgt4 {
    height: 33.33%;
}

.hgt3 {
    height: 25%;
}

.hgt2 {
    height: 16.66%;
}

.hgt1 {
    height: 8.33%;
}



.noPad {
    padding-left: 0px;
    padding-right: 0px;
}

.noPadLeft {
    padding-left: 0px;
}

.noPadRight {
    padding-right: 0px;
}



/************** CONTAINERS ***************/

.container {
    width: 100%;
    margin: 0 auto;
    max-width: 1800px;
    padding: 0px 96px;
}

.containerNoPad {
    padding: 0px;
}

.container.full {
    max-width: 100%;
}

.container.small {
    max-width: 1280px;
}

.container.medium {
    max-width: 820px;
    padding: 0px 4px;
}

.container.tiny {
    max-width: 620px;
    padding: 0px 4px;
}

.innerContainer {
    position: relative;
    width: 100%;
}


.flexRow {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}

    .flexRow.fullRow {
        justify-content: space-between;
    }

    .flexRow.around {
        justify-content: space-around;
    }

    .flexRow.hozEnd {
        justify-content: flex-end;
    }

    .flexRow.hozCenter, .hozCenter {
        justify-content: center;
    }

    .flexRow.vCenter {
        align-items: center;
        align-content: center;
    }

.vCenter {
    align-items: center;
}

.flexRow.vStart {
    align-items: flex-start;
    align-content: flex-start;
}

.flexRow.vEnd {
    align-items: flex-end;
    align-content: flex-end;
}


/************************ COMMON SECTIONS ************************/

.posRelative {
    position: relative;
}

.cmnModuleWrapper {
    padding: 30px 0px;
}

.cmnModuleWrapperv2 {
    padding: 2rem 0px;
}

.cmnModuleWrapperv3 {
    padding: 0rem 0px 2rem;
}



.borderSeperator {
    border-bottom: 1px solid rgba(45, 44, 66, 0.1);
}

.borderSeperator2 {
    border-bottom: 2px solid rgba(45, 44, 66, 0.1);
}





/************************ COMMON PARTS ************************/

.price .final-price {
    display: block;
    line-height: 1;
}

.price .old-price {
    text-decoration: line-through;
    line-height: 1;
}







/********************** MASKS **********************/

.overMask {
    position: relative;
    z-index: 1;
}

.darkMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 0;
}

.whiteMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 0;
}

.gradWhiteMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+33,0+100 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
}

/********************** ICONS **********************/

.iconLetterCycle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #8F9199;
    color: #8F9199;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border-radius: 50rem;
    vertical-align: middle;
}


/********************** BUTTONS **********************/

a#recycleyes, a#recycleno {
    background: #c0bfc6 !important;
    color: #fff !important;
}

    a#recycleyes:hover, a#recycleno:hover {
        background: #FFC439 !important;
        color: #000 !important;
    }

a.btnCommon,
.btnCommon {
    display: inline-block;
    font-family: 'Proxima Nova', sans-serif !important;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
    color: #2C2D31;
    background-color: #FFC439;
    border-radius: 5px;
    border: none;
    padding: 10px 30px 11px 30px;
    margin-top: 8px;
    margin-bottom: 14px;
    transition: background-color 0.3s ease-out;
}

    .btnCommon.full {
        width: 100%;
    }

    .btnCommon.big {
        height: 60px;
    }

    .btnCommon.blue {
        color: #fff;
        background-color: #4960F2;
    }

    a.btnCommon:hover,
    .btnCommon:hover {
        background-color: #FFD674;
    }

    a.btnCommon.blue:hover,
    .btnCommon.blue:hover {
        background-color: #3A4DEF;
    }

    .btnCommon.v2 {
        background-color: #E6E6E8;
    }

    .btnCommon.full {
        width: 100%;
    }

    .btnCommon.disable {
        opacity: 0.5;
        pointer-events: none;
    }

.cmnSubmit {
    text-transform: uppercase;
    font-weight: bold;
}

.searchSubmit {
    width: 26px;
}

    .searchSubmit svg {
    }

.btnBorder {
    display: inline-block;
    color: #2D2C42;
    padding: 13px 52px 15px 52px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

    .btnBorder.v2 {
        border: 2px solid rgba(0, 0, 0, 0.15);
        font-weight: 700;
    }

    .btnBorder.v3 {
        display: flex;
        align-items: center;
        padding: 10px 30px 11px 30px;
        border-radius: 5px;
        color: #2C2D31;
        border: 2px solid rgba(0, 0, 0, 0.15);
        font-size: 0.875rem;
        font-weight: 600;
        margin: 0 0 14px 0;
        transition: color 0.15s ease-out, border-color 0.15s ease-out;
    }

        .btnBorder.v3:hover {
            border-color: #4960F2;
            color: #4960F2;
        }

.linkStretched {
    position: unset !important;
    font-weight: 700;
    font-size: 0.875rem;
}

.owl-carousel .owl-item .zoom .linkStretched {
    height: 400px;
    display: block;
}

    .owl-carousel .owl-item .zoom .linkStretched img {
        display: block;
        width: auto;
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
    }

.linkStretched::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    background-color: transparent;
}

.btnMore.linkStretched {
    display: inline-block;
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    height: 40px;
    padding: 10px 20px;
    transition: background-color 0.3s ease-out;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: background-color 0.15s ease-in-out;
}

    .btnMore.linkStretched:hover {
        background-color: #FFC439;
    }

.btnSearch {
    display: block;
    width: 24px;
    height: 24px;
}

    .btnSearch svg {
        width: 100%;
    }


a[href^="tel"] {
    color: inherit;
    /* Inherit text color of parent element. */
    text-decoration: none;
    /* Remove underline. */
}

.btnInactive {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

.FooterNewsletterText .btnInactive {
    background: #7688f9 !important;
    color: #2d2c42 !important;
}

.addToCart {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

    .addToCart svg {
        width: 20px;
        height: 20px;
    }

    .addToCart:hover {
        background-color: #FFD674;
    }

.addToCartv2 {
    display: block;
    position: relative;
    margin: 0.5rem 0 1rem 0px;
    padding: 14px 10px 16px 10px;
    border: 0;
    outline: none;
    transition: ease-in-out .3s;
    border-radius: 4px;
    color: #2D2C42;
    background-color: #FFC439;
    font-weight: 600;
    width: 100%;
}

    .addToCartv2:hover {
        background-color: #FFD674;
    }

    .addToCartv2 > span {
        display: block;
        padding-right: 40px;
        text-align: left;
    }

    .addToCartv2 svg, .addToCartv2 img {
        position: absolute;
        width: 20px;
        height: 20px;
        right: 20px;
        top: calc(50% - 10px);
    }

.btnClose {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    z-index: 2;
}

    .btnClose::before {
        content: "";
        position: absolute;
        left: 11px;
        top: -2px;
        width: 2px;
        height: 28px;
        background-color: #fff;
        transform: rotate(-45deg);
    }

    .btnClose::after {
        content: "";
        position: absolute;
        left: 11px;
        top: -2px;
        width: 2px;
        height: 28px;
        background-color: #fff;
        transform: rotate(45deg);
    }

    .btnClose.clrBlack::before,
    .btnClose.clrBlack::after {
        background-color: #2D2C42;
    }

.btnFilters {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 54px;
    border-radius: 4px;
    background-color: #4960F2;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

    .btnFilters img {
        width: 16px;
        margin-left: 6px;
    }

.filterBtnContainer .btnFilters {
    float: right;
    padding-inline: 8px;
}


.btnApply.big {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
    border: none;
    border-radius: 4px;
    background-color: #4960F2;
    padding-left: 1rem;
    padding-right: 1rem;
}

.btnApply.full {
    display: block;
    height: 50px;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border: none;
    border-radius: 4px;
    background-color: #4960F2;
    width: 100%;
    line-height: 50px;
    text-align: center;
}

.btnApply.check {
    position: relative;
    color: #4960F2;
    font-weight: 600;
    font-size: 1rem;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.btnApply.disable {
    opacity: 0.5;
    pointer-events: none;
}

.btnApply.check:after {
    content: url(/App_Themes/YouGR2019/img/iconCheckBlue.svg);
    margin-left: 6px;
}

.btnApply {
    transition: opacity 0.15s ease-in-out;
}

    .btnApply:hover {
        opacity: 0.8;
    }


.btnClear {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border-radius: 4px;
    border: 2px solid rgba(45, 44, 66, 0.3);
    transition: border-color 0.15s ease-in-out;
}


    .btnClear:hover {
        border-color: #4960F2;
    }

    .btnClear img {
        width: 16px;
    }

.btnClearLayout {
    font-size: 0.75rem;
    color: #4960F2;
    vertical-align: middle;
}

    .btnClearLayout span {
        vertical-align: middle;
        font-weight: 700;
    }

    .btnClearLayout img {
        display: inline-block;
        vertical-align: middle;
        margin-left: 12px;
        width: 16px;
    }



.btnSmallSubmit {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 4px;
    background-color: #4960F2;
}

    .btnSmallSubmit img {
        display: inline-block;
        width: 10px;
    }

.btnPlay {
    display: block;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50rem;
    background-image: url('/App_Themes/YouGR2019/img/btnPlay.svg');
    background-repeat: no-repeat;
    background-position: left 23px center;
}

    .btnPlay:hover {
        background-color: #FFC500;
    }

.backRow {
    padding: 2rem;
}

.btnBack {
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    color: #2D2C42;
    font-weight: 700;
}

    .btnBack::before {
        content: url('../img/arrowLeft.svg');
        margin-right: 1rem;
    }


button {
    outline: none;
}

.mainCartItems .backRow {
    display: none;
}


.btnDeletesm {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50rem;
    background-color: #EAEAEC;
}


    .btnDeletesm::before {
        content: "";
        position: absolute;
        top: 11px;
        left: 6px;
        width: 12px;
        height: 2px;
        background-color: #4960F2;
        transform: rotate(45deg);
        transition: background-color 0.15s ease-out;
    }

    .btnDeletesm::after {
        content: "";
        position: absolute;
        top: 11px;
        left: 6px;
        width: 12px;
        height: 2px;
        background-color: #4960F2;
        transform: rotate(-45deg);
        transition: background-color 0.15s ease-out;
    }

    .btnDeletesm:hover::before,
    .btnDeletesm:hover::after {
        background-color: #2D2C42;
    }

.invisible {
    opacity: 0;
    pointer-events: none;
}


.pdfDownload {
    flex: 0 1 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    padding: 0px 1rem;
    border-radius: 4px;
    font-weight: 600;
    border: 2px solid rgba(45, 44, 66, .1);
    color: #2D2C42;
    height: 40px;
    margin: 0.5rem 0px;
}

    .pdfDownload .text {
        margin-right: 1rem;
    }

    .pdfDownload .icon {
        display: inline-block;
        width: 16px;
    }

.btnNavArrow {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    box-sizing: border-box;
    background-color: #FFC439;
    border: 2px solid #FFC439;
    border-radius: 50rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: ease-in-out .1s;
    outline: none;
}

    .btnNavArrow img {
        width: 10px;
    }


.btnAddNew {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    height: 70px;
    padding: 0.5rem;
    border: 2px solid rgba(44, 45, 49, 0.1);
}

    .btnAddNew .text {
        font-size: 0.875rem;
        font-weight: 600;
        color: #4960F2;
    }

    .btnAddNew .icon {
        width: 24px;
    }



.btnBackBorder {
    /*     position: absolute;
    top: 15px;
    left: 15px; */
    display: inline-block;
    color: #2D2C42;
    font-size: 0.75rem;
    font-weight: 600;
    z-index: 2;
    opacity: 1;
    -webkit-transition: ease-in-out opacity .15s;
    -webkit-transition: ease-in-out all .15s;
    transition: ease-in-out all .15s;
    border: solid 1px rgba(45, 44, 66, .2);
    padding: 15px 15px;
    border-radius: 4px;
}

    .btnBackBorder svg {
        color: currentColor;
        width: 16px;
        height: 8px;
    }

.btnGray {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    color: #4960F2;
    background-color: #E3E3E7;
    padding-left: 1rem;
    padding-right: 1rem;
    border: none;
}


/********************** TITLES **********************/

.pageTitle {
    font-size: 2rem;
    text-align: center;
    color: #2D2C42;
    margin: 1.5rem auto 1.5rem auto;
    line-height: 2rem;
}

    .pageTitle span.pageTitle_filters {
        display: block;
        font-size: 13px;
        line-height: 19px;
        margin-top: 20px;
        font-weight: 500;
        opacity: 0.5;
    }

    .pageTitle.fixed span.pageTitle_filters {
        display: none;
    }

labelcategoriestitle {
    display: block;
    width: 100%;
    font-size: 1.25rem;
    text-align: center;
    font-weight: 700;
    color: #2D2C42;
    /* opacity:0.3; */
    padding-bottom: 1rem;
}

    labelcategoriestitle + .pageTitle {
        margin-top: 4px;
    }

.titleSection {
    margin: 30px auto 30px auto;
    text-align: center;
}

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

.cmnModuleWrapper.bgBlack .titleSection,
.bgBlack .titleSection {
    color: #fff;
}

.titleSection.v2 {
    font-size: 1.5rem;
    text-align: left;
    margin: 1.25rem auto;
}

.cmnModuleWrapper .titleSection {
    margin-top: 0px;
    color: #2D2C42;
}

.titleHash {
    position: relative;
    font-size: 2.8vw;
    margin: 25px 0px;
    line-height: 1;
    color: #2D2C42;
}

    .titleHash::before {
        position: absolute;
        top: 1.2vw;
        left: -2vw;
        content: "#";
    }

.boldTitles {
    font-size: 30px;
    color: #2D2C42;
}

    .boldTitles span.highlighted {
        background: rgb(237,237,239);
        background: linear-gradient(180deg, rgba(237,237,239,1) 0%, rgba(237,237,239,1) 48%, rgba(255,196,57,1) 48%, rgba(255,196,57,1) 100%);
    }

.fThin {
    font-weight: 400;
}

.f40 {
    font-size: 2.5rem;
}

.f32 {
    font-size: 2rem;
}

.f28 {
    font-size: 1.75rem;
}

.f26 {
    font-size: 1.625rem;
}

.f24 {
    font-size: 1.5rem;
}

.f20 {
    font-size: 1.25rem;
}

.f14 {
    font-size: 0.875rem;
}

.f13 {
    font-size: 0.8125rem;
}

.f12 {
    font-size: 0.75rem;
}

.titleNmenu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin: 30px 0px 40px 0px;
}

    .titleNmenu h3,
    .titleNmenu .titleSection {
        margin: 0px;
        flex: 0 1 25%;
        white-space: wrap;
        text-align: left;
        display: inline-block;
    }

    .titleNmenu ul {
        flex: 1 0 75%;
        text-align: right;
    }

        .titleNmenu ul li {
            display: inline-block;
            font-size: 0.75rem;
            margin-right: 1.5rem;
            text-transform: uppercase;
        }

            .titleNmenu ul li:last-of-type {
                margin: 0px;
            }

            .titleNmenu ul li a {
                color: #2D2C42;
                opacity: 0.8;
            }

                .titleNmenu ul li a:hover {
                    color: #4960F2;
                }

.titlewithBorder {
    font-size: 2rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(44, 45, 49, 0.1);
}


.customUnderline {
    position: relative;
    display: inline-block;
}

    .customUnderline span {
        position: relative;
        z-index: 2;
    }

    .customUnderline:before {
        content: "";
        position: absolute;
        bottom: 0px;
        height: 6px;
        width: 100%;
        background-color: #FFC439;
        z-index: 1;
    }

.f28 .customUnderline:before {
    height: 1rem;
}



/****************************  FORMs N FIELDS  *****************************/
.inputField:not(.checkBox) {
    position: relative;
    min-height: 75px;
    padding-top: 25px;
    padding-bottom: 25px;
}

    .inputField:not(.checkBox) label {
        position: absolute;
        top: 25px;
        left: 0;
        width: 100%;
        text-align: center;
        height: 25px;
        line-height: 25px;
        font-size: 0.875rem;
        line-height: 25px;
        font-weight: 600;
        transition: all ease-in-out .15s;
        color: rgba(45, 44, 66, 1);
    }

.inputField.hidden {
    display: none;
}

.inputField.leftText input,
.inputField.leftText label,
.inputField.leftText textarea,
.inputField.leftText:not(.checkBox) input,
.inputField.leftText:not(.checkBox) label {
    text-align: left;
}

.inputField:not(.checkBox) input,
.inputField:not(.checkBox) select {
    position: relative;
    /* top: 25px;
    left: 0; */
    width: 100%;
    text-align: center;
    line-height: 25px;
    height: 25px;
    border: 0;
    border-bottom: solid 2px;
    border-color: #C0C0C6;
    z-index: 2;
    background-color: transparent;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    font-weight: 600;
    transition: all ease-in-out .15s;
    color: rgba(45, 44, 66, 1);
    padding: 0 0px 5px 0px;
    font-family: 'Proxima Nova', sans-serif;
}

.inputField textarea {
    position: relative;
    /* top: 25px;
    left: 0; */
    width: 100%;
    text-align: center;
    line-height: 25px;
    height: 50px;
    border: 0;
    border-bottom: solid 2px;
    border-color: #C0C0C6;
    z-index: 1;
    background-color: transparent;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    font-weight: 600;
    transition: all ease-in-out .15s;
    color: rgba(45, 44, 66, 1);
    padding: 0px;
    font-family: 'Proxima Nova', sans-serif;
}

.inputField:not(.checkBox) select {
    padding: 0 0 5px;
    outline: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background: url(/App_Themes/YouGR2019/img/arrowDown.svg) no-repeat right center;
    text-align: left;
}


.inputField select option[value=""] {
    display: none;
}

.inputField input[type="text"]:focus,
.inputField input[type="password"]:focus,
.inputField input[type="email"]:focus,
.inputField input[type="tel"]:focus,
.inputField textarea:focus {
    border-bottom: solid 2px rgba(73, 96, 242, 1);
}

.inputField input[type="text"]:invalid,
.inputField input[type="password"]:invalid,
.inputField input[type="email"]:invalid,
.inputField input[type="tel"]:invalid,
.inputField select:invalid,
.inputField textarea:invalid {
    border: 0;
    border-bottom: solid 2px rgba(255, 129, 75, 1);
    box-shadow: none;
}

.inputField input[readonly]:focus {
    border-bottom: solid 2px #C0C0C6;
}

.inputField input[type="text"]:focus + label,
.inputField input[type="password"]:focus + label,
.inputField input[type="email"]:focus + label,
.inputField input[type="tel"]:focus + label,
.inputField textarea:focus + label,
.inputField input[type="text"].filled + label,
.inputField input[type="password"].filled + label,
.inputField input[type="email"].filled + label,
.inputField input[type="tel"].filled + label,
.inputField input[type="file"].filled + label,
.inputField textarea.filled + label,
.inputField select.filled + label {
    top: 6px;
    font-size: 0.75rem;
    line-height: 15px;
    color: rgba(45, 44, 66, .5);
}

.inputField.required label::after {
    content: "*";
    color: #FFC439;
    display: inline-block;
    margin-left: 3px;
    font-size: 1rem;
}

.inputField.not-required label::after {
    content: "";
    color: #FFC439;
    display: inline-block;
    margin-left: 3px;
    font-size: 1rem;
}

.inputField .errorMessage {
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 0.9375rem;
    padding: 5px;
    opacity: 0;
    transition: ease-in-out opacity .15s;
    width: 100%;
    text-align: left;
    color: rgba(255, 129, 75, 1);
    font-size: 0.75rem;
    font-style: normal;
    z-index: 1;
}

.inputField .infoMessage {
    opacity: 0.5;
    font-size: 0.75rem;
    margin: 4px 0px;
}

.uploadFake input[type="file"] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.fakeInputUpload {
    min-height: 28px;
    padding-top: 4px;
    font-size: 0.875rem;
    font-weight: 500;
    flex: 1 0 auto;
    border-bottom: 2px solid rgba(45, 44, 66, .3);
}

.uploadFake .btnFake {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    font-size: 0.875rem;
    font-weight: 500;
    background-color: #4960F2;
    color: #fff;
    border-radius: 4px;
    margin-left: 1rem;
    z-index: 2;
}


/* .inputField input[type="text"]:invalid+label+.errorMessage,
.inputField input[type="password"]:invalid+label+.errorMessage,
.inputField input[type="email"]:invalid+label+.errorMessage,
.inputField input[type="tel"]:invalid+label+.errorMessage,
.inputField select:invalid+label+.errorMessage,
.inputField textarea:invalid+label+.errorMessage {
    opacity: 1;
} */



/* .inputField.invalid input[type="text"]+label+.errorMessage,
.inputField.invalid input[type="password"]+label+.errorMessage,
.inputField.invalid input[type="email"]+label+.errorMessage,
.inputField.invalid input[type="tel"]+label+.errorMessage,
.inputField.invalid input[type="file"]+label+.errorMessage,
.inputField.invalid select.invalid+label+.errorMessage,
.inputField.invalid textarea+label+.errorMessage {
    position: relative;
    display: block;
    opacity: 1;
} */


.myvalidtr[style~="inline;"] {
    position: relative !important;
    padding-left: 0px;
    padding-right: 0px;
    opacity: 1;
}

.inputField.invalid .errorMessage,
.inputField.invalid .errorMessage,
.inputField.invalid .errorMessage,
.inputField.invalid .errorMessage,
.inputField.invalid .errorMessage,
.inputField.invalid .errorMessage,
.inputField.invalid .errorMessage {
    position: relative;
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    opacity: 1;
}


.inputField.checkBox {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
    overflow: hidden;
}

    .inputField.checkBox input[type="checkbox"] {
        display: none;
    }

    .inputField.checkBox .fakeCheckbox {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 24px;
        height: 24px;
        border-radius: 2px;
        background-color: #C0C0C6;
        margin-right: 8px;
        margin-bottom: 1px;
        float: left;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 12px auto;
        z-index: 2;
    }

    .inputField.checkBox.required .fakeCheckbox {
        background-color: #FFC439;
    }

    .inputField.checkBox .fakeCheckbox.disabled {
        pointer-events: none;
    }

    .inputField.checkBox label {
        position: relative;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        float: left;
        margin-top: 3px;
        width: calc(100% - 40px);
        overflow: hidden;
        z-index: 2;
    }

        .inputField.checkBox label span {
            display: inline-block;
            vertical-align: middle;
            float: left;
            margin-top: 5px;
            width: calc(100% - 40px);
        }

    .inputField.checkBox input[type="checkbox"]:checked + .fakeCheckbox {
        background-color: #4960F2;
        background-image: url('/App_Themes/YouGR2019/img/checkArrow.svg');
    }

    .inputField.checkBox label a {
        color: #4960F2;
    }

.inputField .simpleSelect {
    width: 100%;
    margin-left: 0;
}


.singleInputContainer .hiddenFormContent {
    position: relative;
    max-width: 720px;
    margin: 30px auto 0px auto;
    overflow: hidden;
    display: none;
    padding: 0px 8px;
}

    .singleInputContainer .hiddenFormContent.visible {
    }

    .singleInputContainer .hiddenFormContent p {
        font-size: 0.75rem;
        text-align: left;
    }

        .singleInputContainer .hiddenFormContent p a {
            color: #4960F2;
        }

.inputField.hasBtnChange input {
    padding-right: 6rem;
}

/* input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
} */

.inputLeft {
    padding-left: 0px;
}

.inputRight {
    padding-right: 0px;
}

.btnShowPassword {
    display: block;
    position: absolute;
    right: 27px;
    top: 28px;
    width: 32px;
    height: 16px;
    background-image: url('../img/eye_open.svg');
    background-size: 22px 16px;
    background-repeat: no-repeat;
    background-position: left center;
    opacity: 0.5;
    padding-right: 1rem;
    border-right: 1px solid #2D2C42;
    z-index: 4;
}

    .btnShowPassword.open {
        background-image: url('../img/eye_close.svg');
    }


.inputField.version2 {
    position: relative;
    background-color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 8px 0px;
    min-height: auto;
}

.inputField.disabled {
    opacity: .5;
    pointer-events: none;
}

.inputField.version2 select {
    border: 0;
    min-height: 60px;
    padding: 0px 1rem;
    margin: 0;
    background-position: right 10px center;
    font-size: 1rem;
    line-height: 1.0625rem;
}

    .inputField.version2 select option {
        font-size: 1rem;
        padding: 0px;
    }

.inputField.version2 label {
    top: calc(50% - 13px);
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
}

.inputField.version2 select.filled {
    /* min-height: 75px; */
    /* 	padding-top: 35px;
	padding-bottom: 15px; */
    line-height: 1.5rem;
}

    .inputField.version2 select.filled + label {
        top: 4px;
        font-size: 0.75rem;
        line-height: 15px;
        color: rgba(45, 44, 66, .5);
        font-size: 0.75rem;
        padding-left: 20px;
    }

/********************* FAKE RADIO BUTTONS *********************/


.fakeRadioButtons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
}


    .fakeRadioButtons .options {
        flex-basis: 80%;
        max-width: 80%;
    }

.btnFakeRadio label {
    flex: 1 1 auto;
    font-weight: 500;
    font-size: 0.875rem;
    vertical-align: top;
}


.btnFakeRadio.option {
    position: relative;
    padding: 16px 8px 16px 34px;
    display: inline-block;
    margin-right: 1rem;
}

    .btnFakeRadio.option input {
        position: absolute;
        visibility: hidden;
    }

    .btnFakeRadio.option .border {
        position: absolute;
        left: 0;
        top: 12px;
        width: 24px;
        height: 24px;
        border-radius: 12px;
        border: 12px solid #E6E6E8;
        pointer-events: none;
        z-index: 21;
    }

    .btnFakeRadio.option:hover .border {
        border: 8px solid #E6E6E8;
    }

    .btnFakeRadio.option > input:checked + .border {
        border: 8px solid #4960F2;
    }

.hiddenForm {
    display: none;
}

    .hiddenForm.active {
        display: block;
    }

/********************* SINGLE PAGE INPUT ****************************/

.singleInputContainer {
    margin: 0px auto;
    text-align: center;
}

    .singleInputContainer .inner {
        position: relative;
        max-width: 720px;
        margin: 0 auto;
    }

    .singleInputContainer input[type="email"],
    .singleInputContainer input[type="search"],
    .singleInputContainer input[type="text"] {
        position: relative;
        font-size: 14px;
        width: 100%;
        height: 50px;
        padding: 0px px 0px 60px;
        text-align: center;
        color: #2C2D31;
        border: none;
        font-weight: bold;
        z-index: 2;
        background-color: transparent;
        text-align: center;
        box-shadow: none;
        /*     border-top:3px solid transparent;
    border-bottom:3px solid transparent; */
    }

.FooterNewsletterText .singlePageInput, .FooterNewsletterText .singlePageInput::-webkit-input-placeholder {
    color: white !important;
}

.singleInputContainer input[type="email"]:invalid,
.singleInputContainer input[type="search"]:invalid,
.singleInputContainer input[type="text"]:invalid {
    /*     border-bottom:3px solid red; */
}

.singleInputContainer .inner::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    height: 2px;
    width: 100%;
    background-color: #FFC539;
    z-index: 1;
    border-radius: 5px;
    transition: 0.1s ease-out;
}

.singleInputContainer .newsLtrInputIcon,
.singleInputContainer .formSubmit {
    position: absolute;
    left: 16px;
    bottom: 11px;
    width: 24px;
    height: 24px;
    padding: 0px;
    background-color: transparent;
    border: none;
    color: #2D2C42;
    z-index: 2;
}

    .singleInputContainer .newsLtrInputIcon svg,
    .singleInputContainer .formSubmit svg {
        stroke: currentColor;
        fill: #FFC539;
        width: 20px;
        height: 20px;
    }

.singleInputContainer input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 1;
}

.singleInputContainer input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
}

.singleInputContainer input:-ms-input-placeholder {
    /* IE 10+ */
    opacity: 1;
}

.singleInputContainer input:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
}

.singleInputContainer .newsLtrInputIcon,
.singleInputContainer.focus .formSubmit,
.singleInputContainer.focus input[type="email"],
.singleInputContainer.focus input[type="search"],
.singleInputContainer.focus input[type="text"] {
    color: #fff;
}

.singleInputContainer.focus .FooterNewsletterText .singlePageInput, .singleInputContainer.focus .FooterNewsletterText .singlePageInput::-webkit-input-placeholder {
    color: #4960f2 !important;
}

.singleInputContainer.focus .inner::after {
    height: 100%;
    background-color: white;
}

.singleInputContainer.focus input[type="email"],
.singleInputContainer.focus input[type="search"],
.singleInputContainer.focus input[type="text"] {
    box-shadow: 0px 10px 20px rgba(73, 96, 242, 0.3);
}

.singleInputContainer.focus .newsLtrInputIcon svg,
.singleInputContainer.focus .formSubmit svg {
    fill: #4960f2;
}

.singleInputContainer.pageNewsLtrContainer .newsLtrInputIcon {
    color: #4960F2;
}

.singleInputContainer.pageNewsLtrContainer.focus .newsLtrInputIcon {
    color: #FFC439;
}

.singleInputContainer .errorMsg {
    font-size: 14px;
    color: #ffc439;
    font-weight: 600;
    display: none;
}

    .singleInputContainer .errorMsg.active {
        display: block;
    }

.singleInputContainer .inputField.checkBox .fakeCheckbox {
    background-color: white;
}

.singleInputContainer .inputField.checkBox input[type="checkbox"]:checked + .fakeCheckbox {
    background-color: white;
    background-image: url('/App_Themes/YouGR2019/img/iconCheckBlue2.svg');
}

/************************ BREADCRUMBS ************************/

.breadcrumbs {
    position: relative;
    font-size: 0.75rem;
    margin: 1rem auto;
    z-index: 5;
}

    .breadcrumbs > .container {
        padding: 0px 2rem 0px 1rem;
        margin: 0px;
    }

    .breadcrumbs li {
        display: inline-block;
        padding-right: 5px;
        color: #2D2C42;
    }

        .breadcrumbs li a {
            color: #2D2C42;
        }

            .breadcrumbs li a:hover {
                color: #4960F2;
            }

        .breadcrumbs li::after {
            content: url(/App_Themes/YouGR2019/img/breadArrow.svg);
            margin-left: 7px;
            vertical-align: top;
            line-height: 13px;
        }

        .breadcrumbs li:last-child {
            opacity: 0.5;
        }

.accountPage .breadcrumbs li::after {
    content: url(/App_Themes/YouGR2019/img/breadArrow_white.svg);
}

.breadcrumbs li:last-child::after {
    content: none;
}

/************************ COMMON OWL STYLES ************************/


.owl-stage {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
}


/**********************************************************************/
/****************************  MAIN DIVS  *****************************/


html,
body {
    /* 	height:100%;
	min-height: 100%; */
    font-size: 16px;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    background: var(--main-bgColor);
    font-family: 'Proxima Nova', sans-serif !important;
}

.ie11 body {
    background-color: #fff;
}

.mainWrapper {
    position: relative;
    margin: 0px;
    width: 100%;
    min-height: 100%;
    padding: 90px 0px 0px 0px;
}

    .homePage .mainWrapper,
    .mainWrapper.homePage {
        padding-top: 150px;
    }



/************** MAIN HEADER ***************/

.homePage .mainHeader {
    top: 38px;
}

.mainHeader {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 90px;
    font-size: 0.875rem;
    background-color: #fff;
    border-bottom: 1px solid rgba(44, 45, 49, 0.1);
    box-sizing: border-box;
    z-index: 902;
    transition: height 0.15s ease-out;
    /*     padding:0px 16px; */
}


    .mainHeader.fixed {
        position: fixed;
        top: 0px;
        height: 70px;
    }

    /*.mainHeader.scrollShadow,
    .mainHeader.shadow {
        border: none;
    }

        .mainHeader.scrollShadow > .inner,
        .mainHeader.shadow > .inner {
            box-shadow: 0px 10px 20px rgba(45, 44, 66, 0.1);
        }*/



    .mainHeader > .inner {
        position: relative;
        height: 100%;
        width: 100%;
        padding: 0px 12px;
        z-index: 999;
        background-color: #fff;
    }

    .mainHeader .flexRow {
        height: 100%;
    }


    .mainHeader .headerLeft {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }

    .mainHeader .logo {
        max-width: 170px;
        /* max-width:100px; */
        flex: 1;
        margin: auto;
    }

    .mainHeader.fixed .logo {
        max-width: 170px;
    }

    .mainHeader .btnMenu {
        display: inline-block;
        flex: 0 0 auto;
        background-color: #FFC439;
        color: #2C2D31;
        border-radius: 4px;
        transition: 0.15s ease-out;
        /*     box-shadow: 0px 7px 15px rgba(255, 197, 0, 0.4); */
        box-sizing: border-box;
    }

        .mainHeader .btnMenu:hover {
            background-color: #FFD061;
            box-shadow: 0px 0px 0px rgba(255, 197, 0, 0.4);
        }

        .mainHeader .btnMenu a {
            color: #2C2D31;
        }

        .mainHeader .btnMenu > a {
            display: block;
            text-transform: uppercase;
        }

        .mainHeader .btnMenu .menuLabel,
        .mainHeader .btnMenu .iconMenu {
            display: inline-block;
            vertical-align: top;
        }

    .mainHeader .btnBurger .menuLabel {
        font-weight: 600;
        overflow: hidden;
    }

    .mainHeader .btnBurger.open .menuLabel {
        width: 0px;
    }

    .mainHeader .btnBurger .iconMenu {
        position: relative;
        display: inline-block;
        width: 32px;
        height: 20pxx;
        //border-top:2px solid #2C2D31;
        margin-right: 14px;
    }

    .mainHeader .btnBurger.open .iconMenu {
        margin-right: 0px;
    }

    .mainHeader .btnMenu .iconMenu::before,
    .mainHeader .btnMenu .iconMenu::after {
        transition: 0.15s ease-out;
    }

    .mainHeader .btnMenu .iconMenu::before {
        content: "";
        position: absolute;
        top: 4px;
        left: 0px;
        width: 32px;
        height: 2px;
        background-color: #2C2D31;
    }

    .mainHeader .btnMenu .iconMenu::after {
        content: "";
        position: absolute;
        top: 11px;
        left: 0px;
        width: 32px;
        height: 2px;
        background-color: #2C2D31;
    }

    .mainHeader .iconMenu {
        width: 32px;
        height: 20px;
        vertical-align: middle;
        float: left;
    }

    .mainHeader .btnBurger {
        padding: 16px 20px;
        height: 50px;
        box-sizing: border-box;
        transition: 0.15s ease-out;
    }

        .mainHeader .btnBurger.open {
            background-color: #FFD061;
            border-radius: 4px;
        }

            .mainHeader .btnBurger.open .iconMenu {
                border-color: transparent;
            }

                .mainHeader .btnBurger.open .iconMenu::before {
                    left: 0px;
                    top: 7px;
                    transform: rotate(45deg);
                }

                .mainHeader .btnBurger.open .iconMenu::after {
                    left: 0px;
                    top: 7px;
                    transform: rotate(-45deg);
                }

    /* .mainHeader .btnBurger.open .iconMenu .iconMenuLine:nth-of-type(1){
    transform: rotate(-45deg) translateY(0px) translateX(-10px);   
}

.mainHeader .btnBurger.open .iconMenu .iconMenuLine:nth-of-type(2){
    opacity: 0;
}

.mainHeader .btnBurger.open .iconMenu .iconMenuLine:nth-of-type(3){
     transform: rotate(45deg) translateX(-10px);  
} */

    .mainHeader .headerSearch {
        position: relative;
        margin: 0px 10px;
        max-width: 250px;
    }

.pageSearch .mainHeader .mobSearch,
.pageSearch .mainHeader .headerSearch {
    visibility: hidden;
}

.pageSearch .mainHeader.visibleSearch .mobSearch,
.pageSearch .mainHeader.visibleSearch .headerSearch {
    visibility: visible;
}

.headerSearch input[type="search"],
.headerSearch input[type="text"] {
    position: relative;
    font-size: 14px;
    width: 100%;
    height: 50px;
    padding: 0px 12px 0px 60px;
    text-align: left;
    color: #2C2D31;
    border: none;
    font-weight: bold;
    z-index: 2;
    background-color: transparent;
}

.headerSearch .inner::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    height: 2px;
    width: 100%;
    background-color: #4960F2;
    z-index: 1;
    border-radius: 5px;
    transition: height 0.15s ease-out;
}

.headerSearch.focus .searchSubmit,
.headerSearch.focus input[type="search"],
.headerSearch.focus input[type="text"] {
    color: #fff;
}

.headerSearch.focus .inner::after {
    height: 100%;
}

.headerSearch .searchSubmit {
    position: absolute;
    left: 10px;
    bottom: 12px;
    width: 24px;
    height: 24px;
    padding: 0px;
    background-color: transparent;
    border: none;
    color: #2D2C42;
    z-index: 2;
}

    .headerSearch .searchSubmit svg {
        fill: currentColor;
        width: 20px;
        height: 20px;
    }

.headerSearch input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #2D2C42;
    opacity: 1;
}

.headerSearch input::-moz-placeholder {
    /* Firefox 19+ */
    color: #2D2C42;
    opacity: 1;
}

.headerSearch input:-ms-input-placeholder {
    /* IE 10+ */
    color: #2D2C42;
    opacity: 1;
}

.headerSearch input:-moz-placeholder {
    /* Firefox 18- */
    color: #2D2C42;
    opacity: 1;
}


.headerSearch.focus input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 0;
}

.headerSearch.focus input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 0;
}

.headerSearch.focus input:-ms-input-placeholder {
    /* IE 10+ */
    opacity: 0;
}

.headerSearch.focus input:-moz-placeholder {
    /* Firefox 18- */
    opacity: 0;
}


.headerUserTools {
    color: #2C2D31;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /*     margin-left:auto;
    flex:0 0 auto; */
}

    .headerUserTools .tooltip .tooltiptext {
        background-color: white !important;
        box-shadow: 0 0 7px 2px rgba(0,0,0,0.09);
    }

        .headerUserTools .tooltip .tooltiptext::after {
            border-color: #fff0cd transparent transparent transparent !important;
        }

    .headerUserTools a.btnUser {
        position: relative;
        display: inline-block;
        color: #4960F2;
        transition: 0.15s ease-out;
        padding: 0px 10px;
        cursor: pointer;
    }

        .headerUserTools a.btnUser:hover svg, .headerUserTools a.btnUser:hover span.label {
            transition: 0.15s ease-out;
        }

        .headerUserTools a.btnUser:hover svg, .headerUserTools a.btnUser:hover span.label {
            opacity: 0.5;
        }

        .headerUserTools a.btnUser.btnBasket:hover {
            opacity: 1;
            border-color: #4960F2;
        }

        .headerUserTools a.btnUser > span.label {
            display: inline-block;
            font-weight: 600;
            margin-right: 10px;
        }

.mainHeader .headerUserTools #you_club_lp img {
    margin-top: 10px;
}

.mainHeader .headerUserTools #you_club_lp.tooltip_top .tooltiptext {
    bottom: 70%;
}

.mainHeader .btnProfile {
    margin-left: 28px;
}

.mainHeader .btnEkseliksiParaggelias {
    margin-left: 28px;
}

.mainHeader .btnWishList {
    margin-left: 28px;
}

.mainHeader .btnBasket {
    margin-left: 28px;
}

.ie11 .btnProfile {
    height: 20px;
}

.ie11 .btnWishList {
    height: 20px;
}

.ie11 .btnBasket svg {
    height: 20px;
}

.headerUserTools a.btnUser svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: currentColor;
    stroke: currentColor;
}

.mainHeader a.btnUser .indicator {
    position: absolute;
    bottom: -10px;
    left: 0px;
    width: 100%;
    height: 6px;
}

    .mainHeader a.btnUser .indicator::after {
        position: absolute;
        left: calc(50% - 3px);
        content: "";
        width: 6px;
        height: 6px;
        background-color: #FFC439;
        border-radius: 50rem;
    }

.headerUserTools a.btnUser.btnBasket {
    padding: 13px 15px;
    border-radius: 4px;
    white-space: nowrap;
    border: 1px solid rgba(45, 44, 66, 0.2);
}

.mainHeader a.btnUser .countIndicator {
    color: #2C2D31;
    /*     display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; */
    display: inline-block;
    text-align: center;
    line-height: 21px;
    font-size: 12px;
    font-weight: 600;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    color: #2D2C42;
    border: 2px solid #fff;
    background-color: #FFC439;
    border-radius: 50rem;
}


.mainMenuContainer {
    position: fixed;
    top: 90px;
    left: 0;
    width: 100%;
    height: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    justify-content: space-around;
    align-items: flex-start;
    box-sizing: border-box;
    z-index: 80;
    visibility: hidden;
    overflow: visible;
    transition: height 0.15s ease-in-out;
}

.homePage .mainMenuContainer {
    top: 150px;
}

    .homePage .mainMenuContainer.open {
        height: calc(100vh - 150px);
    }

.mainMenuContainer.open {
    height: calc(100vh - 90px);
    visibility: visible;
}

.fixed .mainMenuContainer.open {
    height: calc(100vh - 70px);
    top: 70px;
}

/* .mainMenuContainer::before{
    content:"";
    position: absolute;
    top:0px;
    left:0px;
    width:calc((100% - 1440px)/2);
    height: 100%;
    background-color:#F1F3F4;
    z-index: 1;
}

.mainMenuContainer::after{
    content:"";
    position: absolute;
    top:0px;
    right:0px;
    width:calc((100% - 1440px)/2);
    height: 100%;
    background-color:#999;
    z-index: 1;
} */

.mainMenuContainer .flexRow {
    position: relative;
    z-index: 2;
}

.menuNavSide {
    position: relative;
    width: 300px;
    height: 100%;
    padding: 30px 0px 30px 20px;
    text-align: right;
    background-color: #ffffff;
}

    .menuNavSide::after {
        content: "";
        position: absolute;
        top: 0;
        right: 12px;
        width: 1px;
        height: 100%;
        background-color: rgba(143, 145, 153, 0.2);
    }


    .menuNavSide .ps__rail-y {
        left: 0px !important;
        right: auto !important;
        opacity: 1;
    }

        .menuNavSide .ps__rail-y:hover .ps__thumb-y {
            background-color: #aaa;
            width: 6px;
        }

        .menuNavSide .ps__rail-y .ps__thumb-y {
            /* hide scrollbar */
            /* opacity: 0; */
        }


    .menuNavSide .mainMenu {
        margin-bottom: 2.5rem;
    }

.mainMenu > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

    .mainMenu > ul > li {
        text-align: left;
    }

        .mainMenu > ul > li > a {
            position: relative;
            display: block;
            color: #2C2D31;
            padding: 12px 30px 14px 20px;
            border-radius: 5px;
            font-size: 1rem;
            font-weight: 600;
            line-height: 1;
            z-index: 8;
        }


            .mainMenu > ul > li > a:hover,
            .mainMenu > ul > li.active > a {
                background-color: #FFC500;
            }

        .mainMenu > ul > li.special {
            margin-bottom: 1.25rem;
        }

            .mainMenu > ul > li.special > a {
                font-size: 1.25rem;
            }

            .mainMenu > ul > li.special.last::after {
                content: "";
                position: absolute;
                width: calc(100% - 32px);
                height: 1px;
                border-bottom: 1px solid rgba(143, 145, 153, 0.5);
            }

        .mainMenu > ul > li > a > span {
            font-size: 0.875rem;
            display: block;
        }

            .mainMenu > ul > li > a > span.new {
                display: inline-block;
                font-size: 0.75rem;
                color: #4960F2;
                text-transform: uppercase;
                margin-left: 10px
            }


/* .mainMenu > ul > li > a:hover::after,
.mainMenu > ul > li.active > a::after{
    position: absolute;
    top:11px;
    right:13px;
    content:"";
    width:8px;
    height: 9px;
    background-image:url('/App_Themes/YouGR2019/img/iconMenuArrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
} */

.subMenuContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    position: fixed;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    left: 300px;
    width: calc(100% - 300px);
    /* width of nav left side*/
    height: 0px;
    opacity: 0;
    z-index: 1;
    padding: 15px;
    transition: opacity 0.15s ease-in-out, height 0.35s ease-in-out;
    overflow: auto;
}

    .subMenuContainer .notFullCols {
        flex-basis: 60%;
        max-width: 60%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }


    .subMenuContainer .notFullCols {
        flex-basis: 100%;
        max-width: 100%;
    }

        .subMenuContainer .notFullCols.fulls1 {
            flex-basis: 80%;
            max-width: 80%;
        }

        .subMenuContainer .notFullCols.fulls2 {
            flex-basis: 60%;
            max-width: 60%;
        }

        .subMenuContainer .notFullCols.fulls3 {
            flex-basis: 40%;
            max-width: 40%;
        }

        .subMenuContainer .notFullCols.fulls4 {
            flex-basis: 20%;
            max-width: 20%;
        }

        .subMenuContainer .notFullCols.fulls1 .menuCol {
            flex-basis: 25%;
            max-width: 25%;
        }

        .subMenuContainer .notFullCols.fulls2 .menuCol {
            flex-basis: 33.33%;
            max-width: 33.33%;
        }

        .subMenuContainer .notFullCols.fulls3 .menuCol {
            flex-basis: 50%;
            max-width: 50%;
        }

        .subMenuContainer .notFullCols.fulls4 .menuCol {
            flex-basis: 100%;
            max-width: 100%;
        }

.homePage .subMenuContainer {
    top: 150px;
}

.homePage .mainMenuContainer.open .subMenuContainer {
    height: calc(100vh - 150px);
}

.subMenuContainer {
    top: 90px;
}

.mainMenuContainer.open .subMenuContainer {
    height: calc(100vh - 90px);
}

.homePage .mainHeader.fixed .mainMenuContainer.open .subMenuContainer,
.mainHeader.fixed .mainMenuContainer.open .subMenuContainer {
    top: 70px;
    height: calc(100vh - 70px);
}

.mainMenu ul > li.special.active > .subMenuContainer {
}

.mainMenu ul > li.active > .subMenuContainer {
    opacity: 1;
    z-index: 2;
}

.subMenuContainer .menuCol {
    position: relative;
    flex-basis: 20%;
    max-width: 20%;
    padding: 15px;
    text-align: left;
    border-radius: 5px;
    height: auto;
    color: #2D2C42;
}

    .subMenuContainer .menuCol.full {
        min-height: 100%;
    }

    .subMenuContainer .menuCol .colImg {
        border-radius: 5px;
        overflow: hidden;
    }

    .subMenuContainer .menuCol h3 {
        font-size: 14px;
        letter-spacing: 0.02rem;
    }

        .subMenuContainer .menuCol h3 a {
            color: #2D2C42;
        }

    .subMenuContainer .menuCol ul > li {
        font-size: 14px;
        font-weight: 500;
        padding: 4px 0px;
        line-height: 1;
    }

        .subMenuContainer .menuCol ul > li a {
            color: #2D2C42;
        }

            .subMenuContainer .menuCol ul > li a:hover {
                color: #4960F2;
                text-decoration: underline;
            }

        .subMenuContainer .menuCol ul > .btnMore,
        .subMenuContainer .menuCol ul > li.colMoreBtn {
            font-weight: bold;
            padding-top: 15px;
        }

            .subMenuContainer .menuCol ul > .btnMore a,
            .subMenuContainer .menuCol ul > li.colMoreBtn a {
                color: #2D59F2;
            }

    .subMenuContainer .menuCol .hover {
        position: absolute;
        left: 0;
        width: 100%;
        padding: 15px;
        /*     display: none; */
        border-radius: 5px;
        background-color: #EDEDEF;
        visibility: hidden;
    }

    .subMenuContainer .menuCol.row1 .hover {
        top: 0;
    }

    .subMenuContainer .menuCol.row2 .hover {
        bottom: 0;
    }

    .subMenuContainer .menuCol:hover {
        z-index: 999;
    }

    .subMenuContainer .menuCol.showHover .hover {
        visibility: visible;
    }

/* .subMenuContainer .menuCol .hover li{
    display: block!important;
} */


.mainMenuContainer .menuLoader {
    position: absolute;
    top: 0;
    left: 300px;
    width: calc(100% - 300px);
    height: 100%;
    background-color: #fff;
    z-index: 6;
    transition: 0.3s ease-out;
}

.mainMenuContainer.ready .menuLoader {
    opacity: 0;
    visibility: hidden;
}


.userToolPop {
    position: absolute;
    right: 20px;
    width: 100%;
    max-width: 375px;
    font-size: 0.875rem;
    border-radius: 8px;
    background-color: transparent;
    z-index: 9001;
    box-shadow: 0px 5px 30px rgba(45, 44, 66, 0.2);
    visibility: hidden;
}

    .userToolPop > .inner {
        position: relative;
        border-radius: 8px;
        background-color: #fff;
        overflow: hidden;
    }

    .userToolPop.open {
        visibility: visible;
    }

    .userToolPop.profile {
    }

        .userToolPop.profile::after {
            content: "";
            position: absolute;
            top: -34px;
            left: 0;
            width: 100%;
            height: 34px;
            background-color: transparent;
        }

.mainHeader.fixed .userToolPop.profile::after {
    top: -24px;
    height: 24px;
}

.userToolPop.profile p {
    margin: 0px;
}

.userToolPop [class*="col_"] {
    padding: 7px 15px;
}

.userToolPop.profile ul {
    margin-bottom: 7px;
}

    .userToolPop.profile ul li {
        font-weight: 600;
        padding: 10px 15px;
    }

.userToolPop.profile h3 {
    padding: 0px 15px;
    color: #4960F2;
    font-weight: 700;
}

.userToolPop.profile a {
    color: #2D2C42;
}

    .userToolPop.profile a:hover {
        color: #4960F2;
    }

.btnSocialLogin {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-weight: 600;
    color: #2D2C42;
    background-color: #EAEAEC;
    padding: 15px 15px;
    border-radius: 4px;
    margin: 10px 0px;
}

    .btnSocialLogin:hover {
        color: #4960F2;
    }

    .btnSocialLogin > span {
    }

    .btnSocialLogin > img {
        width: 20px;
        align-self: center;
    }

.userToolPop.profile .btnCommon {
    box-shadow: 0px 7px 15px rgba(255, 197, 0, 0.4);
}

.userToolPop .leftBtn {
    padding-right: 4px;
}

.userToolPop .rightBtn {
    padding-left: 4px;
}

.userToolPop .btnLogout {
    display: block;
    text-align: center;
    background-color: #F4F4F5;
    padding: 20px 15px 21px 15px;
    margin-top: 20px;
}


.cartDrawer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100vh;
    width: 100%;
    font-size: 0.875rem;
    z-index: 9001;
    background-color: rgba(237, 237, 239, 0);
    transition: background-color 0.15s ease-out;
    visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .cartDrawer.open {
        background-color: rgba(237, 237, 239, 0.85);
        visibility: visible;
    }

        .cartDrawer.open > .inner {
            transform: translate3d(0, 0, 0);
        }

    .cartDrawer > .inner {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 100%;
        width: 100%;
        max-width: 375px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: #F0F0F2;
        transition: transform 0.15s ease-out;
        transform: translate3d(100%, 0, 0);
        box-shadow: 0px 5px 30px rgba(45, 44, 66, 0.2);
    }

    .cartDrawer .cartTitle {
        margin-top: 30px;
        padding: 0px 70px 0px 20px
    }

        .cartDrawer .cartTitle a {
            color: #2D2C42;
        }

        .cartDrawer .cartTitle svg {
            width: 20px;
            height: 20px;
            vertical-align: top;
            margin-right: 5px;
        }

        .cartDrawer .cartTitle img {
            display: inline-block;
            vertical-align: top;
            width: 20px;
            margin-right: 10px;
        }

        .cartDrawer .cartTitle span {
            font-weight: 400;
        }

    .cartDrawer .cartHeader {
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(45, 44, 66, 0.1);
    }

.btnDrawerClose,
.cartClose {
    position: absolute;
    top: 21px;
    right: 28px;
    width: 40px;
    height: 40px;
    border: 2px solid #2D2C42;
    border-radius: 4px;
    opacity: 0.3;
    transition: border-color 0.15s ease-out;
}

    .btnDrawerClose::before,
    .cartClose::before {
        content: "";
        position: absolute;
        top: 17px;
        left: 7px;
        width: 23px;
        height: 2px;
        background-color: #2D2C42;
        transform: rotate(45deg);
        transition: background-color 0.15s ease-out;
    }

    .btnDrawerClose::after,
    .cartClose::after {
        content: "";
        position: absolute;
        top: 17px;
        left: 7px;
        width: 23px;
        height: 2px;
        background-color: #2D2C42;
        transform: rotate(-45deg);
        transition: background-color 0.15s ease-out;
    }

    .btnDrawerClose:hover,
    .cartClose:hover {
        opacity: 1;
        border-color: #4960F2;
    }

        .btnDrawerClose:hover::before,
        .btnDrawerClose:hover::after,
        .cartClose:hover::before,
        .cartClose:hover::after {
            background-color: #4960F2;
        }

.cartDrawer .cartProducts {
    position: relative;
    padding: 10px 1rem 0px 1rem;
    flex: 1 1 auto;
    overflow: auto;
    border-bottom: 1px solid rgba(45, 44, 66, 0.1);
    max-height: 550px;
}




    .cartDrawer .cartProducts .ps__rail-y {
        width: 9px;
        right: auto;
        left: 0px;
        opacity: 1 !important;
    }

    .cartDrawer .cartProducts .ps__thumb-y:hover,
    .cartDrawer .cartProducts .ps__thumb-y {
        width: 3px;
        background-color: #4960F2;
        border-radius: 4px;
    }

.cartProducts.ps:hover .ps__rail-y {
    opacity: 1;
}


.cartDrawer .cartInfo {
    position: relative;
    flex: 1 0 auto;
}

.cartDrawer .product {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px 16px 10px 16px;
    margin-bottom: 8px;
    color: #2C2D31;
    height: 110px;
}

    .cartDrawer .product.solutionPart {
        background-color: #dbf7eb;
    }

.mainCartItems .cartProduct.solutionPart {
    background-color: #dbf7eb;
}

    .mainCartItems .cartProduct.solutionPart .btnDelete,
    .mainCartItems .cartProduct.solutionPart .quantityOptionSm {
        visibility: hidden;
    }

    .mainCartItems .cartProduct.solutionPart.mainSolutionPart .btnDelete {
        visibility: visible;
    }

.cartDrawer .product a {
    color: #2C2D31;
}

.cartDrawer .product .productImg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 30%;
    margin-right: 1rem;
}

.productInfo {
    flex: 1 1 60%;
}

.cartDrawer .product .productImg img {
    max-height: 90px;
    width: auto;
}

.cartDrawer .product h3 {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    flex: 1 0 70%;
    margin: 0px 0px 7px 0px;
    max-width: 195px;
    overflow: hidden;
    height: 43px;
}

.cartDrawer .priceStart {
    font-size: 1rem;
    font-weight: 600;
    margin-right: 7px;
}

.cartDrawer .priceEnd {
    position: relative;
    font-size: 0.75rem;
    font-weight: 600;
}

    .cartDrawer .priceEnd::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -2px;
        width: calc(100% + 4px);
        height: 1px;
        background-color: #2D2C42;
    }


.cartDrawer .product .quantity {
    font-size: 1rem;
    font-weight: 600;
    float: right;
    opacity: 0.3;
}

.cartDrawer .cartInfo {
    padding: 0 1rem;
}

    .cartDrawer .cartInfo ul {
        padding: 0;
        margin-inline: -1rem;
    }

    .cartDrawer .cartInfo li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 1.8rem;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(45, 44, 66, 0.1);
    }

        .cartDrawer .cartInfo li .lbl {
            font-size: 0.875rem;
            font-weight: 600;
            vertical-align: bottom;
            line-height: 1;
        }

        .cartDrawer .cartInfo li .value {
            line-height: 1;
            font-weight: 700;
            font-size: 1.5rem;
        }

    .cartDrawer .cartInfo .extraInfo {
        color: #4960F2;
        padding: 0px 20px;
        margin-top: 20px;
    }

        .cartDrawer .cartInfo .extraInfo .iconInfo {
            float: right;
            height: 20px;
            width: auto;
            margin-left: 5px;
        }

.cartDrawer .cartBtns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    height: 50px;
    margin-top: 20px;
}

    .cartDrawer .cartBtns .toCart {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px 10px;
        border-radius: 4px;
        color: #2C2D31;
        border: 2px solid rgba(0, 0, 0, 0.30);
        font-weight: 600;
        text-align: center;
        width: 50%;
        transition: color 0.15s ease-out, border-color 0.15s ease-out;
    }

        .cartDrawer .cartBtns .toCart:hover {
            border-color: #4960F2;
            color: #4960F2;
        }

    .cartDrawer .cartBtns .toCheckout {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #FFC439;
        color: #2C2D31;
        padding: 0px 20px;
        border-radius: 4px;
        font-weight: 600;
        flex: 1 0 auto;
        margin-left: 8px;
        transition: background-color 0.15s ease-out, box-shadow 0.15s ease-out;
        box-shadow: 0px 7px 15px rgba(255, 197, 0, 0.4);
    }

        .cartDrawer .cartBtns .toCheckout:hover {
            background-color: #FFD061;
            box-shadow: 0px 0px 0px rgba(255, 197, 0, 0.4);
        }

.product_services {
    margin-top: -12px;
    padding: 15px 16px 10px 16px;
}

    .product_services .divider {
        width: 90%;
        position: absolute;
        height: 2px;
        background: black;
        top: 0;
        opacity: 0.1;
    }

    .product_services .miniCart_productDelete {
        top: 10px;
    }
/************** GENERAL FILTERS ***************/


.filterDrawer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100vh;
    width: 100%;
    font-size: 0.875rem;
    z-index: 9001;
    background-color: rgba(237, 237, 239, 0);
    transition: background-color 0.15s ease-out;
    visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .filterDrawer.open {
        background-color: rgba(237, 237, 239, 0.85);
        visibility: visible;
    }

        .filterDrawer.open > .inner {
            transform: translate3d(0, 0, 0);
        }

    .filterDrawer > .inner {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 100%;
        width: 100%;
        max-width: 375px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: #fff;
        padding-top: 82px;
        padding-bottom: 88px;
        transition: transform 0.15s ease-out;
        transform: translate3d(100%, 0, 0);
        box-shadow: 0px 5px 30px rgba(45, 44, 66, 0.2);
    }

        .filterDrawer > .inner > .header {
            position: absolute;
            top: 0px;
            right: 0px;
            width: 100%;
            height: 82px;
            border-bottom: 1px solid rgba(45, 44, 66, 0.1);
        }

            .filterDrawer > .inner > .header h3 {
                margin-top: 30px;
                padding: 0px 70px 0px 20px;
            }

    .filterDrawer .filtersContainer {
        position: relative;
        height: 100%;
        padding: 0px 0px 0px 24px;
        flex: 1 0 auto;
        z-index: 2;
    }

        .filterDrawer .filtersContainer ul {
            margin-top: 1.5rem;
        }

        .filterDrawer .filtersContainer li {
            position: relative;
            font-size: 0.875rem;
            font-weight: 600;
            padding: 12px 0px;
            border-bottom: 1px solid rgba(45, 44, 66, 0.1);
        }

            .filterDrawer .filtersContainer li a {
                position: relative;
                display: block;
                padding-right: 60px;
                color: #2D2C42;
            }

                .filterDrawer .filtersContainer li a::after {
                    position: absolute;
                    top: 5px;
                    right: 36px;
                    content: "";
                    width: 16px;
                    height: 8px;
                    background-image: url("../img/arrowFilterRight.svg");
                    background-size: contain;
                    background-repeat: no-repeat;
                    opacity: 0.2;
                }

                .filterDrawer .filtersContainer li a:hover::after {
                    opacity: 1;
                }

            .filterDrawer .filtersContainer li .selectedItems {
                display: inline-block;
                float: right;
                font-size: 12px;
                opacity: 0.5;
                max-width: 120px;
                white-space: nowrap;
                overflow: hidden;
            }

    .filterDrawer > .inner .btns {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 88px;
        padding: 0px 24px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 5;
    }

        .filterDrawer > .inner .btns .btnApply.big {
            flex: 1 0 auto;
            margin-right: 12px;
        }


    .filterDrawer .subfilter {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: calc(100% - 88px);
        padding-top: 88px;
        background-color: #fff;
        z-index: 5;
        transform: translate3d(100%, 0, 0);
        transition: transform 0.15s ease-in-out;
    }

        .filterDrawer .subfilter.open {
            transform: translate3d(0, 0, 0);
        }

.filterHeader {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 82px;
    border-bottom: 1px solid rgba(45, 44, 66, 0.1);
}

.filterDrawer .subfilter .filterHeader .text {
    position: relative;
    display: inline-block;
    margin-top: 31px;
    padding: 0px 0px 0px 44px;
    color: #2D2C42;
    font-size: 0.875rem;
    font-weight: 700;
}

    .filterDrawer .subfilter .filterHeader .text::before {
        position: absolute;
        top: 6px;
        left: 20px;
        content: "";
        width: 16px;
        height: 8px;
        background-image: url("../img/arrowFilterLeft.svg");
        background-size: contain;
    }

.filterChoices {
    position: relative;
    height: 100%;
    background-color: #fff;
    z-index: 2;
    overflow: hidden;
}

    .filterChoices ul {
        margin-top: 1rem;
        padding: 0px 20px;
    }

    .filterChoices .inerternalLabel {
        padding: 0px 30px;
        margin: 1rem 0px;
    }

    .filterChoices ul li {
        background-color: #f0f0f2;
        margin-bottom: 4px;
        font-size: 0.875rem;
        border-radius: 4px;
    }

        .filterChoices ul li.selected {
            color: #fff;
            background-color: #4960F2;
        }

        .filterChoices ul li a {
            position: relative;
            display: block;
            padding: 8px 12px 9px 12px;
            color: #2D2C42;
            border-radius: 4px;
        }

        .filterChoices ul li.selected a {
            color: #fff;
        }

    .filterChoices li.selected a::after {
        content: "";
        position: absolute;
        right: 12px;
        top: 17px;
        width: 10px;
        height: 2px;
        background-color: #fff;
        transform: rotate(45deg);
        border-radius: 4px;
    }

    .filterChoices li.selected a::before {
        content: "";
        position: absolute;
        right: 12px;
        top: 17px;
        width: 10px;
        height: 2px;
        background-color: #fff;
        transform: rotate(-45deg);
        border-radius: 4px;
    }


    .filterChoices li a > span.qt {
        color: rgba(45, 44, 66, 0.5);
        float: right;
    }

    .filterChoices li.selected a > span.qt {
        display: none;
    }

    .filterChoices li a:hover {
        background-color: #E5E5E5;
    }

    .filterChoices li.selected a:hover {
        background-color: #4960F2;
    }


.filterDrawer .filterScrollArea .ps__rail-y {
    width: 9px;
    left: 0px;
    right: auto !important;
    background-color: transparent;
    opacity: 1;
}


.filterDrawer .filterScrollArea .ps__thumb-y:hover,
.filterDrawer .filterScrollArea .ps__thumb-y {
    width: 3px;
    background-color: #4960F2;
    border-radius: 4px;
}

.filterDrawer .filterScrollArea .ps:hover .ps__rail-y {
    background-color: transparent;
    opacity: 1;
}


.filterDrawer .filterScrollArea .ps__rail-y:hover > .ps__thumb-y,
.filterDrawer .filterScrollArea .ps__rail-y:focus > .ps__thumb-y,
.filterDrawer .filterScrollArea .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: transparent;
}


.filterDrawer .filterScrollArea .ps__rail-y:hover > .ps__thumb-y,
.filterDrawer .filterScrollArea .ps__rail-y:focus > .ps__thumb-y,
.filterDrawer .filterScrollArea .ps__rail-y.ps--clicking .ps__thumb-y {
    width: 3px;
    background-color: #4960F2;
    border-radius: 4px;
}


.filterDrawer .filterScrollArea.ps .ps__rail-x:hover,
.filterDrawer .filterScrollArea.ps .ps__rail-y:hover,
.filterDrawer .filterScrollArea.ps .ps__rail-x:focus,
.filterDrawer .filterScrollArea.ps .ps__rail-y:focus,
.filterDrawer .filterScrollArea.ps .ps__rail-x.ps--clicking,
.filterDrawer .filterScrollArea.ps .ps__rail-y.ps--clicking {
    background-color: transparent;
}

.filterDrawer .filterScrollArea.ps:hover > .ps__rail-x,
.filterDrawer .filterScrollArea.ps:hover > .ps__rail-y,
.filterDrawer .filterScrollArea.ps--focus > .ps__rail-x,
.filterDrawer .filterScrollArea.ps--focus > .ps__rail-y,
.filterDrawer .filterScrollArea.ps--scrolling-x > .ps__rail-x,
.filterDrawer .filterScrollArea.ps--scrolling-y > .ps__rail-y {
    opacity: 1;
}

/************** PAGE TOP INFOS ***************/

.USPs-homepage-carousel-wrapper {
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
}

.USPs-homepage-carousel .item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.USPs-homepage-carousel .owl-nav {
    position: absolute;
    inset: 50% -20px auto -20px;
    transform: translateY(-50%);
    margin-top: 0;
    z-index: -1;
    display: flex;
    justify-content: space-between;
}

    .USPs-homepage-carousel .owl-nav button {
        color: #ffc539 !important;
        position: relative;
        z-index: 5;
        opacity: 1;
        width: 16px;
        height: 16px;
        background: #2D2C42 url('/App_Themes/YouGR2019/img/arrowFilterRightWhite.svg') center center no-repeat !important;
        background-size: 50%;
    }

        .USPs-homepage-carousel .owl-nav button span {
            display: none;
        }

        .USPs-homepage-carousel .owl-nav button.owl-prev {
            transform: scale(-1);
        }

.topPageInfo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    color: #2D2C42;
    padding: 10px 0px;
    z-index: 901;
    max-height: 38px;
}

    .topPageInfo .container,
    .topPageInfo .flexRow {
        height: 100%;
    }

@media (max-width:1600px) {
    .USPs-homepage-carousel-wrapper {
        width: calc(100% - 50px);
    }

    .infoItem .text span {
        font-size: 13px !important;
        white-space: nowrap;
    }
}

.infoItem {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .infoItem .icon {
        margin-right: 1rem;
        max-width: 16px;
    }

    .infoItem .text a,
    .infoItem .text {
        color: #C0C0C6;
        transition: 0.15s ease-in-out;
    }

        .infoItem .text a:hover,
        .infoItem .text:hover {
            color: #fff;
        }

        .infoItem .text span {
            display: block;
            font-size: 12px !important;
        }

    .infoItem .icon svg {
        fill: currentColor;
        stroke: currentColor;
    }

/*****************************************************/
/************** HOMEPAGE REDESIGN CSS ***************/
/***************************************************/

.EmergencyInfo {
    position: relative;
    padding: 5px 10px;
    text-align: center;
    margin-bottom: 15px;
}

    .EmergencyInfo .text div {
        display: inline-block;
    }
/************** HOMEPAGE MAIN BANNER CAROUSEL ***************/
.maincarousel-container {
    height: 400px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.homepage-MainCarousel {
    margin: 0 auto;
    max-width: 1920px;
}

    .homepage-MainCarousel .owl-nav {
        margin-top: 0;
    }

        .homepage-MainCarousel .owl-nav button {
            position: absolute;
            top: 50%;
            left: 10px;
            width: 40px;
            height: 40px;
            border-radius: 50% !important;
            border: solid 2px rgba(0,0,0,0.6) !important;
            background: url('https://www.you.gr//App_Themes/YouGR2019/img/arrowCarouselRight.svg') center center no-repeat !important;
            background-size: 10px;
            /*filter: invert(100) grayscale(100%) contrast(100);*/
            transform: translateY(-50%);
            opacity: 0.7 !important;
            transition: all linear 0.15s;
        }

            .homepage-MainCarousel .owl-nav button.owl-next {
                left: unset;
                right: 10px;
            }

            .homepage-MainCarousel .owl-nav button.owl-prev {
                transform: translateY(-50%) scale(-1);
            }

            .homepage-MainCarousel .owl-nav button span {
                display: none;
            }

    .homepage-MainCarousel:hover .owl-nav button {
        opacity: 0.9 !important;
    }

    .homepage-MainCarousel .owl-dots {
        text-align: right;
        position: absolute;
        bottom: 20px;
        right: 20px;
        display: flex;
        align-items: center;
    }

        .homepage-MainCarousel .owl-dots .owl-dot span {
            background-color: rgba(45, 44, 66, 0.3) !important;
            border: solid 2px white;
            margin: 5px;
            height: 10px;
            width: 10px;
        }

        .homepage-MainCarousel .owl-dots .owl-dot.active span {
            background-color: #ffc439 !important;
            height: 15px;
            width: 15px;
        }

    .homepage-MainCarousel .item {
        height: 21vw;
        max-height: 400px;
        min-height: 340px;
        color: #2D2C42;
        opacity: 0;
    }

        .homepage-MainCarousel .item img.poster {
            object-fit: cover;
            height: 100%;
            width: 100%;
            object-position: center;
            /*image-rendering: pixelated;*/
        }

    .homepage-MainCarousel .caption {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 10%;
        max-width: 450px;
        width: 100%;
    }

    .homepage-MainCarousel .item h2 {
        font-size: 36px;
        margin-block: 0 15px;
    }

    .homepage-MainCarousel .item .title {
        font-size: 26px;
        font-weight: 700;
        margin-block: 10px;
    }

    .homepage-MainCarousel .item p {
        font-size: 16px;
        font-weight: 400;
        margin-block: 10px;
    }

    .homepage-MainCarousel .item .price {
        margin-block: 20px 5px;
    }

        .homepage-MainCarousel .item .price div:first-child {
            font-size: 18px;
            line-height: 0.8;
            font-weight: 700;
        }

        .homepage-MainCarousel .item .price div:last-child {
            font-size: 30px;
            font-weight: 800;
        }

    .homepage-MainCarousel .item .note {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 15px;
    }


    .homepage-MainCarousel .item .btnCommon {
        font-size: 16px;
        margin-bottom: 0;
    }

.homepage-offersBanner img {
    transition: box-shadow 0.15s ease-out;
    border-radius: 8px;
}

    .homepage-offersBanner img:hover {
        box-shadow: 0px 10px 15px rgba(45, 44, 66, 0.15);
    }

.pontoiCarousel .owl-stage {
    display: flex;
    align-items: center;
}

.pontoiCarousel .item {
    position: relative;
    font-size: 16px;
    text-align: center;
    padding-inline: 40px;
}

.pontoiCarousel .owl-nav {
    margin-top: 0 !important;
}

    .pontoiCarousel .owl-nav span {
        display: none;
    }

    .pontoiCarousel .owl-nav button {
        position: absolute;
        top: 50%;
        left: -6px;
        width: 100%;
        transform: translateY(-50%);
        height: 25px !important;
        width: 30px !important;
        border-top-right-radius: 50% !important;
        border-bottom-right-radius: 50% !important;
        background: white url('https://you.gr/App_Themes/YouGR2019/img/arrowCarouselLeft.svg') center no-repeat !important;
        background-size: 6px !important;
        margin: 0 !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    }

    .pontoiCarousel .owl-nav .owl-next {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-top-left-radius: 50% !important;
        border-bottom-left-radius: 50% !important;
        background: white url('https://you.gr/App_Themes/YouGR2019/img/arrowCarouselRight.svg') center no-repeat !important;
        background-size: 6px !important;
        left: unset;
        right: -6px;
    }

.productBanners {
    border-radius: 8px;
    background-color: #F0F0F2;
    padding: 30px 30px;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    transition: box-shadow 0.15s ease-out;
    overflow: hidden;
}


    .productBanners .discount {
        position: absolute;
        inset: 0 0 auto auto;
        color: white;
        font-weight: 500;
        text-align: center;
        isolation: isolate;
        height: 63px;
        width: 63px;
        padding-top: 5px;
        padding-left: 6px;
    }

        .productBanners .discount::before {
            content: '';
            height: 70px;
            width: 70px;
            position: absolute;
            inset: -10px -10px auto auto;
            border-radius: 50%;
            background-color: #4A60F2;
            z-index: -1;
        }

        .productBanners .discount span {
            font-size: 11px;
            line-height: 8px;
        }

        .productBanners .discount div {
            font-size: 15px;
            font-weight: 700;
        }

    .productBanners:hover {
        box-shadow: 0px 10px 15px rgba(45, 44, 66, 0.15);
    }

    .productBanners .linkStretched {
        position: absolute !important;
        inset: 0;
    }
    /*max font-size:20px*/
    .productBanners.desktop .caption .f20 {
        font-size: clamp(1.125rem, 0.9028rem + 0.463vw, 1.25rem);
        height: 47px;
        overflow: hidden;
    }

    .productBanners.desktop .caption p {
        font-size: clamp(0.75rem, 0.4167rem + 0.6944vw, 0.9375rem);
        height: 47px;
        overflow: hidden;
    }

    .productBanners .caption, .productBanners .prImg {
        flex: 0 0 50%;
    }

    .productBanners .caption {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .productBanners .price-area s {
        display: block;
        font-size: 14px;
    }

    .productBanners.desktop .price-area .f14 {
        font-size: clamp(0.75rem, 0.5278rem + 0.463vw, 0.875rem);
    }

    /*max font-size:30px*/
    .productBanners.desktop price {
        font-size: clamp(1.125rem, 0.5934rem + 1.1076vw, 1.5625rem);
        font-weight: 800;
    }


    /**********Mobile**********/

    .productBanners.mobile {
        padding: 20px;
    }

        .productBanners.mobile .caption .f20 {
            font-size: 16px;
            height: 38px;
            overflow: hidden;
        }

        .productBanners.mobile .caption p {
            font-size: 13px;
            font-weight: 500;
            height: 39px;
            overflow: hidden;
        }

        .productBanners.mobile price {
            font-size: 24px;
            font-weight: 800;
        }

        .productBanners.mobile .price-area .f14 {
            font-size: 12px;
        }

        .productBanners.mobile:first-of-type {
            justify-content: space-between;
        }

        .productBanners.mobile img {
            max-width: 200px;
            margin: 0 auto;
        }

        .productBanners.mobile:last-of-type .caption, .productBanners.mobile:nth-last-of-type(1) .caption {
            flex: 1 1 100%;
        }

/****************end ofproductBanners*************/


.whatsNew-carousel {
    margin-top: 50px;
    text-align: center;
}

    .whatsNew-carousel .linkStretched {
        position: absolute !important;
        inset: 0;
    }

    .whatsNew-carousel .item .imgSection {
        border-radius: 50%;
        overflow: hidden;
        max-width: 214px;
        width: 100%;
        margin: 0 auto 20px auto;
        text-align: center;
        position: relative;
        transition: all linear 0.15s;
    }

    .whatsNew-carousel .item p {
        padding-inline: 5px;
    }

    .whatsNew-carousel .item .imgSection .overlay {
        position: absolute;
        inset: -100% 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 18px;
        font-weight: 700;
        padding-inline: 10px;
        background-color: rgba(73,96,242,0.7);
        opacity: 0;
        transition: all linear 0.15s;
    }

.protaseis_gia_sena {
    padding-top: 1rem;
}

@media (min-width:991px) {
    .whatsNew-carousel .item:hover .imgSection .overlay {
        inset: 0 0 0 0;
        opacity: 1;
    }
}

.whatsNew-carousel .owl-nav {
    margin-top: 0;
}

    .whatsNew-carousel .owl-nav button {
        position: absolute;
        top: 35%;
        left: -55px;
        width: 41px;
        height: 41px;
        border-radius: 50% !important;
        background: url('/App_Themes/YouGR2019/img/arrowSliderYel.svg') center center no-repeat !important;
        background-size: 100%;
        transform: translateY(-50%);
        transition: all linear 0.15s;
    }

        .whatsNew-carousel .owl-nav button.owl-next {
            left: unset;
            right: -55px;
        }

        .whatsNew-carousel .owl-nav button.owl-prev {
            transform: translateY(-50%) scale(-1);
        }

        .whatsNew-carousel .owl-nav button span {
            display: none;
        }

.boldTitles-wrapper a {
    transition: all linear 0.1s;
}

    .boldTitles-wrapper a:hover {
        opacity: .8;
    }

.promoArea-wrapper {
    padding-block: 30px;
    display: flex;
    align-items: center;
}


.promoArea_bg {
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: center;
    position: absolute;
    inset: 0;
}

.promoArea-carousel .owl-stage {
    display: flex !important;
}

.promoArea-carousel .item {
    height: 100%;
}

.promoArea-carousel .productBox {
    border-radius: 8px;
    background: white;
    padding: 20px 20px 10px 20px;
    text-align: center;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .promoArea-carousel .productBox.banner {
        background-color: #4960F2;
        display: block;
        font-size: 22px;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
    }

        .promoArea-carousel .productBox.banner .btnCommon {
            transition: all linear .1s;
        }

        .promoArea-carousel .productBox.banner:hover .btnCommon {
            opacity: .9
        }

    .promoArea-carousel .productBox .discount {
        color: #fff;
        border-radius: 4px;
        padding: 3px 6px 4px 6px;
        line-height: 1;
        font-size: 0.875rem;
        font-weight: bold;
        background-color: #FF814B;
        position: absolute;
        inset: 8px auto auto 8px;
    }

    .promoArea-carousel .productBox .itemImg {
        max-width: 100% !important;
        max-height: unset;
        border-right: 0;
        display: block;
    }

        .promoArea-carousel .productBox .itemImg img {
            width: unset;
            max-width: 100%;
            max-height: 160px;
            margin: 0 auto;
        }

    .promoArea-carousel .productBox h2 a {
        font-size: 16px;
        color: #2C2D31;
        line-height: 20px;
        font-weight: 500;
        display: block;
        height: 41px;
        overflow: hidden;
        transition: all linear 0.1s;
    }

        .promoArea-carousel .productBox h2 a:hover {
            color: #4960F2;
        }

    .promoArea-carousel .productBox .price-area s {
        font-size: 14px;
    }

    .promoArea-carousel .productBox .price-area div {
        font-size: 26px;
        font-weight: 500;
    }

    .promoArea-carousel .productBox .doseis {
        font-size: 14px;
        margin-top: 12px;
        opacity: .8;
    }

.promoArea-carousel .owl-nav {
    margin-top: 0;
}

    .promoArea-carousel .owl-nav button {
        position: absolute;
        top: 50%;
        left: -55px;
        width: 41px;
        height: 41px;
        border-radius: 50% !important;
        background: url('/App_Themes/YouGR2019/img/arrowSliderYel.svg') center center no-repeat !important;
        background-size: 100%;
        transform: translateY(-50%);
        transition: all linear 0.15s;
    }

        .promoArea-carousel .owl-nav button.owl-next {
            left: unset;
            right: -55px;
        }

        .promoArea-carousel .owl-nav button.owl-prev {
            transform: translateY(-50%) scale(-1);
        }

        .promoArea-carousel .owl-nav button span {
            display: none;
        }

.promoArea-carousel_categories .productBox {
    padding: 20px;
}

.promoArea-carousel_categories h2 a {
    font-size: 18px !important;
}

.promoArea-carousel_categories .discount {
    position: relative !important;
    inset: 0 !important;
    width: fit-content;
    margin: 2px auto 0 auto;
    background-color: #495fed !important;
}


.titles26 {
    font-size: 26px;
    font-weight: 600;
}

.topBrands_carousel .owl-stage {
    display: flex !important;
}

.topBrands_carousel .item {
    height: 100%;
}

.topBrands_carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.topBrands_carousel .owl-dot.active span {
    height: 12px !important;
    width: 12px !important;
}

.topBrands_carousel .owl-nav {
    margin-top: 0;
    position: absolute;
    right: 48px;
    top: -70px
}

    .topBrands_carousel .owl-nav span {
        display: none;
    }

    .topBrands_carousel .owl-nav button {
        position: absolute;
        width: 41px;
        height: 41px;
        border-radius: 50% !important;
        background: url('/App_Themes/YouGR2019/img/arrowSliderYel.svg') center center no-repeat !important;
        background-size: 100%;
        transition: all linear 0.15s;
    }

        .topBrands_carousel .owl-nav button.owl-prev {
            left: -51px;
            transform: scale(-1);
        }

.topBrands_box {
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
}

    .topBrands_box .imgSection {
        flex: 0 1 auto;
    }

    .topBrands_box a:hover {
        text-decoration: underline;
    }

    .topBrands_box .relatedLinks {
        color: #4960F2;
        font-size: 13px;
        font-weight: 600;
        margin: 0 10px 10px 0;
    }

    .topBrands_box .descSection {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 50%;
        padding: 10px 20px 35px 20px;
        flex: 1 1 50%;
    }

.YouServices {
    background-color: #2D2C42;
    padding-block: 45px;
    position: relative;
}

    .YouServices .heroIcon {
        position: absolute;
        bottom: 0;
        left: 0;
        max-width: 179px;
    }

.youServices_carousel .item {
    text-align: center;
    color: white;
    position: relative;
}

    .youServices_carousel .item .linkStreched {
        position: absolute !important;
        inset: 0;
    }

    .youServices_carousel .item .Img {
        max-width: 130px;
        height: 100px;
        border-radius: 50px;
        background-color: white;
        margin: 0 auto 10px auto;
        padding: 25px 22px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.youServices_carousel .owl-nav {
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

    .youServices_carousel .owl-nav button {
        position: absolute;
        top: 50%;
        left: -55px;
        width: 41px;
        height: 41px;
        border-radius: 50% !important;
        border: solid 2px black !important;
        background: url('https://www.you.gr//App_Themes/YouGR2019/img/arrowCarouselRight.svg') center center no-repeat !important;
        background-size: 10px;
        opacity: .3;
        filter: invert(1) grayscale(100%) contrast(100);
        transform: translateY(-50%);
        transition: all linear 0.15s;
    }

        .youServices_carousel .owl-nav button:hover {
            opacity: .8 !important;
        }

        .youServices_carousel .owl-nav button.disabled, .youServices_carousel .owl-nav button.disabled:hover {
            opacity: 0.1 !important;
        }

        .youServices_carousel .owl-nav button.owl-next {
            left: unset;
            right: -55px;
        }

        .youServices_carousel .owl-nav button.owl-prev {
            transform: translateY(-50%) scale(-1);
        }

        .youServices_carousel .owl-nav button span {
            display: none;
        }

.youServices_carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px !important;
}

.youServices_carousel .owl-dot.active span {
    height: 12px !important;
    width: 12px !important;
}

.YouServices .btnCommon {
    font-size: 16px;
}

.youBusinnes_homepage .bgWhite {
    padding-inline: 30px;
}

.youBusinnes_homepage .flexCol_xl_3 {
    padding-inline: 15px;
}

.youBusinnes_homepage .poster {
    border-radius: 8px;
}

.youBusinnes_homepage .Boxes {
    padding: 20px 25px;
    background-color: #F6F6F6;
    border: solid thin #DCDCDC;
    border-radius: 8px;
    margin-bottom: 10px;
    text-align: center;
}

    .youBusinnes_homepage .Boxes .upCase {
        letter-spacing: 1px;
    }

@media (max-width:1200px) {
    .homepage-MainCarousel .item {
        height: 34vw;
    }

    .productBanners.desktop {
        flex-direction: column;
        padding: 10px 30px 30px 30px;
    }

        .productBanners.desktop .caption {
            order: 2;
            display: block;
        }

            .productBanners.desktop .caption .f20 {
                font-size: 16px;
                height: 38px;
            }

            .productBanners.desktop .caption p {
                display: block;
                font-size: 13px;
                height: 40px;
            }

        .productBanners.desktop .price-area {
            margin-top: 15px;
        }

        .productBanners.desktop .prImg {
            max-width: 180px;
            width: 100%;
        }

    .youBusinnes_homepage .Header {
        margin-bottom: 15px;
        justify-content: space-between;
    }

        .youBusinnes_homepage .Header .f26 {
            margin-block: 0 5px !important;
        }

        .youBusinnes_homepage .Header .logo {
            order: 2;
            text-align: right;
            padding-top: 19px;
        }

        .youBusinnes_homepage .Header .desc {
            margin-right: 25px;
            order: 1;
        }
}

@media (max-width:991px) {

    .homepage-MainCarousel .item {
        min-height: unset;
        height: auto;
    }

        .homepage-MainCarousel .item img.poster {
            object-fit: unset;
        }

    .homepage-MainCarousel .caption {
        left: 30px;
        max-width: 100%;
        width: 50%;
    }



    .promoArea-carousel .owl-nav button.owl-next {
        top: 42%;
    }

    .promoArea-carousel .owl-nav button.owl-prev {
        left: unset;
        right: -55px;
        top: 55%;
    }

    .promoArea-carousel_categories .owl-nav button.owl-next {
        top: 40% !important;
    }
}


@media (max-width:768px) {
    .maincarousel-container {
        order: 2;
    }

    .homepage-MainCarousel {
        margin: 0 12px 12px 12px;
        width: calc(100% - 24px);
        border-radius: 8px;
        overflow: hidden;
    }


        .homepage-MainCarousel .owl-dots {
            text-align: center;
            bottom: 20px;
            justify-content: center;
        }

            .homepage-MainCarousel .owl-dots .owl-dot span {
                height: 9px;
                width: 9px;
            }

            .homepage-MainCarousel .owl-dots .owl-dot.active span {
                height: 12px;
                width: 12px;
            }

        /* .homepage-MainCarousel .item {
            min-height: 260px;
        }

            .homepage-MainCarousel .item img.poster {
                max-width: 100%;
            }*/

        .homepage-MainCarousel .caption {
            left: 20px;
            width: 40%;
        }

        .homepage-MainCarousel .item h2 {
            font-size: 25px;
            margin-block: 0 10px;
        }

        .homepage-MainCarousel .item .title {
            font-size: 16px;
        }

        .homepage-MainCarousel .item p {
            display: none;
        }

        .homepage-MainCarousel .item .price {
            margin-block: 15px 5px;
        }

            .homepage-MainCarousel .item .price div:first-child {
                font-size: 16px;
            }

        .homepage-MainCarousel .item .note {
            font-size: 12px;
        }

        .homepage-MainCarousel .item .btnCommon {
            padding: 10px 15px 11px 15px;
            font-size: 14px;
        }

    .EmergencyInfo {
        overflow: hidden;
        text-align: left;
        position: fixed;
        inset: 0 0 auto 0;
        z-index: 1000;
    }

        .EmergencyInfo .marquee {
            display: grid;
            align-items: start;
            grid-template-rows: 0.15fr;
            grid-template-columns: calc(100% - 66px) 66px;
            cursor: pointer;
            transition: grid-template-rows 150ms linear;
        }

        .EmergencyInfo .text {
            display: block;
            transition: all linear 0.1s;
            overflow: hidden;
            line-height: 18px;
            padding-right: 15px;
        }

            .EmergencyInfo .text div {
                display: block;
            }

        .EmergencyInfo .marquee .trigger {
            align-items: center;
        }

            .EmergencyInfo .marquee .trigger img {
                margin: 0 auto;
                transform: rotate(0);
                transition: transform linear 0.1s;
            }

        .EmergencyInfo .marquee.open {
            grid-template-rows: 1fr;
        }

            .EmergencyInfo .marquee.open .trigger img {
                transform: rotate(-180deg);
            }

    .homepage-offersBanner {
        order: 1;
    }

    .whatsNew-carousel .owl-stage-outer {
        padding-left: 15px;
    }

    .whatsNew-carousel .item {
        width: 130px;
    }

        .whatsNew-carousel .item p {
            font-size: 14px;
        }

        .whatsNew-carousel .item .imgSection .overlay {
            font-size: 16px;
        }

    .promoArea-wrapper {
        padding-top: 60px;
    }


    .promoArea_bg {
        height: 50%;
    }

    .promoArea-wrapper .container {
        padding-inline: 0;
    }

    .promoArea-carousel .owl-stage-outer {
        padding: 0 0 0 15px;
    }

    .promoArea-carousel .item {
        width: 228px;
    }

    .promoArea-carousel .productBox {
        border: 1px solid #DCDCDC;
    }

    .YouServices {
        padding-block: 30px;
        text-align: center;
    }

        .YouServices .heroIcon {
            max-width: 145px;
            inset: 30px auto auto 50%;
            transform: translateX(-50%);
        }


    .youServices_carousel {
        margin-block: 60px 20px;
    }

    .youBusinnes_homepage .flexCol_xl_3 {
        padding-inline: 8px;
    }

    .youBusinnes_homepage .bgWhite {
        padding-inline: 15px;
    }
}

@media (max-width:576px) {
    .homepage-MainCarousel {
        margin: 0 8px 8px 8px;
        width: calc(100% - 16px);
    }

        .homepage-MainCarousel .item {
            min-height: unset;
            max-height: unset;
            height: auto;
        }

            .homepage-MainCarousel .item img.poster {
                object-fit: unset;
            }

            .homepage-MainCarousel .item h2 {
                font-size: 17px;
            }

            .homepage-MainCarousel .item .btnCommon {
                padding: 8px 12px 9px 12px;
                font-size: 13px;
            }




    .productBanners.mobile {
        padding: 20px 12px;
    }

    hr.graySeperator {
        margin-block: 20px;
    }

    .whatsNew-carousel {
        margin-block: 30px -15px;
    }

    .protaseis_gia_sena {
        padding-top: 0.5rem;
    }

    .boldTitles {
        font-size: 24px;
    }

    .boldTitles-wrapper p {
        font-size: 16px;
    }


    .titles26 {
        font-size: 22px;
    }

    .youServices_carousel .item .Img {
        max-width: 100px;
        height: 70px;
        padding: 25px 15px;
    }

    .youBusinnes_homepage {
        padding-inline: 0 !important;
    }

        .youBusinnes_homepage .bgWhite {
            padding-inline: 15px;
            text-align: center;
            border-radius: 0 !important;
        }

        .youBusinnes_homepage .Header .logo img {
            margin: 0 auto 20px auto;
        }

        .youBusinnes_homepage .Header p {
            font-size: 14px;
        }

        .youBusinnes_homepage .Boxes {
            padding: 20px 15px;
            position: relative;
        }

            .youBusinnes_homepage .Boxes .linkStretched {
                position: absolute !important;
                inset: 0;
            }

            .youBusinnes_homepage .Boxes .f16, .youBusinnes_homepage .Boxes a:last-of-type {
                font-size: 14px;
                margin-block: 5px !important;
            }

    .mainFooter .madeByLogo img {
        max-width: 200px;
    }
}

/************** MAIN FOOTER ***************/

.mainFooter {
    color: #2D2C42;
    overflow-x: hidden;
}

    .mainFooter .infoBoxes {
        border: solid thin #D9D9D9;
        border-radius: 8px;
        padding: 15px 20px;
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 10px;
        position: relative;
    }

        .mainFooter .infoBoxes svg, .mainFooter .infoBoxes img {
            width: 22px;
            height: 22px;
            fill: #4960F2;
            stroke: #4960F2;
            margin-right: 15px;
        }

    .mainFooter a {
        color: #2D2C42;
    }

        .mainFooter a:hover {
            color: #4960F2;
        }



    .mainFooter .topRow > [class*="flexCol_"] {
        padding: 30px 0px;
    }

    .mainFooter .title {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        pointer-events: none;
    }


    .mainFooter .linkList li {
        font-size: 0.875rem;
        padding: 6px 0px;
        margin-bottom: 0px;
    }

    .mainFooter .socialBtns ul {
        display: flex;
        justify-content: center;
        padding-block: 15px 10px;
    }


    .mainFooter .socialBtns li {
        margin-inline: 15px;
    }

    .mainFooter .socialBtns a {
        position: relative;
        display: inline-block;
        width: 24px;
        transition: 0.15s ease-in-out;
    }

        .mainFooter .socialBtns a:hover {
            color: #4960F2;
        }

    .mainFooter .socialBtns svg {
        width: 24px;
        height: 24px;
        fill: currentColor;
    }

    .mainFooter .botRow {
        text-align: center;
        padding: 25px 0px 35px 0;
    }

    .mainFooter .madeByLogo {
        width: 100%;
        max-width: 150px;
        margin: 10px auto;
    }

    .mainFooter .botRow li {
        font-size: 0.75rem;
        display: inline-block;
        padding: 0px 10px;
    }




    .mainFooter .trustMarksLogos {
        max-width: 1200px;
        margin: 0 auto;
        padding-block: 20px 15px;
        position: relative;
    }

@media (min-width:576px) {
    #samplerCard {
        position: absolute;
        display: block;
        right: 0;
        bottom: -1.4rem;
    }

    .CardDisplayImg {
        padding: 1.8em .8em;
    }

    .mainFooter .trustMarksLogos::after {
        content: '';
        position: absolute;
        top: 0;
        height: 1px;
        width: calc(100% + 800px);
        left: -400px;
        background-color: rgba(45, 44, 66, 0.1);
    }

    .mainFooter .trustMarksLogos::before {
        content: '';
        position: absolute;
        bottom: 0;
        height: 1px;
        width: calc(100% + 800px);
        left: -400px;
        background-color: rgba(45, 44, 66, 0.1);
    }
}

.mainFooter .trustMarksLogos .firstRow {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: row;
}

.mainFooter .trustMarksLogos .logo {
    padding: 0 5px 10px 5px;
}

.mainFooter .trustMarksLogos .firstRow img {
    height: 37px;
    width: auto;
}

/*.mainFooter .trustMarksLogos .secondRow {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: row;
}

    .mainFooter .trustMarksLogos .secondRow img {
        height: 70px;
        width: auto;
    }

.mainFooter .trustMarksLogos hr {
    max-width: 150px;
    margin: 2rem auto;
    border: 0;
    border-bottom: solid 1px rgba(45, 44, 66, 0.10);
}*/


.mainFooter .langSelect {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    border: solid 2px rgba(45, 44, 66, 0.10);
    line-height: 20px;
    padding: 15px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 30px;
}

    .mainFooter .langSelect .country .label {
        color: #4356CF;
        font-weight: 600;
    }

    .mainFooter .langSelect .country:hover .label {
        color: #7688F5;
    }

    .mainFooter .langSelect .simpleSelect .drop {
        top: inherit;
        bottom: 2rem;
        left: 0rem;
        margin-left: -20px;
        width: calc(100% + 40px);
        text-align: center;
    }



/************** FLOAT BOTTOM RIGHT - TOP BUTTON & CHAT BUTTON ***************/
.floatBtnsBottomRight {
    position: fixed;
    width: 50px;
    bottom: 25px;
    right: 25px;
    display: block;
    z-index: 70;
}

.checkoutPage[data-for="login"] .floatBtnsBottomRight {
    /*     bottom: 120px; */
}

.floatBtnsBottomRight .btnChat {
    white-space: nowrap;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: ease-in-out width .15s;
    overflow: hidden;
    color: #2D2C42;
    -webkit-box-shadow: 0px 7px 15px 0px rgba(255, 196, 59, 0.4);
    -moz-box-shadow: 0px 7px 15px 0px rgba(255, 196, 59, 0.4);
    box-shadow: 0px 7px 15px 0px rgba(255, 196, 59, 0.4);
}

    .floatBtnsBottomRight .btnChat .label {
        position: absolute;
        right: 60px;
        top: 15px;
        transition: ease-in-out all .15s;
        font-size: 0.875rem;
        font-weight: 800;
    }

    .floatBtnsBottomRight .btnChat .figure {
        width: 50px;
        height: 50px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 0;
        bottom: 0;
    }

        .floatBtnsBottomRight .btnChat .figure svg {
            width: 20px;
            height: 20px;
        }

    .floatBtnsBottomRight .btnChat:hover {
        width: 150px;
    }

.floatBtnsBottomRight .btnTop {
    width: 30px;
    height: 45px;
    position: absolute;
    bottom: 170px;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 15px;
    transition: ease-in-out background-color .15s;
    background-image: url(https://support3.you.gr/you/redesign/misc/arrow-top-blue.svg);
    background-color: white;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.14);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.14);
}

    .floatBtnsBottomRight .btnTop:hover {
        background-color: #ffffff;
    }


.floatBtnsBottomLeft {
    position: fixed;
    bottom: 25px;
    left: 25px;
    display: block;
    z-index: 70;
}



/************ SIMPLE SELECT DROPDOWN ***********/
.simpleSelect {
    margin-left: 25px;
    position: relative;
}

    .simpleSelect .label {
        position: relative;
        padding-right: 1.2rem;
        cursor: pointer;
        color: #4960F2;
        font-weight: 600;
        user-select: none;
        /* supported by Chrome and Opera */
        -webkit-user-select: none;
        /* Safari */
        -khtml-user-select: none;
        /* Konqueror HTML */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
    }

        .simpleSelect .label::before,
        .simpleSelect .label::after {
            content: "";
            position: absolute;
            top: 9px;
            width: 8px;
            height: 2px;
            background-color: currentColor;
        }

        .simpleSelect .label::before {
            right: 0px;
            transform: rotate(-45deg);
        }

        .simpleSelect .label::after {
            right: 5px;
            transform: rotate(45deg);
        }

    .simpleSelect .drop {
        position: absolute;
        top: 1.5rem;
        z-index: 20;
        background-color: #fff;
        padding: 4px 4px 0;
        white-space: nowrap;
        display: none;
        box-shadow: 0px 10px 20px rgba(45, 44, 66, 0.1);
    }

        .simpleSelect .drop.open {
            display: inherit;
        }

        .simpleSelect .drop li {
            /*     background-color: #f0f0f2; */
            margin-bottom: 4px;
            font-size: 0.875rem;
            border-radius: 4px;
        }

        .simpleSelect .drop a {
            display: block;
            padding: 8px 8px 9px 8px;
            color: #2D2C42;
            border-radius: 4px;
        }

            .simpleSelect .drop a:hover {
                color: #4960F2;
            }






/******************* WARNING MESSAGE ****************/

.warningContainer {
    margin-top: 2rem;
}

warning {
    position: relative;
    display: block;
    width: 100%;
    background-color: #FFF0CD;
    font-size: 0.875rem;
}

warntitle {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    padding: 1rem;
    border-bottom: 1px solid #EDD9AC;
    padding-right: 3rem;
}

    warntitle .icon {
        position: absolute;
        right: 1rem;
        top: 1rem;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url('../img/iconWarning.svg');
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
    }

.comparePop warning {
    background-color: #414356;
    color: white;
}

.comparePop warntitle strong {
    display: none;
}

.comparePop warntitle .icon {
    filter: invert(1) brightness(100);
}

warning ul,
warning p {
    padding: 1rem;
}

warning ul {
    padding-left: 30px;
    list-style: disc;
}

    warning ul li {
        padding: 2px 0px;
    }

.cartOptions warning {
    position: absolute;
    top: 1rem;
    left: 0.5rem;
    width: calc(100% - 1rem);
}

/************** POPUP ***************/
.popup {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9992;
    justify-content: center;
    align-items: center;
    color: #000;
}

    .popup::after {
        content: "";
        background-color: rgba(230, 230, 230, 0.8);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .popup .content {
        background-color: #FFF;
        flex: 0 1 auto;
        width: calc(100% - 4rem);
        height: calc(100% - 4rem);
        z-index: 1;
        box-shadow: 0px 8px 16px rgba(45, 44, 66, 0.15);
        border-radius: 8px;
        position: relative;
        z-index: 1;
    }

    .popup .inner {
        position: relative;
        padding: 30px;
        overflow-y: auto;
        width: 100%;
        height: 100%;
        z-index: 0;
        border-radius: 8px;
    }

    .popup.noPad .inner {
        padding: 0;
    }

    .popup .inner > h3 {
        margin-top: 0px;
        font-size: 1.25rem;
    }

    .popup .closeBtn {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        display: block;
        position: absolute;
        top: -10px;
        right: -10px;
        background-color: #FFC439;
        border-radius: 25px;
        font-size: 2.5rem;
        font-weight: 300;
        box-shadow: 0px 4px 8px rgba(255, 196, 57, 0.4);
        color: #2D2C42;
        z-index: 1;
        text-indent: -9999px;
    }


        .popup .closeBtn::before {
            content: "";
            position: absolute;
            top: 24px;
            left: 14px;
            width: 23px;
            height: 2px;
            background-color: #2D2C42;
            transform: rotate(45deg);
            transition: background-color 0.15s ease-out;
        }

        .popup .closeBtn::after {
            content: "";
            position: absolute;
            top: 24px;
            left: 14px;
            width: 23px;
            height: 2px;
            background-color: #2D2C42;
            transform: rotate(-45deg);
            transition: background-color 0.15s ease-out;
        }

    .popup.popupSmall .content {
        width: 100%;
        height: 100%;
        max-width: 480px;
        max-height: 240px;
    }

    .popup.popupSmall.v2 .content {
        width: 100%;
        height: 100%;
        max-width: 480px;
        max-height: 260px;
    }

    .popup.popupMedium .content {
        width: 100%;
        height: auto;
        max-width: 720px;
        max-height: 610px;
    }

    .popup.alertBox .content {
        width: 100%;
        height: 100%;
        max-width: 480px;
        max-height: 240px;
    }

    /* .popup.alertBox .btnOkClose {
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: calc(100% - 60px);
} */

    .popup .content a.link {
        color: #4960F2;
    }


    .popup.gmap .inner {
        overflow: hidden;
    }

    .popup.popupMedium .content p {
        font-size: 0.875rem;
    }

    .popup.sameDayDelivery .content {
        max-width: 920px;
    }

    .popup.sameDayDelivery .title {
        font-size: 1.5rem;
        font-weight: 600;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .popup.sameDayDelivery .flexRow {
        border-top: solid 1px rgba(45, 44, 66, .1);
        border-bottom: solid 1px rgba(45, 44, 66, .1);
        margin-bottom: 15px;
    }

    .popup.sameDayDelivery [class*="flexCol_"] {
        padding: 0 20px 20px;
        border-right: solid 1px rgba(45, 44, 66, .1);
    }


    .popup.sendEmail .content {
        max-width: 620px;
        max-height: 850px;
    }

    .popup .titleRow {
        position: relative;
        margin-bottom: 1rem;
        border-bottom: 1px solid rgba(45, 44, 66, .1);
    }


        .popup .titleRow .title {
            font-weight: 500;
            font-size: 1.5rem;
            margin: 1rem 0px 1.5rem 0px;
        }

            .popup .titleRow .title .icon {
                display: inline-block;
                width: 24px;
                margin-right: 0.75rem;
                vertical-align: middle;
            }

        .popup .titleRow .mandatory {
            color: #9695A0;
            font-size: 0.875rem;
        }

    .popup .popupInfo {
        opacity: 0.5;
        font-size: 0.875rem;
    }

    .popup.skroutz {
        align-items: flex-start;
    }

        .popup.skroutz > .container {
            position: relative;
            margin-top: 200px;
            z-index: 1;
        }



        .popup.skroutz .img {
            position: relative;
            margin-left: -45px;
            max-width: 320px;
            /*     width:100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center; */
        }

        .popup.skroutz .text .title {
            font-size: 2rem;
            margin: 0px 0px 1rem 0px;
        }

        .popup.skroutz .text {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            text-align: center;
            padding: 10% 20%;
        }

.poplucky .img img {
    width: auto;
    margin: 0 auto;
    max-height: 100%;
}

#sendEmailPop textarea {
    resize: none;
    height: 28px;
    max-height: 300px;
    overflow: hidden;
    padding-bottom: 2px;
}

#sendEmailPop .controls {
    margin-bottom: 1.5rem;
}

    #sendEmailPop .controls .btnCommon {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        font-size: 1rem;
    }




#giftbags .content {
    max-width: 620px;
    max-height: 630px;
}

#giftbags h3 {
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: 0px;
}

.generalInfoMessage {
    position: fixed;
    top: 90px;
    right: -360px;
    width: 320px;
    /* height: 280px; */
    background-color: #FFF0CD;
    border-radius: 8px;
    box-shadow: 0px 0px 20px rgba(255, 240, 205, 1);
    z-index: 9900;
    color: #2D2C42;
    transition: ease-in-out right .3s;
}

    .generalInfoMessage.open {
        right: 12px;
    }

    .generalInfoMessage > .inner {
        position: relative;
        height: 100%;
        width: 100%;
    }

    .generalInfoMessage .text {
        padding: 1rem;
    }

        .generalInfoMessage .text h3 {
            font-size: 1.25rem;
            margin: 0px 0px 1rem 0px;
        }

        .generalInfoMessage .text p {
            font-size: 0.875rem;
            font-weight: 500;
        }

    .generalInfoMessage .msgBottom {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 1rem;
        border-top: 1px solid #EEE6D1;
    }

    .generalInfoMessage .btnOk {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        width: 100%;
        background-color: #EEE6D1;
        color: #2D2C42;
        border-radius: 8px;
        font-size: 0.875rem;
        font-weight: 600;
    }

        .generalInfoMessage .btnOk:hover {
            background-color: #ECE2CA;
        }

    .generalInfoMessage .closeBtn {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        display: block;
        position: absolute;
        top: -25px;
        right: -25px;
        background-color: #FFC439;
        border-radius: 25px;
        font-size: 2.5rem;
        font-weight: 300;
        box-shadow: 0px 4px 8px rgba(255, 196, 57, 0.4);
        color: #2D2C42;
        z-index: 1;
    }

.mandatoryInfo {
    opacity: 0.5;
    font-size: 12px;
    margin: 0.5rem 0px;
}


.popup .btnCancel {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    padding: 0px 1rem;
    min-height: 40px;
    background-color: rgba(45, 44, 66, 0.25);
    color: rgba(45, 44, 66, 1);
}

    .popup .btnCancel:hover {
        background-color: rgba(45, 44, 66, 0.15);
    }

.popup .controls a {
    margin-right: 1rem;
}

    .popup .controls a:last-child {
        margin: 0px;
    }

/****************** COMPARE POP UP ****************/

.comparePop {
    position: fixed;
    left: 9px;
    bottom: 9px;
    width: 600px;
    z-index: 90;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 12px 24px rgba(45, 44, 66, 0.15);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}



    .comparePop.open {
        visibility: visible;
        opacity: 1;
    }

    .comparePop comparetitle {
        display: block;
        font-size: 1.25rem;
        font-weight: 500;
        padding: 0.5rem 1rem 0px 1rem;
        margin-bottom: 0.5rem;
    }

    .comparePop .items {
        padding: 0px 12px;
    }

@media screen and (max-width: 576px) {
    .floatBtnsBottomLeft {
        z-index: 9001;
    }

    .comparePop {
        border-radius: 0;
    }

        .comparePop warning {
            position: absolute;
            inset: auto 0 0 0;
            height: 93px;
            align-content: center;
            background-color: rgba(65,67,86,0.98);
            padding-inline: 60px 10px;
        }

        .comparePop warntitle {
            border-bottom: 0;
        }

            .comparePop warntitle strong {
                display: inline-block;
            }

            .comparePop warntitle .icon {
                display: none;
            }

        .comparePop .content .items {
            /*        visibility: hidden;*/
            display: none;
        }

        .comparePop comparetitle {
            /*        visibility: hidden;*/
            display: none;
        }

        .comparePop .content .controls {
            /*        visibility: hidden;*/
            display: none;
        }
}

.comparePop .compareItem {
    flex: 1 0 33.33%;
    max-width: 33.33%;
    margin: 1rem 0px;
    padding: 0px 4px;
}

.comparePop warning warntitle {
    font-size: 0.75rem;
}



.compareItem .inner {
    position: relative;
    height: 100%;
    padding: 1rem 1rem 4rem 1rem;
    border: 1px solid rgba(44, 45, 49, 0.1);
    box-shadow: 0px 2px 4px rgba(45, 44, 66, 0.1);
}

.comparePop .compareItem .inner:hover {
    border-color: #4960F2;
}

.comparePop .compareItem .img_area {
    display: inline-block;
    margin-bottom: 1rem;
}

    .comparePop .compareItem .img_area img {
        height: 80px;
        width: auto;
    }

.comparePop .compareItem .title {
    display: block;
    color: #2C2D31;
    font-size: 0.875rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.comparePop .compareItem.empty .inner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    border: 2px dashed rgba(44, 45, 49, 0.1);
    box-shadow: none;
}

    .comparePop .compareItem.empty .inner img {
        width: 32px;
    }

.comparePop .compareItem .price {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
}

    .comparePop .compareItem .price .final-price {
        font-weight: 600;
        line-height: 1;
    }

    .comparePop .compareItem .price .old-price {
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1;
    }

.comparePop .compareItem .btnClose {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    opacity: 0.3;
}

    .comparePop .compareItem .btnClose:hover {
        opacity: 1;
    }

    .comparePop .compareItem .btnClose::before,
    .comparePop .compareItem .btnClose::after {
        height: 1rem;
        width: 2px;
    }

.comparePop .controls {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem 1rem 1rem;
    border-top: 1px solid rgba(44, 45, 49, 0.1);
}

.comparePop .clearItems {
    font-size: 0.875rem;
    font-weight: 600;
    color: #4960F2;
    vertical-align: middle;
    margin-right: 1rem;
}

    .comparePop .clearItems span {
        vertical-align: middle;
        font-weight: 700;
    }

    .comparePop .clearItems img {
        display: inline-block;
        vertical-align: middle;
        margin-left: 12px;
        width: 16px;
    }

/* .comparePop .toCompareLink.disable{
    opacity: 0.3;
}

.comparePop .compareIndicator .text{
    width:70px;
    margin-left:1rem;
    
} */

.compareIndicator {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #4960F2;
    padding: 1rem;
    color: #fff;
    border-radius: 4px;
    position: relative;
}

    .compareIndicator .icon {
        /*position: relative;
        display: inline-block;
        background-color: #fff;
        border-radius: 4px;
        color: #4960F2;
        width: 16px;
        height: 16px;
        text-align: center;
        line-height: 16px;
        font-size: 12px;
        font-weight: 600;
        margin-top: 4px;
        margin-right: 4px;*/
        position: relative;
        display: inline-block;
        fill: white;
        width: 16px;
        height: 16px;
        text-align: center;
        margin-top: 4px;
        margin-right: 4px;
    }

        .compareIndicator .icon::before {
            content: '';
            width: 20px;
            height: 20px;
            position: absolute;
            left: 61%;
            transform: translateX(-50%);
            background: url(/App_Themes/YouGR2019/img/icon_compare_new.svg) center center no-repeat;
            background-size: auto;
            background-size: 18px !important;
            bottom: -1px;
        }

.comparePop.open .icon::before {
    content: unset;
}

.compareIndicator .icon svg {
    position: relative;
    top: -2px;
    height: 20px;
    width: 20px;
}

.compareIndicator .number {
    position: absolute;
    z-index: 2;
    top: -33px;
    left: -2px;
    background-color: white;
    height: 25px;
    width: 25px;
    color: #4960F2;
    display: block;
    font-size: 14px;
    font-weight: 700;
    border-radius: 50%;
    text-align: center;
    padding-top: 4px;
    transition: all 0.05s ease-in-out;
}

/*.compareIndicator .icon::after {
            content: "";
            width: 12px;
            height: 12px;
            border-radius: 4px;
            border: 2px solid #fff;
            position: absolute;
            top: -4px;
            right: -4px;
        }*/

.compareIndicator .text {
    display: inline-block;
    margin-left: 0px;
    font-weight: 600;
    width: 0px;
    overflow: hidden;
    transition: width 0.15s ease-in-out, margin 0.15s ease-in-out;
}

.compareIndicator:hover .text {
    width: 70px;
    margin-left: 1rem;
}

.compareIndicator.full .text {
    width: 70px;
    margin-left: 1rem;
}

.compareIndicator.full .number {
    left: 80%;
    top: 50%;
    transform: translateY(-50%);
}

.compareIndicator.full {
    padding: 1rem 2.2rem 1rem 1rem;
}

.newCompareMsg {
    position: fixed;
    top: calc(50% - 180px);
    left: calc(50% - 146px);
    width: 100%;
    height: 100%;
    max-width: 360px;
    max-height: 292px;
    border-radius: 8px;
    box-shadow: 0px 12px 24px rgba(45, 44, 66, 0.15);
    z-index: 9999;
}


    .newCompareMsg .text {
        padding: 1rem;
    }

    .newCompareMsg msgtitle {
        display: block;
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .newCompareMsg .controls {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem;
        border-top: 1px solid rgba(44, 45, 49, 0.1);
    }

        .newCompareMsg .controls a {
            display: inline-block;
            flex: 1 0 48%;
            max-width: 48%;
        }

        .newCompareMsg .controls .btnCancel {
            height: 50px;
            line-height: 50px;
            background-color: #EFE6D0;
            text-align: center;
            color: #000;
            font-weight: 600;
            border-radius: 4px;
        }

            .newCompareMsg .controls .btnCancel:hover {
                opacity: 0.7;
            }

/********** messages **********/
.correctMsg {
    display: none;
    font-size: 1.2rem;
    font-weight: 600;
    color: #5CAF96;
    margin-top: 1rem;
}

/****************** LOADER *************/

.loaderContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255,255,255,.8);
    z-index: 500;
}

/* =Elements style
---------------------- */
.load-wrapp {
    position: fixed;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    float: left;
    width: 120px;
    height: 100px;
    margin: 0px;
    padding: 20px;
    border-radius: 4px;
    text-align: center;
    /*     background-color: rgba(45, 44, 66, .3); */
}

    .load-wrapp p {
        padding: 0 0 20px;
    }

    .load-wrapp:last-child {
        margin-right: 0;
    }


.ball-holder {
    position: absolute;
    width: 12px;
    height: 45px;
    left: 17px;
    top: 0px;
}

.ball {
    position: absolute;
    top: -11px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #4282B3;
}

.letter-holder {
    padding: 16px;
}

.letter {
    float: left;
    font-size: 14px;
    color: #777;
}

.square {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    background-color: #4b9cdb;
}

.spinner {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.bubble-1,
.bubble-2 {
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #FFC439;
}

.bubble-2 {
    top: auto;
    bottom: 0;
}

.bar {
    float: left;
    width: 15px;
    height: 6px;
    border-radius: 2px;
    background-color: #4b9cdb;
}

/* =Animate the stuff
------------------------ */
.load-1 .line:nth-last-child(1) {
    animation: loadingA 1.5s 1s infinite;
}

.load-1 .line:nth-last-child(2) {
    animation: loadingA 1.5s .5s infinite;
}

.load-1 .line:nth-last-child(3) {
    animation: loadingA 1.5s 0s infinite;
}

.load-2 .line:nth-last-child(1) {
    animation: loadingB 1.5s 1s infinite;
}

.load-2 .line:nth-last-child(2) {
    animation: loadingB 1.5s .5s infinite;
}

.load-2 .line:nth-last-child(3) {
    animation: loadingB 1.5s 0s infinite;
}

.load-3 .line:nth-last-child(1) {
    animation: loadingC .6s .1s linear infinite;
}

.load-3 .line:nth-last-child(2) {
    animation: loadingC .6s .2s linear infinite;
}

.load-3 .line:nth-last-child(3) {
    animation: loadingC .6s .3s linear infinite;
}

.load-4 .ring-1 {
    animation: loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite;
}

.load-5 .ball-holder {
    animation: loadingE 1.3s linear infinite;
}

.load-6 .letter {
    animation-name: loadingF;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

.l-1 {
    animation-delay: .48s;
}

.l-2 {
    animation-delay: .6s;
}

.l-3 {
    animation-delay: .72s;
}

.l-4 {
    animation-delay: .84s;
}

.l-5 {
    animation-delay: .96s;
}

.l-6 {
    animation-delay: 1.08s;
}

.l-7 {
    animation-delay: 1.2s;
}

.l-8 {
    animation-delay: 1.32s;
}

.l-9 {
    animation-delay: 1.44s;
}

.l-10 {
    animation-delay: 1.56s;
}

.load-7 .square {
    animation: loadingG 1.5s cubic-bezier(.17,.37,.43,.67) infinite;
}

.load-8 .line {
    animation: loadingH 1.5s cubic-bezier(.17,.37,.43,.67) infinite;
}

.load-9 .spinner {
    animation: loadingI 2s linear infinite;
}

.load-9 .bubble-1, .load-9 .bubble-2 {
    animation: bounce 2s ease-in-out infinite;
}

.load-9 .bubble-2 {
    animation-delay: -1.0s;
}

.load-10 .bar {
    animation: loadingJ 2s cubic-bezier(.17,.37,.43,.67) infinite;
}

@keyframes loadingA {
    0 {
        height: 15px;
    }

    50% {
        height: 35px;
    }

    100% {
        height: 15px;
    }
}

@keyframes loadingB {
    0 {
        width: 15px;
    }

    50% {
        width: 35px;
    }

    100% {
        width: 15px;
    }
}

@keyframes loadingC {
    0 {
        transform: translate(0,0);
    }

    50% {
        transform: translate(0,15px);
    }

    100% {
        transform: translate(0,0);
    }
}

@keyframes loadingD {
    0 {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loadingE {
    0 {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loadingF {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes loadingG {
    0% {
        transform: translate(0,0) rotate(0deg);
    }

    50% {
        transform: translate(70px,0) rotate(360deg);
    }

    100% {
        transform: translate(0,0) rotate(0deg);
    }
}

@keyframes loadingH {
    0% {
        width: 15px;
    }

    50% {
        width: 35px;
        padding: 4px;
    }

    100% {
        width: 15px;
    }
}

@keyframes loadingI {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
    }
}

@keyframes loadingJ {
    0%,100% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(80px,0);
        background-color: #f5634a;
        width: 25px;
    }
}










/****************** PRODUCT DYNAMIC CONTENT IMAGES FIX *************/
.product-dynamic-content img {
    width: auto;
    height: auto;
    max-width: 100%;
    display: inline-block;
}

/****************** PRODUCT TAB CONTENT BORDER FIX *************/
.productTabContent {
    border: unset;
}


/************************ BLOCKS ************************/

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

.elem_none {
    display: none !important;
}

#you_club_lp {
    display: none;
}

.elem_inline {
    display: inline !important;
}

.elem_inline_block {
    display: inline_block !important;
}

.elem_block {
    display: block !important;
}

.elem_table {
    display: table !important;
}

.elem_table_row {
    display: table_row !important;
}

.elem_table_cell {
    display: table_cell !important;
}

.elem_flex {
    display: _ms_flexbox !important;
    display: flex !important;
}

.elem_inline_flex {
    display: _ms_inline_flexbox !important;
    display: inline_flex !important;
}

.h100 {
    height: 100%;
}

.h50 {
    height: 50px;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

@media (min-width: 576px) {
    .elem_sm_none {
        display: none !important;
    }

    .elem_sm_inline {
        display: inline !important;
    }

    .elem_sm_inline_block {
        display: inline_block !important;
    }

    .elem_sm_block {
        display: block !important;
    }

    .elem_sm_table {
        display: table !important;
    }

    .elem_sm_table_row {
        display: table_row !important;
    }

    .elem_sm_table_cell {
        display: table_cell !important;
    }

    .elem_sm_flex {
        display: _ms_flexbox !important;
        display: flex !important;
    }

    .elem_sm_inline_flex {
        display: _ms_inline_flexbox !important;
        display: inline_flex !important;
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }
}

@media (min-width: 768px) {
    .elem_md_none {
        display: none !important;
    }

    .elem_md_inline {
        display: inline !important;
    }

    .elem_md_inline_block {
        display: inline_block !important;
    }

    .elem_md_block {
        display: block !important;
    }

    .elem_md_table {
        display: table !important;
    }

    .elem_md_table_row {
        display: table_row !important;
    }

    .elem_md_table_cell {
        display: table_cell !important;
    }

    .elem_md_flex {
        display: _ms_flexbox !important;
        display: flex !important;
    }

    .elem_md_inline_flex {
        display: _ms_inline_flexbox !important;
        display: inline_flex !important;
    }

    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }
}

@media (min-width: 992px) {
    .elem_lg_none {
        display: none !important;
    }

    .elem_lg_inline {
        display: inline !important;
    }

    .elem_lg_inline_block {
        display: inline_block !important;
    }

    .elem_lg_block {
        display: block !important;
    }

    #you_club_lp {
        display: block;
    }

    .elem_lg_table {
        display: table !important;
    }

    .elem_lg_table_row {
        display: table_row !important;
    }

    .elem_lg_table_cell {
        display: table_cell !important;
    }

    .elem_lg_flex {
        display: _ms_flexbox !important;
        display: flex !important;
    }

    .elem_lg_inline_flex {
        display: _ms_inline_flexbox !important;
        display: inline_flex !important;
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }
}

@media (min-width: 1200px) {
    .elem_xl_none {
        display: none !important;
    }

    .elem_xl_inline {
        display: inline !important;
    }

    .elem_xl_inline_block {
        display: inline_block !important;
    }

    .elem_xl_block {
        display: block !important;
    }

    .elem_xl_table {
        display: table !important;
    }

    .elem_xl_table_row {
        display: table_row !important;
    }

    .elem_xl_table_cell {
        display: table_cell !important;
    }

    .elem_xl_flex {
        display: _ms_flexbox !important;
        display: flex !important;
    }

    .elem_xl_inline_flex {
        display: _ms_inline_flexbox !important;
        display: inline_flex !important;
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }
}


/*##################################################### styles.css ############################################################*/
@charset "UTF-8";


/**********************************************************************/
/****************************** KEY FRAMES ****************************/


@keyframes sliderTimer {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

@-webkit-keyframes sliderTimer {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}


@keyframes menuBtn1 {
    0% {
        width: 12px;
        transform: translateY(0px);
    }

    30% {
        width: 24px;
        transform: translateY(0px);
    }

    50% {
        transform: translateY(5px);
        width: 24px;
    }

    75% {
        transform: translateY(5px) rotate(0deg);
        width: 24px;
    }

    100% {
        transform: translateY(5px) rotate(45deg);
        width: 24px;
    }
}

@keyframes menuBtn1Reverse {
    0% {
        transform: translateY(5px) rotate(45deg);
        width: 24px;
    }

    30% {
        transform: translateY(5px) rotate(0deg);
        width: 24px;
    }

    50% {
        transform: translateY(5px);
        width: 24px;
    }

    75% {
        width: 24px;
        transform: translateY(0px);
    }

    100% {
        width: 12px;
        transform: translateY(0px);
    }
}

@keyframes menuBtn2 {
    0% {
        width: 16px;
        transform: translateY(0px);
    }

    30% {
        width: 24px;
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-5px);
        width: 24px;
    }

    75% {
        transform: translateY(-5px) rotate(0deg);
        width: 24px;
    }

    100% {
        transform: translateY(-5px) rotate(-45deg);
        width: 24px;
    }
}

@keyframes menuBtn2Reverse {

    0% {
        transform: translateY(-5px) rotate(-45deg);
        width: 24px;
    }

    30% {
        transform: translateY(-5px) rotate(0deg);
        width: 24px;
    }

    50% {
        transform: translateY(-5px);
        width: 24px;
    }

    75% {
        width: 24px;
        transform: translateY(0px);
    }

    100% {
        width: 16px;
        transform: translateY(0px);
    }
}









/************************* ANIMATIONS *********************/

.ltoRTitle {
    position: absolute;
    top: 0px;
    animation: leftToRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fadeIn {
    animation: fadeIn 1.5s ease-in forwards;
}

.fadeInBounce {
    animation: fadeInBounce 1.5s ease-in forwards;
}

.scaleOut {
    animation: scaleOut 0.6s ease-in forwards;
}

@keyframes fadeInBounce {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }

    60% {
        transform: scale(1.1);
    }

    80% {
        transform: scale(0.9);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}



@-webkit-keyframes fadeInBounce {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }

    60% {
        -webkit-transform: scale(1.1);
    }

    80% {
        -webkit-transform: scale(0.9);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

.fadeInBounceFast {
    animation: fadeInBounce 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}







/***********************************************************************/
/***********************  GENERAL COMPONENTS  **************************/


/************************ PAGE SEARCH MODULE ***********************/

.pageSearchContainer {
    margin: 0px auto;
    padding-top: 20px;
    text-align: center;
    height: 90px;
}

    .pageSearchContainer .inner {
        position: relative;
        max-width: 720px;
        margin: 0 auto;
    }

    .pageSearchContainer input[type="search"],
    .pageSearchContainer input[type="text"] {
        position: relative;
        font-size: 14px;
        width: 100%;
        height: 50px;
        padding: 0px 60px 0px 60px;
        text-align: center;
        color: #2C2D31;
        border: none;
        font-weight: bold;
        z-index: 2;
        background-color: transparent;
    }

    .pageSearchContainer .inner::after {
        position: absolute;
        bottom: 0px;
        left: 0px;
        content: "";
        height: 3px;
        width: 100%;
        background-color: #4960F2;
        z-index: 1;
        border-radius: 5px;
        transition: 0.1s ease-out;
    }

input.pageSearchInput,
input.headerSearchInput,
.sn-suggest-input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    background-color: transparent !important;
}

.pageSearchContainer.focus .searchSubmit,
.pageSearchContainer.focus .microphoneBtn,
.pageSearchContainer.focus input[type="search"],
.pageSearchContainer.focus input[type="text"] {
    color: #fff;
}

.pageSearchContainer.focus .inner::after {
    height: 100%;
}

.pageSearchContainer.focus input[type="search"],
.pageSearchContainer.focus input[type="text"] {
    box-shadow: 0px 10px 20px rgba(73, 96, 242, 0.3);
}

.pageSearchContainer .searchSubmit, .prListPage .mobileSearchContainer .searchSubmit {
    position: absolute;
    left: 15px;
    bottom: 12px;
    width: 24px;
    height: 24px;
    padding: 0px;
    background-color: transparent;
    border: none;
    color: #2D2C42;
    z-index: 2;
}

    .pageSearchContainer .searchSubmit svg, .prListPage .mobileSearchContainer .searchSubmit svg {
        fill: currentColor;
        width: 20px;
        height: 20px;
    }

.pageSearchContainer .microphoneBtn, .prListPage .mobileSearchContainer .microphoneBtn {
    display: none;
}

.isChrome .pageSearchContainer .microphoneBtn, .isChrome .prListPage .mobileSearchContainer .microphoneBtn {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 12px;
    width: 24px;
    height: 24px;
    padding: 0px;
    background-color: transparent;
    border: none;
    color: #2D2C42;
    z-index: 2;
}

.pageSearchContainer .microphoneBtn svg, .prListPage .mobileSearchContainer .microphoneBtn svg {
    fill: currentColor;
    width: 20px;
    height: 20px;
}


.pageSearchContainer input::-webkit-input-placeholder, .prListPage .mobileSearchContainer input::-webkit-input-placeholder {
    color: #2D2C42;
    opacity: 1;
}

.pageSearchContainer input::-moz-placeholder, .prListPage .mobileSearchContainer input::-moz-placeholder {
    /* Firefox 19+ */
    color: #2D2C42;
    opacity: 1;
}

.pageSearchContainer input:-ms-input-placeholder, .prListPage .mobileSearchContainer input::-moz-placeholder {
    /* IE 10+ */
    color: #2D2C42;
    opacity: 1;
}

.pageSearchContainer input:-moz-placeholder, .prListPage .mobileSearchContainer input::-moz-placeholder {
    /* Firefox 18- */
    color: #2D2C42;
    opacity: 1;
}



.pageSearchContainer.focus input::-webkit-input-placeholder, .prListPage .mobileSearchContainer.focus input::-moz-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 0;
    color: #4960F2;
}

.pageSearchContainer.focus input::-moz-placeholder, .prListPage .mobileSearchContainer.focus input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 0;
    color: #4960F2;
}

.pageSearchContainer.focus input:-ms-input-placeholder, .prListPage .mobileSearchContainer.focus input::-moz-placeholder {
    /* IE 10+ */
    opacity: 0;
    color: #4960F2;
}

.pageSearchContainer.focus input:-moz-placeholder, .prListPage .mobileSearchContainer.focus input::-moz-placeholder {
    /* Firefox 18- */
    opacity: 0;
    color: #4960F2;
}



@media (max-width:768px) {
    .prListPage .headerLeft .mobSearch {
        display: none;
    }

    .pageSearchContainer, .prListPage .mobileSearchContainer {
        background: white;
        box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.10);
        position: fixed;
        inset: 69px 0 auto 0;
        z-index: 66;
        padding: 10px;
        height: 69px;
    }

        .pageSearchContainer .inner, .prListPage .mobileSearchContainer .inner {
            border-radius: 7px;
            background: #F0F0F2;
        }

            .pageSearchContainer .inner::after, .prListPage .mobileSearchContainer .inner::after {
                content: unset;
            }

        .pageSearchContainer .searchSubmit, .pageSearchContainer input[type="search"], .pageSearchContainer input[type="text"],
        .prListPage .mobileSearchContainer .searchSubmit, .prListPage .mobileSearchContainer input[type="search"], .prListPage .mobileSearchContainer input[type="text"] {
            opacity: .7;
        }

        .pageSearchContainer.focus input[type="search"],
        .pageSearchContainer.focus input[type="text"],
        .prListPage .mobileSearchContainer.focus input[type="search"],
        .prListPage .mobileSearchContainer.focus input[type="text"] {
            box-shadow: none;
        }

        .pageSearchContainer.focus .searchSubmit,
        .pageSearchContainer.focus .microphoneBtn,
        .pageSearchContainer.focus input[type="search"],
        .pageSearchContainer.focus input[type="text"],
        .prListPage .mobileSearchContainer.focus .searchSubmit,
        .prListPage .mobileSearchContainer.focus .microphoneBtn,
        .prListPage .mobileSearchContainer.focus input[type="search"],
        .prListPage .mobileSearchContainer.focus input[type="text"] {
            color: #000;
            opacity: 1;
        }

    .sn-suggest-input:focus + .sn-x-mark, #txtSearch:focus + .sn-x-mark, .sn-suggest-input:focus + .sn-x-mark + .sn-suggest-dropdown + .sn-mic-cont .sn-mic .microphoneBtn, #txtSearch:focus + .sn-x-mark + .sn-suggest-dropdown + .sn-mic-cont .sn-mic .microphoneBtn {
        background-color: #F0F0F2 !important;
    }

    .mobileSearchContainer.focus .sn-suggest-input:focus + .sn-x-mark,
    .mobileSearchContainer.focus #txtSearch:focus + .sn-x-mark,
    .mobileSearchContainer.focus .sn-suggest-input:focus + .sn-x-mark + .sn-suggest-dropdown + .sn-mic-cont .sn-mic .microphoneBtn,
    .mobileSearchContainer.focus #txtSearch:focus + .sn-x-mark + .sn-suggest-dropdown + .sn-mic-cont .sn-mic .microphoneBtn {
        background-color: #485ff2 !important;
    }

    .prListPage .mobileSearchContainer.focus .sn-suggest-input:focus + .sn-x-mark,
    .prListPage .mobileSearchContainer.focus #txtSearch:focus + .sn-x-mark,
    .prListPage .mobileSearchContainer.focus .sn-suggest-input:focus + .sn-x-mark + .sn-suggest-dropdown + .sn-mic-cont .sn-mic .microphoneBtn,
    .prListPage .mobileSearchContainer.focus #txtSearch:focus + .sn-x-mark + .sn-suggest-dropdown + .sn-mic-cont .sn-mic .microphoneBtn {
        background-color: transparent !important;
    }

    .pageSearchContainer .microphoneBtn svg, .prListPage .mobileSearchContainer .microphoneBtn svg {
        opacity: 0.7;
    }

    .pageSearchContainer.focus .microphoneBtn svg, .prListPage .mobileSearchContainer.focus .microphoneBtn svg {
        color: black;
        opacity: 1;
    }

    .pageSearchContainer.focus .sn-x-mark:after, .pageSearchContainer.focus .sn-x-mark:before,
    .prListPage .mobileSearchContainer.focus .sn-x-mark:after, .prListPage .mobileSearchContainer.focus .sn-x-mark:before {
        background: black !important;
    }

    .prListPage .mobileSearchContainer {
        display: block !important;
    }
}

/************************ MICROPHONE TOOLTIP ***********************/
.microphoneMsg {
    display: flex;
    flex-direction: row;
    background-color: #FFC439;
    border-radius: 4px;
    position: absolute;
    top: 70px;
    right: 0;
    z-index: 10;
    max-width: 370px;
    align-items: center;
    text-align: left;
    padding: 18px 22px;
}

    .microphoneMsg.open {
    }

    .microphoneMsg::before {
        content: "";
        position: absolute;
        bottom: 100%;
        right: 17px;
        margin-left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #FFC439 transparent;
    }

    .microphoneMsg svg {
        width: 48px;
        height: 48px;
        border: solid 1px rgba(45, 44, 66, .2);
        border-radius: 50%;
        padding: 10px;
    }

    .microphoneMsg .txt {
        padding-left: 22px;
    }



/************************ PROMO AREA MODULE ***********************/

.promoArea {
    position: relative;
    /* 	//height: 42vw;
	//max-height: 672px;/* 42% of 1600px */
}

    .promoArea.half {
        /* 	//height: 21vw;
	//max-height: 336px; */
    }

.promoBox {
    text-align: left;
    padding: 4px;
    height: 20vw;
    max-height: 350px;
    /* 21% of 1616px */
    border-radius: 8px;
    overflow: hidden;
}



    .promoBox.promoSlider,
    .promoBox.promoCateg {
        height: calc(40vw);
        max-height: 700px;
        /* 42% of 1616px */
    }

        .promoBox.promoSlider .inner {
            background-color: transparent !important;
        }

    .promoBox.v2.promoSlider .inner {
        background-color: #fff !important;
    }

.promoCategList {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    height: calc(100% - 140px);
    flex-direction: row;
    /* align-items: space-between; */
    align-content: flex-start;
    border-top: 1px solid rgba(45, 44, 66, 0.1);
}

    .promoCategList .flexCol_6,
    .promoBox .col_12,
    .promoBox .flexCol_12 {
        padding-left: 20px;
        padding-right: 20px;
    }
/* .promoCategList .catItem[data-visible="false"]{
	opacity: 0;
} */
.promoCateg .moreBtn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3%;
    padding-bottom: 3%;
    /* border-top: 1px solid rgba(45, 44, 66, 0.1); */
    text-align: center;
    height: 80px;
}

    .promoCateg .moreBtn a {
        font-size: 1rem;
        font-weight: 500;
        flex-shrink: 1;
        color: #2D2C42;
        transition: ease-in-out .15s all;
    }

        .promoCateg .moreBtn a:hover {
            color: #4960F2;
        }

        .promoCateg .moreBtn a .arrow {
            width: 20px;
            margin: 0 5px;
            height: 10px;
            display: inline-block;
            opacity: 1;
            transition: ease-in-out .15s opacity;
        }

        .promoCateg .moreBtn a[data-arrow="left"] .rightArrow {
            opacity: 0;
        }

        .promoCateg .moreBtn a[data-arrow="right"] .leftArrow {
            opacity: 0;
        }

.promoSpecialColumn {
    padding: 0px;
}

    .promoSpecialColumn .promoBox {
        width: 100%;
    }

.promoBox .inner {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    flex-wrap: nowrap;
    height: 100%;
    background-color: rgba(45, 44, 66, 0.05);
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: box-shadow 0.15s ease-out;
}






.promoBox:hover .inner {
    box-shadow: 0px 10px 15px rgba(45, 44, 66, 0.15);
}

.cmnModuleWrapper.bgLightGray .promoBox .inner {
    background-color: #fff;
}

.userBox .innerBoxes {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 2.5px;
}

.innerBoxes > div {
    padding: 2.5px;
}

.userBox .innerbox > a {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    font-size: 0.875rem;
    color: #2C2D31;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 8px 20px 8px 0px;
    height: 100%;
    transition: 0.3s ease-out;
}

.promoBox.userBox li {
    padding: 3px 0px;
}

.bgLightGray .userBox .innerbox > a {
    background-color: #EDEDEF;
}

.innerBoxes a .boxLabel {
    font-weight: 500;
    max-width: 60%;
    flex-basis: 60%;
}

.innerBoxes a:hover .boxLabel {
    color: #4960F2;
    /* 	background-color:rgba(255,255,255,1); */
}

.innerBoxes img {
    max-width: 45%;
    flex-basis: 45%;
}

.promoBox .userLabel {
    font-size: 1.25rem;
    font-weight: bold;
    display: block;
    margin-top: 55px !important;
}

.promoBox .userAskLogin {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    margin-left: 15px;
}

.promoBox a.underLine {
    text-decoration: underline;
    color: #FFC439;
    font-weight: 700;
}

.promoBox .userBot {
    border-top: 2px solid #3A4DEF;
    padding-top: 15px;
    padding-bottom: 10px;
}

.promoBox .owl-carousel {
    height: 100%;
}

    .promoBox .owl-carousel .owl-stage-outer,
    .promoBox .owl-carousel .owl-stage,
    .promoBox .owl-carousel .owl-item,
    .promoBox .owl-carousel .slideItem {
        height: 100%;
    }

        .promoBox .owl-carousel .owl-item:first-child {
            margin-left: -1px !important;
        }



    .promoBox .owl-carousel .slideItem {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

        .promoBox .owl-carousel .slideItem .slideImg {
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            height: 65%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

.promoBox.slideFull .owl-carousel .slideItem .slideImg {
    height: 100%;
}

.promoBox .owl-carousel .slideItem .bot {
}


.promoBox .itemFeutures {
    position: relative;
    height: 35%;
}

    .promoBox .itemFeutures p {
        margin: 0px;
    }


.promoSliderDots {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 20px;
    padding: 0px 20px;
    z-index: 8;
}

.slideFull .promoSliderDots {
    text-align: center;
}

.cmn_products_slider .owl-dot,
.promoBox .owl-dot {
    border: none;
    padding: 0px;
    margin-right: 7px;
    outline: none;
    background-color: transparent;
}

    .promoBox .owl-dot span {
        width: 8px;
        height: 8px;
        background-color: #666;
        border: 2px solid #fff;
        display: block;
        border-radius: 50rem;
        transition: 0.15s ease-out;
    }

    .promoBox .owl-dot.active span {
        transform: scale(1.2);
        background-color: #FFC500;
        border: 1px solid #fff;
        opacity: 1;
    }

.promoBox h3 {
    margin-top: 25px;
}

.promoBox .withIcon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .promoBox .withIcon img {
        width: 60px;
    }

.promoBox .promoTitle {
    margin-top: 20px;
    max-width: 50%;
}

.promoBox.promoSlider .promoTitle {
    max-width: 100%;
}

.promoBox .f28 {
    font-weight: bold;
}

.promoBox.promoSlider h3 {
    margin-top: 20px;
    margin-bottom: 0px;
}

.promoBox.promoCateg .inner {
    justify-content: flex-start;
    flex-wrap: nowrap;
    /* 	overflow: auto; */
}




.promoBox .catItem {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 3%;
    padding-bottom: 3%;
    border-bottom: 1px solid rgba(45, 44, 66, 0.1);
}

    .promoBox .catItem:nth-child(2n + 1) {
        border-right: 1px solid rgba(45, 44, 66, 0.1);
    }

    .promoBox .catItem .categImg {
        display: inline-block;
        flex: 0 0 20px;
        margin-left: 1rem;
    }

    .promoBox .catItem img {
        max-width: 100%;
        width: auto;
    }

    .promoBox .catItem a.categLink {
        font-size: 1rem;
        font-weight: 500;
        flex-shrink: 1;
        color: #2D2C42;
    }

        .promoBox .catItem a.categLink:hover {
            color: #4960F2;
        }

.promoBox .promoPriceEnd {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
}

.promoBox .promoPriceStart {
    font-size: 14px;
}

    .promoBox .promoPriceStart > span {
        position: relative;
        display: inline-block;
        font-weight: bold;
    }

        .promoBox .promoPriceStart > span::after {
            content: "";
            position: absolute;
            top: 50%;
            left: -2px;
            width: calc(100% + 4px);
            height: 1px;
            background-color: #000;
        }

.promoBox .clrWhite .promoPriceStart > span::after,
.promoBox .fullImg .promoPriceStart > span::after,
.promoBox .bgBlack .promoPriceStart > span::after {
    background-color: #fff;
}

.promoBox.promoSlider .promoPriceStart > span {
    font-weight: normal;
    margin-right: 3px;
}

.promoBox .linkStretched {
    display: inline-block;
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    height: 40px;
    padding: 10px 20px;
    transition: background-color 0.3s ease-out;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}


.cmnModuleWrapper.bgLightGray .promoBox .linkStretched {
    background-color: #EDEDEF;
}

    .cmnModuleWrapper.bgLightGray .promoBox .linkStretched:hover,
    .promoBox .linkStretched:hover {
        background-color: #FFC439;
    }

.promoBox .bot {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}

.promoBox .promoTags {
    /* 	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	justify-content: flex-end;
	align-items: center; */
    margin-top: 15px;
    overflow: hidden;
}

.promoBox .promoTag {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    border-radius: 50rem;
    padding: 5px;
    font-weight: 700;
}

.promoBox .promoTagsPos {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    float: right;
}

.promoBox .promoTag img {
    max-width: 100%;
    width: auto;
}

.cmnPromoModule .mbMore {
    display: none;
}

.cmnPromoModule .promoMobileMore {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 24px 8px;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    flex-direction: column;
    color: #2C2D31;
}

    .cmnPromoModule .promoMobileMore > span {
        padding-bottom: 10px;
        font-weight: bold;
    }

.promoMobileMore .btnBorder {
    position: relative;
    z-index: 2;
}

.cmnPromoModule .promoMobileMore > img {
    width: 48px;
    z-index: 2;
}



/*************** PROMOBOX TYPES ***************/

.promoBox .inner.fullImg,
.cmnPromoModule .promoBox .inner.fullImg {
    background-size: cover;
    background-position: center;
}

.promoBox .inner.bgBlue {
    background-color: #4960F2 !important;
    color: #fff;
}

.promoBox .inner.bgPurple {
    background-color: #B059F3 !important;
    color: #fff;
}

.promoBox .inner.bgBlack {
    background-color: #000 !important;
}


/*************** PROMOBOX V2 , V3 ***************/


.promoBox.v2 {
    height: 15vw;
    max-height: 260px;
}

    .promoBox.v2.slideFull {
        height: calc(30vw - 1px);
        max-height: 520px;
    }

    .promoBox.v2 .inner {
        border: none;
        text-align: center;
        background-color: #fff;
        background-size: auto 70%;
        background-position: center bottom;
    }

.ie11 .promoBox.v2 .inner {
    -ms-flex-pack: start;
}



.promoBox.v2 .owl-carousel .slideItem .slideImg {
    background-size: auto 100%;
    background-position: center bottom;
}

.promoBox.v2.slideFull .promoTitle {
    font-size: 1.75rem;
}

.promoBox.v2 .promoTitle {
    max-width: 100%;
    font-size: 1.25rem;
}

.promoBox.v2.col_2 .promoTitle {
    font-size: 1rem;
}

.promoBox.slideFull.v2 .owl-carousel .slideItem .slideImg {
    height: 70%;
    margin-bottom: 20px;
}

.promoBox.v3 .owl-carousel .slideItem .slideImg,
.promoBox.v2 .owl-carousel .slideItem {
    justify-content: space-between;
}

.promoBox.v3 .promoSliderDots,
.promoBox.v2 .promoSliderDots {
    display: none;
}

.promoBox.v2:hover .inner {
    box-shadow: none;
    border-color: #4960F2;
}



/************************ PRODUCT SALES MODULE ***********************/


.prodSalesSection {
    color: #fff;
    /* 	height: 40vw;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	flex-direction: column;
	justify-content: center; */
    padding: 90px 0px 100px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.prodSalesContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

    .prodSalesContainer .productItem {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        flex-basis: calc(20% - 5px);
        max-width: 160px;
        padding: 20px 20px 50px 20px;
        background-color: #fff;
        margin-right: 8px;
        transition: 0.15s ease-out;
    }



        .prodSalesContainer .productItem .vCenterImg {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            justify-content: center;
            /* height: 100%; */
            flex-grow: 1;
            margin-bottom: 10px;
        }

        .prodSalesContainer .productItem .salesLabel {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: -14px;
            text-align: center;
        }

            .prodSalesContainer .productItem .salesLabel .prefix {
                font-size: 14px;
                color: #FF814B;
                display: block;
            }

            .prodSalesContainer .productItem .salesLabel .amount {
                display: inline-block;
                font-size: 20px;
                border-radius: 20px;
                padding: 4px 8px;
                font-weight: bold;
                background-color: #FF814B;
                margin-top: 5px;
            }

prodSalesContainer .productItem:hover {
    transform: scale(1.05);
}

.prodSalesSection .titleSection {
    margin: 0px;
}

.prodSalesContainer .productItem .title {
    display: block;
    width: 100%;
    color: #2C2D31;
    text-align: center;
    letter-spacing: 0.02rem;
}

.prodSalesContainer .productItem:hover .title {
    color: #4960F2;
}

.prodSalesSection .btnCommon {
    display: inline-block;
    margin-top: 20px;
}


.prodSalesContainer.owl-carousel {
}

.prodSalesContainer .owl-stage-outer {
    padding: 0px 0px 0px 16px;
}

.prodSalesContainer .owl-stage {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 20px;
}

.prodSalesContainer .owl-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 160px;
    flex: 1 0 160px;
    margin: 0 auto;
}

/* .ie11 .prodSalesContainer .owl-item{
	max-width: none;
} */

.prodSalesContainer.owl-carousel .productItem {
    max-width: none;
    flex-basis: auto;
    margin: 0px;
}

/************************ PRODUCT TRENDS MODULE ***********************/


.promosDropableSection {
    position: relative;
    overflow: hidden;
}


.promosTabs {
    position: relative;
}

    .promosTabs .promoArea {
        position: absolute;
        visibility: hidden;
    }

        .promosTabs .promoArea.current {
            position: relative;
            visibility: visible;
        }



/******** COLLAPSABLEMENU ********/

.pageMoreMenu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%;
    min-width: 320px;
    margin: 24px 0px 1rem 0px;
    padding: 0px;
    text-align: center;
}

    .pageMoreMenu li {
        display: inline-block;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .pageMoreMenu > li:last-of-type {
        /* 	padding-right:0px; */
    }

    .pageMoreMenu li > a {
        display: inline-block;
        padding: 6px 12px 7px 12px;
        color: #2D2C42;
        font-size: 0.875rem;
        font-weight: 600;
        border-radius: 4px;
        transition: color 0.3s ease-out;
    }

    .pageMoreMenu.clrWhite li > a {
        color: #FFF;
    }

    .pageMoreMenu li > a:hover {
        background-color: #E5E5E5;
    }

    .pageMoreMenu.clrWhite li > a:hover {
        color: #2D2C42;
    }

    .pageMoreMenu li.current > a:hover,
    .pageMoreMenu li.current > a {
        box-shadow: 0px 7px 15px rgba(44, 45, 47, 0.15);
        background-color: #4960F2;
        color: #fff;
    }

    .pageMoreMenu.clrWhite li.current > a:hover,
    .pageMoreMenu.clrWhite li.current > a {
        box-shadow: 0px 7px 15px rgba(44, 45, 47, 0.15);
        background-color: #FFC439;
        color: #2D2C42;
    }


    .pageMoreMenu .drop li.current a {
        box-shadow: none;
        background-color: transparent;
    }


    .pageMoreMenu li.menuMore {
        position: relative;
        display: none;
        /*   float:right; */
    }

li.menuMore > a {
    position: relative;
    display: inline-block;
    margin: 0px;
    padding-right: 28px;
}

li.menuMore a svg {
    width: 10px;
    height: 10px;
    margin-left: 5px;
    margin-top: 2px;
    vertical-align: top;
    fill: currentColor;
}

li.menuMore > a::after {
    content: "";
    position: absolute;
    top: 13px;
    right: 10px;
    width: 12px;
    height: 2px;
    color: #fff;
    background-color: #2D2C42;
    transition: 0.15s ease-out;
}

li.menuMore > a::before {
    content: "";
    position: absolute;
    top: 17px;
    right: 10px;
    width: 12px;
    height: 2px;
    color: #fff;
    background-color: #2D2C42;
    transition: 0.15s ease-out;
}

.pageMoreMenu li.menuMore > a:hover {
    color: #4960F2;
}

li.menuMore > a:hover::before,
li.menuMore > a:hover::after {
    background-color: #4960F2;
}

.pageMoreMenu li.menuMore > a {
}

.pageMoreMenu li.menuMore.visible {
    display: inline-block;
}

.pageMoreMenu li.menuMore .drop {
    position: absolute;
    right: 0;
    width: auto;
    text-align: right;
    visibility: hidden;
    background-color: #fff;
    border-radius: 4px;
    text-align: right;
    padding: 4px 4px;
    margin-top: 8px;
}

    .pageMoreMenu li.menuMore .drop::after {
        content: "";
        position: absolute;
        top: -8px;
        left: 0px;
        width: 100%;
        height: 8px;
        background-color: transparent;
    }

    .pageMoreMenu li.menuMore .drop li {
        padding: 0px;
        margin: 16px 0px;
    }

        .pageMoreMenu li.menuMore .drop li a {
            padding: 0px 12px;
            color: #2D2C42;
            white-space: nowrap;
        }

            .pageMoreMenu li.menuMore .drop li a:hover {
                background-color: transparent;
                color: #4960F2;
            }

.pageMoreMenu li.menuMore:hover .drop {
    visibility: visible;
    box-shadow: 0px 10px 20px rgba(45, 44, 66, 0.1);
    z-index: 5;
}

.pageMoreMenu li.menuMore li {
    display: block;
    padding: 10px 12px;
}



/************************ PROMO FEATURE MODULE ***********************/

.promoFeatureSection {
    position: relative;
    padding: 40px 0px;
    background-size: cover;
    background-position: left 37vw center;
    background-repeat: no-repeat;
    background-color: #fff;
}

    .promoFeatureSection::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: calc((100% - 1600px)/2);
        /* 1600px is the max width of the container */
        background-color: #fff;
        display: none;
    }

    .promoFeatureSection .gradWhiteMask {
        left: calc((100% - 1600px)/2);
        /* 1600px is the max width of the container */
        /* 	width: calc(1600px / 1.5); */
        width: calc(1600px*30/100);
        background-color: #fff;
        display: none;
    }

    .promoFeatureSection .featureTitle {
        font-size: 2.5rem;
        margin: 20px 0px 10px 0px;
    }

    .promoFeatureSection .categlist ul {
        margin-top: 2rem;
    }

    .promoFeatureSection .categlist {
        width: 100%;
        max-width: 420px;
    }

        .promoFeatureSection .categlist p {
            max-width: 90%;
        }

        .promoFeatureSection .categlist li {
            padding: 8px 0px;
            font-weight: bold;
        }

            .promoFeatureSection .categlist li a {
                position: relative;
            }

            .promoFeatureSection .categlist li:last-child a::before {
                content: "";
                position: absolute;
                left: 0;
                bottom: -2px;
                width: 100%;
                height: 2px;
                background-color: #fff;
            }

        .promoFeatureSection .categlist.clrBlack li:last-child a::before {
            background-color: #2D2C42;
        }


    .promoFeatureSection .categFeatureItem {
        text-align: center;
        padding: 4px;
        color: #2C2D31;
        max-width: 160px;
        flex-basis: 160px;
        height: 220px;
    }

        .promoFeatureSection .categFeatureItem .inner {
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            background-color: #fff;
            padding: 26px 16px 16px 16px;
            height: 100%;
            overflow: hidden;
        }

            .promoFeatureSection .categFeatureItem .inner .itemImg > img {
                position: relative;
                width: auto;
                margin: 0 auto;
            }

    .promoFeatureSection .categLabel {
        display: block;
        text-align: center;
        width: 100%;
        font-size: 0.875rem;
        font-weight: bold;
    }


.mobCategFeatures .categFeatureItem {
    position: relative;
    text-align: left;
    padding: 4px 8px;
    color: #2C2D31;
    max-width: 100%;
    flex: 1 0 100%;
    top: -20px;
}

    .mobCategFeatures .categFeatureItem .inner {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        height: 100px;
        padding: 0px 32px 0px 16px;
        overflow: hidden;
    }

.mobCategFeatures .categLabel {
    font-size: 0.875rem;
    padding-right: 2rem;
}

.mobCategFeatures .categFeatureItem .inner .itemImg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 90%;
    width: 100px;
}

    .mobCategFeatures .categFeatureItem .inner .itemImg > img {
        position: relative;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }

.mobCategFeatures {
    position: relative;
    padding-bottom: 40px;
}

/************************ BRANDS MODULE ***********************/

.brandsSection .flexContainer {
    margin: 40px auto;
}

.brandItem {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px 65px 15px;
    border-radius: 8px;
    transition: 0.15s ease-out;
}

    .brandItem .itemImg {
        flex-grow: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        max-width: 150px;
    }

        .brandItem .itemImg img {
            max-width: 60px;
        }


    .brandItem span {
        position: absolute;
        left: 0;
        bottom: 15px;
        width: 100%;
        text-align: center;
        color: rgba(44, 45, 49, 0.5);
    }

    .brandItem:hover span {
        /* 	color:#4960F2; */
    }

    .brandItem:hover {
        background-color: #fff;
    }


/************************ PROMO CATEGORY MODULE ***********************/

.promoCatItem {
    position: relative;
    margin-bottom: 8px;
}

    .promoCatItem .inner {
        height: 100%;
        padding: 20px 15px;
        background-color: #fff;
        background-size: 43% auto;
        background-position: bottom right;
        background-repeat: no-repeat;
        transition: 0.15s ease-out;
    }

    .promoCatItem h2 {
        margin: 10px 0px 30px 0px;
    }

        .promoCatItem h2,
        .promoCatItem h2 a {
            color: #000;
            font-size: 1.25rem;
        }

    .promoCatItem li h3 {
        padding: 5px 0px;
        font-size: 16px;
        font-weight: 400;
        margin: 0;
    }

    .promoCatItem li:last-of-type {
        font-weight: bold;
    }

    .promoCatItem li a {
        color: #000;
    }

        .promoCatItem li a:hover {
            color: #4960F2;
        }

    .promoCatItem .inner:hover {
        background-color: #fff;
        background-size: 44% auto;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    }



/************************ PROMO INFO BOXES MODULE ***********************/

.promoInfoBoxes {
    padding: 0px 0px;
}

    .promoInfoBoxes.v2 {
    }

    .promoInfoBoxes .item {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
    }

    .promoInfoBoxes:not(.v2) .item {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }


    .promoInfoBoxes .item .itemImg {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 32px;
        margin-bottom: 5px;
    }

    .promoInfoBoxes .item img {
        max-height: 40px;
        width: auto;
    }

    .promoInfoBoxes .item .itemText span {
        display: block;
    }

    .promoInfoBoxes.v2 .item {
        padding-top: 30px;
        padding-bottom: 30px;
        border-right: 2px solid #3A4DEF;
        color: #fff;
        transition: 0.3s ease-out;
    }

        .promoInfoBoxes.v2 .item:last-of-type {
            border: none;
        }

        .promoInfoBoxes.v2 .item .itemImg {
            height: 30px;
        }

        .promoInfoBoxes.v2 .item .f16 {
            font-weight: 500;
            margin-bottom: 5px;
        }

        .promoInfoBoxes.v2 .item:hover {
            background-color: #3A4DEF
        }


/************************ PROMO INFO BOXES MODULE ***********************/

.articleListContainer {
    padding: 10px 0px;
}

.articleListItem {
    position: relative;
    margin-bottom: 2.5rem;
}

    .articleListItem .articleImg {
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .articleListItem .text {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 1rem;
        color: #3A3956;
    }

        .articleListItem .text h3 {
            margin: 0px;
            color: #3A3956;
            padding-right: 2rem;
            flex-shrink: 1;
            flex-grow: 0;
            font-size: 1.10rem;
        }

            .articleListItem .text h3 a {
                color: #3A3956;
                font-weight: normal;
            }

        .articleListItem .text .categLink {
            display: inline-block;
            flex-shrink: 0;
            flex-grow: 1;
            color: #4960F2;
            font-size: 0.75rem;
            margin-top: 6px;
            text-transform: uppercase;
            text-align: right;
        }

    .articleListItem:hover a {
        color: #4960F2 !important;
    }




/************************* COMMON PRODUCTS SLIDER *************************/


.cmn_products_slider {
    position: relative;
}

.cmnSliderTitle {
    font-size: 2rem;
    margin: 0px 0px 10px 0px;
    font-weight: 400;
    color: #2D2C42;
    padding-right: 132px;
}

.cmn_products_slider .nav_text {
    position: relative;
    margin-bottom: 1.5rem;
}

.cmn_products_slider .sliderNavArrows {
    position: absolute;
    bottom: 0;
    right: 0;
}

.cmn_products_slider .nav_text .owl-nav button {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    box-sizing: border-box;
    background-color: #FFC439;
    border: 2px solid #FFC439;
    border-radius: 50%;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: ease-in-out .1s;
    outline: none;
}

    .cmn_products_slider .nav_text .owl-nav button img {
        width: 8px;
        display: inline-block;
        transition: ease-in-out .1s;
    }

    .cmn_products_slider .nav_text .owl-nav button:not(.disabled):hover {
        transform: scale(1.2, 1.2)
    }

.cmn_products_slider .nav_text .owl-nav .owl-next {
    margin-left: 15px;
}

.cmn_products_slider .nav_text .owl-nav .disabled {
    background-color: transparent;
    border: 2px solid #8F9199;
    opacity: .2;
}

.cmn_products_slider .sliderDots {
    margin-top: 1rem;
    text-align: center;
}


.cmn_products_slider .owl-dot span {
    width: 10px;
    height: 10px;
    background-color: #D8D8DC;
    display: block;
    border-radius: 50rem;
    transition: 0.15s ease-out;
}

.cmn_products_slider .owl-dot.active span {
    transform: scale(1.5);
    background-color: #FFC500;
    opacity: 1;
}

/* -----------------CAROUSEL ITEM CHOICES -------------- */



/* -----------------CUSTOM CHECKBOX-------------- */
.compareCheckbox {
    display: block !important;
    width: 24px;
    height: 40px;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: sub;
    margin: 0 auto;
}

    /*  .compareCheckbox:before,
    .compareCheckbox:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 8px;
        background-color: #000;
    }

    .compareCheckbox:before {
        width: 19px;
        height: 2px;
    }

    .compareCheckbox:after {
        width: 2px;
        height: 19px;
    }*/

    .compareCheckbox input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /*.compareCheckbox .checkmark {
        position: absolute;
        height: 19px;
        width: 19px;
        background-color: #FFF;
        border: solid 2px #000;
        box-sizing: border-box;
        display: inline-block;
        right: 0;
        top: 8px;
    }

    .compareCheckbox:hover input ~ .checkmark {
        background-color: #FFF;
    }*/

    .compareCheckbox:hover .cmn_tooltip {
        visibility: visible;
        opacity: 1;
    }

/*.compareCheckbox input:checked ~ .checkmark {
        background-color: #FFC439;
    }

    .compareCheckbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .compareCheckbox input:checked ~ .checkmark:after {
        display: block;
    }*/

/*.compareCheckbox .checkmark:after {
        left: 5px;
        top: 1px;
        width: 4px;
        height: 9px;
        border: solid #000;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }*/



/* -----------------CUSTOM TOOLTIP-------------- */
.ui-tooltip,
.ui-tooltip .arrow:after {
    background: #2C2D31;
    border: 2px solid #2C2D31;
}

.ui-tooltip {
    padding: 5px 20px;
    color: white;
    border-radius: 3px;
    font-size: 12px;
    line-height: 16px;
    box-shadow: 0px 10px 20px rgba(44, 45, 49, 0.25);
}

    .ui-tooltip .arrow {
        width: 70px;
        height: 16px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        margin-left: -35px;
        bottom: -16px;
    }

        .ui-tooltip .arrow.top {
            top: -16px;
            bottom: auto;
        }

        .ui-tooltip .arrow.left {
            left: 20%;
        }

        .ui-tooltip .arrow:after {
            content: "";
            position: absolute;
            left: 20px;
            top: -20px;
            width: 25px;
            height: 25px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .ui-tooltip .arrow.top:after {
            bottom: -28px;
            top: auto;
        }





/* -----------------FEATURE TAG-------------- */
.feature_tag {
    position: absolute;
    top: 0px;
    left: 4px;
    width: 110px;
    height: 110px;
    padding-top: 25px;
    padding-left: 25px;
    overflow: hidden;
}

    .feature_tag .rel {
        position: relative;
        z-index: 10;
        width: 0px;
        height: 0px;
        transform: rotate(-45deg);
    }

    .feature_tag .text {
        margin-left: -100px;
        margin-top: 0px;
        display: block;
        width: 200px;
        text-align: center;
        font-size: 0.625rem;
        font-weight: bold;
        padding: 2px 60px;
    }



/************************** COMMON PRODUCT ****************************/

.cmnProductsList {
}

.enriched_gift_pills {
    padding: 4px 15px;
    border-radius: 20px;
    font-size: 0.75rem;
    line-height: 1.2;
    font-weight: 600;
    background: #EEEEEE;
    margin: 0 5px 5px 0;
    width: fit-content;
    width: -moz-fit-content;
    color: #2C2D42;
}

    .enriched_gift_pills a {
        color: #2C2D42;
    }


.promo_pills {
    padding: 4px 15px;
    border-radius: 20px;
    font-size: 0.75rem;
    line-height: 1.2;
    font-weight: 600;
    background: #FFE29C;
    margin: 0 5px 5px 0;
    width: fit-content;
    width: -moz-fit-content;
    color: #2C2D42;
    display: flex;
    align-items: center;
}

    .promo_pills button {
        border: none;
        background-color: transparent;
        margin-left: .2rem;
    }

        .promo_pills button img {
            width: 14px;
            filter: brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(0%) hue-rotate(272deg) brightness(98%) contrast(101%);
            width: 12px;
        }

.gift_pills {
    padding: 4px 15px;
    border-radius: 20px;
    font-size: 0.75rem;
    line-height: 1.2;
    font-weight: 600;
    background: #EEEEEE;
    color: #2C2D31;
    margin: 0 5px 5px 0;
    width: fit-content;
    width: -moz-fit-content;
    color: #2C2D42;
}

.recycle_pills {
    padding: 4px 15px;
    border-radius: 20px;
    font-size: 0.75rem;
    line-height: 1.2;
    font-weight: 600;
    background: #e3e3e6;
    margin: 0 5px 5px 0;
    width: fit-content;
    width: -moz-fit-content;
    color: #2C2D42;
}

    .recycle_pills a {
        color: #2C2D42 !important;
    }

        .recycle_pills a:visited {
            color: #2C2D42;
        }

.manuf_pills {
    padding: 4px 15px;
    border-radius: 20px;
    font-size: 0.75rem;
    line-height: 1.2;
    font-weight: 600;
    background: #f1eeee;
    margin: 0 5px 5px 0;
    width: fit-content;
    width: -moz-fit-content;
    display: flex;
    align-items: center;
    color: #2C2D42;
}

.cmnProductItem {
    /*height: 505px;*/
    padding: 0 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    transition: ease-in-out .15s padding;
    position: relative;
}

    .cmnProductItem .inner {
        background-color: #fff;
        height: 100%;
        padding: 30px;
        transition: ease-in-out .15s padding;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .cmnProductItem .img_area {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 200px;
        position: relative;
        background-size: auto 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-blend-mode: multiply;
        transition: ease-in-out .15s;
        margin-bottom: 20px;
        image-rendering: -webkit-optimize-contrast;
    }


    .cmnProductItem .title h2, .cmnProductItem .title {
        font-size: 0.875rem;
        color: #2C2D31;
        line-height: 1.25rem;
        font-weight: 500;
        display: block;
        height: 43px;
        overflow: hidden;
        margin-bottom: 8px;
    }

    .cmnProductItem .price_area {
        height: 40px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: flex-end;
        flex-direction: row;
        margin: 2rem 0px 0rem 0px;
    }

        /*.cmnProductItem .price_area_grid {
        display: block !important;
    }*/

        .cmnProductItem .price_area .price {
            display: flex;
            align-items: center;
            flex-direction: column;
            font-size: 1.5rem;
            font-weight: 500;
            padding: 0;
        }

            .cmnProductItem .price_area .price span {
                align-self: baseline;
            }

            .cmnProductItem .price_area .price .old-price {
                text-decoration: line-through;
                font-size: 0.875rem;
            }

        .cmnProductItem .price_area .instalments {
            color: rgba(45, 44, 66, .80);
            text-align: right;
            padding-right: 0;
        }

    .cmnProductItem .extras {
        height: 40px;
        overflow: hidden;
        transition: 0.15s ease-in-out;
    }

    .cmnProductItem .extraInfo {
        font-size: 0.875rem;
        margin-bottom: 4px;
    }

    /*.desktop .cmnProductItem:hover .extras {
    height: 0px;
    opacity: 0;
}*/

    .cmnProductItem .price_area.lowestPrice {
        position: relative;
    }

        .cmnProductItem .price_area.lowestPrice .price {
            padding-left: 1rem;
        }

            .cmnProductItem .price_area.lowestPrice .price .final-price {
                color: #FF5C38;
            }


    .cmnProductItem .price_area .iconLowestPrice {
        position: absolute;
        width: 20px;
        left: -12px;
        top: 12px;
    }





    .cmnProductItem .addToCart {
        position: relative;
        left: 0;
        height: 40px;
        margin-top: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
        visibility: visible;
        width: 100%;
        border: 0;
        outline: none;
        transition: ease-in-out .15s;
        opacity: 1 !important;
        box-sizing: border-box;
        padding: 0 10px;
        border-radius: 4px;
        box-shadow: 0px 7px 15px rgba(255, 196, 57, 0.4);
        font-size: 16px;
        font-weight: 600;
        color: #2D2C42;
    }

.techFeaturesContainer .addToCartPreorder, .techFeaturesContainer .addToCartInterest {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

/*.desktop .cmnProductItem:hover .addToCart {
    visibility: visible;
    opacity: 1;
}*/

.cmnProductItem:hover .addToCart:hover {
    box-shadow: 0px 0px 0px rgba(255, 196, 57, 0.4);
    background-color: #FFD674;
}

.cmnProductItem .addToCart svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    transition: ease-in-out .15s;
}

.cmnProductItem .inner .doseis {
    font-weight: 500;
    color: #6b6a76;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
}

.cmnProductItem .tools {
    position: absolute;
    z-index: 10;
    left: 15px;
    top: 25px;
    transition: ease-in-out .15s all;
    width: 20px;
}


.tools svg {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.favorite:hover svg {
    color: #4960F2;
}

.tools .favorite {
    opacity: .3;
    transition: ease-in-out .15s opacity;
    fill: currentColor;
    color: #2D2C42;
    display: block;
    z-index: 1;
    position: relative;
}

.tools svg {
    fill: currentColor;
}

.tools .favorite:hover,
.tools .favorite:hover {
    opacity: 1;
    color: #4960F2;
}

.tools .favorite.added,
.tools .favorite.added {
    opacity: 1;
    color: #4960F2;
}

.cmnProductItemView .tools .colors,
.cmnProductItem .tools .colors {
    width: 20px;
    height: 20px;
    position: relative;
    cursor: default;
    /* 	margin-left: 2px; */
    margin-top: 20px;
    display: inline-block;
}

.tools .colors::before,
.tools .colors::before {
    position: absolute;
    content: url("/App_Themes/YouGR2019/img/colors_number.svg");
    z-index: 0;
    top: 0;
    left: 0;
}

.cmnProductItemView .tools .colors .number,
.cmnProductItem .tools .colors .number {
    display: block;
    text-align: center;
    line-height: 1.19rem;
    font-size: 0.6875rem;
    z-index: 1;
    position: relative;
}

.cmnProductItem .details {
    position: absolute;
    min-height: 24px;
    margin: 7px 0px;
    overflow: hidden;
    top: 160px;
    right: 5px;
    width: 76px;
}

    .cmnProductItem .details .review-product {
        float: left;
        width: 70%;
    }


.cmnProductItem .productTags {
    /*position: absolute;*/
    right: 2px;
    float: right;
    text-align: right;
}

.cmnProductItem .specialTag {
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    padding: 3px 6px 4px 6px;
    line-height: 1;
    font-size: 0.75rem;
    margin: 0px 0px 0px 3px;
    font-weight: bold;
}

.cmnProductItem .ribbon {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    max-width: 100px;
}

.tablet .cmnProductItem .instalments,
.mobile .cmnProductItem .instalments {
    display: none;
}

.cmnProductItem .btnProdActions {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 30px;
    right: 20px;
    border: 2px solid #2D2C42;
    border-radius: 50rem;
    opacity: 0.25;
    text-align: center;
    background-color: #fff;
    display: none !important;
}

.cmnProductItemView .btnProdActions {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 30px;
    right: 20px;
    border: 2px solid #2D2C42;
    border-radius: 50rem;
    opacity: 0.25;
    text-align: center;
    background-color: #fff;
    display: none;
}


    .cmnProductItem .btnProdActions .btndots,
    .cmnProductItemView .btnProdActions .btndots {
        display: inline-block;
        width: 20px;
        padding: 21px 0px 21px 0px;
    }

    .cmnProductItem .btnProdActions .mbBtnfavorite svg,
    .cmnProductItem .btnProdActions .mbBtnCart svg,
    .cmnProductItemView .btnProdActions .mbBtnfavorite svg,
    .cmnProductItemView .btnProdActions .mbBtnCart svg {
        widtH: 20px;
        height: 20px;
    }

    .cmnProductItem .btnProdActions .mbBtnfavorite,
    .cmnProductItem .btnProdActions .mbBtnCart,
    .cmnProductItemView .btnProdActions .mbBtnfavorite,
    .cmnProductItemView .btnProdActions .mbBtnCart {
        display: none;
        margin: 21px auto 30px auto;
    }

    .cmnProductItem .btnProdActions.open,
    .cmnProductItemView .btnProdActions.open {
        height: auto;
        opacity: 1;
        z-index: 10000;
    }

        .cmnProductItem .btnProdActions.open .btndots,
        .cmnProductItemView .btnProdActions.open .btndots {
            padding: 0px 0px 21px 0px;
        }

        .cmnProductItem .btnProdActions.open .mbBtnfavorite,
        .cmnProductItem .btnProdActions.open .mbBtnCart,
        .cmnProductItemView .btnProdActions.open .mbBtnfavorite,
        .cmnProductItemView .btnProdActions.open .mbBtnCart {
            display: block;
        }

.mobile .cmnProductItem .productTags,
.tablet .cmnProductItem .productTags,
.mobile .cmnProductItem .tools,
.tablet .cmnProductItem .tools {
    display: none;
}

.mobile .cmnProductItem.bundleItem .tools,
.tablet .cmnProductItem.bundleItem .tools {
    display: block
}

.mbTags {
    display: none;
    position: absolute;
    z-index: 10;
    left: 8px;
    top: 8px;
}

.mobile .cmnProductItem .mbTags,
.tablet .cmnProductItem .mbTags {
    display: block;
}

.mbBundleTitle {
    display: none;
}

    .mbBundleTitle h3 {
        font-size: 2rem;
        margin-top: 0px;
        margin-bottom: 8px;
    }

.cartOptions .addToCartPreorder svg, .cmnProductItemView .addToCartPreorder svg, .cmnProductItem .addToCartPreorder svg, .cartOptions .addToCartInterest svg, .cmnProductItem .addToCartInterest svg, .techFeaturesContainer .addToCartInterest svg, .techFeaturesContainer .addToCartPreorder svg {
    display: none;
}

.cartOptions .addToCartPreorder img, .cmnProductItemView .addToCartPreorder img, .cmnProductItemView .addToCartInterest img, .cartOptions .addToCartInterest img {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 15px;
    top: calc(50% - 10px);
}


/************* PRODUCT BASIC INFO **************/

.cmnProductItem.basicInfo {
    height: 428px;
}

    .cmnProductItem.basicInfo .extras,
    .cmnProductItem.basicInfo .details {
        display: none;
    }

    .cmnProductItem.basicInfo .title {
        transition: height 0.15s ease-out;
    }

/*.desktop .cmnProductItem.basicInfo:hover .title {
    opacity: 0;
    height: 15px;
}*/


/************* PRODUCT WITHOUT INFO **************/

.cmnProductItem.noInfo {
    height: 344px;
}

    .cmnProductItem.noInfo .title,
    .cmnProductItem.noInfo .extras,
    .cmnProductItem.noInfo .details {
        display: none;
    }

    .cmnProductItem.noInfo .price_area {
        transition: 0.15s ease-out;
    }

.desktop .cmnProductItem.noInfo:hover .price_area {
    height: 0px;
    opacity: 0;
    overflow: hidden;
}



/************* BUNDLE INFO **************/

.bundleInfo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 2.5rem;
}

    .bundleInfo h3 {
        font-size: 2rem;
        color: #2D2C42;
        margin: 2rem 0px 1rem 0px;
    }

    .bundleInfo flaglabel {
        display: inline-block;
        color: #fff;
        border-radius: 4px;
        padding: 3px 6px 4px 6px;
        line-height: 1;
        font-size: 1.5rem;
        margin: 0px 0px 0px 3px;
        font-weight: bold;
        background-color: #FF814B;
        margin: 10px 0px;
    }

    .bundleInfo totallabel {
        display: block;
        font-size: 1rem;
        font-weight: 600;
        margin: 0px;
        line-height: 1;
    }

    .bundleInfo bundleprice {
        display: block;
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

.cmnProductItem .tools .inputField.checkBox {
    padding: 0px;
    min-width: 24px;
}

.cmnProductItem.bundleItem.bundlePlus::after {
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    right: -20px;
    width: 40px;
    height: 40px;
    background-image: contain;
    background-repeat: no-repeat;
    background-image: url(/App_Themes/YouGR2019/img/plus.svg);
    z-index: 2;
}

/* .cmnProductItem.bundleItem:nth-child(4)::after{
	content:none;
} */

.cmnProductItem.bundleItem:hover .title {
    height: 64px !important;
    opacity: 1 !important;
}


/************* PRODUCT VIEW LIST **************/

.cmnProductItemView {
    position: relative;
    margin-bottom: 8px;
}

    .cmnProductItemView .inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: #fff;
        height: 100%;
        /*flex-wrap: nowrap;*/
    }

    .cmnProductItemView .itemImg {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        /*flex: 1 1 auto;*/
        justify-content: center;
        align-content: center;
        align-items: center;
        /*flex-basis: 25%;
        max-width: 25%;*/
        padding: 1.5rem 2.5rem 1.5rem 2.5rem;
        border-right: 1px solid rgba(45, 44, 66, 0.1);
        flex: 1 0 300px;
        max-width: 400px;
    }

        .cmnProductItemView .itemImg .productImg {
            /* height: 100%; */
            max-height: 400px;
            width: unset;
            /* width: 100%; */
            max-width: 100%;
        }

    .cmnProductItemView .itemDesc {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        /*flex: 1 0 auto;*/
        flex-direction: column;
        justify-content: space-between;
        flex-basis: 50%;
        max-width: 50%;
        border-right: 1px solid rgba(45, 44, 66, 0.1);
        flex: 1 1 auto;
    }

        .cmnProductItemView .itemDesc .topSide {
            padding: 1.5rem;
        }

        .cmnProductItemView .itemDesc .botSide {
            padding: 1rem 1.5rem 0.7rem 1.5rem;
        }

        .cmnProductItemView .itemDesc .topSide h2 {
            margin: 0.2em 0 0.83em 0;
        }

        .cmnProductItemView .itemDesc .botSide {
            border-top: 1px solid rgba(45, 44, 66, 0.1);
            /* padding-bottom: 10.125rem; */
        }

        .cmnProductItemView .itemDesc .title {
            font-size: 1.25rem;
            font-weight: 500;
            color: #2D2C42;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

            .cmnProductItemView .itemDesc .title:hover {
                color: #4960F2;
            }


        .cmnProductItemView .itemDesc .reviewnsku {
            margin-top: 5px;
            margin-bottom: 1.2rem;
        }

        .cmnProductItemView .itemDesc .review-product {
            display: inline-block;
            vertical-align: bottom;
        }

        .cmnProductItemView .itemDesc .itemCode {
            font-size: 12px;
            margin-left: 1rem;
        }

    .cmnProductItemView .features {
        /*margin-top: 1rem;*/
    }

    .cmnProductItemView .itemDesc p {
        font-size: 0.875rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .cmnProductItemView .itemDesc ul {
        position: relative;
        display: inline-block;
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
    }

    .cmnProductItemView .itemDesc li {
        position: relative;
        font-size: 13px;
        padding-bottom: 5px;
        padding-left: 10px;
        width: 48%;
    }

        .cmnProductItemView .itemDesc li::before {
            position: absolute;
            left: 0px;
            top: 6.5px;
            content: "";
            width: 4px;
            height: 4px;
            background-color: #2C2D31;
            opacity: 0.3;
            border-radius: 50rem;
        }


    .cmnProductItemView .itemDetails {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        /*flex: 1 0 auto;*/
        flex-direction: column;
        justify-content: space-between;
        /*flex-basis: 25%;
        max-width: 25%;*/
        padding: 1.5rem;
        flex: 1 0 300px;
        max-width: 400px;
    }

    .cmnProductItemView .itemDesc .botSide span {
        font-size: 0.875rem;
        color: #4960F2;
        margin-right: 1.5rem;
    }

    .cmnProductItemView .itemDesc .icon {
        width: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 7px;
    }

    .cmnProductItemView .tools {
        position: absolute;
        left: 1rem;
        top: 1rem;
        width: 24px;
        z-index: 2;
    }

    .cmnProductItemView .ribbon {
        position: absolute;
        top: 4px;
        right: 4px;
        z-index: 2;
        max-width: 70px;
    }

    .cmnProductItemView .ribbon_top_center {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 6px;
        z-index: 5;
    }

    .cmnProductItemView .hotPrice_flag, .productPhotos .hotPrice_flag {
        padding-inline: 5px;
        height: 22px;
        border-radius: 4px;
        background: #F54F4F;
        font-size: 14px;
        font-weight: 800;
        line-height: 14px;
        color: #FFF;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .cmnProductItemView .hotPrice_flag img, .productPhotos .hotPrice_flag img {
            width: 10px;
            margin-right: 5px;
            display: none;
        }

    .cmnProductItemView .ribbon_bottom {
        position: absolute;
        right: 1.4rem;
        bottom: 4px;
        width: 62px;
        height: 62px;
        z-index: 5;
    }


    .cmnProductItemView.listView .ribbon_bottom {
        right: 16px;
        bottom: 56px;
        width: 70px;
        height: 70px;
    }

    .cmnProductItemView .productTags {
        float: left;
    }

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

    .cmnProductItemView .final-price {
        font-size: 1.5rem;
        font-weight: 700;
        display: block;
        margin-top: 0px;
        line-height: 1;
    }

    .cmnProductItemView .old-price {
        text-decoration: line-through;
        font-size: 1rem;
    }

    .cmnProductItemView .instalments {
        opacity: 0.8;
        font-size: 0.875rem;
        margin-top: 5px;
    }

    .cmnProductItemView .amountwins {
        font-size: 0.875rem;
        margin-top: 12px;
    }

    .cmnProductItemView .topSide {
        color: #2D2C42;
    }

    .cmnProductItemView .specialTag, .productPhotos .specialTag {
        display: inline-block;
        color: #fff;
        border-radius: 4px;
        padding: 3px 6px 4px 6px;
        line-height: 1;
        font-size: 0.875rem;
        font-weight: bold;
        width: fit-content;
        margin: 0 5px 5px 0;
    }

        .cmnProductItemView .specialTag.discount, .productPhotos .specialTag.discount {
            background-color: #4960F2;
        }

        .cmnProductItemView .specialTag.bazaar, .productPhotos .specialTag.bazaar {
            color: #4960f2;
            background-color: #E1E5FF;
        }

        .cmnProductItemView .specialTag.generic, .productPhotos .specialTag.generic {
            color: black;
            background: #E1E5FF;
            font-weight: 500;
        }

    .cmnProductItemView .extras {
        font-size: 0.875rem;
    }

    .cmnProductItemView .extraInfo {
        margin-top: 5px;
    }

        .cmnProductItemView .extraInfo span {
            vertical-align: middle;
        }

        .cmnProductItemView .extraInfo.parentHoverInfo {
            z-index: 69;
        }

    .cmnProductItemView .btnInfoHover {
        display: inline-block;
        vertical-align: middle;
        margin-right: 0.5rem;
        opacity: 0.5;
    }

    .cmnProductItemView .addToCartv2 {
        margin-bottom: 0px;
    }




/* -----------------CUSTOM CHECKBOX-------------- */
.compareCheckbox {
    display: block !important;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    font-size: 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: sub;
    margin: 20px 0px 0px 0px;
    opacity: 1;
    transition: ease-in-out .15s opacity;
}

    /*.compareCheckbox::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        left: auto;
        width: 16px;
        height: 16px;
        background-color: transparent;
        border: solid 2px #2D2C42;
        box-sizing: border-box;
        border-radius: 3px;
        display: block;
    }

    .compareCheckbox::before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        opacity: 0;
    }*/

    .compareCheckbox input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /*.compareCheckbox .checkmark {
        position: absolute;
        right: auto;
        top: auto;
        bottom: 0;
        left: 0;
        z-index: 1;
         height: 16px;
        width: 16px;
        background-color: #FFF;
        border: solid 2px #2D2C42;
        box-sizing: border-box;
        display: inline-block;
        border-radius: 3px;
    }*/

    .compareCheckbox:before {
        content: '';
        height: 18px;
        width: 18px;
        position: absolute;
        inset: 0 0 0 0;
        opacity: 0.5;
        background: url('/App_Themes/YouGR2019/img/icon_compare_new_blue.svg') center center no-repeat;
        background-size: 18px;
        filter: invert(0%) sepia(96%) saturate(16%) hue-rotate(246deg) brightness(98%) contrast(105%)
    }

    /*.compareCheckbox:hover:before,*/
    .compareCheckbox.checked:before {
        filter: none;
        opacity: 1;
    }

@media (max-width:768px) {
    .compareCheckbox .tooltiptext {
        display: none;
    }
}


/* .compareCheckbox:hover {
        opacity: 1;
    }*/

/*.compareCheckbox:hover input ~ .checkmark {
            background-color: #FFF;
        }*/

.compareCheckbox:hover .cmn_tooltip {
    visibility: visible;
    opacity: 1;
}

/*.compareCheckbox input:checked ~ .checkmark {
        background-color: transparent;
    }

        .compareCheckbox input:checked ~ .checkmark svg {
            color: #4960f2;
        }*/

/*.compareCheckbox .checkmark::after {
        content: "";
        position: absolute;
        display: none;
    }

    .compareCheckbox input:checked ~ .checkmark::after {
        display: block;
        border-color: #FFF;
    }*/

/*.compareCheckbox .checkmark::after {
        left: 4px;
        top: 1px;
        bottom: auto;
        right: auto;
        width: 3px;
        height: 7px;
        border: solid #000;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }*/

.compareCheckbox.checked {
    opacity: 1;
}

/*.compareCheckbox.checked::after {
            border-color: #4960F2;
        }

    .compareCheckbox:hover::after {
        border-color: #4960F2;
    }*/



/************************** COMMON SLIDER  PRODUCT ****************************/



/**********************************************************************/
/**********************  PRODUCT LISTS FILTERS  ***********************/

.filtersPositioner {
    position: relative;
    /*height: 118px;*/
}

.hozfilters {
    padding: 2rem 0px 0.5rem 0;
}

    .hozfilters.fixed {
        position: fixed;
        top: 116px;
        left: 0px;
        width: 100%;
        z-index: 800;
        padding: 1rem 0px;
        box-shadow: 0px 10px 20px rgba(45, 44, 66, 0.1);
    }

.tablet .hozfilters.fixed {
    top: 70px;
}

.selectField {
    position: relative;
    border: 2px solid rgba(45, 44, 66, 0.1);
    border-radius: 4px;
    font-weight: 500;
    font-size: 0.875rem;
    background-color: #F0F0F2;
    z-index: 800;
}

    /*.selectField[data-filtername="ZTABLETS_MERIMNA"],
    .selectField[data-filtername="ZNOTBK_MERIMNA"],
    .selectField[data-filtername="ZDESKTOPALL_MERIMNA"] {
        background: #c0e8dc;
        border: solid 2px #00c782;
    }*/

    .selectField.open {
        z-index: 801;
    }

    .selectField.filled {
        border-color: #4960F2;
    }

    .selectField:hover {
        background-color: #fff;
    }

    .selectField > .label {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 50px;
        align-items: center;
        padding: 2px 32px 2px 12px;
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Safari */
        -khtml-user-select: none;
        /* Konqueror HTML */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently
	supported by Chrome and Opera */
        cursor: pointer;
        z-index: 2;
    }

.hozfilters.fixed .selectField > .label {
    height: 30px;
}

.hozfilters.fixed .btnFilters {
    height: 34px;
}

.hozfilters.fixed .selectField > .drop {
    top: 38px;
}

.hozfilters.fixed .selectField > .label::after {
    top: 15px;
}

.hozfilters.fixed .selectField > .label::before {
    top: 15px;
}


.selectField > .label::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 24px;
    width: 10px;
    height: 2px;
    background-color: #b5b5be;
    transform: rotate(45deg);
    border-radius: 4px;
}

.selectField > .label::before {
    content: "";
    position: absolute;
    right: 12px;
    top: 24px;
    width: 10px;
    height: 2px;
    background-color: #b5b5be;
    transform: rotate(-45deg);
    border-radius: 4px;
}

.selectField > .drop {
    position: absolute;
    left: 0px;
    top: 56px;
    width: 300px;
    border-radius: 4px;
    background-color: #fff;
    visibility: hidden;
    padding-bottom: 1rem;
    /* 	max-height: 50vh; */
    overflow: auto;
    /* 	padding-top:50px; */
    box-shadow: 0px 10px 20px rgba(45, 44, 66, 0.1);
}

.selectField.open > .drop {
    visibility: visible;
}

.selectField > .drop .filterScrollArea {
    position: relative;
    max-height: 45vh;
}

.selectField .dropHeader {
    /* 	position: absolute;
	top:0px;
	left:0px; */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #f0f0f2;
    color: rgba(45, 44, 66, 0.5);
    font-size: 0.875rem;
    z-index: 1;
    background-color: #fff;
    width: 300px;
}

.selectField .dropBottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem 0px 1rem;
    border-top: 1px solid #f0f0f2;
    color: rgba(45, 44, 66, 0.5);
    font-size: 0.875rem;
    z-index: 1;
    background-color: #fff;
    width: 300px;
}

.selectField .priceRange {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px 14px;
}

    .selectField .priceRange .inputField {
        padding-left: 4px;
        padding-right: 4px;
        flex: 1 0 auto;
        flex-basis: calc(50% - 20px);
        max-width: calc(50% - 20px);
        text-align: left;
    }

        .selectField .priceRange .inputField label {
            text-align: left;
            margin-left: 10px;
        }

    .selectField .priceRange .btnSmallSubmit {
        margin-top: 13px;
    }

.selectField .dropHeader .text {
}

.selectField .dropHeader .clear {
    width: 16px;
}

.selectField > .drop ul {
    padding: 0 1rem 0 1rem;
    margin: 1rem 0px;
}

    .selectField > .drop ul li {
        background-color: #f0f0f2;
        margin-bottom: 4px;
        font-size: 0.875rem;
        border-radius: 4px;
    }

        .selectField > .drop ul li.selected {
            color: #fff;
            background-color: #4960F2;
        }

        .selectField > .drop ul li a {
            position: relative;
            display: block;
            padding: 8px 8px 9px 8px;
            color: #2D2C42;
            border-radius: 4px;
        }

        .selectField > .drop ul li.selected a {
            color: #fff;
        }

            .selectField > .drop ul li.selected a::after {
                content: "";
                position: absolute;
                right: 12px;
                top: 17px;
                width: 10px;
                height: 2px;
                background-color: #fff;
                transform: rotate(45deg);
                border-radius: 4px;
            }

            .selectField > .drop ul li.selected a::before {
                content: "";
                position: absolute;
                right: 12px;
                top: 17px;
                width: 10px;
                height: 2px;
                background-color: #fff;
                transform: rotate(-45deg);
                border-radius: 4px;
            }

.selectField[data-multiple="false"] > .drop ul li.selected a::after,
.selectField[data-multiple="false"] > .drop ul li.selected a::before {
    content: none;
}


.selectField > .drop ul li a > span.qt {
    color: rgba(45, 44, 66, 0.5);
    float: right;
}

[data-fname="ZsizesAvail"] .qt {
    display: block;
}

.selectField > .drop ul li.selected a > span.qt {
    display: none;
}

.selectField > .drop ul li a:hover {
    background-color: #E5E5E5;
}

.selectField > .drop ul li.selected a:hover {
    background-color: #4960F2;
}

.inerternalLabel {
    display: block;
    font-size: 0.75rem;
    margin: 1rem 0px 0px 0px;
    padding: 0px 24px;
    color: rgba(45, 44, 66, 0.5);
}

.selectField .ps__rail-y {
    width: 9px;
    left: 0px;
    right: auto !important;
    background-color: transparent;
    opacity: 1;
}


.selectField .ps__thumb-y:hover,
.selectField .ps__thumb-y {
    width: 3px;
    background-color: #4960F2;
    border-radius: 4px;
}

.selectField .ps:hover .ps__rail-y {
    background-color: transparent;
    opacity: 1;
}


.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    /* 	background-color: transparent; */
}


.selectField .ps__rail-y:hover > .ps__thumb-y,
.selectField .ps__rail-y:focus > .ps__thumb-y,
.selectField .ps__rail-y.ps--clicking .ps__thumb-y {
    width: 3px;
    background-color: #4960F2;
    border-radius: 4px;
}


.selectField.ps .ps__rail-x:hover,
.selectField.ps .ps__rail-y:hover,
.selectField.ps .ps__rail-x:focus,
.selectField.ps .ps__rail-y:focus,
.selectField.ps .ps__rail-x.ps--clicking,
.selectField.ps .ps__rail-y.ps--clicking {
    background-color: transparent;
}


.generalSelectedFilters {
    position: relative;
    display: none;
    background-color: #E6E6E8;
    padding: 4px 0px;
    font-weight: 600;
    font-size: 0.875rem;
    margin-block: 1.2rem;
}

    .generalSelectedFilters.open {
        display: block;
    }

    .generalSelectedFilters .clear {
        font-size: 0.75rem;
        color: #4960F2;
        vertical-align: middle;
    }

        .generalSelectedFilters .clear span {
            vertical-align: middle;
            font-weight: 700;
        }

        .generalSelectedFilters .clear img {
            display: inline-block;
            vertical-align: middle;
            margin-left: 12px;
            width: 16px;
        }

    .generalSelectedFilters .clearSection {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .generalSelectedFilters .filterTags {
        display: inline-block;
        width: calc(100% - 150px);
        /*minus label */
    }

    .generalSelectedFilters .label {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
        float: left;
        margin-right: 1rem;
    }

    .generalSelectedFilters .tag {
        position: relative;
        display: inline-block;
        padding: 8px 30px 8px 10px;
        background-color: #F0F0F2;
        border-radius: 4px;
        color: #2D2C42;
        margin: 2px 2px 2px 0px;
    }

        .generalSelectedFilters .tag::after {
            content: "";
            position: absolute;
            right: 10px;
            top: 16px;
            width: 10px;
            height: 2px;
            background-color: rgb(45, 44, 66, 0.3);
            transform: rotate(45deg);
            border-radius: 4px;
        }

        .generalSelectedFilters .tag::before {
            content: "";
            position: absolute;
            right: 10px;
            top: 16px;
            width: 10px;
            height: 2px;
            background-color: rgb(45, 44, 66, 0.3);
            transform: rotate(-45deg);
            border-radius: 4px;
        }

        .generalSelectedFilters .tag:hover {
            background-color: #fff;
        }

            .generalSelectedFilters .tag:hover:after,
            .generalSelectedFilters .tag:hover:before {
                background-color: rgb(45, 44, 66, 1);
            }


    .generalSelectedFilters.notRemovable .tag {
        padding: 8px;
        cursor: default;
    }

        .generalSelectedFilters.notRemovable .tag::after,
        .generalSelectedFilters.notRemovable .tag::before {
            content: none;
        }

        .generalSelectedFilters.notRemovable .tag:hover {
            background-color: #F0F0F2;
        }



/********************** MOBILE FILTERS *********************/

.mobileFilters {
    display: none;
    position: relative;
    width: 100%;
    z-index: 25;
}

    .mobileFilters.fixed {
        position: fixed;
        /* top: 70px; */
        top: 137px;
    }

    .mobileFilters .wrapper {
        display: flex;
        justify-content: space-between;
        padding: 0 1rem;
        align-items: center;
        height: 66px;
        border-bottom: solid 1px rgba(45, 44, 66, .10);
    }

    .mobileFilters .wrapper {
        justify-content: center;
    }


    .mobileFilters .sortSelections {
        margin-left: 25px;
        position: relative;
    }

        .mobileFilters .sortSelections .label {
            position: relative;
            padding-right: 1.2rem;
            cursor: pointer;
            color: #4960F2;
            font-weight: 600;
            user-select: none;
            /* supported by Chrome and Opera */
            -webkit-user-select: none;
            /* Safari */
            -khtml-user-select: none;
            /* Konqueror HTML */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
        }

            .mobileFilters .sortSelections .label::before,
            .mobileFilters .sortSelections .label::after {
                content: "";
                position: absolute;
                top: 9px;
                width: 8px;
                height: 2px;
                background-color: currentColor;
            }

            .mobileFilters .sortSelections .label::before {
                right: 0px;
                transform: rotate(-45deg);
            }

            .mobileFilters .sortSelections .label::after {
                right: 5px;
                transform: rotate(45deg);
            }

        .mobileFilters .sortSelections .drop {
            position: absolute;
            top: 1.5rem;
            z-index: 20;
            background-color: #fff;
            padding: 4px 4px 0;
            white-space: nowrap;
            display: none;
        }

            .mobileFilters .sortSelections .drop.open {
                display: inherit;
            }

            .mobileFilters .sortSelections .drop li {
                background-color: #f0f0f2;
                margin-bottom: 4px;
                font-size: 0.875rem;
                border-radius: 4px;
            }

            .mobileFilters .sortSelections .drop a {
                display: block;
                padding: 8px 8px 9px 8px;
                color: #2D2C42;
                border-radius: 4px;
            }



    .mobileFilters .filtersArea {
        flex-grow: 1;
        flex-basis: 50%;
        max-width: 50%;
        align-items: center;
        font-weight: 600;
        color: #2D2C42;
        justify-content: center;
        text-align: center;
        height: 100%;
        display: flex;
        border-left: 1px solid rgba(45, 44, 66, .10);
    }

        .mobileFilters .filtersArea .filtersNumber {
            display: inline-block;
            width: 24px;
            height: 24px;
            background-color: #4960F2;
            border-radius: 12px;
            text-align: center;
            line-height: 24px;
            vertical-align: middle;
            margin-left: 1rem;
            color: #FFF;
            font-size: 0.75rem;
        }

    .mobileFilters .sortSelections {
        margin-left: inherit;
        height: 100%;
        display: flex;
        flex-grow: 1;
        flex-basis: 50%;
        max-width: 50%;
    }

        .mobileFilters .sortSelections span {
            width: 90%;
        }

        .mobileFilters .sortSelections .label {
            align-items: center;
            height: 100%;
            display: flex;
            color: #2D2C42;
        }

            .mobileFilters .sortSelections .label::before,
            .mobileFilters .sortSelections .label::after {
                top: 32px;
            }

        .mobileFilters .sortSelections .drop {
            top: 3.5rem;
        }

.iconfilters {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #4960F2;
    border-radius: 50rem;
    margin-left: 0.5rem;
}

    .iconfilters img {
        width: 12px;
    }





/****************************  SLIDER 360  *****************************/

.slider360 .slideItem {
    position: relative;
    display: block;
}

    .slider360 .slideItem .slideImg {
        position: relative;
        height: 360px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .slider360 .slideItem:hover .btnCommon {
        background-color: #FFD674;
    }

    .slider360 .slideItem .text {
        position: absolute;
        left: 30px;
        bottom: 30px;
        width: 30%;
    }


        .slider360 .slideItem .text h3 {
            font-size: 2rem;
            margin-top: 0px;
            margin-bottom: 1rem;
        }

        .slider360 .slideItem .text p {
            font-size: 1rem;
        }

        .slider360 .slideItem .text a.btnCommon {
            margin-bottom: 0px;
        }

.slider360.owl-carousel .owl-stage-outer {
    border-radius: 8px;
}

.slider360.owl-theme .owl-nav {
    position: absolute;
    bottom: 28px;
    right: 30px;
    margin: 0px;
}

.slider360.owl-carousel .owl-nav button.owl-next,
.slider360.owl-carousel .owl-nav button.owl-prev {
    width: 50px;
    height: 50px;
    border-radius: 50rem;
    border: 2px solid rgba(45, 44, 66, 0.3);
    background-color: rgba(45, 44, 66, 0.2);
    font-size: 2rem;
    text-align: center;
    color: #fff;
    margin: 0px 0px 0px 1rem;
}

.slider360.owl-carousel .owl-nav button span {
    line-height: 2rem;
    vertical-align: top;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #FFC439;
}



/************************* RECENT VIEW PRODUCTS  **************************/

.productSm {
    flex-basis: 12.5%;
    max-width: 12.5%;
    background-color: transparent;
    margin-bottom: 8px;
}

    .productSm .inner {
        position: relative;
        padding: 8px;
        background-color: #fff;
        transition: 0.15s ease-out;
    }

        .productSm .inner:hover {
            transform: scale(1.05);
        }

    .productSm .favorite {
        position: absolute;
        visibility: visible;
        opacity: 1;
        /* visibility: hidden;
	opacity: 0; */
        width: 20px;
        transition: 0.15s ease-out;
        z-index: 101;
        color: rgba(45, 44, 66, 0.3);
    }

        .productSm .favorite:hover {
            color: #4960F2;
        }

        .productSm .favorite.added {
            color: #4960F2;
        }

        .productSm .favorite svg {
            fill: currentColor;
        }

/* .productSm .inner:hover .favorite {
	visibility: visible;
	opacity: 1;
} */




/**********************************************************************/
/****************************  CATEGORY PAGE  *****************************/

.categoryNav {
    position: relative;
    /*! padding-bottom: 30px; */
}

    .categoryNav > .container {
        position: relative;
        padding-bottom: 32px;
        max-width: none;
    }

    .categoryNav .pageMoreMenu.fixed,
    .pageMoreMenu.fixed {
        position: fixed;
        top: 70px;
        left: 0px;
        bottom: auto;
        width: 100%;
        z-index: 901;
        padding: 8px 0px;
        margin: 0px;
        background-color: #fff;
        border-top: 1px solid rgba(45, 44, 66, 0.1);
        box-shadow: 0px 10px 20px rgba(45, 44, 66, 0.1);
    }

    .categoryNav .pageTitle.fixed {
        position: fixed;
        top: 70px;
        left: 0px;
        bottom: auto;
        width: 100%;
        z-index: 901;
        padding: 8px 0px;
        margin: 0px;
        background-color: #fff;
        border-top: 1px solid rgba(45, 44, 66, 0.1);
        box-shadow: 0px 10px 20px rgba(45, 44, 66, 0.1);
        font-size: 1.5rem;
    }

    .categoryNav .pageMoreMenu li a {
        height: 100%;
    }

    .categoryNav .pageMoreMenu {
        position: relative;
        /* position: absolute;
	bottom: 0px;
	left: 0px; */
        margin: 4px 0px;
    }

        .categoryNav .pageMoreMenu.fixed.noShadow {
            box-shadow: none;
        }

.cmnHiddenText {
    position: relative;
    cursor: pointer;
    margin: 1.5rem auto 0;
    height: 100%;
    /* max-width: 1600px; */
}

    .cmnHiddenText .textPlace {
        position: relative;
        max-height: 1.15rem;
        overflow: hidden;
        font-size: 0.875rem;
    }

    .cmnHiddenText .arrow {
        background-color: #FFF;
        position: absolute;
        top: 0;
        right: 0;
        width: 15px;
        height: 100%;
        display: flex;
        justify-content: center;
    }

    .cmnHiddenText.open .arrow {
        display: none;
    }

    .cmnHiddenText .arrow img {
        width: 10px;
        display: none;
    }

    .cmnHiddenText:not(.open) .textPlace {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .cmnHiddenText.open .textPlace {
        max-height: inherit;
    }

    .cmnHiddenText.alwaysOpen .textPlace {
        max-height: inherit;
        overflow: none;
        position: relative;
        cursor: auto;
        display: block;
    }

.cmnProductsLayouts .cmnHiddenText {
    border-top: 1px solid rgba(45, 44, 66, 0.15);
    padding-left: 8px;
}

    .cmnProductsLayouts .cmnHiddenText .textPlace {
        margin-bottom: 1.5rem;
    }

    .cmnProductsLayouts .cmnHiddenText .textPlace {
        margin-top: 1.5rem;
    }

    .cmnProductsLayouts .cmnHiddenText .arrow {
        background-color: #F0F0F2;
        display: none;
    }

.cmnHiddenText.bgLightGray {
    padding-left: 8px;
    margin-top: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    max-width: inherit;
}

    .cmnHiddenText.bgLightGray .arrow {
        background-color: #F0F0F2;
        display: none;
    }


.supportedCategories {
    position: absolute;
    top: 90px;
    right: 0px;
    width: 45%;
    margin: 1rem auto;
    text-align: right;
    font-size: 0.75rem;
    z-index: 6;
}

    .supportedCategories .container {
        padding-left: 0px;
        padding-right: 1rem;
    }

    .supportedCategories li {
        display: inline-block;
        margin-left: 1rem;
        font-weight: 600;
    }

        .supportedCategories li a {
            color: #2D2C42;
        }

.subDropFull {
    display: none;
    position: fixed;
    /* 	height: 100%; */
    width: 100%;
    background-color: rgba(247, 247, 248, 0.95);
    z-index: 805;
    left: 0px;
    /* 	transition: 0.15s ease-out; */
}

li.dropable:hover .subDropFull {
    display: block;
}

    li.dropable:hover .subDropFull.hide {
        display: none;
    }

.menuMore li.dropable:hover .subDropFull {
    display: none;
}

.subDropFull .inner {
    position: relative;
    background-color: #fff;
    padding: 2rem 0px 1.5rem 0px;
    /* 	max-height: 350px; */
    /* 	border-top: 1px solid rgba(45,44,66,0.2); */
    box-shadow: 0px 20px 20px rgba(143, 145, 153, 0.2);
}

.subDropFull .promoBanner + .inner {
    height: 350px;
}

.subDropFull .inner::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 8px;
    left: 0;
    background-color: rgba(45, 44, 66, 0.2);
}

.subDropFull .dropClm {
    border-right: 1px solid rgba(45, 44, 66, 0.2);
}

    .subDropFull .dropClm:last-child {
        border: none;
    }

.subDropFull ul {
    margin-bottom: 1rem;
}

.subDropFull li {
    display: block;
    padding: 6px 0px 6px 1rem;
    text-align: left;
}

    .subDropFull li a {
        display: block;
        font-size: 0.875rem;
        color: #2D2C42;
        padding: 0px;
        font-weight: 600;
        transition: none;
    }

        .subDropFull li a:hover {
            color: #4960F2;
            background-color: transparent;
        }

.subDropFull .dropFilterClm li {
    padding: 4px 0px 4px 1rem;
}

    .subDropFull .dropFilterClm li a {
        font-size: 13px;
    }

.subDropFull h3 {
    font-size: 0.875rem;
    text-align: left;
    margin: 0px;
    padding: 6px 0px 6px 1rem;
    color: rgba(143, 145, 153, 0.5);
}

    .subDropFull h3.link a {
        color: #2D2C42;
    }

        .subDropFull h3.link a:hover {
            color: #4960F2;
        }


.subDropFull .promoBanner {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 3;
    width: 266px;
    height: calc(100% - 8px);
    background-size: cover;
    background-repeat: no-repeat;
}

    .subDropFull .promoBanner .linkStretched {
        margin-top: 280px;
        margin-left: 20px;
    }

.subDropFull .dropBanner img {
    max-height: 350px;
    width: auto;
    margin: 0 auto;
}

.subDropFull .flexRow {
    justify-content: center;
}

/**********************************************************************/
/*************************  PRODUCT DETAILS  **************************/

.productFeaturesDetails {
}

    .productFeaturesDetails .container > .inner {
        /* width: 100%;
	padding: 0px 8%;
	margin: 0 auto; */
        max-width: 900px;
        padding: 0;
        margin: 0;
    }

    .productFeaturesDetails .titleSection {
        margin-top: 3rem;
    }

h2.titleSection span.Seo_productTitle {
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    opacity: 0.5;
}

.productFeaturesDetails .item {
    position: relative;
    margin-top: 2rem;
}

    .productFeaturesDetails .item.left {
        padding-right: 3rem;
    }

    .productFeaturesDetails .item.right {
        padding-left: 3rem;
    }

    .productFeaturesDetails .item p {
        font-size: 0.875rem;
        line-height: 1.9;
    }

    .productFeaturesDetails .item.img img {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

.productFeaturesDetails .flexRow.video .item.img img {
    max-width: 560px;
}

.productFeaturesDetails hr.seperator {
    margin: 0px;
    height: 1px;
    border: 0px;
    color: #fff;
    background-color: #fff;
    opacity: 0.1;
}

.productFeaturesDetails .item h3 {
    font-weight: 400;
    font-size: 1.5rem;
}

.productFeaturesDetails .flexRow.video {
    padding-bottom: 4rem;
}

.productFeaturesDetails .flexRow.last {
    padding-bottom: 2rem;
}

.productFeaturesDetails .flexRow.smallItems {
    padding-top: 0px;
    padding-bottom: 0px;
}

    .productFeaturesDetails .flexRow.smallItems .item {
        margin-top: 0px;
        padding: 2rem 1.5rem;
        padding-top: 2rem;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

        .productFeaturesDetails .flexRow.smallItems .item img {
            border-radius: 8px;
        }

        .productFeaturesDetails .flexRow.smallItems .item h3 {
            font-size: 1.125rem;
        }

        .productFeaturesDetails .flexRow.smallItems .item:last-child {
            border-color: transparent;
        }

.productFeaturesDetails .item .btnPlay {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
}

.productDetailsDesc .product-dynamic-content {
    width: 100%;
}

.productDetailsDesc table {
    margin: 0 auto;
    width: 100% !important;
}

    .productDetailsDesc table tr {
        width: 100% !important;
    }

    .productDetailsDesc table td {
        padding: 1rem;
        max-width: 100% !important;
        text-align: left !important;
    }


.productFeaturesDetails .productTabContent {
    padding: 1.5rem;
}

.productFeaturesDetails .productDescription img {
    width: auto;
}
@media (max-width: 1100px) and (min-width: 576px) {
    .prDetails_klarna {
        flex-wrap: wrap;
    }

        .prDetails_klarna img {
            margin-bottom: .5rem;
        }
} 
/***************  SMALL PRODUCTS ( COMPATIBLE PRODUCTS  ***************/

.productItemSmall {
    margin-bottom: 0.5rem;
}

    .productItemSmall .inner {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        background-color: #fff;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        padding: 1rem;
        height: 100%;
    }

        .productItemSmall .inner .img {
            flex: 1 0 auto;
            flex-basis: 33%;
            max-width: 33%;
        }

        .productItemSmall .inner .text {
            flex: 1 1 auto;
            flex-basis: 66%;
            max-width: 66%;
            height: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

    .productItemSmall .title {
        display: block;
        font-size: 0.75rem;
        font-weight: 600;
        color: #2C2D31;
        margin-bottom: 1rem;
    }

        .productItemSmall .title:hover {
            color: #4960F2;
        }

    .productItemSmall .final-price {
        font-size: 1rem;
        font-weight: 600;
        display: block;
        margin: 0px;
        line-height: 1;
    }

    .productItemSmall .old-price {
        text-decoration: line-through;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1;
    }


    .productItemSmall .addToCart {
        position: absolute;
        right: 1rem;
        bottom: 1rem;
        height: 32px;
        width: 60px;
        margin-top: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        visibility: hidden;
        opacity: 0;
        border: 0;
        outline: none;
        transition: ease-in-out .15s;
        padding: 0 10px;
        border-radius: 4px;
    }

        .productItemSmall .addToCart svg {
            width: 20px;
            height: 20px;
        }

    .productItemSmall:hover .addToCart {
        opacity: 1;
        visibility: visible;
    }


.techFeaturesContainer {
    position: relative;
    font-size: 0.875rem;
}

    .techFeaturesContainer.withCompares {
        /* 	padding-bottom:150px; */
    }

        .techFeaturesContainer.withCompares .cmnProductItem .extras {
            height: 33px !important;
        }

    .techFeaturesContainer .techSection {
        position: relative;
        margin-bottom: 1.5rem;
        z-index: 2;
        overflow: hidden;
    }

        .techFeaturesContainer .techSection:last-child {
            margin-bottom: 0px;
        }

    .techFeaturesContainer .row {
        border-bottom: 1px solid #EAEAED;
    }

/* 
.techSection .techRows{
  display: none;
}

.techSection.open .techRows{
	display: block;

} */



.techSection > .header {
    position: relative;
    z-index: 1;
}

.techSection .row {
    padding-top: 14px;
    padding-bottom: 14px;
}

    .techSection .row.dif {
        /* 	background-color: #FFF3D7; */
        font-weight: bold;
        /* 	border:2px solid #4960F2; */
    }

.techSection > .row {
}

.techSection .header .flexRow {
    border-bottom: 2px solid #EAEAED;
    padding-bottom: 14px;
}


.techSection .header .techTitle {
    display: inline-block;
    color: #9696A1;
    font-size: 1.25rem;
    font-weight: 600;
}

    .techSection .header .techTitle span {
        vertical-align: middle;
        display: inline-block;
    }

.techSection.open .header .techTitle {
}

.techSection .techLabel {
    padding-left: 50px;
    font-weight: 700;
}

    .techSection .techLabel span {
        position: relative;
    }

.techSection .dif .techLabel span::before {
    position: absolute;
    left: -12px;
    top: 5px;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50rem;
    background-color: #2D2C42;
}

.techSection span.btnCollapse {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50rem;
    background-color: #FFC500;
    vertical-align: middle;
    margin-right: 22px;
}

    .techSection span.btnCollapse::before {
        position: absolute;
        top: 11px;
        left: 7px;
        content: "";
        width: 10px;
        height: 2px;
        background-color: #2D2C42;
        border-radius: 4px;
    }

    .techSection span.btnCollapse::after {
        position: absolute;
        top: 7px;
        left: 11px;
        content: "";
        width: 2px;
        height: 10px;
        background-color: #2D2C42;
        border-radius: 4px;
    }

.techSection.open span.btnCollapse::after {
    content: none;
}

.techSection.open span.btnCollapse {
    background-color: #E0E0E3;
}



.techSection .prodFeature span {
    display: inline-block;
    padding-left: 2rem;
}

.compare .prodFeature {
    border-left: 2px solid #EAEAED;
    border-right: 2px solid #EAEAED;
}


.techFeaturesContainer .compareMask {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 3;
    background-color: transparent;
    pointer-events: none;
}

    .techFeaturesContainer .compareMask.v1 {
        left: 25%;
    }

.techFeaturesContainer.products2 .compareMask.v1 {
    left: 33%;
}

.techFeaturesContainer .compareMask.v1 .inner {
    border-color: #4960F2;
}

.techFeaturesContainer .compareMask.v2 {
    left: 50%;
}

.techFeaturesContainer.products2 .compareMask.v2 {
    left: 67%;
}

.techFeaturesContainer .compareMask.v3 {
    width: calc(25% + 4px);
    left: 75%;
}

.techFeaturesContainer .compareMask .inner {
    position: relative;
    height: 100%;
    width: 100%;
    border: 2px solid #EAEAED;
    border-radius: 8px;
}

.techFeaturesContainer .compareMask .bottomArea {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0px 2rem;
}

.techFeaturesContainer .bottomArea {
    padding: 1rem 2rem 0px 2rem;
}

.techFeaturesContainer .price_area {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0px 10px;
    min-height: 38px;
}

.techFeaturesContainer .final-price {
    font-size: 1.25rem;
    font-weight: 600;
    display: block;
    margin: 0px;
    line-height: 1;
}

.techFeaturesContainer .old-price {
    text-decoration: line-through;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
}

.techFeaturesContainer .btnCommon {
    width: 100%;
    padding: 14px 10px 16px 10px;
    margin: 1rem 0px;
}

.techFeaturesContainer .compareHeaderArea {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem 2rem 1rem 2rem;
}

    .techFeaturesContainer .compareHeaderArea .titleNimg {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .techFeaturesContainer .compareHeaderArea span.title {
        flex: 1 1 auto;
        flex-basis: 50%;
        max-width: 50%;
    }

    .techFeaturesContainer .compareHeaderArea img {
        flex: 1 0 auto;
        flex-basis: 80px;
        max-width: 80px;
    }

    .techFeaturesContainer .compareHeaderArea .compareTitle {
        display: block;
        margin-bottom: 1rem;
        font-weight: 600;
        color: #9695A0;
    }

/************************Product Details Page - Redesign**********************************/

.bundleSection {
    display: none;
}

.productDetailsContainer {
    padding-block: 30px 0;
}

.prDetails-grid-parent .prTitleSection h1 {
    font-size: 1.375rem;
    font-weight: 600;
    margin-block: 0 1rem;
}

.prDetails-grid-parent .prTitleSection .itemCode {
    font-size: 0.875rem;
    opacity: .7;
}


.prDetails-grid-parent .gallerySection #photoGallery {
    max-width: 450px;
    margin: 0 auto;
}

    .prDetails-grid-parent .gallerySection #photoGallery .item {
        align-content: center;
        width: 100%;
        max-width: 100%;
    }

.photoGallery .item.video {
    position: relative;
}

    .photoGallery .item.video a::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        background: url('/App_Themes/YouGR2019/img/icon_play-button.svg') center center no-repeat;
        background-size: 100%;
        height: 70px;
        width: 70px;
    }

.prDetails-grid-parent .gallerySection .lSSlideOuter.vertical .lSAction > a {
    background: rgba(255,255,255,.7) url('/App_Themes/YouGR2019/img/arrow-top-black.svg') center center no-repeat !important;
    opacity: 1;
    left: 16px;
    height: 61px;
    width: 60px;
}

    .prDetails-grid-parent .gallerySection .lSSlideOuter.vertical .lSAction > a.lSPrev {
        top: 0 !important;
    }

    .prDetails-grid-parent .gallerySection .lSSlideOuter.vertical .lSAction > a.lSNext {
        transform: rotate(180deg) !important;
        bottom: 0 !important;
    }

.photoGallery_mobile_wrap .lSSlideOuter .lSAction > a {
    background: url('/App_Themes/YouGR2019/img/arrow-top-black.svg') center center no-repeat !important;
    background-size: 12px !important;
    opacity: 1;
    height: 50px;
    width: 50px;
}

.prDetails-grid-parent .gallerySection .lSSlideOuter.vertical .lSAction .disabled {
    background: rgba(255,255,255,.7) !important;
    opacity: 0.5;
    left: 16px;
    height: 61px;
    width: 60px;
}
.lSPrev.disabled {
    display: none;
}
.lSNext.disabled {
    display: none;
}

    .photoGallery_mobile_wrap .lSSlideOuter .lSAction > a.lSPrev {
        transform: rotate(-90deg);
        left: 0;
    }

    .photoGallery_mobile_wrap .lSSlideOuter .lSAction > a.lSNext {
        transform: rotate(90deg);
        right: 0
    }

.productPhotos .lSSlideOuter.vertical {
    padding-right: 0 !important;
    padding-left: 30px !important;
}

.productPhotos .lSGallery {
    left: 0;
    right: unset;
}
.productPhotos .lSSlideOuter .lSPager.lSGallery li a {
    height: 100%;
    align-content: center;
}

.photoGallery_mobile_wrap .lSSlideOuter .lSPager.lSGallery li {
    aspect-ratio: 1;
}


#photoGallery_mobile .item {
    aspect-ratio: 1;
}

    #photoGallery_mobile .item a {
        display: block;
        height: 100%;
        align-content: center;
    }

.prDetails-grid-parent .gallerySection .productPhotos-wrap {
    /* --paddBlock: 2.1rem;*/
    --height: 450px;
    height: var(--height);
    overflow: hidden;
    isolation: isolate;
}

.productPhotos {
    border: solid 2px #E6E6E8;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}

    .productPhotos .lSGallery {
        margin-left: 2rem !important;
    }

        .productPhotos .lSGallery li {
            border-radius: 4px;
            align-content: center;
            padding: 4px 2px;
        }

            .productPhotos .lSGallery li a {
                border: solid 2px #E6E6E8;
                border-radius: 4px;
                display: block;
                overflow: hidden;
            }

            .productPhotos .lSGallery li.active a {
                border: solid 2px #4960f2;
            }

.prDetails-grid-parent .topSpecsSection {
    margin-block: 1rem;
}

    .prDetails-grid-parent .topSpecsSection ul {
        background-color: #F0F0F2;
        padding: 1.5rem;
        border-radius: 4px;
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(4, 1fr);
    }

        .prDetails-grid-parent .topSpecsSection ul li span {
            display: block;
            font-size: 0.875rem;
        }

            .prDetails-grid-parent .topSpecsSection ul li span:first-child {
                font-weight: 700;
            }

.prDetails-grid-parent .gallerySection .extraActions-wrap {
    flex-wrap: wrap;
    margin-block: 2rem 1rem;
}

.prDetails-grid-parent .gallerySection .extraActions {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
    font-weight: 500;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

    .prDetails-grid-parent .gallerySection .extraActions a {
        color: black;
    }

    .prDetails-grid-parent .gallerySection .extraActions div:first-child {
        height: 30px;
        width: 30px;
        flex-shrink: 0;
        border: solid thin #2D2C42;
        border-radius: 50%;
        margin-right: .6rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .prDetails-grid-parent .gallerySection .extraActions div:first-child img {
            width: 16px;
        }

    .prDetails-grid-parent .gallerySection .extraActions div:last-child {
        text-decoration: underline;
    }

.tax-area-wrap {
    width: 350px;
    position: relative;
}

    .tax-area-wrap.open .tax-modal {
        display: block;
    }

.tax-trigger {
    background-color: #4960F2;
    border-radius: 50px;
    padding: 1rem 1.5rem;
    color: white;
    display: flex;
    cursor: pointer;
}

    .tax-trigger > div:first-child {
        width: 33px;
        height: 33px;
        flex-shrink: 0;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 1rem;
    }

.tax-modal {
    background-color: #4960F2;
    border-radius: 30px;
    padding: 1.5rem;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index:1;
}

    .tax-modal .icon {
        width: 33px;
        height: 33px;
        flex-shrink: 0;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 1rem;
    }

    .tax-modal .close-icon {
        position: relative;
        height: 28px;
        width: 28px;
        position: absolute;
        cursor: pointer;
        top: -5px;
        right: -5px;
        background: #ffc539;
        border-radius: 50%;
    }

        .tax-modal .close-icon::after, .tax-modal .close-icon::before {
            content: '';
            position: absolute;
            width: 1px;
            height: 65%;
            background: black;
            left: 50%;
            top: 50%;
        }

        .tax-modal .close-icon::after {
            transform: translate(-50%,-50%) rotate(45deg);
        }

        .tax-modal .close-icon::before {
            transform: translate(-50%,-50%) rotate(-45deg);
        }

    .tax-modal .input-wrap {
        position: relative;
        margin-top: 1rem;
        display: flex;
    }

        .tax-modal .input-wrap input {
            background-color: rgba(255,255,255,0.2);
            border: none;
            border-top-left-radius: 50px;
            border-bottom-left-radius: 50px;
            width: calc(100% - 80px);
            padding-inline: .8rem;
            color: white;
            font-size: 1rem;
            font-family: 'Proxima Nova', sans-serif !important;
        }

        .tax-modal .input-wrap a {
            font-size: 0.75rem;
            padding-inline: 0.5rem;
            width: 80px;
            background-color: rgba(255,255,255,0.2);
            border-radius: 0;
            opacity: 1 !important;
            border-top-right-radius: 50px;
            border-bottom-right-radius: 50px;
        }

            .tax-modal .input-wrap a:hover {
                color: #ffc439;
            }

.variation-box-wrap {
    display: flex;
    flex-wrap: wrap;
}

.variations-box {
    /* flex-shrink: 0; */
    margin-bottom: 0.8rem;
    word-break: break-all;
}

    .variations-box:not(:last-of-type) {
        border-right: solid thin rgba(0,0,0,.1);
        padding-right: 0.7rem;
        margin-right: 1.2rem;
    }

.variationName {
    font-size: 0.875rem;
    position: relative;
    overflow: hidden;
    pointer-events: none;
}

    .variationName span {
        font-weight: 700;
    }

.variations-box ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

    .variations-box ul li, .variations-box .extraChoices .option {
        margin: 0 0.625rem 0.625rem 0;
        width: 52px;
        aspect-ratio: 1/1;
        border: solid 1px rgba(45,44,66, .2);
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.8125rem;
        font-weight: 600;
    }

        .variations-box ul li.active {
            border: solid 2px #4960F2;
        }

        .variations-box ul li a {
            color: inherit;
            padding: 0.2em;
            height: 100%;
            width: 100%;
            text-align: center;
            align-content: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }
.variations-box .extraChoices {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    border: none;
    padding: unset;
}

    .variations-box .extraChoices .btnFakeRadio.option:hover .border {
        border: 0;
    }

.extraChoices .btnFakeRadio.option:hover > input:checked + .border {
    border: 2px solid #4960F2;
}


.chargerSection {
    margin-bottom: 1rem;
}

.chargers-wrapper {
    display: grid;
    gap: 0.625rem;
    max-width: 13rem;
    grid-template-columns: repeat(3, 3.9rem);
    margin-top: 1rem;
}

    .chargers-wrapper > div {
        width: 3.9rem;
        aspect-ratio: 1/1;
        border: solid 1px rgba(45,44,66, .2);
        border-radius: 4px;
        overflow: hidden;
        position: relative;
        cursor: pointer;
    }

.chargerSpecs > div {
    position: absolute;
    top: 40%;
    width: 100%;
    font-size: 0.5rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.chargerSpecs #num {
    white-space: nowrap;
}
.findSize {
    position: relative;
    font-size: 0.8125rem;
    font-weight: 400;
    padding-left: 1.5em;
    color: #2D2C42;
    margin-bottom: 1rem;
    display: block;
    width: fit-content;
    transition: all linear 0.05s;
}

    .findSize:hover {
        opacity: .8;
    }

    .findSize::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 16px;
        width: 16px;
        background: url('/App_Themes/YouGR2019/img/icon_measuringTape.svg') center center no-repeat;
        background-size: 100%;
    }

.priceBox-wrap {
    background-color: #F0F0F2;
    position: relative;
    padding: 2.2rem 1.2rem 1.2rem 1.2rem;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

    .priceBox-wrap .pointoi {
        display: flex;
        color: #4960F2;
        position: absolute;
        top: 2px;
        left: 2px;
        background-color: white;
        width: fit-content;
        font-size: 0.875rem;
        font-weight: 600;
        padding: 0.2em .6em 0.1em 0.6em;
        border-bottom-right-radius: 10px;
        margin-top: 0 !important;
        max-width: unset !important;
    }

        .priceBox-wrap .pointoi img {
            width: 22px !important;
            position: unset !important;
            margin: unset !important;
            display: block !important;
        }

    .priceBox-wrap .price-area {
        display: flex;
    }

    .priceBox-wrap .final-price {
        font-size: 2rem;
        font-weight: 700;
        margin-block: 0.2rem;
    }

    .priceBox-wrap .button-wrap {
        flex: 1 1 40%;
    }

        .priceBox-wrap .button-wrap .availability, .priceBox-wrap .button-wrap .parentHoverInfo {
            text-align: right;
        }
            .priceBox-wrap .button-wrap .parentHoverInfo .icon {
                margin-left: .5rem;
            }
            .priceBox-wrap .button-wrap .availability span {
                font-weight: 700;
                color: #5CAF96;
            }

        .priceBox-wrap .button-wrap .addToCartPreorder svg, .mobile-AddtoCartBtn .addToCartPreorder svg {
            display: none;
        }
    .priceBox-wrap .doseis-wrap {
        border-left: solid 2px rgba(0,0,0,0.1);
        padding-left: 1.7rem;
        margin-left: 1.7rem;
    }

.variationsSection .inputField.checkBox .fakeCheckbox {
    width: 20px;
    height: 20px;
}

.variationsSection .inputField.checkBox label {
    margin-top: 0;
    position: relative;
    top: -1px;
}

    .variationsSection .inputField.checkBox label .tooltip {
        position: relative;
        top: 3px;
    }

.variationsSection .dropDownPop > .drop {
    top: 0;
}

.generalCollapse_panel {
    max-width: 100%;
    background-color: white;
    border: solid thin rgba(0,0,0,0.1);
    border-radius: 4px;
    margin: 0.8rem auto;
}

    .generalCollapse_panel .panelTitle {
        color: #4960F2;
        font-weight: 500;
        font-size: 16px;
        font-weight: 700;
        padding: 0.7rem 1rem;
        cursor: pointer;
        position: relative;
    }

        .generalCollapse_panel .panelTitle::after {
            content: '';
            height: 10px;
            width: 10px;
            position: absolute;
            right: 0.7rem;
            top: 50%;
            transform: translateY(-50%) rotate(-180deg);
            background: url('/App_Themes/YouGR2019/img/arrow-top.svg') center no-repeat;
            filter: brightness(0) saturate(100%) invert(35%) sepia(95%) saturate(808%) hue-rotate(204deg) brightness(95%) contrast(101%);
            transition: all linear 0.15s;
            border: none;
        }

    .generalCollapse_panel.active .panelTitle::after {
        transform: translateY(-50%) rotate(0);
    }

    .generalCollapse_panel .panelContent {
        min-width: 100%;
    }

        .generalCollapse_panel .panelContent .inner {
            padding: 0.8rem;
        }

    .generalCollapse_panel .inputField, .generalCollapse_panel .inputField.checkBox label {
        overflow: unset;
    }

        .generalCollapse_panel .inputField.checkBox label span {
            vertical-align: unset;
            float: unset;
            margin-top: unset;
            width: auto;
        }


.variationsSection .dropDownPop {
    border: solid thin rgba(0,0,0,0.1);
    border-radius: 4px;
    font-size: 0.875rem;
    flex: 0 1 calc(360px - 1rem);
    padding: 8px 1rem !important;
    align-self: start;
    margin-block: .3rem;
    margin-right: 1rem;
}

    .variationsSection .dropDownPop > .drop {
        max-height: 420px;
    }

    .variationsSection .dropDownPop .dropLabel {
        text-decoration: none;
        font-weight: 500;
        width: 100%;
        display: flex;
        align-items: center;
    }

        .variationsSection .dropDownPop .dropLabel::before, .variationsSection .dropDownPop .dropLabel::after {
            top: 50%;
        }

.variationsSection .dropDownPop_sideDesc {
    flex: 0 1 calc(100% - 360px - 1rem);
    align-self: center;
}

.variationsSection .mobileDetailsLinks li:first-child {
    border-top: 0;
}

.variationsSection .mobileDetailsLinks li {
    padding-inline: 0.8rem;
}

.prDetails-USPs {
    display: flex;
    align-items: center;
    background-color: #F0F0F2;
    border-radius: 4px;
    margin-block: 0.8rem;
    padding: 0.5rem;
    position:relative;
}

    .prDetails-USPs .linkStreched {
        position: absolute;
        inset: 0;
    }
    .prDetails-USPs .poster {
        margin-right: .6rem;
    }

.combineProductsSection {
    position: relative;
    padding-block: 2rem;
    grid-column: 1 / 1;
}


    .combineProductsSection::after {
        content: '';
        position: absolute;
        top: 0;
        right: 100%;
        bottom: 0;
        background: #f0f0f2;
        width: 12px;
    }

    .combineProductsSection::before {
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        bottom: 0;
        background: #f0f0f2;
        width: 12px;
    }

.combinedProducts-carousel .item {
    height: 100%;
}

.combinedProducts-carousel .item-container {
    background-color: white;
    padding: 1rem;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
}

    .combinedProducts-carousel .item-container .title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .combinedProducts-carousel .item-container > div {
        width: 100%;
    }

    .combinedProducts-carousel .item-container .prodImg {
        display: block;
        width: 100%;
        max-width: 140px;
        aspect-ratio: 1/1;
        margin: 0 auto 0.5rem auto;
        display: flex;
    }

        .combinedProducts-carousel .item-container .prodImg img {
            max-width: 130px;
            width: 100%;
            object-fit: contain;
            object-position: center;
        }

    .combinedProducts-carousel .item-container .old-price-wrap {
        height: 17px;
    }

.combinedProducts-carousel .owl-dots, .recentlyView_carousel .owl-dots {
    margin-top: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.combinedProducts-carousel .owl-dot.active span, .recentlyView_carousel .owl-dot.active span {
    height: 12px !important;
    width: 12px !important;
}


.mobile-AddtoCartBtn {
    background-color: white;
    box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5em;
    position: fixed;
    inset: auto 0 0 0;
    z-index: 888;
}

    .mobile-AddtoCartBtn > div:first-child {
        flex: 1 0 40%;
    }

    .mobile-AddtoCartBtn > div:last-child {
        flex: 1 1 60%;
    }

    .mobile-AddtoCartBtn .addToCartv2 {
        margin-block: 0;
    }

.prDetails-grid-parent {
    display: grid;
    gap: 1rem;
    grid-template-columns: 100%;
    grid-auto-flow: dense;
    color: #2D2C42;
}

.recentlyView_carousel .item {
    aspect-ratio: 1/1;
}

.recentlyView_carousel .productSm {
    flex-basis: unset;
    max-width: unset;
    height: 100% !important;
    width: 100% !important;
}

    .recentlyView_carousel .productSm .inner:hover {
        transform: scale(0.97);
    }

    .recentlyView_carousel .productSm img {
        max-width: 88% !important;
    }


@media (min-width:768px) {
    .prDetails-grid-parent {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: min-content 1fr;
    }

        .prDetails-grid-parent .prDetails-grid-inner {
            /*background-color: yellow;*/
        }

        .prDetails-grid-parent .gallerySection {
            grid-column-start: 1;
            /*grid-row: 1/3;*/
            grid-row: 1/5;
            /*background:red;*/
        }

        /*    .prDetails-grid-parent .topSpecsSection {
            grid-column-start: 1;
            grid-row: 3/3;
        }*/

        .prDetails-grid-parent .prTitleSection {
            grid-column-start: 2;
            grid-row-start: 1;
        }

        .prDetails-grid-parent .variationsSection {
            grid-column-start: 2;
            /*grid-row-start: 2;*/
            /*background:red;*/
            grid-row: 2/3;
            border-top: solid thin rgba(0,0,0,0.1);
            padding-top: 1.3rem;
        }

        .prDetails-grid-parent .combineProductsSection {
            grid-column-start: 1;
            grid-row-start: 6;
            grid-column: span 2;
        }

        .prDetails-grid-parent .USPsSection {
            grid-column-start: 2;
            grid-row-start: 3;
            grid-row: span 2;
        }

        .prDetails-grid-parent .bundleSection {
            grid-column-start: 1;
            grid-row-start: 5;
            grid-column: span 2;
            display: flex;
            position:relative;
        }
            .prDetails-grid-parent .bundleSection::after, .prDetails-grid-parent .bundleSection::before {
                content: '';
                position: absolute;
                inset: 0 auto 0 100%;
                background: #f0f0f2;
                width: 100%;
                height: 100%;
            }

            .prDetails-grid-parent .bundleSection::before {
                inset: 0 100% 0 auto;
            }

            .prDetails-grid-parent .bundleSection #sbl_recommendations::before {
                content: none;
            }

            .prDetails-grid-parent .bundleSection .sbl-bundle-container.sbl-container {
                padding-bottom: 0 !important;
            }


    .combineProductsSection::after,
    .combineProductsSection::before {
        width: 100%;
    }
}

@media (min-width:991px) {
    .combinedProducts-carousel .item-container .addToCart {
        opacity: 0;
        transition: opacity 0.2s;
    }

    .combinedProducts-carousel .item-container:hover .addToCart {
        opacity: 1;
    }
}

@media (max-width:1200px) {

    .variations-box {
        width: 100%;
        border: solid thin rgba(0,0,0,0.1);
        border-radius: 4px;
        padding: 0.8em;
        margin-right: 0 !important;
    }

    .variationName {
        pointer-events: auto;
        cursor: pointer;
    }

        .variationName::after {
            content: '';
            height: 10px;
            width: 10px;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%) rotate(-180deg);
            background: url('/App_Themes/YouGR2019/img/arrow-top.svg') center no-repeat;
            filter: invert(1);
            transition: all linear 0.15s;
        }

        .variationName.open::after {
            transform: translateY(-50%) rotate(0);
        }

    .variations-box .options {
        display: none;
    }

    .variationsSection .dropDownPop {
        flex: 1 1 100%;
        margin-right: 0;
    }

    .variationsSection .dropDownPop_sideDesc {
        flex: 0 1 100%;
    }
    .chargerSection {
        border: solid thin rgba(0,0,0,0.1);
        border-radius: 4px;
        padding: 0.8em;
    }
}
@media (max-width:1200px) and (min-width:768px) {
    .prDetails-grid-parent .topSpecsSection ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:1100px) {
    .prDetails-grid-parent .gallerySection .productPhotos-wrap {
        --height: auto;
    }

    .productPhotos .lSGallery {
        margin-left: 0.5rem !important;
    }

    .productPhotos::before {
        left: 0.5rem;
    }

    .productPhotos .lSSlideOuter.vertical {
        padding-left: 0 !important;
    }

    .prDetails-grid-parent .gallerySection .lSSlideOuter.vertical .lSAction > a {
        left: 22px;
        height: 61px;
        width: 60px;
    }
}



@media (max-width:991px) and (min-width:768px) {
    .prDetails-grid-parent .topSpecsSection ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:768px) {
    .prDetailsPage .usr, .prDetailsPage .uiiw, .prDetailsPage .uai.uli {
        display: none !important;
    }
    .prDetailsPageLinks.fixed {
        display: none !important;
    }

    .prDetailsPage #accessibilityWidget {
        display: none !important;
    }

    .prDetails-grid-parent .gallerySection {
        grid-template-columns: repeat(1, 1fr);
    }

        .prDetails-grid-parent .gallerySection .productPhotos-wrap {
            --height: 450px;
        }

    .combineProductsSection {
        margin-block: 1rem 0;
        padding-block: 1rem;
    }

    .tax-area-wrap {
        position: fixed;
        bottom: 85px;
        right: 0;
        z-index: 10;
        width: auto;
        display: flex;
        justify-content: end;
    }

        .tax-area-wrap .linkStretched {
            position: absolute;
            inset: 0;
        }
        .tax-area-wrap.open {
            width: 100%;
        }


    .tax-trigger {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        align-items: center;
        width: 170px;
        line-height: 1;
        padding: 0.4rem .7rem;
    }

    .tax-modal {
        inset: auto 1.3rem 0 1.3rem;
    }

    .combinedProducts-carousel .owl-dots, .recentlyView_carousel .owl-dots {
        margin-top: 20px !important;
    }

    #recently_new {
        border-top: solid 5px white;
        padding-top: 1em;
    }


    #recently_new, #recently_new .flexCol_12 {
        padding-right: 0;
    }

    .recentlyView_carousel .item {
        width: 180px;
    }

    .titleSection.v2 {
        padding-left: .8rem;
        font-size: 1rem;
    }
}


@media (max-width:576px) {
    .prDetailsPage .mainFooter {
        padding-bottom: 80px;
    }
    .prDetails-grid-parent {
        display: block;
    }

        .prDetails-grid-parent .prTitleSection h1 {
            font-size: 1.125rem;
            margin-block: 0 .5rem;
        }

        .prDetails-grid-parent .prTitleSection .pills-wrapper {
            margin-top: 0.2rem !important;
        }

        .prDetails-grid-parent .gallerySection .productPhotos-wrap {
            height: 114vw;
        }

    .productPhotos {
        border: none;
    }

        .productPhotos .ribbon, .productPhotos .ribbon_bottom {
            right: 0 !important;
        }

        .productPhotos .lSGallery {
            padding-block: 0;
            margin-left: 0 !important;
        }

            .productPhotos .lSGallery li {
                height: auto !important;
            }

        .productPhotos::before {
            content: unset;
        }

    .prDetails-grid-parent .topSpecsSection ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.8rem;
    }

        .prDetails-grid-parent .topSpecsSection ul li span {
            font-size: 0.8125rem;
        }

    .variationsSection {
        display: flex;
        flex-wrap: wrap;
        min-width: 100%;
    }

        .variationsSection > div {
            width: 100%;
        }

    .prDetails-USPs-wrap {
        order: 10;
    }

    .generalCollapse_panel {
        margin-bottom: 0;
    }

    .priceBox-wrap .button-wrap .availability, .priceBox-wrap .button-wrap .parentHoverInfo {
        text-align: left;
    }

    .priceBox-wrap .pointoi {
        right: 2px;
        left: unset;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 10px;
    }

    .priceBox-wrap .final-price {
        font-size: 1.625rem;
    }

    .priceBox-wrap .doseis {
        font-size: 1.25rem;
    }

    .variationsSection .cartOptions {
        margin-block: 1rem 0;
    }

    .variationsSection .dropDownPop_sideDesc {
        display: none;
    }

    .recentlyView_carousel .item {
        width: 120px;
    }
    .recentlyView_carousel .productSm img {
        max-width: 77% !important;
    }
}

@media (max-width:400px) {
    .mobile-AddtoCartBtn .addToCartv2 {
        font-size: 0.875rem;
    }
}

/******************Responsive compare page************************/

.compareProducts_wrapper {
    padding-top: 60px;
}

    .compareProducts_wrapper > .col_3 {
        margin-bottom: -1px;
    }

    .compareProducts_wrapper .productItem.desktop {
        border: solid 2px transparent;
        background-color: white;
    }

    .compareProducts_wrapper .productItem {
        border-radius: 8px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: solid 2px #EAEAED;
        position: relative;
        background-color: white;
        height: 100%;
    }

        .compareProducts_wrapper .productItem .addToCartv2 {
            box-shadow: 0px 7px 15px rgba(255, 196, 57, 0.4);
            font-size: 16px;
        }

        .compareProducts_wrapper .productItem .addToCart:hover {
            box-shadow: 0px 0px 0px rgba(255, 196, 57, 0.4);
            background-color: #FFD674;
        }

        .compareProducts_wrapper .productItem .header {
            padding: 40px 30px 30px 30px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 100%;
        }

        .compareProducts_wrapper .productItem .btnClose {
            position: absolute;
            top: 1rem;
            right: 1rem;
            opacity: 0.3;
            transform: scale(0.8);
        }

        .compareProducts_wrapper .productItem .tools {
            position: absolute;
            z-index: 10;
            left: 15px;
            top: 1rem;
            transition: ease-in-out .15s all;
            width: 20px;
        }

        .compareProducts_wrapper .productItem .img_area {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            position: relative;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            background-blend-mode: multiply;
            transition: ease-in-out .15s;
            margin-bottom: 20px;
            margin-inline: auto;
            max-width: 200px;
            height: auto;
            width: 100%;
            aspect-ratio: 1/1;
        }


        .compareProducts_wrapper .productItem h2 .title {
            font-size: 0.875rem;
            color: #2C2D31;
            line-height: 1.25rem;
            font-weight: 500;
            display: block;
            overflow: hidden;
            margin-bottom: 8px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            display: -webkit-box;
        }

        .compareProducts_wrapper .productItem .productTags {
            display: flex;
            flex-wrap: wrap;
            margin-block: 5px;
        }

            .compareProducts_wrapper .productItem .productTags .specialTag {
                color: #fff;
                border-radius: 4px;
                padding: 3px 6px 4px 6px;
                line-height: 1;
                font-size: 0.875rem;
                font-weight: bold;
            }

                .compareProducts_wrapper .productItem .productTags .specialTag.discount {
                    background-color: #4960F2;
                }

        .compareProducts_wrapper .productItem .price_area {
            padding: 10px 0;
        }

        .compareProducts_wrapper .productItem .installments {
            text-align: center;
            margin-top: 10px;
            color: rgba(45, 44, 66, 0.60);
            font-size: 14px;
            font-weight: 400;
            min-height: 17px;
        }

    .compareProducts_wrapper .specsCategory .specsRow, .compareProducts_wrapper .specsCategory .trigger {
        display: flex;
    }

        .compareProducts_wrapper .specsCategory .trigger .col {
            min-height: 100%;
            padding: 20px;
            display: flex;
            align-items: center;
            font-size: 20px;
            font-weight: 600;
            color: #9696A1;
            padding-left: 0;
            cursor: pointer;
        }

        .compareProducts_wrapper .specsCategory .specsRow.trigger .col span {
            font-size: 16px;
        }


        .compareProducts_wrapper .specsCategory .trigger .col:first-child {
            border-left: 0;
        }

        .compareProducts_wrapper .specsCategory .trigger .col:last-child {
            border-right: 0;
        }

    .compareProducts_wrapper .specsCategory .btnCollapse {
        background-color: #E0E0E3;
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        border-radius: 50rem;
        display: block;
        margin-right: 22px;
        position: relative;
        transition: all ease .1s;
    }

        .compareProducts_wrapper .specsCategory .btnCollapse:before {
            content: "";
            position: absolute;
            inset: 50% auto auto 50%;
            transform: translate(-50%,-50%);
            height: 2px;
            width: 42%;
            background-color: #2D2C42;
        }

        .compareProducts_wrapper .specsCategory .btnCollapse:after {
            content: "";
            position: absolute;
            inset: 50% auto auto 50%;
            transform: translate(-50%,-50%);
            height: 0;
            width: 2px;
            background-color: #2D2C42;
            transition: all ease .1s;
        }

    .compareProducts_wrapper .specsCategory .trigger.close .btnCollapse:after {
        height: 42%;
    }

    .compareProducts_wrapper .specsCategory .trigger.close .btnCollapse {
        background-color: #ffc439;
    }

    .compareProducts_wrapper .specsCategory .trigger.close {
        border-bottom: solid thin #EAEAED;
    }

    .compareProducts_wrapper .specsCategory .trigger .col:first-child {
        border: none;
    }

    .compareProducts_wrapper .specsCategory .specsRow .col {
        /*margin-inline: 4px;*/
        margin-bottom: -1px;
        border: solid thin #EAEAED;
        min-height: 100%;
        padding: 20px;
        font-size: 14px;
        line-height: 1.2;
        font-weight: 400;
        position: relative;
    }

    .compareProducts_wrapper .availability span {
        color: #5CAF96;
    }
        .compareProducts_wrapper .specsCategory .specsRow .col:not(:first-child):before {
            content: '';
            left: -10px;
            bottom: -1px;
            position: absolute;
            height: 1px;
            width: 10px;
            background-color: #EAEAED;
        }

        .compareProducts_wrapper .specsCategory .specsRow .col:before {
        }

        .compareProducts_wrapper .specsCategory .specsRow .col:first-child {
            font-weight: 700;
            border-right: 0;
        }

        .compareProducts_wrapper .specsCategory .specsRow .col .mob {
            font-weight: 700;
            margin-bottom: 4px;
            display: none;
        }

    .compareProducts_wrapper .specsCategory .specsRow.dif .col {
        font-weight: 700;
    }

        .compareProducts_wrapper .specsCategory .specsRow.dif .col:first-child::before {
            font-weight: 700;
            content: '\2022';
            margin-left: -7px;
            position: relative;
            left: -7px;
            font-size: 20px;
        }

.compareFixedBar .pr .text {
    font-size: 0.80rem !important;
    font-weight: 500;
    max-height: 54px;
    overflow: hidden;
}

@media (max-width:991px) {
    .compareSection h1.titlewithBorder {
        padding-right: 0 !important;
    }

    h1.titlewithBorder span.Seo_compare_productTitle {
        display: grid !important;
        grid-template-rows: 0.45fr;
        transition: grid-template-rows 0.3s ease-out;
    }

        h1.titlewithBorder span.Seo_compare_productTitle.open {
            grid-template-rows: 1fr;
        }

        h1.titlewithBorder span.Seo_compare_productTitle .inner {
            overflow: hidden;
        }

    .open_Seo_compare_productTitle {
        font-size: 12px;
        color: black;
        opacity: .7;
        cursor: pointer;
        text-align: center;
        display: block;
        margin-top: 15px;
    }

        .open_Seo_compare_productTitle .less {
            display: none;
        }

    .compareProducts_wrapper .productItem .header {
        padding: 40px 15px 15px 15px;
    }

    .compareProducts_wrapper .productItem .installments {
        font-size: 12px;
    }

    .compareProducts_wrapper .productItem .addToCartv2 {
        padding: 18px 10px;
    }

        .compareProducts_wrapper .productItem .addToCartv2 span {
            display: none;
        }

        .compareProducts_wrapper .productItem .addToCartv2 svg, .compareProducts_wrapper .productItem .addToCartv2 img {
            left: 50%;
            right: unset;
            transform: translateX(-50%);
        }

    .compareProducts_wrapper .specsCategory .btnCollapse {
        margin-right: 10px;
    }
}

@media (max-width:768px) {
    .compareFixedBar {
        padding: 0.6rem 0;
    }


    .techFeaturesContainer {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .compareProducts_wrapper .specsCategory .specsRow:not(.trigger) .col:first-child, .compareProducts_wrapper .specsCategory .trigger .col_md_3:not(.col_12) {
        display: none;
    }


    .compareProducts_wrapper .specsCategory .specsRow .col .mob {
        display: block;
    }

    .compareProducts_wrapper .specsCategory .specsRow .col {
        margin-inline: 0;
    }

    .compareProducts_wrapper .specsCategory .specsRow:not(.trigger) .col {
        font-weight: 400 !important;
    }

    .compareProducts_wrapper .specsCategory .specsRow.dif .col {
        background-color: #F0F0F2;
    }

    .compareFixedBar {
        overflow-x: auto;
        overflow-y: hidden;
    }

        .compareFixedBar > div.container {
            min-width: 768px;
            width: 100%;
        }

        .compareFixedBar .pr .text {
            max-height: 34px;
        }
}

@media (max-width:576px) {

    .compareSection h1.titlewithBorder {
        font-size: 1.15rem;
        padding-left: 10px;
        border-bottom: none;
    }

    h1.titlewithBorder span.Seo_compare_productTitle,
    .compareSection .pdfDownload .text,
    .compareSection .clearAll span {
        display: none !important;
    }

    .compareSection .pdfDownload {
        right: 40px !important;
        top: -14px !important;
    }

        .compareSection .pdfDownload .icon, .compareSection .clearAll img {
            width: 18px !important;
        }

    .compareSection .clearAll {
        right: 10px !important;
        top: 4px !important;
    }

    .compareProducts_wrapper {
        padding-top: 0;
    }

        .compareProducts_wrapper .productItem .img_area {
            max-width: 120px;
        }

        .compareProducts_wrapper .specsCategory .specsRow .col {
            font-size: 14px;
            padding: 11px 20px;
        }

        .compareProducts_wrapper .specsCategory .trigger .col_12 {
            font-weight: 700 !important;
            padding: 18px 15px !important;
        }

        .compareProducts_wrapper .specsCategory .btnCollapse {
            width: 18px;
            height: 18px;
            margin-right: 12px;
        }
}


/*************** PRODUCT PHOTO COLUMN ***************/

.productPhotos .productTags {
    position: absolute;
    right: 0.875rem;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    line-height: 1;
    z-index: 2;
}

    .productPhotos .productTags > div {
        margin-right: 0;
        margin-left: auto;
    }

.productPhotos .specialTag {
    display: block;
}

.productPhotos .hotPrice_flag {
    margin: 0 5px 5px 0;
}

.productPhotos {
    position: relative;
}

    .productPhotos .ribbon {
        position: absolute;
        right: 0.875rem;
        top: 0.875rem;
        width: 80px;
        height: 80px;
        z-index: 2;
    }

    .productPhotos .ribbon_bottom {
        position: absolute;
        right: 0.875rem;
        bottom: 0.875rem;
        width: 75px;
        height: 75px;
        z-index: 5;
    }

.prPhotoSlider {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #E6E6E8;
    margin-bottom: 1.5rem;
}

    .prPhotoSlider .item {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .prPhotoSlider .owl-nav > button {
    }

    .prPhotoSlider .owl-nav {
        position: absolute;
        height: 0px;
        width: 100%;
        top: calc(50% - 5px);
        margin: 0;
    }

        .prPhotoSlider .owl-nav > .owl-prev,
        .prPhotoSlider .owl-nav > .owl-next {
            position: absolute;
            margin: 0px 0.5rem;
        }

            .prPhotoSlider .owl-nav > .owl-prev span,
            .prPhotoSlider .owl-nav > .owl-next span {
                display: inline-block;
                padding: 0.5rem;
            }

    .prPhotoSlider .owl-prev {
        left: 0;
    }

    .prPhotoSlider .owl-next {
        right: 0;
    }


    .prPhotoSlider .owl-nav > .owl-prev:hover,
    .prPhotoSlider .owl-nav > .owl-next:hover {
        background-color: transparent;
    }

    .prPhotoSlider .item .btnPlay {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        background-image: none;
    }

        .prPhotoSlider .item .btnPlay .icon {
            position: absolute;
            top: calc(50% - 30px);
            left: calc(50% - 30px);
            width: 60px;
            height: 60px;
            display: block;
            background-color: #fff;
            background-image: url('/App_Themes/YouGR2019/img/btnPlay.svg');
            background-repeat: no-repeat;
            background-position: left 23px center;
            border-radius: 50rem;
            cursor: pointer;
            z-index: 2;
        }

            .prPhotoSlider .item .btnPlay .icon:hover {
                background-color: #FFC500;
            }

.prSliderThumbs {
}

    .prSliderThumbs .item {
        border-radius: 4px;
        border: 2px solid #E6E6E8;
        width: 48px;
        overflow: hidden;
    }

        .prSliderThumbs .item.video {
            padding: 12px;
        }

    .prSliderThumbs .owl-carousel .owl-stage {
        margin: 0 auto;
    }


    .prSliderThumbs .owl-item.selected .item {
        border-color: #4960F2;
    }

/*************** PRODUCT DESC COLUMN ***************/



.descOptions {
    position: relative;
    font-size: 0.875rem;
    padding: 0px 2rem;
}


    .descOptions .topSection {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid rgba(45, 44, 66, 0.2);
    }

        .descOptions .topSection h1 {
            font-size: 1.5rem;
            font-weight: 400;
            margin-block: 0 1.5rem;
        }

        .descOptions .topSection h2 {
            font-size: 1.5rem;
            font-weight: 400;
            margin: 1.5rem 0px
        }

    .descOptions .itemCode {
        display: inline-block;
        opacity: 0.5;
    }

.review-product {
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
}

.descOptions .tools {
    /* display: inline-block;
    float: right;*/
    display: flex;
    justify-content: flex-end;
}

    .descOptions .tools .favorite {
        display: inline-block;
        vertical-align: middle;
    }



    .descOptions .tools .compareCheckbox {
        display: inline-block;
        margin: 0px 0px 0px 1rem;
    }

.descOptions > p {
    font-size: 0.875rem;
}

.descOptions > ul {
    display: inline-block;
    margin-right: 1.5rem;
}

    .descOptions > ul li {
        position: relative;
        padding: 4px 0px 4px 12px;
    }

        .descOptions > ul li:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 10px;
            width: 4px;
            height: 4px;
            background-color: #2D2C42;
            border-radius: 50rem;
            opacity: 0.3;
        }

.extraContainer {
    margin: 1.5rem 0px;
    /*border-top: 1px solid rgba(45, 44, 66, 0.2);*/
    width: 100%;
}

.extraChoices {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    border-bottom: 1px solid rgba(45, 44, 66, 0.2);
    width: 100%;
}

    .extraChoices .btnFakeRadio.option:hover .border {
        border: 2px solid rgba(45, 44, 66, 0.2);
    }

    .extraChoices .btnFakeRadio.option > input:checked + .border,
    .extraChoices .btnFakeRadio.option.isCurrent {
        border: 2px solid #4960F2;
    }


    .extraChoices > .label {
        flex: 1 1 auto;
        font-weight: 500;
        margin-right: 1rem;
    }

    .extraChoices .options {
        text-align: left;
        flex-basis: 80%;
        max-width: 80%;
    }

    .extraChoices .option {
        position: relative;
        width: 56px;
        height: 50px;
        padding: 8px;
        display: inline-block;
    }

        .extraChoices .option.similarOption {
            padding: 0px;
        }

            .extraChoices .option.similarOption.isImage {
                padding: 8px;
            }

        .extraChoices .option > input {
            position: absolute;
            visibility: hidden;
        }

        .extraChoices .option .value {
            position: relative;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            font-weight: 600;
        }

        .extraChoices .option .border {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            border: 2px solid transparent;
            border-radius: 4px;
            pointer-events: none;
            z-index: 1;
        }

        .extraChoices .option:hover .border {
            border-color: #E6E6E8;
        }

        .extraChoices .option > input:checked + .border {
            border-color: #4960F2;
        }

            .extraChoices .option > input:checked + .border + .value {
                color: #4960F2;
            }

.btnFakeRadio .fakeRadioLink {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}


.descOptions .extraInfo {
    position: relative;
    background-color: #E6E6E8;
    border-radius: 8px;
    margin: 4px 0px;
    padding: 0.5rem;
    z-index: 11;
}

    .descOptions .extraInfo .inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .descOptions .extraInfo .inner img {
            width: auto;
            height: 20px;
            vertical-align: middle;
        }

.mobile .btnInfoHover,
.tablet .btnInfoHover {
    cursor: pointer;
}

.descOptions .extraInfo .inner .left img {
    display: inline-block;
    margin-right: 8px;
}


.parentHoverInfo {
    position: relative;
    z-index: 90;
}

.hoverInfo {
    display: none;
    position: absolute;
    left: 0px;
    width: 100%;
    background: #FFFFFF;
    color: #2D2C42;
    box-shadow: 0px 5px 20px rgba(45, 44, 66, 0.15);
    padding: 1.5rem;
    border-radius: 8px;
    text-align: left;
    z-index: 4;
    max-width: 420px;
    min-width: 200px;
}

    .hoverInfo.rightToLeft {
        right: 0px;
        left: auto;
    }

    .hoverInfo p {
        opacity: 0.7;
        margin: 0px;
    }

    .hoverInfo infotitle {
        display: block;
        font-size: 1rem;
        margin: 0px 0px 1.5rem 0px;
    }

    .hoverInfo.show {
        display: block;
    }

    .hoverInfo > img {
        width: auto;
        max-width: 50px;
        margin-bottom: 1rem;
    }


.btnInfoHover img {
    width: 15px;
    height: 15px;
}

.inputField .parentHoverInfo {
    position: absolute;
    right: 0px;
    top: 28px;
    z-index: 3;
}

    .inputField .parentHoverInfo .hoverInfo {
        width: 300px;
        padding: 0px;
        left: auto;
        right: 0px;
        border-radius: 8px;
        overflow: hidden;
    }

.strongPass warntitle .icon {
    background-image: url('../img/iconLock.svg');
    opacity: 1;
}

.strongPass .hoverInfo p {
    opacity: 1;
}

.cartOptions {
    position: relative;
    font-size: 0.875rem;
    border-radius: 8px;
}

    .cartOptions > .top {
        padding-bottom: 1rem;
    }

.toCartColumn .helpLinks {
    position: relative;
}

.toCartColumn .helpLinks,
.cartOptions .price,
.cartOptions .amountWin,
.cartOptions .dropDownPop {
    padding: 8px 1.5rem;
}

    .cartOptions .price.new-price {
        padding: .7rem 1.5rem 8px 1.5rem;
        height: 70px;
        display: flex !important;
        flex-direction: column;
        justify-content: end;
    }

    .cartOptions .price .final-price {
        font-size: 1.75rem;
    }

    .cartOptions .price .old-price {
        font-size: 1rem;
    }

    .cartOptions .amountWin .amount {
        font-weight: bold;
        margin-left: 2px;
    }

.cartOptions > .bottom {
    padding: 0 0.5rem 0.5rem;
    /* border-top: 1px solid #DDDCD0; */
}

.cartOptions .addToCartv2 {
    padding-left: 1rem;
    padding-right: 1rem;
    padding: 1rem;
    margin: 0.5rem 0px 0px;
    font-size: 1rem;
}

.cartOptions .quantityOption input {
    text-align: center;
    background-color: #FFFFFF;
    border: none;
    border-top: 1px solid #DDDCD0;
    border-bottom: 1px solid #DDDCD0;
    padding: 0.5rem;
    flex: 1 1 auto;
    flex-basis: calc(100% - 120px);
    max-width: calc(100% - 120px);
    font-size: 1rem;
    font-weight: 600;
}

.cartOptions .quantityOption {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.mobileCartOptions {
    display: none;
}

.quantityOption .btnQuantity {
    font-size: 1.25rem;
    flex-basis: 60px;
    max-width: 60px;
    background-color: #FFFFFF;
    border: 1px solid #DDDCD0;
}

.quantityOption .add {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.quantityOption .sub {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.quantityOption .btnQuantity:hover {
    background-color: #DDDCD0;
}


.toCartColumn .helpLinks li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    padding: 0.5rem 0px;
    border-bottom: 1px solid #E6E6E8;
}


    .toCartColumn .helpLinks li:last-of-type {
        border: none;
    }

    .toCartColumn .helpLinks li .text > span {
        flex: 0 1 auto;
    }

    .toCartColumn .helpLinks li .icon {
        margin-left: 1rem;
    }

        .toCartColumn .helpLinks li .icon img {
            max-width: 24px;
        }

    .toCartColumn .helpLinks li a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        /* opacity: 0.5; */
        opacity: 1;
        color: #2D2C42;
    }

        .toCartColumn .helpLinks li a:hover {
            opacity: 1;
        }

.dropDownPop {
    position: relative;
}

    .dropDownPop .dropLabel {
        position: relative;
        display: inline-block;
        color: #2D2C42;
        padding-right: 18px;
        text-decoration: underline;
    }

        .dropDownPop .dropLabel::after {
            position: absolute;
            top: 9px;
            right: 5px;
            content: "";
            width: 8px;
            height: 2px;
            background-color: #2D2C42;
            transform: rotate(45deg);
        }

        .dropDownPop .dropLabel::before {
            position: absolute;
            top: 9px;
            right: 0px;
            content: "";
            width: 8px;
            height: 2px;
            background-color: #2D2C42;
            transform: rotate(-45deg);
        }



    .dropDownPop > .drop {
        display: none;
        position: absolute;
        top: -1rem;
        left: 8px;
        width: calc(100% - 16px);
        max-height: 70vh;
        overflow: auto;
        padding: 1rem;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0px 5px 20px rgba(45, 44, 66, 0.15);
        z-index: 92;
    }

    .dropDownPop.open > .drop {
        display: block;
    }

        .dropDownPop.open > .drop .droptitle {
            position: relative;
            display: inline-block;
            color: #4960F2;
            padding-right: 18px;
            margin: 0.5rem 0px;
        }

        .dropDownPop.open > .drop .dropLabelSeperator {
            display: inline-block;
            color: #4960F2;
            padding-right: 18px;
            margin: 1rem 0px 0.5rem 0px;
        }

    .dropDownPop .droptitle::after {
        position: absolute;
        top: 8px;
        right: 5px;
        content: "";
        width: 8px;
        height: 2px;
        background-color: #4960F2;
        transform: rotate(45deg);
    }

    .dropDownPop .droptitle::before {
        position: absolute;
        top: 8px;
        right: 0px;
        content: "";
        width: 8px;
        height: 2px;
        background-color: #4960F2;
        transform: rotate(-45deg);
    }

    .dropDownPop > .drop li {
        padding: 8px 0px;
        color: #2D2C42;
        border-bottom: 1px solid #E6E6E8;
    }

        .dropDownPop > .drop li a {
            /* 	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center; */
            display: block;
            width: 100%;
        }

        .dropDownPop > .drop li .value {
            display: inline-block;
            min-width: 24px;
            margin-right: 0.25rem;
        }

        .dropDownPop > .drop li .mlt {
            opacity: 0.7;
        }

        .dropDownPop > .drop li .amount {
            font-weight: 600;
            float: right;
        }


.prDetailsPageLinks {
    position: absolute;
    top: 90px;
    right: 0px;
    width: 50%;
    background-color: #fff;
    padding: 0px;
    text-align: right;
    font-size: 0.75rem;
    z-index: 92;
}

    .prDetailsPageLinks .container {
        padding-right: 1rem;
        padding-left: 0px;
    }

    .prDetailsPageLinks .gotoLinks {
        flex: 1 0 auto;
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .prDetailsPageLinks li {
        display: inline-block;
        margin-left: 1rem;
        font-weight: 400;
        padding: 1rem 0px;
        font-size: 0.875rem;
    }


        .prDetailsPageLinks li a {
            color: #2D2C42;
        }

        .prDetailsPageLinks li:not(.hidden) a:hover {
            color: #4960F2;
        }

    .prDetailsPageLinks .addToCartPreorder img, .prDetailsPageLinks .addToCartInterest img {
        width: 25px !important;
        height: 17px !important;
    }

.prDetailsPage .breadcrumbs .col_12 {
    width: 50%;
}

.topSpecsSection ul li span a {
    color: #2D2C42;
}

@media (max-width: 1024px) {
    .prDetailsPage .breadcrumbs .col_12 {
        width: 100%;
    }

    /*.livechat_button {
        display: none !important;
    }*/

    .tax-modal .textCenter.mt-2 {
        display: none !important;
    }
}

.prDetailsPageLinks li.hidden {
    display: none;
    border-left: 1px solid #E6E6E8;
    padding-left: 1rem;
    text-align: right;
    align-items: center;
}

.prDetailsPageLinks li .btnCommon {
    padding: 3px 8px;
    margin: 0px 0px 0px 1rem;
}

    .prDetailsPageLinks li .btnCommon svg {
        width: 20px;
        height: 20px;
        display: none;
    }

.prDetailsPageLinks .addToCart {
    display: inline-block;
    width: auto;
    padding: 1.4em 1em;
    text-align: center;
    height: 20px;
    vertical-align: top;
    margin: 0px 0px 0px 1rem;
    font-weight: 600;
}

    .prDetailsPageLinks .addToCart svg {
        transform: scale(0.6);
        margin: 0 auto;
    }

.prDetailsPageLinks.fixed {
    position: fixed;
    width: 100%;
    top: 70px;
    box-shadow: 0px 10px 20px rgba(45, 44, 66, 0.1);
}

    .prDetailsPageLinks.fixed > .container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 1rem;
        max-width: 100%;
    }

    .prDetailsPageLinks.fixed li.hidden {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        float: right;
    }

    .prDetailsPageLinks.fixed .productToTop {
        display: block;
    }

.prDetailsPageLinks .old-price {
    font-weight: 400;
    font-size: 1rem;
    text-decoration: line-through;
    margin-right: .5rem;
}

.prDetailsPageLinks .price {
    font-weight: 700;
    font-size: 1.625rem;
}

.prDetailsPageLinks .productToTop {
    display: none;
    flex: 1 1 auto;
    /* 	position: absolute; */
    /* 	float:left; */
    /* 	margin-top:4px; */
}

    .prDetailsPageLinks .productToTop img {
        height: 48px;
        width: auto;
        border: 2px solid #E6E6E8;
        border-radius: 4px;
        display: inline-block;
        margin-right: 1rem;
        vertical-align: middle;
    }

    .prDetailsPageLinks .productToTop a .text {
        text-align: left;
        font-size: 0.875rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .prDetailsPageLinks .productToTop a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        color: #2D2C42;
    }

        .prDetailsPageLinks .productToTop a:hover {
            color: #4960F2;
        }

.prDetailsPageLinks .addToCartPreorder svg, .prDetailsPageLinks .addToCartPreorder img, .prDetailsPageLinks .addToCartInterest svg, .prDetailsPageLinks .addToCartInterest img {
    display: none;
}

.prDetailsPageLinks .addToCartPreorder, .prDetailsPageLinks .addToCartInterest {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

    .prDetailsPageLinks .addToCartPreorder span, .prDetailsPageLinks .addToCartInterest span {
        padding-right: 0 !important;
    }
/* .prDetailsPageLinks .addToCartPreorder span, .prDetailsPageLinks .addToCartInterest span {
            display: none;
        }*/
/*li.hidden a.addToCartPreorder img, li.hidden a.addToCartInterest {
        padding: 0px !important;
    }*/

li.hidden a.addToCartPreorder img, li.hidden a.addToCartInterest img {
    height: 12px !important;
}

/***************************Product Details collapse panel*******************************************/

.collapse_panel {
    max-width: 600px;
    margin: 15px auto;
    background-color: #f0f0f2;
    border-radius: 10px;
    padding: 2px;
}

.collapsible {
    font-size: 16px;
    color: black;
    font-weight: 600;
    padding: 10px 15px;
    cursor: pointer;
    position: relative;
}

    .collapsible:after {
        content: '';
        position: absolute;
        right: 15px;
        height: 10px;
        width: 10px;
        top: 50%;
        border-left: solid thin black;
        border-bottom: solid thin black;
        transform: translateY(-50%) rotate(-45deg);
        transition: all linear 0.15s;
    }

    .collapsible.active:after {
        transform: translateY(-50%) rotate(135deg);
    }

.collapse_panel .content {
    padding: 0 18px;
    max-height: unset;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: white;
    border-radius: 10px;
}

.collapse_panel .inputField, .collapse_panel .inputField.checkBox label {
    overflow: unset;
}

    .collapse_panel .inputField.checkBox label span {
        vertical-align: unset;
        float: unset;
        margin-top: unset;
        width: auto;
    }
/**********************************************************************/


/**********************************************************************/
/**************************  PRODUCT LISTING  *************************/


.cmnFourFeaturedItems {
    padding-bottom: 1rem;
}

    .cmnFourFeaturedItems .featuredItemsTitle {
        font-size: 0.875rem;
        line-height: 1.0625rem;
        text-align: center;
        color: rgba(45, 44, 66, 0.3);
    }

    .cmnFourFeaturedItems .featuredItemsList {
        display: flex;
        flex-direction: row;
    }

        .cmnFourFeaturedItems .featuredItemsList .featuredItem {
            display: flex;
            flex-direction: row;
            border: solid 2px rgba(45, 44, 66, .10);
            margin: 4px;
            position: relative;
            padding: 0px 4px;
            -webkit-box-shadow: 0px 2px 4px rgba(45, 44, 66, 0.1);
            -moz-box-shadow: 0px 2px 4px rgba(45, 44, 66, 0.1);
            box-shadow: 0px 2px 4px rgba(45, 44, 66, 0.1);
            transition: all ease-in-out .15s;
        }

            .cmnFourFeaturedItems .featuredItemsList .featuredItem:hover {
                border: solid 2px rgba(73, 96, 242, 1);
            }

            .cmnFourFeaturedItems .featuredItemsList .featuredItem .title {
                font-size: 0.75rem;
                line-height: 1.125rem;
            }

            .cmnFourFeaturedItems .featuredItemsList .featuredItem a:before {
                position: absolute;
                content: "";
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            .cmnFourFeaturedItems .featuredItemsList .featuredItem .imageArea {
                padding: 16px;
                align-items: center;
                display: flex;
            }

                .cmnFourFeaturedItems .featuredItemsList .featuredItem .imageArea img {
                    width: unset;
                    max-height: 200px;
                    max-width: 100%;
                }

        .cmnFourFeaturedItems .featuredItemsList.owl-carousel .owl-stage,
        .cmnFourFeaturedItems .featuredItemsList.owl-carousel .owl-stage .owl-item {
            display: flex;
        }

        .cmnFourFeaturedItems .featuredItemsList .featuredItem .textArea {
            display: flex;
            flex-direction: column;
            align-content: flex-start;
            padding: 16px 16px 16px 0;
        }

            .cmnFourFeaturedItems .featuredItemsList .featuredItem .textArea .title {
                align-self: flex-start;
                margin: 0;
                width: 100%;
            }

        .cmnFourFeaturedItems .featuredItemsList .featuredItem .price {
            align-self: flex-end;
            margin-top: auto;
            width: 100%;
            display: flex;
            flex-direction: column;
            font-size: 1.125rem;
            font-weight: 500;
        }

            .cmnFourFeaturedItems .featuredItemsList .featuredItem .price .old-price {
                text-decoration: line-through;
                font-size: 0.875rem;
            }

    .cmnFourFeaturedItems .productTags {
        position: absolute;
        bottom: 16px;
        right: 16px;
    }

    .cmnFourFeaturedItems .specialTag {
        display: inline-block;
        color: #fff;
        border-radius: 4px;
        padding: 3px 6px 4px 6px;
        line-height: 1;
        font-size: 0.75rem;
        margin: 0px 0px 0px 3px;
        font-weight: bold;
    }

.specialTag.appleTag {
    background-color: #00c882;
    display: inline-block;
    color: white;
    border-radius: 15px;
    padding: 9px 8px 9px 8px;
    line-height: 1;
    font-size: 14px;
    margin: 0px 0px 0px 3px;
    font-weight: bold;
    float: left;
}
/* ------------------------------- COMMON PAGINATION ------------------------------- */
.cmnPagination {
    /* padding-top: 40px;
	height: 112px; */
    padding-top: 0 !important;
    height: 50px !important;
    margin-block: 0.8rem 1rem;
    display: flex;
    align-items: center;
}

    .cmnPagination .wrapper {
        display: flex;
        justify-content: space-between;
        padding: 0 1rem;
        align-items: center;
        height: 32px;
    }

    .cmnPagination.bottom .wrapper {
        justify-content: center;
    }

    .cmnPagination .leftCol {
        display: flex;
        flex-direction: row;
        font-size: 0.875rem;
        line-height: 1.0625rem;
    }

    .cmnPagination .rightCol {
        display: flex;
        flex-direction: row;
        font-size: 0.875rem;
        line-height: 1.0625rem;
        align-items: center;
    }

    .cmnPagination .results {
        color: rgba(45, 44, 66, .5);
        font-weight: 500;
    }

        .cmnPagination .results span {
            font-weight: 700;
        }

    .cmnPagination .sortSelections {
        margin-left: 25px;
        position: relative;
    }

        .cmnPagination .sortSelections .label {
            position: relative;
            padding-right: 1.2rem;
            cursor: pointer;
            color: #4960F2;
            font-weight: 600;
            user-select: none;
            /* supported by Chrome and Opera */
            -webkit-user-select: none;
            /* Safari */
            -khtml-user-select: none;
            /* Konqueror HTML */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
        }

            .cmnPagination .sortSelections .label::before,
            .cmnPagination .sortSelections .label::after {
                content: "";
                position: absolute;
                top: 9px;
                width: 8px;
                height: 2px;
                background-color: currentColor;
            }

            .cmnPagination .sortSelections .label::before {
                right: 0px;
                transform: rotate(-45deg);
            }

            .cmnPagination .sortSelections .label::after {
                right: 5px;
                transform: rotate(45deg);
            }

        .cmnPagination .sortSelections .drop {
            position: absolute;
            top: 1.5rem;
            z-index: 20;
            background-color: #fff;
            padding: 4px 4px 0;
            white-space: nowrap;
            display: none;
        }

            .cmnPagination .sortSelections .drop.open {
                display: inherit;
            }

            .cmnPagination .sortSelections .drop li {
                /*     background-color: #f0f0f2; */
                margin-bottom: 4px;
                font-size: 0.875rem;
                border-radius: 4px;
            }

            .cmnPagination .sortSelections .drop a {
                display: block;
                padding: 8px 8px 9px 8px;
                color: #2D2C42;
                border-radius: 4px;
            }


                .cmnPagination .sortSelections .drop a:hover {
                    color: #4960F2;
                }



    .cmnPagination .resultsNumbers {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding-top: 2px;
        padding-left: 2px;
        border-radius: 6px;
        height: 30px;
        ;
    }

        .cmnPagination .resultsNumbers .btn {
            margin-top: -2px;
            margin-left: -2px;
            border: 2px solid rgba(45, 44, 66, .10);
            box-sizing: border-box;
            transition: all 0.2s;
            box-sizing: border-box;
            min-width: 40px;
            color: rgba(45, 44, 66, .50);
            font-weight: 600;
            padding: 0;
            font-family: 'Proxima Nova', sans-serif;
        }

            .cmnPagination .resultsNumbers .btn.active,
            .cmnPagination .resultsNumbers .btn:hover {
                color: #4960F2;
            }

            .cmnPagination .resultsNumbers .btn:first-child {
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
            }

            .cmnPagination .resultsNumbers .btn:last-child {
                border-top-right-radius: 6px;
                border-bottom-right-radius: 6px;
            }

    .cmnPagination .viewButtons {
        display: flex;
        justify-content: center;
        margin-right: 12px;
    }

        .cmnPagination .viewButtons a {
            padding: 0 12px;
            color: #2D2C42;
            transition: ease-in-out color .15s;
        }

            .cmnPagination .viewButtons a:hover,
            .cmnPagination .viewButtons .active {
                color: #4960F2;
            }

        .cmnPagination .viewButtons svg {
            width: 20px;
            fill: currentColor;
        }






    /* ------------------------------- COMMON PAGINATION MOBILE ------------------------------- */
    .cmnPagination.mobile {
        display: none;
        padding-top: 0;
        /*! padding-bottom: 0; */
        position: relative;
        height: auto;
    }

        .cmnPagination.mobile::after {
            content: "";
            position: absolute;
            top: 0;
            height: 65px;
            width: 1px;
            left: 50%;
            ;
            background-color: rgba(45, 44, 66, .10);
        }

        .cmnPagination.mobile .filtersArea {
            flex-grow: 1;
            flex-basis: 50%;
            max-width: 50%;
            align-items: center;
            font-weight: 600;
            color: #2D2C42;
            justify-content: center;
            text-align: center;
            height: 100%;
            display: flex;
        }

            .cmnPagination.mobile .filtersArea .filtersNumber {
                display: inline-block;
                width: 24px;
                height: 24px;
                background-color: #4960F2;
                border-radius: 12px;
                text-align: center;
                line-height: 24px;
                vertical-align: middle;
                margin-left: 1rem;
                color: #FFF;
                font-size: 0.75rem;
            }

        .cmnPagination.mobile .wrapper {
            display: flex;
            flex-direction: row;
            border-bottom: solid 1px rgba(45, 44, 66, .10);
            border-top: 0;
            height: 66px;
        }

        .cmnPagination.mobile .sortSelections {
            margin-left: inherit;
            height: 100%;
            display: flex;
            flex-grow: 1;
            flex-basis: 50%;
            max-width: 50%;
        }

            .cmnPagination.mobile .sortSelections span {
                width: 90%;
            }

            .cmnPagination.mobile .sortSelections .label {
                align-items: center;
                height: 100%;
                display: flex;
                color: #2D2C42;
            }

                .cmnPagination.mobile .sortSelections .label::before,
                .cmnPagination.mobile .sortSelections .label::after {
                    top: 32px;
                }

            .cmnPagination.mobile .sortSelections .drop {
                top: 3.5rem;
            }

.resultsMobile {
    text-align: center;
    margin: 1.5rem 10px 0px 1.5rem;
    color: rgba(45, 44, 66, .50);
    display: none;
    /* 	display: block; */
    /*! white-space: nowrap; */
}

.cmnPagination.mobile .resultsMobile span {
    font-weight: 700;
}

.cmnProductsLayouts {
    position: relative;
    padding: 1px 0px;
}


/* ------------------------------- VIEW THUMB / VIEW LIST ------------------------------- */
.cmnPagination.viewThumbs .viewButtons .viewThumbs,
.cmnPagination.viewList .viewButtons .viewList {
    color: #4960F2;
}

.cmnProductList.viewThumbs .productsListView {
    display: none;
}

.cmnProductList.viewList .cmnProductsListGrid {
    display: none;
}

/* ------------------------------- VIEW GRID NO AVAILABILITY INFO ------------------------------- */
.ProductsListGrid.bgLightGray > div > div > div > div.inner.radiusCorners > div.extras.diathesimotita-list > div > span.icon.btnInfoHover,
.ProductsListGrid .parentHoverInfo .icon {
    display: none !important;
    visibility: hidden;
}

/* ------------------------------- PAGINATION ------------------------------- */

.pagination ul {
    display: flex;
    flex-direction: row;
}

    .pagination ul .page-item {
        display: flex;
        width: 34px;
        justify-content: center;
    }

        .pagination ul .page-item a {
            width: 32px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            color: #2D2C42;
            font-size: 0.75rem;
            font-weight: 700;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px;
        }

            .pagination ul .page-item a.active,
            .pagination ul .page-item a:hover {
                background: #FFC439;
                -webkit-box-shadow: 0px 7px 15px 0px rgba(255, 196, 59, 0.4);
                -moz-box-shadow: 0px 7px 15px 0px rgba(255, 196, 59, 0.4);
                box-shadow: 0px 7px 15px 0px rgba(255, 196, 59, 0.4);
            }


/* ------------------------------- VIEWED NUMBER FROM TOTAL MOBILE ONLY ------------------------------- */
.bottomViewMoreNumbers {
    display: none;
    text-align: center;
    padding: 40px 0px;
}

    .bottomViewMoreNumbers .numbers {
        color: rgba(45, 44, 66, .5);
        font-size: 0.875rem;
        line-height: 1.0625rem;
        margin-bottom: 1.5rem;
    }

        .bottomViewMoreNumbers .numbers span {
            font-weight: 600;
        }

    .bottomViewMoreNumbers .moreBtn {
        background-color: rgba(45, 44, 66, 0);
        border: solid 2px rgba(45, 44, 66, .15);
        line-height: 20px;
        padding: 15px 40px;
        font-weight: 700;
        color: #2D2C42;
        font-family: 'Proxima Nova', sans-serif;
    }

        .bottomViewMoreNumbers .moreBtn:hover {
            border: solid 2px rgba(45, 44, 66, .4);
        }




/***********************************************************************/
/****************************  LOGIN PAGE  *****************************/


.userSignBox {
    max-width: 554px;
    margin: 0 auto;
}

    .userSignBox .titles {
        display: flex;
        justify-content: space-around;
        padding: 0 50px;
        position: relative;
        z-index: 1;
    }

        .userSignBox .titles .title {
            text-align: center;
            font-size: 1.25rem;
            line-height: 1.5rem;
            font-weight: 700;
            color: #2D2C42;
            transition: ease-in-out .15s;
            padding-bottom: 25px;
            position: relative;
            letter-spacing: 0.05rem;
            outline: none;
        }

            .userSignBox .titles .title:after {
                /* 	content: "";
	width: 100%;
	height: 8px;
	border-radius: 4px;
	background-color: rgba(255, 196, 57, 0);
	position: absolute;
	bottom: -5px;
	left: 0;
	transition: ease-in-out all .15s; */
            }

            .userSignBox .titles .title.login:hover,
            .userSignBox .titles .title.register:hover,
            .userSignBox .titles.loginActive .login,
            .userSignBox .titles.registerActive .register {
                color: #4960F2;
            }

                /* .userSignBox .titles .title:hover::after{
    background-color: rgba(255, 196, 57, .5);
} */
                .userSignBox .titles.loginActive .login::after,
                .userSignBox .titles.registerActive .register::after {
                    background-color: rgba(255, 196, 57, 1);
                }

            .userSignBox .titles .title .icon {
                display: block;
                margin-bottom: .5rem;
            }

            .userSignBox .titles .title svg {
                width: 20px;
                height: 20px;
                fill: currentColor;
            }

        .userSignBox .titles .title {
            display: none;
        }

            .userSignBox .titles .title.confirmTitle {
                display: block;
            }

        .userSignBox .titles.loginActive .login,
        .userSignBox .titles.loginActive .register {
            display: block;
        }

        .userSignBox .titles.registerActive .login,
        .userSignBox .titles.registerActive .register {
            display: block;
        }

        .userSignBox .titles.forgotActive .forgotPassword {
            display: block;
        }

        .userSignBox .titles.changeActive .changePassword {
            display: block;
        }

        .userSignBox .titles .forgotInfo {
            font-size: 1rem;
            display: block;
            margin-top: 1rem;
            line-height: 1.5;
            font-weight: 400;
        }

    /* ---------- USER FORMS ---------- */
    .userSignBox .userForms {
        position: relative;
    }

        .userSignBox .userForms .userForm {
            visibility: visible;
            width: 100%;
            opacity: 1;
            position: absolute;
            left: 0;
            transition: ease-in-out opacity .15s;
        }

            .userSignBox .userForms .userForm.success,
            .userSignBox .userForms .userForm.confirmPass {
                opacity: 1;
                position: relative;
                left: auto;
                visibility: visible;
                margin: 0px auto;
            }

            .userSignBox .userForms .userForm .radiusCorners {
                border: solid 2px #E6E6E8;
                padding: 30px;
            }

                .userSignBox .userForms .userForm .radiusCorners.borderNo {
                    border: solid 0px;
                }

        .userSignBox .userForms .forgotPassword {
            display: block;
            width: 100%;
            padding: 30px;
            transition: ease-in-out all .15s;
        }

        .userSignBox .userForms .changePassword {
            display: none;
            width: 100%;
            padding: 30px;
            transition: ease-in-out all .15s;
        }

        .userSignBox .userForms.forgotActive .forgotPassword {
            display: block;
            visibility: visible;
            opacity: 1;
            position: relative;
            padding-top: 0px;
        }

        .userSignBox .userForms .forgotPassword .forgotInfo {
            text-align: center;
            display: block;
            padding: 40px 30px;
            font-size: 0.875rem;
            line-height: 1.5rem;
            font-style: normal;
            color: rgba(45, 44, 66, .5);
        }

        .userSignBox .userForms.changeActive .changePassword {
            display: block;
            visibility: visible;
            opacity: 1;
            position: relative;
        }

        .userSignBox .userForms.loginActive .userLogin,
        .userSignBox .userForms.registerActive .userRegister {
            visibility: visible;
            opacity: 1;
            position: relative;
        }


        .userSignBox .userForms .seperator {
            margin-top: 30px;
            margin-bottom: 30px;
            margin-left: -30px;
            margin-right: -30px;
            color: #E6E6E8;
            border: 0;
            border-top: solid 1px;
        }

        .userSignBox .userForms .successMsg {
            margin: 0px auto;
            text-align: center;
        }

            .userSignBox .userForms .successMsg h3 {
                margin: 0px 0px 0.5rem 0px;
                text-align: center;
                font-size: 1.75rem;
            }

            .userSignBox .userForms .successMsg p {
                font-size: 0.875rem;
            }

    .userSignBox .btnApply {
        margin-bottom: 20px;
    }

    .userSignBox .socialLogintitle {
        color: rgba(45, 44, 66, .5);
    }

    .userSignBox .forgotNewLinks a {
        color: #4960F2
    }

        .userSignBox .forgotNewLinks a:hover {
            color: #2D2C42;
        }

    .userSignBox .forgotNewLinks div:first-child {
        text-align: left;
    }

    .userSignBox .forgotNewLinks div:last-child {
        text-align: right;
    }

        .userSignBox .forgotNewLinks div:last-child.textCenter {
            text-align: center;
        }

    .userSignBox .userForms .simpleText {
        position: absolute;
        top: -1rem;
        left: calc(100% + 2rem);
        width: 320px;
        background-color: rgba(240, 240, 242, .5);
        padding: 1rem;
        font-size: 0.75rem;
        line-height: 1.125rem;
        color: rgba(45, 44, 66, .7);
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

        .userSignBox .userForms .simpleText a {
            color: #4960F2;
            font-weight: 600;
        }

    .userSignBox .userForms .userRegister .btnApply {
        margin-top: 1rem;
    }

.mandatoryText {
    font-size: 0.75rem;
}

.userForms .seperator {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: -30px;
    margin-right: -30px;
    color: #E6E6E8;
    border: 0;
    border-top: solid 1px;
    position: relative;
}

    .userForms .seperator span {
        position: absolute;
        width: 50px;
        height: 20px;
        line-height: 20px;
        top: -12px;
        left: 50%;
        margin-left: -25px;
        display: block;
        background-color: #FFF;
        color: rgba(45, 44, 66, .5);
    }

/**********************************************************************/
/****************************  CART PAGE  *****************************/

.emptyCartContainer {
    width: 100%;
    max-width: 900px;
    padding: 2rem;
    margin: 4rem auto;
    /* border: 1px solid #E6E6E8; */
    text-align: center;
}

    .emptyCartContainer .title {
        margin-top: 0px;
        margin-bottom: 3rem;
        line-height: 1;
    }

    .emptyCartContainer img {
        max-width: 420px;
        margin: 0 auto;
    }

    .emptyCartContainer .btnApply {
        margin-top: 80px;
    }


/************************ PROMO INFO BOXES MODULE ***********************/
.checkoutInfoBoxes {
    display: none;
    padding: 0px 0px;
    width: 100%;
    justify-content: center;
    align-content: center;
    border-top: 1px solid rgba(44, 45, 49, 0.1);
}

    .checkoutInfoBoxes .boxes {
        padding: 0px 0px;
        width: 100%;
    }


    .checkoutInfoBoxes .item {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        /*     flex-basis: 20%;
	max-width: 20%; */
        padding: 20px 0;
        color: #2D2C42;
        border-right: 1px solid rgba(44, 45, 49, 0.1);
    }

        .checkoutInfoBoxes .item:last-child {
            border-right: none;
        }

        .checkoutInfoBoxes .item:hover {
            color: #4960F2;
        }

        .checkoutInfoBoxes .item .itemImg {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 32px;
            margin-bottom: 5px;
        }

        .checkoutInfoBoxes .item img {
            height: auto;
            width: 32px;
        }

        .checkoutInfoBoxes .item .itemText span {
            display: block;
            font-size: 0.875rem;
        }

        .checkoutInfoBoxes .item .hoverInfo {
            font-size: 0.75rem;
            left: -100px;
        }

    .checkoutInfoBoxes.v2 .item {
        padding-top: 30px;
        padding-bottom: 30px;
        border-right: 2px solid #3A4DEF;
        color: #fff;
        transition: 0.3s ease-out;
    }

        .checkoutInfoBoxes.v2 .item:last-of-type {
            border: none;
        }

        .checkoutInfoBoxes.v2 .item .itemImg {
            height: 30px;
        }

        .checkoutInfoBoxes.v2 .item .f16 {
            font-weight: 500;
            margin-bottom: 5px;
        }

        .checkoutInfoBoxes.v2 .item:hover {
            background-color: #3A4DEF
        }


.mainCartItems {
    padding-right: 2rem;
}

.cartTitles {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 0px 2rem 0px;
}


.mainCartContainer .cartTitle {
    margin: 0px;
}

.cartTitles .cardIcons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 2.25rem;
}

    .cartTitles .cardIcons img {
        display: inline-block;
        margin: 0px 4px;
        height: 17px;
        width: auto;
    }

.cartProduct.cartProduct_green {
    background-color: #dbf7eb;
}

.cartProduct {
    position: relative;
    padding: 2rem;
    border-top: 1px solid #E6E6ED;
    border-bottom: 1px solid #E6E6ED;
    border-left: 2px solid #E6E6ED;
    border-right: 2px solid #E6E6ED;
    /* 	border:2px solid #E6E6ED; */
    /* 	border-radius: 8px; */
    color: #2D2C42;
}

    .cartProduct:nth-of-type(1) {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-top: 2px solid #E6E6ED;
    }

    .cartProduct.last {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom: 2px solid #E6E6ED;
    }


    .cartProduct > .inner {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        /* 	flex-wrap: wrap; */
    }

    .cartProduct .itemImg {
        max-width: 200px;
        min-width: 90px;
        flex: 1 2 15%;
        margin-right: 1rem;
    }

    .cartProduct .itemQuantPrice {
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        max-width: 200px;
        text-align: right;
        flex: 1 0 20%;
    }

    .cartProduct .itemDesc {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /*   max-width: calc(100% - 400px); */
        flex: 1 1 65%;
    }

    .cartProduct .topSide {
        margin-bottom: 1rem;
    }

    .cartProduct .itemDesc .title {
        display: block;
        font-size: 1.25rem;
        color: #2D2C42;
        margin-bottom: 0.5rem;
    }

        .cartProduct .itemDesc .title:hover {
            color: #4960F2;
        }

    .cartProduct .itemDesc .itemCode {
        opacity: 0.5;
        margin-right: 1rem;
    }

    .cartProduct .itemDesc .productPrice {
        font-weight: 600;
        margin-top: 0.5rem;
    }

.quantityOptionSm {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 1rem;
}

    .quantityOptionSm input {
        text-align: center;
        border: 2px solid #E6E6ED;
        border-radius: 4px;
        font-weight: 600;
        font-size: 1rem;
        width: 4rem;
        padding: 8px 4px;
    }

    .quantityOptionSm button {
        font-size: 1.25rem;
        width: 2rem;
        font-weight: 600;
        background-color: transparent;
        border: none;
    }


.cartProduct .itemQuantPrice .botSide {
    padding-right: 0.5rem;
}

.cartProduct .itemQuantPrice pricelabel {
    display: block;
    font-size: 0.75rem;
}

.cartProduct .itemQuantPrice totalprice {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
}


.cartProduct .tools {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 0 1 auto;
}

.cartProduct .btnSptool {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-right: 2rem;
    color: #2D2C42;
    opacity: 0.5;
}

    .cartProduct .btnSptool .symbol {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 2px solid #2D2C42;
        width: 40px;
        height: 40px;
        margin-right: 8px;
        border-radius: 50rem;
        flex-shrink: 0;
    }

    .cartProduct .btnSptool:hover {
        color: #4960F2;
        opacity: 1;
    }

        .cartProduct .btnSptool:hover .symbol {
            border-color: #4960F2;
        }


    .cartProduct .btnSptool.btnDelete:hover {
        color: #F27249;
        opacity: 1;
    }

        .cartProduct .btnSptool.btnDelete:hover .symbol {
            border-color: #F27249;
        }

    .cartProduct .btnSptool.favorite.added {
        color: #4960F2;
        opacity: 1;
    }

        .cartProduct .btnSptool.favorite.added .symbol {
            color: #4960F2;
            border-color: #4960F2;
        }

    .cartProduct .btnSptool.btnAccessories.open {
        opacity: 1;
        color: #4960F2;
    }

        .cartProduct .btnSptool.btnAccessories.open .symbol {
            border-color: #4960F2;
            /*background-color: #4960F2;
            color: #fff;*/
        }



    .cartProduct .btnSptool .text {
        font-size: 0.75rem;
    }


    .cartProduct .btnSptool svg {
        width: 20px;
        height: 20px;
        transform: scale(0.7);
        fill: currentColor;
    }



.cartSummary {
}

    .cartSummary.mobile {
        display: none;
    }

    .cartSummary .inner {
        border: 2px solid #E6E6ED;
        margin-bottom: 2rem;
        border-radius: 8px;
    }

    .cartSummary .transportSeaction,
    .cartSummary .couponSection {
        position: relative;
        padding: 0.5rem 1rem;
    }


    .cartSummary .iconCoupon {
        display: block;
        width: 24px;
        margin: 4px 0px 0px 4px;
    }

    .cartSummary .parentHoverInfo .icon {
        opacity: 0.5;
        position: absolute;
        top: 4px;
        right: 0px;
        width: 1rem;
    }

.parentHoverInfo .icon {
    /*  display: block; */
    display: inline-block;
    opacity: 0.5;
    width: 1rem;
}

    .parentHoverInfo .icon img {
        width: 1rem;
    }


.cartSummary .hoverInfo {
    top: 30px !important;
}

.cartSummary .inputField {
    font-size: 0.875rem;
}

    .cartSummary .inputField input {
        text-align: left;
        padding-left: 0px;
        padding-right: 6rem;
    }


    .cartSummary .inputField label {
        text-align: left;
        padding: 0px;
        font-size: 0.75rem;
    }

.cartSummary .applyCode {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 22px;
    padding: 3px 8px 5px 8px;
    background-color: #4960F2;
    color: #FFF;
    border: 0;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.75rem;
    z-index: 4;
}


.applyCode.disable {
    background-color: rgba(45, 44, 66, .3);
    pointer-events: none;
}

.cartSummary .prices {
    font-size: 0.875rem;
    background-color: #F4F4F5;
    padding: 1rem;
    border-top: 2px solid #E6E6ED;
}

.cartSummary .price {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #DDDCE0;
    padding: 8px 0px;
    font-weight: 500;
}

    .cartSummary .price .title {
        flex: 1 1 auto;
    }

    .cartSummary .price .euro {
        text-align: right;
        flex: 1 0 auto;
    }

    .cartSummary .price.total .euro {
        font-size: 1.5rem;
        font-weight: 600;
    }

    .cartSummary .price.coupon {
        font-weight: 700;
    }


.cartSummary .btnContainer {
    background-color: #F4F4F5;
    padding: 1rem;
}

    .cartSummary .btnContainer .btnCommon {
        margin: 0px;
        font-weight: 700;
    }

.cartSummary .giftBags {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 1rem;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    justify-content: space-between;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    height: 10vw;
    min-height: 150px;
    max-height: 180px;
    max-width: 420px;
    border-radius: 8px;
}

    .cartSummary .giftBags .title {
        font-weight: 600;
        max-width: 60%;
    }

    .cartSummary .giftBags .btnCommon {
        align-self: flex-start;
        margin-bottom: 0px;
    }

.samsungAndPandasDiscount {
    border: 2px dashed #00ee52;
    background: #b3ff83d6;
    font-size: 16px;
    border-radius: 8px;
    padding: 15px 10px;
    margin: 15px;
    text-align: center;
}

.cartSummary .borderSeperator {
    border-bottom: 2px solid rgba(45, 44, 66, 0.15);
}

.amountBarContainer {
    margin-bottom: 0.5rem;
}

.amountBarText {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 0.75rem;
    margin: 4px auto;
}

.amountNeed {
    font-weight: 700;
}

pricelimit {
    font-weight: 700;
    font-size: 0.875rem;
    opacity: 0.5;
}

.amountBarText p {
    margin: 0px 1rem 0px 0px;
}

.amountBar {
    position: relative;
    border-radius: 8px;
    height: 6px;
    background-color: rgb(45, 44, 66, 0.15);
}

    .amountBar .innerBar {
        position: absolute;
        border-radius: 8px;
        left: 0;
        top: 0;
        height: 100%;
        background-color: #4960F2;
    }

.cartSummary .hoverInfo p,
.cartSummary .hoverInfo infotitle {
    font-size: 0.75rem;
}

.cartSummary .msg {
    text-align: center;
}

    .cartSummary .msg title {
        display: inline-block;
        font-weight: 600;
        font-size: 0.875rem;
        margin: 0px 2px;
    }

    .cartSummary .msg amount {
        display: inline-block;
        font-weight: 600;
        font-size: 1.25rem;
        margin: 8px 3px;
    }

    .cartSummary .msg a {
        display: block;
        color: #4960F2;
        font-size: 0.75rem;
    }

.cartProduct warning {
    margin-bottom: 1rem;
}

    .cartProduct warning warntitle {
        font-size: 0.75rem;
        padding: 0.5rem 3rem 0.5rem 0.5rem;
    }

.cartProduct warntitle .icon {
    top: 0.4rem;
    right: 0.5rem;
}

.cartProduct.showRelatives {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.relativeProducts {
    display: none;
    padding: 3rem 4px 2rem 1rem;
}

.cmnProductItem.relProduct {
    height: auto;
}

.relativeProducts .cmn_products_slider .sliderDots {
    display: none;
}

.cmnProductItem.relProduct .inner {
    padding: 1rem;
}

.cmnProductItem.relProduct .price_area {
    margin-top: 0.5rem;
}

.cmnProductItem.relProduct .addToCart {
    position: relative;
    visibility: visible;
    opacity: 1;
    width: 100%;
    left: auto;
    margin: 0px;
}

.cmnProductItem h2 {
    margin: inherit;
}

.relativeProducts .cmnSliderTitle {
    font-size: 1rem;
    opacity: 0.5;
    font-weight: 600;
}

.relativeProducts .cmn_products_slider .sliderNavArrows {
    right: 2rem;
}

.relativeProducts .cmn_products_slider .nav_text .owl-nav button {
    width: 2.5rem;
    height: 2.5rem;
}


.bagProduct {
    justify-content: space-between;
    border-top: 1px solid #EAEAED;
    padding: 1rem 0px;
}

    .bagProduct .img {
        border-radius: 8px;
        margin-right: 1.5rem;
        flex: 1 0 auto;
        max-width: 102px;
    }

    .bagProduct .btns {
        flex-direction: column;
        justify-content: space-between;
        flex: 1 1 auto;
        max-width: 128px;
    }

    .bagProduct .desc {
        flex-direction: column;
        justify-content: space-between;
        flex: 1 1 auto;
    }

    .bagProduct bagtitle {
        display: block;
        font-size: 1rem;
        font-weight: 500;
    }

    .bagProduct dimensions {
        display: block;
        font-size: 0.875rem;
        opacity: 0.5;
    }

    .bagProduct .price {
        font-size: 1.25rem;
        font-weight: 500;
    }

    .bagProduct .addToCart {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px;
        border-radius: 4px;
        color: #2D2C42;
        font-weight: 600;
    }

        .bagProduct .addToCart:hover {
            background-color: #FFD674;
        }

/*******Gift bags*******/
.Giftbags_banner {
    margin-bottom: 20px;
    background: #bbcffc;
    padding: 20px 20px 15px 20px;
    border-radius: 8px;
    display: flex;
    position: relative;
}

    .Giftbags_banner img {
        width: 273px;
        position: absolute;
        bottom: 0;
        left: 60%;
        transform: translateX(-50%);
    }

        .Giftbags_banner img:last-of-type {
            display: none;
        }

    .Giftbags_banner p {
        flex: 50%;
        position: relative;
    }

    .Giftbags_banner a {
        position: relative;
        z-index: 1;
    }

.gift_bags_popup_banner {
    background-color: #bbcffc;
    height: 80px;
    width: calc(100% + 60px);
    margin: -30px 0 20px -30px;
    padding: 0 25px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-weight: 500;
    color: #1c1c1e;
}

    .gift_bags_popup_banner img {
        width: 150px;
    }

.bagProduct .img {
    border-radius: 50%;
}

@media (max-width:1280px) {
    .Giftbags_banner {
        display: block;
    }

        .Giftbags_banner img {
            left: unset;
            right: 0;
            transform: unset;
        }
}

@media (max-width:1140px) {
    .Giftbags_banner {
        display: block;
    }

        .Giftbags_banner img {
            left: unset;
            right: 0;
            transform: unset;
        }

        .Giftbags_banner p {
            width: 50%;
        }

        .Giftbags_banner a {
            margin: 0 !important;
        }
}

@media (min-width:991px) {

    .cmnProductItemView .inner {
        /*flex-wrap: wrap;*/
        flex-wrap: nowrap;
    }

    .Giftbags_banner img:first-of-type {
        display: none;
    }

    .Giftbags_banner img:last-of-type {
        display: block;
        width: 180px;
        right: -49px;
    }

    .Giftbags_banner p {
        font-size: 14px;
        line-height: 15px;
    }

        .Giftbags_banner p span {
            font-size: 17px;
            display: block;
            margin-bottom: -8px;
        }

    .youClub_ProductList_points_grid {
        margin-right: 0;
    }
}

@media (max-width:768px) {
    .Giftbags_banner img:last-of-type {
        display: block;
        width: 132px;
        right: 0;
    }

    .bundleItem_merimna .productImg .img_area {
        width: 100% !important;
    }

    .bundleItem_merimna .price_area {
        position: relative !important;
        margin-top: 10px !important;
        bottom: 0 !important;
        left: 0 !important;
    }
}

@media (max-width:576px) {
    .Giftbags_banner p {
        width: 70%;
    }
}

.cartProduct .btnSptool.mobile {
    display: none;
}

.cartSummary .btnCommon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cartSummary .couponSection .inputField {
    padding-bottom: 0.5rem;
}

    .cartSummary .couponSection .inputField.invalid .errorMessage {
        position: relative;
        text-align: left;
        display: block;
    }





/**********************************************************************/
/****************************  HELP PAGE  *****************************/


.helpSection {
    position: relative;
    border-top: 1px solid rgba(44, 45, 49, 0.1);
}

    .helpSection .helpRow {
        margin: 3rem auto;
    }

.helpCol {
    margin-bottom: 0.5rem;
}

    .helpCol .inner {
        position: relative;
        height: 100%;
        border: 2px solid rgba(44, 45, 49, 0.1);
    }

    .helpCol .img {
        justify-content: center;
        align-items: center;
        padding: 2rem 1rem 1rem 1rem;
    }

        .helpCol .img img {
            width: auto;
            height: 160px;
        }

    .helpCol h2 {
        padding: 0px 1rem 1rem 1rem;
        font-size: 1.125rem;
        border-bottom: 1px solid rgba(44, 45, 49, 0.1);
    }

        .helpCol h2 a {
            color: #2D2C42;
        }

    .helpCol ul {
        padding: 0px 1rem 1rem 1rem;
    }

        .helpCol ul li h3 {
            font-size: 13px;
            font-weight: 700;
            padding: 4px 0px;
            margin: 0;
        }

        .helpCol ul li a {
            display: inline-block;
            padding: 4px 0px;
            color: #2D2C42;
        }

    .helpCol a:hover {
        color: #4960F2;
    }

.helpArticle > .inner {
    position: relative;
    width: 100%;
    max-width: 800px;
    padding-left: 7rem;
}

.helpArticle p {
    font-weight: 500;
    font-size: 0.875rem;
    margin-bottom: 2rem;
}

.titleBorderStyle {
    position: relative;
    display: inline-block;
    font-size: 1.25rem;
    margin-top: 0px;
    margin-bottom: 1.5rem;
}

    .titleBorderStyle span {
        position: relative;
        z-index: 2;
    }

    /*.titleBorderStyle:before {
        content: "";
        position: absolute;
        bottom: 0px;
        height: 6px;
        width: 100%;
        background-color: #FFC439;
        z-index: 1;
    }*/
    .titleBorderStyle span {
        background-image: linear-gradient(to right, #ffc439 0%, #ffc439 100%);
        background-repeat: repeat-x;
        background-position: 0 100%;
        background-size: 100% 6px;
    }

.helpMenu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

    .helpMenu .menuItem {
        border: 2px solid rgba(44, 45, 49, 0.1);
        border-bottom: none;
    }


        .helpMenu .menuItem:first-of-type {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

        .helpMenu .menuItem:last-of-type {
            border-bottom: 2px solid rgba(44, 45, 49, 0.1);
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }

        .helpMenu .menuItem .inner {
            padding: 1rem;
        }

        .helpMenu .menuItem .title {
            position: relative;
            display: block;
            color: #2D2C42;
            font-size: 1.125rem;
            font-weight: 700;
            padding: 1rem 2rem 1rem 0px;
        }

        .helpMenu .menuItem .collapsableList {
            display: none;
        }

            .helpMenu .menuItem .collapsableList.open {
                display: block;
            }

        .helpMenu .menuItem li {
            padding: 4px 0px;
        }

            .helpMenu .menuItem li a {
                position: relative;
                display: inline-block;
                padding: 4px 0px;
                color: #2D2C42;
                font-size: 0.8125rem;
                font-weight: 600;
            }

                .helpMenu .menuItem li a span {
                    position: relative;
                    z-index: 2;
                }

            .helpMenu .menuItem li:not(.active) a:hover {
                color: #4960F2;
            }

            /*.helpMenu .menuItem li.active a:before {
                content: "";
                position: absolute;
                bottom: 6px;
                height: 6px;
                width: 100%;
                background-color: #FFC439;
                z-index: 1;
            }*/

            .helpMenu .menuItem li.active a span {
                background-image: linear-gradient(to right, #ffc439 0%, #ffc439 100%);
                background-repeat: repeat-x;
                background-position: 0 100%;
                background-size: 100% 6px;
            }

        .helpMenu .menuItem span.btnCollapse {
            position: absolute;
            top: 1rem;
            right: 0;
            display: inline-block;
            width: 24px;
            height: 24px;
            border-radius: 50rem;
            background-color: #e6e6e8;
            vertical-align: middle;
            margin-left: 1rem;
            float: right;
        }

            .helpMenu .menuItem span.btnCollapse::before {
                position: absolute;
                top: 11px;
                left: 7px;
                content: "";
                width: 10px;
                height: 2px;
                background-color: #2D2C42;
                border-radius: 4px;
                z-index: 2;
            }

            .helpMenu .menuItem span.btnCollapse::after {
                position: absolute;
                top: 7px;
                left: 11px;
                content: "";
                width: 2px;
                height: 10px;
                background-color: #2D2C42;
                border-radius: 4px;
                z-index: 1
            }

        .helpMenu .menuItem .title.open span.btnCollapse {
            background-color: #2D2C42;
        }

            .helpMenu .menuItem .title.open span.btnCollapse::before {
                background-color: #fff;
            }

.slideDownTitle {
    position: relative;
}

    .slideDownTitle a {
        position: relative;
        display: block;
        padding-bottom: 1rem;
        padding-right: 2.5rem;
        border-bottom: 1px solid rgba(44, 45, 49, 0.1);
        color: #2D2C42;
        font-size: 1.125rem;
    }

    .slideDownTitle.open a {
        color: #4960F2;
    }


    .slideDownTitle::after {
        content: "";
        position: absolute;
        right: 18px;
        top: 14px;
        width: 10px;
        height: 2px;
        background-color: #2D2C42;
        transform: rotate(45deg);
        border-radius: 4px;
    }

    .slideDownTitle::before {
        content: "";
        position: absolute;
        right: 12px;
        top: 14px;
        width: 10px;
        height: 2px;
        background-color: #2D2C42;
        transform: rotate(-45deg);
        border-radius: 4px;
    }

    .slideDownTitle.open::after {
        background-color: #4960F2;
        transform: rotate(-45deg);
    }

    .slideDownTitle.open::before {
        background-color: #4960F2;
        transform: rotate(45deg);
    }

.slideDownContent {
    display: none;
}

    .slideDownContent.open {
        display: block;
    }

.helpList {
    padding-left: 5rem;
}

    .helpList li {
        position: relative;
        margin-bottom: 1.5rem;
        line-height: 1.5;
    }

    .helpList .liTitle {
        display: block;
        position: relative;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

        .helpList .liTitle::before {
            position: absolute;
            top: calc(50% - 2px);
            left: -12px;
            content: "";
            width: 4px;
            height: 4px;
            background-color: #FFC439;
            border-radius: 50rem;
        }

    .helpList p {
        margin: 0px;
    }

.serviceManufactureTable {
    position: relative;
    margin-bottom: 1.5rem;
}

    .serviceManufactureTable h3 {
        padding: 1rem 2rem;
        margin: 1rem 0px;
        border-bottom: 1px solid #4960F2;
    }

    .serviceManufactureTable li {
        font-size: 0.875rem;
        padding: 1rem 2rem;
        border-bottom: 1px solid rgba(44, 45, 49, 0.1);
        overflow: hidden;
    }

        .serviceManufactureTable li:last-child {
            border: none;
        }

        .serviceManufactureTable li span {
            display: inline-block;
            width: 49%;
            float: left;
        }

            .serviceManufactureTable li span.value {
                font-weight: 600;
            }


.helpList.v2 li::before {
    position: absolute;
    top: 8px;
    left: -20px;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #FFC439;
    border-radius: 50rem;
}


.productsToReturnForm {
    position: relative;
    margin-bottom: 2rem;
}

    .productsToReturnForm .desktopFields {
        padding: 0.5rem;
    }

.tableBox {
    position: relative;
    padding: 4px;
    flex: 1 0 15%;
    max-width: 15%;
}

    .tableBox.desc {
        flex: 2 0 25%;
        max-width: 25%;
    }

    .tableBox.title span {
        display: inline-block;
        font-size: 0.75rem;
        font-weight: 600;
        color: #4960F2;
        width: calc(100% - 32px);
    }

    .tableBox .parentHoverInfo {
        position: absolute;
        right: 8px;
        top: 8px;
    }

.inputBox input[type="text"] {
    border: 1px solid rgba(44, 45, 49, 0.1);
    border-radius: 4px;
    padding: 4px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-weight: 500;
}

.warrantySection .warningText {
    font-size: 0.875rem;
    margin: 2rem auto;
}

    .warrantySection .warningText img {
        max-width: 90px;
        margin-right: 1rem;
        flex: 1 1 auto;
    }

.warrantySection .successMsg img {
    max-width: 90px;
    margin: 2rem auto;
}

.warrantySection .warningText p {
    flex: 0 1 auto;
    max-width: calc(100% - 110px);
}

.notesAsterisks {
    font-size: 0.875rem;
}

    .notesAsterisks span.text {
        display: inline-block;
        width: calc(100% - 20px);
    }

span.asterisk {
    display: inline-block;
    margin-right: 0.5rem;
    width: 12px;
    vertical-align: top;
}

.helptitle {
    margin: 2.5rem 0px 1rem 0px;
}

.recaptchaContainer {
    margin: 1.5rem 0px;
}

    .recaptchaContainer img {
        max-width: 300px;
    }

.productsToReturnForm .mobileFields {
    display: none;
}

.warrantySection .btnBack {
    position: absolute;
    z-index: 2;
}

    .warrantySection .btnBack::before {
        margin-right: 0.5rem;
    }

.mobileProductReturn {
    padding: 1rem;
    margin-bottom: 1rem;
}

    .mobileProductReturn .inputBox {
        position: relative;
        flex: 1 0 auto;
        max-width: calc(100% - 120px);
    }

        .mobileProductReturn .inputBox input {
            padding-right: 2rem;
        }

    .mobileProductReturn .label {
        flex: 1 0 120px;
        max-width: 120px;
        padding-right: 1rem;
        color: #4960F2;
        font-size: 0.875rem;
    }

    .mobileProductReturn .parentHoverInfo {
        position: absolute;
        top: calc(50% - 8px);
        right: 8px;
    }

    .mobileProductReturn .flexRow {
        margin-bottom: 8px;
    }

#cloneId {
    display: none;
}

/*********************************************************************/
/****************************  404 PAGE  *****************************/


.block404 {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    text-align: center;
}

    .block404 h2 {
        font-size: 1.5rem;
        line-height: 1;
        text-transform: uppercase;
        margin-top: 0px;
    }

        .block404 h2 .number {
            font-size: 2.5rem;
        }

    .block404 img {
        margin: 2rem auto;
    }

    .block404 .btnBorder {
        display: inline-block;
        border-color: #EDD9AC;
        color: #4960F2;
        font-weight: 600;
        margin-top: 1.5rem;
    }

        .block404 .btnBorder:hover {
            border-color: #2D2C42;
        }



/*********************************************************************/
/****************************  COMPARE PAGE  *****************************/


.compareSection {
    border-top: 1px solid rgba(44, 45, 49, 0.1);
    padding-top: 1rem;
}

    .compareSection h1.titlewithBorder {
        padding-right: 250px;
    }

h1.titlewithBorder span.Seo_compare_productTitle {
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    opacity: 0.5;
}

.compareSection .clearAll {
    position: absolute;
    top: 18px;
    right: 0px;
    font-size: 0.75rem;
    color: #4960F2;
    vertical-align: middle;
}

    .compareSection .clearAll span {
        vertical-align: middle;
        font-weight: 700;
    }

    .compareSection .clearAll img {
        display: inline-block;
        vertical-align: middle;
        margin-left: 12px;
        width: 16px;
    }

.compareSection .pdfDownload {
    position: absolute;
    right: 120px;
    top: 0px;
    border: none;
    color: #4960F2;
    font-size: 0.75rem;
    font-weight: 700;
}

.compareSection .techFeaturesContainer .compareHeaderArea {
    padding: 0px;
}

.techFeaturesContainer .cmnProductItem .price_area {
    padding: 0px;
}

.compareSection .cmnProductItem {
    height: auto;
}

    .compareSection .cmnProductItem .addToCart {
        position: relative;
        left: auto;
        top: auto;
        opacity: 1;
        visibility: visible;
        width: 100%;
    }

    .compareSection .cmnProductItem .price_area {
        margin-top: 0.5rem;
    }

.desktop .compareSection .cmnProductItem:hover .extras {
    height: 40px;
    opacity: 1;
}

.compareSection .cmnProductItem .tools {
    top: 1rem;
}

.compareSection .cmnProductItem .btnClose {
    position: absolute;
    top: 1rem;
    right: 1rem;
    opacity: 0.3;
}

    .compareSection .cmnProductItem .btnClose:hover {
        opacity: 1;
    }

.compareFixedBar {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 12;
    padding: 0.5rem 0px;
    box-shadow: 0px 10px 20px rgba(45, 44, 66, 0.1);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .compareFixedBar.open {
        visibility: visible;
        opacity: 1;
    }

        .compareFixedBar.open h1 {
            font-size: 16px;
        }

        .compareFixedBar.open .pr .text h2 {
            font-size: 14px;
            font-weight: 500;
        }

    .compareFixedBar h3 {
        font-size: 1rem;
        margin: 0px;
    }

    .compareFixedBar .pr {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        color: #2D2C42;
    }

.pr img {
    height: 48px;
    width: auto;
    border: 2px solid #E6E6E8;
    border-radius: 4px;
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
}

.compareFixedBar .pr .text {
    font-size: 0.875rem;
    display: block;
}

.compareFixedBar .pr:hover {
    color: #4960F2;
}


.compareFixedBar .price-area {
    margin-top: 4px;
}

    .compareFixedBar .price-area .old-price {
        color: #92929E;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.2;
        text-decoration: line-through;
        margin-bottom: -1px;
    }

    .compareFixedBar .price-area .final-price {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.2;
    }

.compareSection .techFeaturesContainer .compareMask.v1 .inner {
    border: 2px solid #EAEAED;
}

.compareSection .btnBack {
    position: absolute;
    top: 0;
    left: 0;
}

/**********************************************************************/
/****************************  HOME PAGE  *****************************/

.homePage .cmnProductItem .compareCheckbox {
    display: none;
}



/**********************************************************************/
/****************************  WIZARD DROP DOWNS  *****************************/
.cmnWizardDropDowns {
}

    .cmnWizardDropDowns .content {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom right;
        /* min-height: 500px; */
    }

    .cmnWizardDropDowns .title {
        font-size: 1.5rem;
        padding-left: 20px;
    }

    .cmnWizardDropDowns .inputField {
        background-color: #FFF;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 15px;
    }

        .cmnWizardDropDowns .inputField.disabled {
            opacity: .5;
            pointer-events: none;
        }

        .cmnWizardDropDowns .inputField select {
            border: 0;
            min-height: 75px;
            padding-top: 25px;
            padding-bottom: 25px;
            padding-left: 20px;
            padding-right: 20px;
            margin: 0;
            background-position: right 10px center;
            font-size: 1.25rem;
            line-height: 1.0625rem;
        }

            .cmnWizardDropDowns .inputField select option {
                font-size: 1rem;
            }

        .cmnWizardDropDowns .inputField label {
            text-align: left;
            padding-left: 20px;
            padding-right: 20px;
            font-size: 1.25rem;
        }


        .cmnWizardDropDowns .inputField select.filled {
            min-height: 75px;
            padding-top: 35px;
            padding-bottom: 15px;
            line-height: 1.5rem;
        }

            .cmnWizardDropDowns .inputField select.filled + label {
                top: 10px;
                font-size: 0.75rem;
                line-height: 15px;
                color: rgba(45, 44, 66, .5);
                font-size: inherit;
            }

.forWizard .resultsMobile {
    text-align: left;
    color: inherit;
}


/**********************************************************************/
/****************************  WIZARD BANNER  *****************************/
.cmnWizardBanner .flexRow {
    justify-content: space-between;
}

.cmnWizardBanner .title {
    font-size: 1.5rem;
}

.cmnWizardBanner .btnBorder {
    display: inline-block;
    margin-top: 40px;
}

.cmnWizardBanner .textPlace {
    padding-top: 40px;
    padding-bottom: 40px;
    align-self: center;
}

.cmnWizardBanner .imgPlace .image {
    height: 100%;
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 220px;
}


/**********************************************************************/
/****************************  SHIPPING WAYS *****************************/



.shippingTable {
    position: relative;
    font-size: 0.875rem;
    width: 100%;
    margin-bottom: 2rem;
    border-bottom: 1px solid rgba(45, 44, 66, .15);
    overflow: hidden;
}

    .shippingTable .inner {
        width: 100%;
        overflow-x: auto;
    }

.flexTableTitle {
    font-weight: 500;
}

.shippingTable .tableHeader.flexRow {
    flex-wrap: nowrap;
    width: auto;
    /* 	border:2px solid rgba(45, 44, 66, .15);	 */
}

.shippingTable .tableHeader .flexHd {
    justify-content: flex-end;
    align-items: flex-start;
    border-left: 2px solid rgba(45, 44, 66, .15);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

    .shippingTable .tableHeader .flexHd .title {
        font-size: 1.25rem;
        font-weight: 500;
    }

.shippingTable .tableHeader .flexTd .title {
    position: relative;
}

/* .shippingTable .flexHd .title .parentHoverInfo{
	float:right;
	margin-left:0.5rem;
} */

.shippingTable .tableHeader .flexTd p {
    margin: 0px;
    line-height: 1.2;
    font-weight: normal;
}

.shippingTable .tableHeader .flexTd img {
    margin-bottom: 1rem;
}

.shippingTable .tableHeader .flexTd {
    justify-content: flex-end;
    align-items: center;
}

    .shippingTable .tableHeader .flexTd:last-of-type {
        border-right: 2px solid rgba(45, 44, 66, .15);
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

.shippingTable .tableHeader .flexHd,
.shippingTable .tableHeader .flexTd {
    border-top: 2px solid rgba(45, 44, 66, .15);
    border-bottom: 2px solid rgba(45, 44, 66, .15);
}

    .shippingTable .tableHeader .flexTd.full {
        justify-content: space-between;
    }

.shippingTable .flexRow {
    border-radius: 8px;
    /* 	border-left:2px solid transparent;
	border-right:2px solid transparent; */
    flex-wrap: nowrap;
}

.shippingTable .flexHd,
.shippingTable .flexTd {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    border-right: 1px solid rgba(45, 44, 66, .15);
}

.bgLightGray .flexHd,
.bgLightGray .flexTd {
    background-color: #F0F0F2;
}

.shippingTable .flexHd:nth-of-type(1) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.shippingTable .flexTd:last-of-type {
    border-right: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.shippingTable .flexHd {
    flex: 1 0 250px;
    max-width: 250px;
    /* 	justify-content: center; */
    align-items: flex-start;
}

.shippingTable .flexTd {
    flex: 1 1 20%;
    max-width: 20%;
    text-align: center;
    justify-content: center;
    font-weight: bold;
    min-width: 150px;
}

.shippingTable .payWays {
    color: #2D2C42;
}

    .shippingTable .payWays img {
        height: 16px;
        width: auto;
        display: inline-block;
        margin: 0px 4px;
    }

    .shippingTable .payWays svg {
        max-width: 26px;
        height: 18px;
        color: currentColor;
        fill: transparent;
    }


.tableHelpInfo {
    margin: 0 auto 2rem auto;
    display: inline-block;
    text-align: left;
}

    .tableHelpInfo li {
        padding: 2px 0px;
    }

    .tableHelpInfo img {
        width: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 1rem;
    }

    .tableHelpInfo .text {
        display: inline-block;
        vertical-align: middle;
        font-size: 0.875rem;
        opacity: 0.5;
    }







.noResultsSearch .title {
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
}

.noResultsSearch .searchWorld {
    text-align: center;
    font-weight: 500;
}

.noResultsSearch .flexRow {
    margin-top: 40px;
}

.noResultsSearch .flexCol_ {
    max-width: 300px;
    text-align: center;
    padding: 0 40px;
    line-height: 1.5rem;
}

.noResultsSearch .seperator {
    width: 2px;
    background-color: #EDD9AC;
    margin: 0 50px;
}

.noResultsSearch .imgArea {
    text-align: center;
    display: flex;
    justify-content: center;
    height: 100px;
}

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

.btnBorder {
    border: solid 2px #EDD9AC;
    margin: 40px auto 0;
    display: block;
    max-width: 270px;
    text-align: center;
    color: #4960F2;
    font-weight: 700;
}

/**************** BLACK FRIDAY AVAIL BADGE *****************/

.sold_out_flag {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    opacity: .8;
}

    .sold_out_flag::before {
        content: '';
        background-color: rgba(255,255,255,0.8);
        height: 100%;
        width: 100%;
        position: inherit;
    }

    .sold_out_flag::after {
        content: '';
        background: url(https://support3.you.gr/you/redesign/misc/sold_out4.png) center center no-repeat;
        background-size: 35%;
        height: 100%;
        position: inherit;
        width: 100%;
    }

.prDetailsPage .sold_out_flag::after {
    background-size: 25%;
}

/*.cmnProductItem .sold_out_flag {
    height: 250px;
    width: 100%;
    z-index: 3;
    top: 0;
    left: 0;
}*/

@media (max-width:576px) {

    .listView .sold_out_flag::after {
        background-size: 100px !important;
    }
    /* .cmnProductItem .sold_out_flag::after {
        background-size: 50% !important;
    }*/

    /* .cmnProductItem .sold_out_flag {
        height: 200px;
    }*/
}

/*****************Coupon popup box**************/
.Coupon_popup_box {
    background-color: white;
    text-align: center;
    color: #2d2c42;
    width: 280px;
    height: 220px;
    position: fixed;
    bottom: -181px;
    right: 70px;
    -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16);
    z-index: 100;
    transition: all linear 0.1s;
}

.CouponTrigger {
    font-size: 15px;
    color: white;
    background: #2b2d40;
    font-weight: 800;
    cursor: pointer;
}

.close_Coupon_popup_box {
    font-size: 14px;
    color: rgba(0,0,0,.2);
    position: absolute;
    right: 20px;
    top: 10px;
    width: 15px;
    height: 15px;
    transition: all linear 0.1s;
}

.Coupon_popup_box .Coupon {
    background: #d9ddf9;
    padding: 5px;
}

    .Coupon_popup_box .Coupon span {
        font-weight: 900
    }

.Coupon_popup_box .Coupon_product {
    font-size: 14px;
    font-weight: 600;
    padding: 0 10px;
    height: 65px;
    overflow: hidden;
    margin-bottom: 10px;
}

    .Coupon_popup_box .Coupon_product a {
        color: #4960f2;
        text-decoration: underline;
    }



@media (max-width: 576px) {
    .Coupon_popup_box {
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }
}


/*************************YouClub CSS************************/

/**user-box-logged-in homepage**/

#user-box-logged-in .innerbox_youClub {
    height: 133px;
    padding: 4px 6px;
}

    #user-box-logged-in .innerbox_youClub > a {
        background-color: #4357df;
        justify-content: flex-start;
        color: white;
    }

        #user-box-logged-in .innerbox_youClub > a:hover .boxLabel {
            color: white !important;
        }

        #user-box-logged-in .innerbox_youClub > a img {
            max-width: 155px;
            /*border-right: solid thin white;
    padding-right: 10px;
    margin: 0 20px;*/
        }

#user-box-logged-in .boxLabel span {
    display: block;
}

/****user-box-not-logged-in homepage****/

.promoBox #user-box-not-logged-in {
    background-color: #4358e0 !important;
}

    .promoBox #user-box-not-logged-in p {
        margin-bottom: 8px !important;
    }

    .promoBox #user-box-not-logged-in h3 img {
        width: 125px !important;
    }

        .promoBox #user-box-not-logged-in h3 img:last-of-type {
            display: none !important;
        }

    .promoBox #user-box-not-logged-in ul li {
        font-size: 14px !important;
    }

    .promoBox #user-box-not-logged-in .userBot {
        display: flex;
    }

        .promoBox #user-box-not-logged-in .userBot span.userAskLogin {
            align-self: center;
        }


/**Thank you Page**/

.ThankyouPage_youClub {
    display: flex;
    background: #4960F2 !important
}

.ThankyouPage_youClub_img {
    width: 20%;
    align-self: center;
    border-right: solid thin white;
    padding-right: 20px;
    margin-right: 25px;
}

.ThankyouPage_youClub_info {
    align-self: center;
    width: 80%;
    flex-shrink: 1;
    display: flex;
    justify-content: space-between;
}

    .ThankyouPage_youClub_info p {
        padding-right: 5px;
        align-self: center;
        margin-bottom: 0 !important;
    }

    .ThankyouPage_youClub_info > div {
        align-self: center;
        flex-shrink: 0;
    }

    .ThankyouPage_youClub_info a {
        transition: all 0.3s ease-out;
    }

        .ThankyouPage_youClub_info a:hover {
            opacity: 0.9;
        }


/**product list**/

.youClub_ProductList_points {
    display: inline-block;
    margin-top: 8px;
    font-weight: 600;
    text-align: right;
}

    .youClub_ProductList_points img {
        width: 22px !important;
        display: inline-block !important;
        position: relative;
        top: 7px;
        margin-right: 4px;
    }

.youClub_ProductList_points_grid {
    border-top: none;
}


/****product details****/

.youClub_productDetails {
    text-align: right;
    position: absolute;
    top: 7px;
    right: 10px;
    border-top: none;
}

    .youClub_productDetails img {
        margin-right: 0;
    }


/**cart**/

.youClub_ProductList_points_cart_mobile,
.youClub_ProductList_points_cart_desktop {
    border-top: 0;
}

.youClub_ProductList_points_cart_mobile {
    display: none;
    margin-top: -8px;
}


/**O Logariasmos mou**/

.profileMenu ul li:last-child a .youClub_notification {
    display: inline-block;
    height: 14px;
    width: 14px;
    background: #4960f2;
    color: white;
    font-weight: 700;
    border-radius: 50%;
    font-size: 12px;
    position: relative;
    top: -5px;
}

.youClubCheckbox_wrapper_myProfile_info {
    border-left: solid thin black;
    padding-left: 10px;
}

.switch {
    position: relative !important;
    display: inline-block !important;
    width: 50px !important;
    height: 24px !important;
}

    .switch input {
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }

.switchSlider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #ccc !important;
    -webkit-transition: .4s !important;
    transition: .4s !important;
    border-radius: 34px !important;
    width: 100% !important;
    margin-top: 0 !important;
}

    .switchSlider:before {
        position: absolute !important;
        content: "" !important;
        height: 16px !important;
        width: 16px !important;
        left: 4px !important;
        top: 4px !important;
        bottom: 4px !important;
        background-color: #aaaaac !important;
        -webkit-transition: .4s !important;
        transition: .4s !important;
        border-radius: 50% !important;
    }

.switch input:checked + .switchSlider {
    background-color: #d4dff9 !important;
}

.switch input:focus + .switchSlider {
    box-shadow: 0 0 1px #2196F3 !important;
}

.switch input:checked + .switchSlider:before {
    -webkit-transform: translateX(26px) !important;
    -ms-transform: translateX(26px) !important;
    transform: translateX(26px) !important;
    background-color: #4960f2 !important;
}

.switchInputs_wrapper {
    display: flex;
    margin-right: 40px;
    margin-bottom: 10px;
}

    .switchInputs_wrapper p {
        margin-right: 10px;
        margin-bottom: 0 !important;
    }

    .switchInputs_wrapper p,
    label {
        align-self: center;
    }

.youClub_Warning {
    background: #e4e4e4;
    padding: 10px;
    margin-top: 15px;
    margin-top: 4px;
    position: relative;
}

.youClub_Warning_icon {
    flex-shrink: 0;
    width: 20px;
    margin-right: 10px;
    margin-top: 4px;
}

/****/

.MyProfile_myPoints {
    font-size: 64px;
}

.MyProfile_table_container {
    overflow: hidden;
    overflow-x: auto;
}

.MyProfile_table {
    display: table;
    width: 100%;
    min-width: 400px;
    font-size: 14px
}

    .MyProfile_table .divTableRow {
        display: table-row;
    }

    .MyProfile_table .divTableCell,
    .MyProfile_table .divTableHead {
        border-bottom: solid thin #eae9ec;
        display: table-cell;
        padding: 15px 0;
        text-align: center;
    }

    .MyProfile_table .divTableHead {
        color: #4960F2;
        padding: 15px 5px;
    }

    .MyProfile_table .divTableBody {
        display: table-row-group;
    }

    .MyProfile_table .divTableCell:last-of-type,
    .MyProfile_table .divTableHead:last-of-type {
        text-align: right !important;
    }

    .MyProfile_table .disabled {
        color: rgba(0, 0, 0, 0.3);
    }


/****Cart****/

.Cart_switchInputs_wrapper {
    padding: 10px;
    justify-content: space-between;
    margin-right: 0;
    margin-bottom: 0;
}

.Cart_switchInputs_wrapper_info {
    display: flex;
}

.Cart_switchInputs_wrapper p {
    font-size: 20px;
}

.Cart_switchInputs_wrapper img {
    max-width: 70px;
}

.youClub_ApplyPoints .quantityOptionSm {
    border-bottom: 2px solid #E6E6ED;
    flex-grow: 1;
    justify-content: center;
    margin-right: 10px;
}

.youClub_ApplyPoints input {
    border: none;
}


/******Pick your Gift popup******/

.chooseGiftTitle {
    font-size: 22px;
}

    .chooseGiftTitle img {
        position: relative;
        top: 3px;
        width: 21px;
    }

.NumOfGifts {
    font-size: 14px;
    font-weight: 600;
    opacity: .3;
    padding-left: 25px;
}

.pick_yourGift_gameRow {
    border-top: solid thin rgba(0,0,0,.07);
    padding: 10px 0;
}

    .pick_yourGift_gameRow:last-of-type {
        border-bottom: solid thin rgba(0,0,0,.07);
    }

.pick_yourGift_gameImg {
    align-self: center;
    width: 20%;
}

.pick_yourGift_Desc {
    align-self: center;
    width: 80%;
    padding-left: 10px;
    padding-right: 10px;
}

    .pick_yourGift_Desc p {
        font-size: 12px;
        opacity: 0.5;
    }

div#SKUGifts div.giftbtncontainer.selected a.btnCommon.btnRemove {
    background-color: #4960F2;
    color: white;
}


@media (max-width:1560px) {
    .promoBox #user-box-not-logged-in ul {
        display: none;
    }
}

@media (max-width:1500px) {
    /****Cart****/
    .Cart_switchInputs_wrapper p {
        font-size: 14px;
    }

    .Cart_switchInputs_wrapper img {
        width: 50px;
    }
}

@media (max-width:1024px) {
    /**product list**/
    .youClub_ProductList_points_cart_mobile {
        display: block;
    }

    .youClub_ProductList_points_cart_desktop {
        display: none;
    }
}

@media (max-width:576px) {
    /****product details****/
    .youClub_productDetails {
        top: 51px;
        right: 19px;
    }
    /**Thank you Page**/
    .ThankyouPage_youClub {
        display: block;
    }

    .ThankyouPage_youClub_img {
        width: 150px;
        margin: 0 auto;
        border-right: none;
        padding-right: 0;
    }

    .ThankyouPage_youClub_info {
        width: 100%;
        display: block;
        text-align: center;
    }

        .ThankyouPage_youClub_info p {
            width: 100;
            padding-right: 0;
            margin-bottom: 14px !important;
        }
    /**O Logariasmos mou**/
    .youClubCheckbox_wrapper_myProfile {
        display: block !important;
    }

        .youClubCheckbox_wrapper_myProfile .youClubCheckbox_consent_logo {
            width: 120px;
            margin-bottom: 10px;
        }

        .youClubCheckbox_wrapper_myProfile .youClubCheckbox_wrapper_myProfile_info {
            border-left: none;
            padding-left: 0;
        }

    /******Pick your Gift popup******/

    .pick_yourGift_gameImg {
        align-self: unset;
        width: 30%;
    }

    .pick_yourGift_Desc {
        align-self: center;
        width: 70%;
        display: block !important;
    }

    .Coupon_popup_box {
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }

    .youClub_ProductList_points {
        max-width: 95px;
    }

    .cmnProductItemView.gridView .youClub_ProductList_points {
        max-width: 40px;
        line-height: 1;
        font-size: 0.75rem;
    }

        .cmnProductItemView.gridView .youClub_ProductList_points img {
            display: none !important;
        }
}


@media (max-width: 480px) {
    /******Pick your Gift popup******/

    .pick_yourGift_gameImg {
        width: 100%;
        max-width: 150px;
        margin: 0 auto;
    }

    .pick_yourGift_Desc {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
}

/******************tooltip right***********************/

.tooltip {
    position: relative;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 300px;
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 150;
        opacity: 0;
        padding: 10px;
        background-color: #fff0cd;
        transition: opacity 0.3s;
        margin-bottom: 0 !important;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            border-width: 5px;
            border-style: solid;
            border-color: #fff0cd transparent transparent transparent;
        }
/***tooltip right***/
.tooltip_right .tooltiptext {
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-50%);
}

    .tooltip_right .tooltiptext::after {
        top: 50%;
        left: -10px;
        transform: translateY(-50%) rotate(90deg);
    }

/***tooltip left***/
.tooltip_left .tooltiptext {
    top: 50%;
    right: calc(100% + 10px);
    transform: translateY(-50%);
}

    .tooltip_left .tooltiptext::after {
        top: 50%;
        right: -10px;
        transform: translateY(-50%) rotate(-90deg);
    }
/***tooltip top***/
.tooltip_top .tooltiptext {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

    .tooltip_top .tooltiptext::after {
        top: 100%;
        right: 50%;
        transform: translateX(-50%) rotate(0);
    }

/***tooltip bottom***/
.tooltip_bottom .tooltiptext {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

    .tooltip_bottom .tooltiptext::after {
        bottom: 100%;
        right: 50%;
        transform: translateX(-50%) rotate(180deg);
    }

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/***tooltip white***/
.tooltip.white .tooltiptext {
    background-color: white !important;
    box-shadow: 0 0 7px 2px rgba(0,0,0,0.09);
}

    .tooltip.white .tooltiptext::after {
        border-color: #fff transparent transparent transparent !important;
    }

.myvalidtr {
    visibility: visible !important;
    color: rgb(255,129,75);
    font-size: 12px;
    padding: 5px 0;
}

/*************************end of YouClub CSS************************/

/*****************Coupon popup box**************/
.OFTD-wrapper {
    display: flex;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    position: fixed;
    bottom: 50px;
    left: -200px;
    background-color: #394abc;
    transition: all ease-in 0.1s;
    z-index: 100;
}

    .OFTD-wrapper .btnCommon {
        margin-top: 15px;
        background-color: white;
        transition: all ease-in 0.15s;
        margin-bottom: 0;
    }


.OFTD-desc {
    font-size: 14px;
    color: white;
    padding: 20px;
    text-align: center;
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.OFTD-trigger {
    background-color: #4f63ea;
    width: 40px;
    font-size: 12px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    cursor: pointer;
}


@media (max-width: 576px) {
    .Coupon_popup_box {
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }
}

.min_order_box {
    color: white;
    margin-bottom: 5px;
    height: 30px;
    text-align: center;
    background: #4960F2 url('/App_Themes/YouGR2019/img/alert-white.png') no-repeat 30px;
}

    .min_order_box .title {
        line-height: 30px;
    }

.psifiaki_merimna_grid {
    border-radius: 5px;
    background: #00c782;
    color: white;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px;
    position: relative;
    min-height: 50px;
    margin-top: 10px;
}

    .psifiaki_merimna_grid .bookIcon {
        width: 50px;
        flex-shrink: 0;
    }

    .psifiaki_merimna_grid .arrowIcon {
        width: 30px;
        flex-shrink: 0;
    }

.cmnProductItem_psifiaki_merimna .linkStretched, .cmnProductItemView .linkStretched {
    position: absolute !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100% !important;
}


.cmnProductItem_psifiaki_merimna .extras {
    display: none;
}

/*.cmnProductItem_psifiaki_merimna:hover .psifiaki_merimna_grid {
    margin-top: -44px;
}*/

.anakyklwsi_fasa .price_section {
    flex: 1 1 40%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100px;
}

.greenArrowShape {
    position: absolute;
    top: -120px;
    width: 80px;
    height: 120px;
    clip-path: polygon(50% 69%, 0 100%, 100% 100%);
    background-color: #dbf7eb;
    left: 30px;
    display: none !important;
}

.bundleItem_merimna {
    height: auto !important;
}

    .bundleItem_merimna .inner {
        height: auto;
    }

    .bundleItem_merimna .productImg {
        width: 40%;
        min-width: 80px;
    }

    .bundleItem_merimna .productDesc {
        padding-left: 10px;
        width: 60%;
    }

    .bundleItem_merimna .productImg .img_area {
        height: 120px;
        margin-bottom: 0;
    }

    .bundleItem_merimna .price_area {
        margin-top: 10px;
        left: 0 !important;
    }

@media (max-width:768px) {
    .merimna_bundle_title {
        font-size: 18px !important;
    }

    .merimna_bundle_title {
        position: relative;
        top: -7px
    }

    .bundleItem_merimna .productImg {
        width: 130px;
        height: 130px;
        flex-shrink: 0;
    }

    .bundleItem_merimna .productDesc {
        width: auto;
    }

    .bundleItem_merimna .inner {
        height: 100%;
    }

    .merimna_bundle_title {
        margin-top: 0 !important;
    }

    .cmnModuleWrapper_psifiaki_bitrec {
        margin-top: -50px;
    }
}


.psifiaki_merimna_grid_only {
    height: 40px;
    transition: all linear 0.1s;
}


.merimna_miniCart_product_container {
    border: solid 2px #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    padding: 1px;
    position: relative;
}

    .merimna_miniCart_product_container .ArrowShape {
        position: absolute;
        top: -50px;
        right: 10px;
        width: 50px;
        height: 50px;
        clip-path: polygon(50% 69%, 0 100%, 100% 100%);
        background-color: #fff;
    }

    .merimna_miniCart_product_container .remove-item {
        z-index: 1;
    }

.merimna_miniCart_product,
.merimna_miniCart_product_suggestion {
    background-color: #dbf7eb !important;
    border-bottom: solid thin white;
    border-radius: 0 !important;
}

    .merimna_miniCart_product .miniCart_productDelete,
    .merimna_miniCart_product_suggestion .miniCart_productDelete {
        visibility: hidden;
    }

    .merimna_miniCart_product.mainSolutionPart .miniCart_productDelete,
    .merimna_miniCart_product_suggestion.mainSolutionPart .miniCart_productDelete {
        visibility: hidden;
    }

.merimna_miniCart_product_container .merimna_miniCart_product,
.merimna_miniCart_product_container .merimna_miniCart_product_suggestion {
    border: none !important;
    border-bottom: solid 2px white !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.merimna_miniCart_product_container .product.merimna_miniCart_product:last-of-type,
.merimna_miniCart_product_container .product.merimna_miniCart_product_suggestion:last-of-type {
    border-bottom: none !important;
}


.warning_box {
    display: flex;
    align-items: center;
    background: #fff0cd;
    padding: 15px 35px;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    width: calc(100% + 60px);
    margin: 10px 0 0 -30px;
}

    .warning_box img {
        width: 20px;
        margin-right: 15px
    }

.merimnaInputs input[type=text] {
    text-align: left !important;
}

.merimnaInputs .inputField:not(.checkBox) label {
    text-align: left !important;
    font-size: 12px !important;
    line-height: 12px !important;
}

.popup_merinmna_products_row .productItemSmall .inner .text {
    max-height: 81px !important;
    overflow: hidden !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 14px !important;
}


.product.merimna_miniCart_product,
.product.merimna_miniCart_product_suggestion {
    margin-bottom: -2px !important;
    border-radius: 0;
    border: solid 2px white;
}

.merimna_miniCart_product.last {
    margin-bottom: 8px !important;
}

.product.merimna_miniCart_product .productImg,
.product.merimna_miniCart_product_suggestion .productImg {
    background: white;
}

    .product.merimna_miniCart_product .productImg img,
    .product.merimna_miniCart_product_suggestion .productImg img {
        width: 100% !important;
    }

.merimna_miniCart_product:last-of-type,
.merimna_miniCart_product_suggestion:last-of-type {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.product.merimna_miniCart_product:first-of-type,
.product.merimna_miniCart_product_suggestion:first-of-type {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.merimna_bundle_title {
    margin-top: -5px;
}

.btnApply.full {
    font-family: "Proxima Nova" !important;
}

.otp_container {
    border: solid 2px #4960f2;
    color: #4960f2;
    padding: 4px 10px;
    border-radius: 50px;
    display: flex;
    width: 120px;
    margin: 10px auto 10px auto;
    justify-content: center;
}

.cart_merimna_packages_wrapper .cmnProductItem.bundleItem.bundlePlus:last-of-type::after {
    content: unset !important;
}

@media (max-width:1200px) {
    .cart_merimna_packages_wrapper .bundleInfo {
        padding-left: 0 !important;
        margin-top: 20px;
    }

    .cart_merimna_packages_wrapper .mbBundleTitle {
        display: block !important;
    }
}

@media (max-width:1024px) {

    .cart_merimna_packages_wrapper .bundleItem {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}


.pm_extra_points {
    font-size: 11px;
    font-weight: 600;
    border-radius: 30px;
    padding: 5px 7px;
    display: inline-block;
    margin: 10px 0;
    position: absolute;
    right: 9px;
    top: 60px;
}

@media (max-width:576px) {
    .pm_extra_points {
        top: 86px;
    }
}


.bi-eye-slash {
    cursor: pointer;
    background: url('/App_Themes/YouGR2019/img/be_visible.png') no-repeat center center !important;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    display: block;
    position: absolute;
    z-index: 10;
}

    .bi-eye-slash.hide {
        background: url('/App_Themes/YouGR2019/img/be_invisible.png') no-repeat center center !important;
    }
/*##################################################### responsive.css ############################################################*/
@charset "UTF-8";


.mobileTechFeatures,
.mobileDetailsHeader,
.productPhotos .mobileTools,
.descOptions .mobileDetailsLinks,
.productDetailsContainer .mobileProdDetails,
.filterDrawer .mobileHeader,
.mobilePageInfo,
.mobileLinks,
.mobCategFeatures,
.mobPromoCategories,
.mobSearch {
    display: none;
}



/************ MENU ON DEVICES *********/

.mobile .mainMenuContainer,
.tablet .mainMenuContainer {
    display: none !important;
}


.mobile .mobileMenu,
.tablet .mobileMenu {
    display: block !important;
}


/**************** MOBILE MENU ****************/

.mobileMenu {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 70px);
    background-color: rgb(237, 237, 239, 0);
    transition: background-color 0.3s ease-out;
    visibility: hidden;
}


    .mobileMenu > .inner {
        position: relative;
        width: calc(100% - 56px);
        max-width: 375px;
        padding: 10px 0px 10px 0px;
        height: 100%;
        background-color: #fff;
        overflow: auto;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        transform: translate3d(-100%, 0, 0);
    }

    .mobileMenu.open {
        background-color: rgb(237, 237, 239, 0.85);
        visibility: visible;
    }

        .mobileMenu.open > .inner {
            visibility: visible;
            transform: translate3d(0, 0, 0);
            transition: 0.3s ease-out;
        }

        .mobileMenu.open::after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 100vw;
            height: 100vh;
            pointer-events: none;
        }

.iphone .mobileMenu.open > .inner {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
}

    .iphone .mobileMenu.open > .inner::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

.mobileMenu li {
    position: relative;
    padding: 8px 0px 8px 22px;
    color: #2D2C42;
    font-size: 0.875rem;
    font-weight: 700;
}

    .mobileMenu li a {
        position: relative;
        display: block;
        color: #2D2C42;
        padding: 8px 22px 8px 0px;
    }

    .mobileMenu li.special {
        font-size: 1.25rem;
        padding: 16px 22px 16px 22px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

        .mobileMenu li.special a > span {
            display: block;
            font-size: 0.875rem;
        }

.mobileMenu .sublevel {
    position: fixed;
    left: 0;
    /*     width:calc(100vw - 56px); */
    width: 100%;
    max-width: 375px;
    /*     height: calc(100vh - 70px); */
    height: 0px;
    /*     height: 100%; */
    background-color: #fff;
    z-index: 1;
    overflow: auto;
    padding: 10px 0px 10px 8px;
    transform: translate3d(-100%, 0, 0);
}

.ie11 .mainHeader.fixed .mobileMenu .sublevel {
    top: 70px;
}

.ie11 .mainHeader .mobileMenu .sublevel {
    top: 150px;
}

.mobileMenu .parent.open > .sublevel {
    height: calc(100vh - 70px);
    transform: translate3d(0, 0, 0);
    transition: transform 0.15s ease-out;
}

.mobileMenu li.parent > a::after {
    content: ">";
    position: absolute;
    top: calc(50% - 9px);
    right: 22px;
    opacity: 0.5;
}

.mobileMenu span.new {
    display: inline-block;
    font-size: 0.75rem;
    color: #4960F2;
    text-transform: uppercase;
    margin-left: 10px
}


.mobileMenu li.btnPrevLvl {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .mobileMenu li.btnPrevLvl + li {
        font-weight: 800;
        text-decoration: underline;
    }

.desktop .mobileMenu li.btnPrevLvl + li a:hover {
    color: #4960F2;
}

.mobileMenu li.btnPrevLvl a {
    color: #4960F2;
}

    .mobileMenu li.btnPrevLvl a::before {
        content: "<";
        position: absolute;
        top: calc(50% - 9px);
        left: -16px;
        opacity: 0.5;
    }

.mobileMenu .subSection {
    margin: 1.5rem 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

    .mobileMenu .subSection:last-child {
        margin-bottom: 5.5rem;
    }

    .mobileMenu .subSection h3 {
        cursor: pointer;
        color: #8F9199;
        padding: 0px 22px;
        margin: 2rem 0px 1.5rem 0px;
    }

    .mobileMenu .subSection.collapsed h3 {
        margin-bottom: 0.5rem;
    }

    .mobileMenu .subSection ul {
        overflow: hidden;
        display: block;
        max-height: auto;
    }

    .mobileMenu .subSection.collapsed ul {
        overflow: hidden;
        display: none;
        max-height: 0;
    }

    .mobileMenu .subSection li {
        font-weight: 500;
        padding: 4px 0px 4px 22px;
    }

    .mobileMenu .subSection span.underText {
        display: block;
        font-size: 0.75rem;
        color: #8F9199;
    }


.mobileMenu li a.flexAnchor {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.mobileMenu .subSection .leftText {
    flex: 0 1 auto;
}

.mobileMenu .subSection .rightImg {
    height: auto;
    max-width: 20px;
    align-self: center;
    flex: 1 0 20px;
}


.mobileMenu > .inner .ps__thumb-y:hover,
.mobileMenu > .inner .ps__thumb-y {
    width: 6px;
    background-color: #4960F2;
    opacity: 1;
}

.mobileMenu > .inner .ps__rail-y {
    width: 9px;
    right: auto;
    left: 0px;
    opacity: 1;
}

.mobileMenu > .inner.ps:hover .ps__rail-y {
    opacity: 1;
}

.ie11 .homePage .mainHeader .mobileMenu .parent.open > .sublevel {
    top: 70px;
}


.cd-dropdown-content .ps__thumb-y:hover,
.cd-dropdown-content .ps__thumb-y {
    width: 6px;
    background-color: #4960F2;
    opacity: 1;
}

.cd-dropdown-content .ps__rail-y {
    width: 9px;
    right: auto;
    left: 0px;
    opacity: 1;
}



.cd-dropdown-content.ps:hover .ps__rail-y {
    opacity: 1;
}

.cd-dropdown-content .cd-secondary-dropdown li.general-caterogry-link a {
    display: none;
}


/************* HIDE FROM DESKTOP ELEMENTS *************/

.mbMenuIcon {
    display: none;
}

.notDesktopOnly {
    display: none;
}

.tablet .desktopOnly,
.mobile .desktopOnly {
    display: none;
}

.tablet .notDesktopOnly,
.mobile .notDesktopOnly {
    display: block;
}

.mobileSearchContainer {
    display: none;
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 8px 4px;
    z-index: 999;
}

    .mobileSearchContainer .btnClose {
        position: absolute;
        top: 14px;
        right: 12px;
    }



/************************** MOBILE SEARCH *************************/

.mobSearch a {
    color: #2C2D31;
}

.mobSearch.open a {
    color: #4960F2;
}

.mobSearch svg {
    fill: currentColor;
}

.mobileSearchContainer .inner {
    position: relative;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}

.mobileSearchContainer input[type="search"],
.mobileSearchContainer input[type="text"] {
    position: relative;
    font-size: 14px;
    width: 100%;
    height: 50px;
    padding: 0px 40px 0px 40px;
    text-align: center;
    color: #fff;
    border: none;
    font-weight: bold;
    z-index: 2;
    background-color: transparent;
}

.mobileSearchContainer .inner::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    height: 100%;
    width: 100%;
    background-color: #4960F2;
    z-index: 1;
    border-radius: 5px;
    transition: 0.1s ease-out;
}

/* .mobileSearchContainer.focus .searchSubmit,
.mobileSearchContainer.focus input[type="search"],
.mobileSearchContainer.focus input[type="text"]{
	color:#fff;
}

.mobileSearchContainer.focus .inner::after{
	height: 100%;
} */

.mobileSearchContainer.focus input[type="search"],
.mobileSearchContainer.focus input[type="text"] {
    box-shadow: 0px 10px 20px rgba(73, 96, 242, 0.3);
}

.mobileSearchContainer .searchSubmit {
    position: absolute;
    left: 12px;
    bottom: 10px;
    width: 24px;
    height: 24px;
    padding: 0px;
    background-color: transparent;
    border: none;
    color: #fff;
    z-index: 2;
}

    .mobileSearchContainer .searchSubmit svg {
        fill: currentColor;
        width: 20px;
        height: 20px;
    }

.mobileSearchContainer input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 1;
}

.mobileSearchContainer input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
}

.mobileSearchContainer input:-ms-input-placeholder {
    /* IE 10+ */
    opacity: 1;
}

.mobileSearchContainer input:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
}

.mobileSearchContainer.focus input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 0;
}

.mobileSearchContainer.focus input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 0;
}

.mobileSearchContainer.focus input:-ms-input-placeholder {
    /* IE 10+ */
    opacity: 0;
}

.mobileSearchContainer.focus input:-moz-placeholder {
    /* Firefox 18- */
    opacity: 0;
}




/************ cart page *************/
.cartTitlesMobile {
    display: none;
    position: fixed;
    top: 70px;
    left: 0px;
    width: 100%;
    height: 116px;
    background-color: #fff;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0px 1rem 1rem 1rem;
    border-bottom: 1px solid #EAEAED;
    z-index: 3;
}

    .cartTitlesMobile h2 {
        font-size: 1.25rem;
        margin: 1rem 0px;
        white-space: nowrap;
    }

    .cartTitlesMobile totalproducts {
        display: block;
        font-size: 0.875rem;
        font-weight: 500;
        margin: 2px 0px;
        text-emphasis: beige;
        white-space: nowrap;
    }

    .cartTitlesMobile price {
        display: block;
        font-size: 1.25rem;
        font-weight: 600;
        white-space: nowrap;
    }

    .cartTitlesMobile .btnCommon {
        margin: 0px;
    }

/* .mobile .detailsReviewModule,
.mobile .mobileTechFeatures,
.mobile .productFeaturesDetails {
    visibility: hidden;
    position: fixed;
    top: 115px;
    left: 0;
    width: 100%;
    height: calc(100% - 115px);

    transform: translate3d(100%, 0, 0);
    z-index: 805;
    transition: transform 0.15s ease-in-out;

}

.mobile .detailsReviewModule.open,
.mobile .mobileTechFeatures.open,
.mobile .productFeaturesDetails.open {
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.mobile .detailsReviewModule>.inner,
.mobile .mobileTechFeatures>.inner,
.mobile .productFeaturesDetails>.inner {
    position: relative;
    padding-top: 3rem;
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
} */







@media (max-width:2560px) {
}

@media (max-width:1920px) {
}

@media (max-width:1750px) {
    /*     .promoFeatureSection .gradWhiteMask{
        width:40vw;
        display: none;
    } */

}

@media (max-width:1680px) {
}

@media (max-width:1600px) {

    .promoFeatureSection {
        background-position: left 38vw center;
    }
}

@media (max-width:1440px) {

    .userBox .innerbox > a {
        padding: 10px 10px 10px 0px;
        font-size: 0.75rem;
    }

    .promoBox .catItem a.categLink {
        font-size: 0.875rem;
    }

    .promoFeatureSection {
        background-position: left 41vw center;
    }
}

@media (max-width:1366px) {

    .promoBox .promoTag {
        width: 40px;
        height: 40px;
    }

    .promoBox .linkStretched {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .promoBox .catItem {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .descOptions {
        padding: 0px 1rem;
    }

    .extraChoices .option {
        width: 50px;
        height: 50px;
    }

    .quantityOption .btnQuantity {
        flex-basis: 40px;
        max-width: 40px;
    }

    .cartOptions .quantityOption input {
        flex-basis: calc(100% - 80px);
        max-width: calc(100% - 80px);
    }

    .cartProduct {
        padding: 1rem;
    }

    .shippingTable .flexHd,
    .shippingTable .flexTd {
        padding: 1.5rem 0.5rem;
        flex: 1 1 20%;
        max-width: 20%;
    }

    .shippingTable .flexHd {
        flex: 1 0 200px;
        max-width: 200px;
    }

    .promoBox .userLabel {
        margin-top: 30px;
    }
}

@media (max-width:1365px) {

    .userSignBox .userForms .userRegister {
        position: relative;
        /*         max-height: 500px;
        overflow-y: auto; */
    }

    .userSignBox .userForms .simpleText {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: 200px;
        overflow-y: auto;
    }
}




@media (max-width:1280px) {

    .container {
        padding-left: 52px;
        padding-right: 52px;
    }

    .promoBox .promoTitle {
        font-size: 18px;
    }

    .promoBox .promoPriceEnd {
        font-size: 1.25rem;
    }

    .promoBox .promoTags {
        margin-top: 10px;
    }



    .cmn_products_slider .nav_text .cmnSliderTitle {
        font-size: 1.5rem;
    }

    .cmn_products_slider .nav_text {
        padding-left: 8px;
    }

        .cmn_products_slider .nav_text .cmnSliderDescription {
            font-size: 0.875rem;
        }

    /*    .floatBtnsBottomRight {
        right: 2px;
    }*/

    .floatBtnsBottomLeft {
        left: 2px;
    }

    .productItemSmall .inner {
        padding: 0.5rem;
    }

    .comparePop {
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .productItemSmall .inner .img {
        flex-basis: 40%;
        max-width: 40%;
    }

    .productItemSmall .inner .text {
        flex-basis: 60%;
        max-width: 60%;
    }

    .promoFeatureSection {
        background-position: left 44vw center;
    }
}

@media (max-width:1279px) {
}

@media (max-width:1200px) {


    .promoBox {
        width: 50%;
        height: 28vw;
    }

    .promoSpecialColumn {
        width: 50%;
    }

    .promoBox.col_2 {
        width: 25%;
    }

    .promoBox.promoSlider,
    .promoBox.promoCateg {
        height: calc(56vw - 1px);
    }


    .prodSalesSection .flexCol_5th_1,
    .prodSalesSection .flexCol_5th_4 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .prodSalesSection {
        padding: 32px 0px 50px 0px;
    }

        .prodSalesSection .flexCol_5th_4 {
            order: 1;
        }

        .prodSalesSection .flexCol_5th_1 {
            order: 0;
            padding: 0px 16px;
            margin-bottom: 20px;
        }

            .prodSalesSection .flexCol_5th_1 p,
            .prodSalesSection .flexCol_5th_1 .btnCommon {
                display: none;
            }


    .subMenuContainer .menuCol ul > li {
        font-size: 12px;
    }


    .promoBox .promoTitle {
        font-size: 1.25rem;
    }

    .promoBox .promoPriceEnd {
        font-size: 1.5rem;
    }

    .promoBox .promoTags {
        margin-top: 15px;
    }


    .articleListItem .text h3 {
        font-size: 1rem;
    }


    .promoBox.v2 {
        height: 30vw;
        max-height: 260px;
    }

        .promoBox.v2.slideFull {
            height: calc(60vw - 1px);
            max-height: 520px;
        }

    .selectField {
        font-size: 0.75rem;
        line-height: 13px;
    }


    /************** PRODUCT DETAILS **************/

    .techFeaturesContainer .compareHeaderArea img {
        flex-basis: 50px;
        max-width: 50px;
    }

    .techFeaturesContainer {
        font-size: 12px;
    }

    .techSection .header .techTitle {
        font-size: 0.875rem;
    }

    .productPhotos .ribbon {
        width: 60px;
        height: 60px;
    }

    .prPhotoSlider .owl-theme .owl-dots {
        padding: 1rem 0px;
    }

        .prPhotoSlider .owl-theme .owl-dots .owl-dot {
            vertical-align: middle;
        }

            .prPhotoSlider .owl-theme .owl-dots .owl-dot span {
                width: 6px;
                height: 6px;
            }

            .prPhotoSlider .owl-theme .owl-dots .owl-dot.active span {
                width: 10px;
                height: 10px;
            }

    .techSection .prodFeature span {
        padding-left: 1rem;
    }

    .cartProduct .itemDesc .title {
        font-size: 1rem;
    }

    .cartProduct .btnSptool .text {
        display: none;
    }

    .promoBox .catItem {
        padding-top: 5%;
        padding-bottom: 5%;
    }
}

@media (max-width:1199px) {

    .cmnFourFeaturedItems .featuredItemsList .featuredItem {
        width: auto;
        max-width: 270px;
    }
}


@media (max-width:1150px) {
    .prDetailsPageLinks li {
        margin-left: 8px;
    }

    .promoFeatureSection {
        background-position: left 48vw center;
    }
}

@media (max-width:1050px) {

    .filterBtnContainer .btnFilters span {
        display: none;
    }
}

@media (max-width:1024px) {


    .homePage .mainWrapper,
    .mainWrapper.homePage,
    .mainWrapper {
        padding: 70px 0px 0px 0px;
    }

    /****** tablet hide elements ******/


    .mainMenuContainer,
    .topPageInfo,
    .promoBox.userBox,
    .promoBox.promoCateg,
    .promoSpecialColumn {
        display: none;
    }

    /***************** HEADER  *****************/

    .mobileMenu {
        display: block;
        top: 70px;
    }

    .ie11 .mainHeader .mobileMenu .sublevel {
        top: 70px;
    }

    .mainHeader {
        position: fixed;
    }

    .headerUserTools {
        padding-right: 8px;
    }

        .headerUserTools a.btnUser.btnBasket {
            border: none;
            padding: 0px 0px 0px 10px;
        }

    .userToolPop {
        right: 8px;
    }

    /*     .mainHeader a.btnUser .countIndicator{
        font-size:0.75rem;
        width:22px;
        height: 22px;
        top:-15px;
        right: -15px;
    } */



    .mainHeader .headerCenter {
        padding: 0px;
    }

    /*     .mainHeader .btnProfile{
        width:18px;
    }
    .mainHeader .btnBasket,
    .mainHeader .btnWishList{
        //width:20px;
    } */

    .headerSearch {
        display: none;
    }

    .mainHeader a.btnUser .countIndicator {
        margin-left: 0px;
    }

    .breadcrumbs {
        /*         display: none; */
    }

        .breadcrumbs li {
            position: relative;
            display: none;
        }

            .breadcrumbs li:nth-last-child(2) {
                display: block;
            }

            .breadcrumbs li::before {
                position: absolute;
                left: -12px;
                top: 6px;
                content: "";
                width: 6px;
                height: 1px;
                background-color: #2D2C42;
                transform: rotate(-45deg);
            }

            .breadcrumbs li::after {
                position: absolute;
                left: -12px;
                top: 9px;
                right: unset;
                content: "" !important;
                width: 6px;
                height: 1px;
                background-color: #2D2C42;
                transform: rotate(45deg);
                display: block;
                margin-left: 0px;
                vertical-align: auto;
                line-height: auto;
            }

    .toCartColumn .breadcrumbs {
        display: none;
    }

    .supportedCategories {
        display: none;
    }


    .mobileSearchContainer.open {
        display: block;
    }

    /***************** MOBILE MENU *****************/
    .mobileMenu {
        display: block;
    }

    .homePage .mainHeader,
    .mainHeader {
        top: 0px;
        height: 70px;
    }

        .mainHeader > .inner {
            padding: 0px;
        }

        .mainHeader .btnBurger {
            height: 48px;
            padding: 15px 15px;
        }

        .mainHeader .btnMenu {
            margin-right: 20px;
        }

            .mainHeader .btnMenu .iconMenu {
                margin: 0px;
            }

            .mainHeader .btnMenu .menuLabel {
                display: none;
            }

        .mainHeader.fixed .logo,
        .mainHeader .logo {
            max-width: 100px;
        }

    .mobSearch {
        display: block;
    }



    .mobPromoCategories {
        display: block;
        padding: 1px 4px;
    }



        .mobPromoCategories .catItem {
            padding: 4px;
        }

            .mobPromoCategories .catItem .innerItem {
                position: relative;
                height: 100%;
                width: 100%;
                padding: 15px;
                padding-bottom: 70px;
                border-radius: 5px;
                background-color: #E5E5E5;
            }


            .mobPromoCategories .catItem a {
                color: #000;
            }

            .mobPromoCategories .catItem img {
                position: absolute;
                left: 15px;
                bottom: 15px;
                width: auto;
                max-height: 32px;
            }


    /***********************************************/

    .cmn_products_slider {
        /* flex-direction: column; */
    }

        .cmn_products_slider .items {
            order: 1;
            flex-basis: 100%;
            max-width: 100%;
            height: auto;
        }

            .cmn_products_slider .items .item {
                height: auto;
                padding: 10px;
            }

        .cmn_products_slider.noDescription .items .item {
            height: auto;
        }

        /* .cmn_products_slider .items .img_area{
    height:160px;
} */
        .cmn_products_slider .items .title {
            font-size: 0.875rem;
            line-height: 1.25rem;
            height: 60px;
        }

        .cmn_products_slider .items .price_area {
            display: inline-block;
            width: 50%;
            margin-top: 15px;
        }

            .cmn_products_slider .items .price_area .info {
                display: none;
            }

        .cmn_products_slider .items .item .choices {
            display: none;
        }

        .cmn_products_slider .nav_text {
            order: 0;
            flex-basis: 100%;
            max-width: 100%;
            height: auto;
            display: flex;
        }

            .cmn_products_slider .nav_text .owl-nav.sliderNavArrows {
                display: none;
            }

            .cmn_products_slider .nav_text .sliderDots {
                position: relative;
                bottom: inherit;
                flex-basis: 50%;
                max-width: 50%;
                align-self: flex-end;
                margin-bottom: 2rem;
                text-align: right;
            }

            .cmn_products_slider .nav_text .cmnSliderTitle {
                flex-basis: 70%;
                max-width: 70%;
                font-size: 2rem;
                padding-left: 10px;
                padding-right: 0px;
                margin-top: 0px;
            }

            .cmn_products_slider .nav_text .cmnSliderDescription {
                display: none;
            }

    .cmnProductItem.bundleItem {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }


    .bundleInfo {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0px 4px;
        margin-top: 1rem;
    }

        .bundleInfo .topSide {
            display: none;
        }

    .mbBundleTitle {
        display: block;
    }

    .bundleInfo flaglabel {
        float: right;
    }

    .mobilePageInfo {
        position: relative;
        display: block;
        padding: 1.5rem 0px 0px 0px;
        text-align: center;
        font-size: 0.875rem;
    }

        .mobilePageInfo .item {
            width: 100%;
            padding: 1.5rem 0px;
        }

            .mobilePageInfo .item span {
                display: block;
                width: 100%;
            }

        .mobilePageInfo .owl-dots {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            text-align: center;
        }

        .mobilePageInfo .owl-theme .owl-dots .owl-dot span {
            width: 6px;
            height: 6px;
            background-color: rgba(45, 44, 66, 0.30);
        }

        .mobilePageInfo .owl-theme .owl-dots .owl-dot.active span {
            background-color: #4960F2;
        }

        .mobilePageInfo + .cmnModuleWrapper {
            padding-top: 1.5rem;
        }

    .selectField {
        font-size: 0.75rem;
    }

        .selectField > .label {
            padding: 2px 28px 2px 8px;
        }

            .selectField > .label::after {
                right: 14px;
            }

            .selectField > .label::before {
                right: 8px;
            }

    /******* PRODUCT DETAILS *******/

    .productDetailsContainer {
        padding-top: 25px;
    }

    .prDetailsPageLinks {
        display: none;
        top: 70px;
    }

        .prDetailsPageLinks.fixed {
            display: block;
            padding: 2px 0px;
        }

        .prDetailsPageLinks .gotoLinks li.hidden {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            flex: 1 0 auto;
            padding: 8px 0px 8px 1rem;
        }

        .prDetailsPageLinks .gotoLinks li:not(.hidden) {
            display: none;
        }

        .prDetailsPageLinks .gotoLinks {
            flex: 0 1 auto;
        }

        .prDetailsPageLinks.fixed > .container {
            padding: 0px 4px;
        }

        .prDetailsPageLinks .productToTop {
            text-align: left;
            font-size: 0.75rem;
            margin: 0px;
            float: none;
            flex: 1 1 50%;
        }

            .prDetailsPageLinks .productToTop img {
                height: 42px;
            }



    /************ CART PRODUCT ****************/

    .cartProduct > .inner {
        flex-wrap: wrap;
    }

    .cartProduct .itemImg {
    }

    .cartProduct .itemDesc {
        flex: 1 1 60%;
        padding-right: 54px;
    }

        .cartProduct .itemDesc .title {
            font-size: 0.875rem;
        }

        .cartProduct .itemDesc .tools {
            display: none;
        }

    .cartProduct .itemQuantPrice {
        flex: 2 0 100%;
        max-width: 100%;
        flex-direction: row;
        align-items: center;
        padding-top: 1rem;
        margin-top: 1rem;
        border-top: 2px solid #EAEAED;
    }

    .cartProduct .topSide {
        margin: 0px;
    }

    .cartProduct .btnSptool.mobile {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin: 0px;
    }

        .cartProduct .btnSptool.mobile .symbol {
            margin: 0px;
        }

        .cartProduct .btnSptool.mobile.favorite span {
            margin-right: 1rem;
        }

        .cartProduct .btnSptool.mobile.btnDelete {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2;
        }

            .cartProduct .btnSptool.mobile.btnDelete .symbol {
                width: 24px;
                height: 24px;
                border: none;
            }

                .cartProduct .btnSptool.mobile.btnDelete .symbol svg {
                    transform: scale(0.8);
                }



    .mainCartContainer .relativeProducts {
        display: none !important;
    }

    .cartProduct .itemDesc .itemCode {
        display: block;
    }

    .promoFeatureSection {
        background-position: left 50vw center;
    }

    .helpArticle > .inner {
        padding-left: 2rem
    }



    .cmnWizardDropDowns .content {
        flex-direction: column;
    }

        .cmnWizardDropDowns .content .flexCol_lg_5 {
            order: 2;
        }

        .cmnWizardDropDowns .content .flexCol_lg_7 {
            order: 1;
        }

    .cmnModuleWrapper.warrantySection {
        padding-top: 1rem;
    }

    .warrantySection .btnBack {
        position: relative;
        margin-bottom: 1rem;
    }

    .popup .closeBtn {
        top: 0;
        right: 0;
        width: 32px;
        height: 32px;
    }

        .popup .closeBtn::after,
        .popup .closeBtn::before {
            top: 15px;
            left: 7px;
            width: 19px;
        }


    .popup.skroutz > .container {
        margin-top: 160px;
    }
}


@media (max-width:1023px) {
    .openComparePop {
        display: none;
    }
}


@media (max-width:991px) {

    .desktopOnly {
        display: none;
    }

    .notDesktopOnly {
        display: block;
    }

    .cmnProductItem .price_area .instalments {
        display: none;
    }

    /*.desktop .cmnProductItem:hover .addToCart {
        visibility: hidden;
        opacity: 0;
    }*/

    /*.desktop .cmnProductItem:hover .extras {
        height: 40px;
        opacity: 1;
    }*/

    /* .desktop .cmnProductItem.basicInfo:hover .title {
        height: 64px;
        opacity: 1;
    }*/


    .desktop .cmnProductItem.noInfo:hover .price_area {
        height: 40px;
        opacity: 1;
    }

    .prodSalesSection > .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .prodSalesContainer {
        padding-left: 0px;
        padding-right: 0px;
    }

    .headerUserTools a.btnUser.btnhelp {
        display: none;
    }

    /******* PRODUCT DETAILS *******/

    .productDetailsContainer .flexRow {
        align-content: flex-start;
        align-items: flex-start;
    }

    .productDetailsContainer .prdCol1,
    .productDetailsContainer .prdCol2 {
        order: 0;
        flex-basis: 60%;
        max-width: 60%;
    }

    .productDetailsContainer .prdCol3,
    .productDetailsContainer .prdCol2,
    .productDetailsContainer .prdCol1 {
        align-self: flex-start;
    }

    .productDetailsContainer .prdCol2 {
        order: 2;
    }

        .productDetailsContainer .prdCol2.changeOrdering {
            /* order:1; */
        }

    .productDetailsContainer .prdCol3 {
        position: relative;
        order: 1;
        flex-basis: 40%;
        max-width: 40%;
    }

    .productDetailsContainer .prdCol2.changeOrdering {
        display: flex;
        flex-direction: column;
    }


    .toCartColumn .helpLinks {
        position: absolute;
    }

    .prSliderThumbs {
        display: none;
    }

    .hozfilters.fixed {
        top: 70px;
    }

    .promoFeatureSection {
        background-position: left 53vw center;
    }

    .cmnWizardBanner .textPlace {
        text-align: center;
        order: 1;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .cmnWizardBanner .imgPlace {
        order: 0;
    }

    .cmnWizardBanner .btnBorder {
        margin-top: 20px;
    }

    .cmnWizardBanner .imgPlace .image {
        background-size: contain;
        background-position: center;
    }

    .categoryNav > .container {
        padding-bottom: 0;
    }

    .popup.skroutz .flexCol_9 {
        flex-basis: 60%;
        max-width: 60%;
    }

    .popup.skroutz .flexCol_3 {
        flex-basis: 40%;
        max-width: 40%;
    }

    .cmnHiddenText {
        margin-bottom: 1.5rem;
    }

        .cmnHiddenText.bgLightGray {
            margin-bottom: 0;
        }

    .productPhotos .ribbon_bottom {
        bottom: 2.4rem;
        width: 60px;
        height: 60px;
    }

    .mainFooter .infoBoxes {
        justify-content: center;
    }
}

@media (max-width:990px) {
    .cmnProductItemView .inner {
        justify-content: flex-start;
        padding-bottom: 10px;
    }

    .cmnProductItemView .itemImg {
        order: 0;
        flex-basis: 100%;
        max-width: 100%;
        max-height: unset;
        align-items: flex-start;
        border-right: 0;
        height: 200px;
        padding: 1.5rem 2.5rem 0 2.5rem;
    }

        .cmnProductItemView .itemImg a {
            display: block;
            height: 100%;
            width: 100%;
        }

        .cmnProductItemView .itemImg .productImg {
            height: auto;
            width: auto;
            margin: 0 auto;
        }

    .cmnProductItemView .itemDesc {
        order: 1;
        flex-basis: 100%;
        max-width: 100%;
        border-right: 0;
    }

        .cmnProductItemView .itemDesc .title {
            font-size: 0.875rem;
            color: #2C2D31;
            line-height: 1.25rem;
            font-weight: 500;
        }




        .cmnProductItemView .itemDesc .topSide {
            padding-bottom: 0rem;
            padding-top: 0;
        }

        .cmnProductItemView .itemDesc .reviewnsku {
            margin-bottom: 0;
        }

        .cmnProductItemView .itemDesc .itemCode {
            margin-left: inherit;
        }

    .cmnProductItemView .itemDetails {
        /* position: absolute;
            bottom:.6rem;
            left:0;  */
        order: 2;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        justify-content: space-between;
    }

    .cmnProductItemView .tools .compareCheckbox, .cmnProductItemView .tools ribbon {
        display: none
    }
    /* .cmnProductItemView .itemDetails .botSide, */
    .cmnProductItem .tools,
    /*.cmnProductItemView .tools,*/
    /*.cmnProductItemView .productTags,*/
    .cmnProductItemView .amountwins,
    /*.cmnProductItemView .instalments,*/
    /*.cmnProductItemView .extras,*/
    /* .cmnProductItemView .itemDesc .reviewnsku, */
    /* .cmnProductItemView .addToCartv2,*/
    .cmnProductItemView .itemDesc p,
    /*.cmnProductItemView .itemDesc .botSide,*/
    .cmnProductItemView .itemDesc ul.features,
    .cmnProductItemView .itemDesc ul {
        display: none;
    }

    .cmnProductItemView .productTags {
        position: absolute;
        top: calc(-100% - 70px);
        right: 5px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: end;
    }

    .cmnProductItemView .specialTag {
        display: block;
        margin-bottom: 4px;
        width: fit-content;
    }

    .cmnProductItemView .instalments {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        width: 100%;
    }

    .cmnProductItemView .extras {
        display: block;
    }

    .cmnProductItemView .btnProdActions {
        display: none;
    }

    .cmnProductItemView .itemDesc ul, .cmnProductItemView .itemDesc p {
        display: none;
    }

    .cmnProductItemView .itemDesc .botSide {
        border: none;
        padding: 1rem 1.5rem;
    }

    .cmnProductItemView .itemDesc ul, .cmnProductItemView .itemDesc p {
        display: none;
    }

    .cmnProductItemView .itemDesc .botSide {
        border: none;
        padding: 1rem 1.5rem;
    }

    .cmnProductItemView .price_area {
        text-align: left;
        display: flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
}


@media (max-width:900px) {
    .container {
        padding-left: 32px;
        padding-right: 32px;
    }

    .promoBox.promoSlider h3 {
        font-size: 1.5rem;
    }

    .promoBox .promoTitle {
        font-size: 16px;
    }

    .promoBox .promoPriceEnd {
        font-size: 1rem;
    }

    .promoBox .promoTags {
        margin-top: 10px;
    }


    /************ PROMO FEATURE CATEGORIES ************/

    .promoFeatureSection {
        background-position: center;
    }

        .promoFeatureSection .gradWhiteMask {
            width: 100%;
            left: 0;
            background: rgba(0, 0, 0, 0.4);
            display: block;
        }

        .promoFeatureSection .categlist {
            color: #fff;
        }

            .promoFeatureSection .categlist ul li {
                display: none;
            }

                .promoFeatureSection .categlist ul li:last-of-type {
                    display: block;
                }

                    .promoFeatureSection .categlist ul li:last-of-type a::before {
                        content: none;
                    }

                .promoFeatureSection .categlist ul li a {
                    color: #fff;
                }

        .promoFeatureSection .categFeatures {
            display: none;
        }

        .promoFeatureSection .featureTitle {
            font-size: 1.25rem;
            margin-bottom: 5rem;
        }

    .mobCategFeatures {
        display: block;
    }


    .hozfilters,
    .productsListView {
        /* display: none; */
    }




    /*.filtersPositioner {
        height: 66px;
    }*/

    .filterDrawer > .inner {
        /*         padding-top:56px;
        padding-bottom:1rem; */
    }


    /*     .filterDrawer>.inner .btns */
    /*     .filterDrawer>.inner>.header, */
    .generalSelectedFilters .clear span,
    .hozfilters {
        display: none;
    }

    .mobileFilters {
        display: block;
    }

    .cmnPagination {
        margin-block: 1.5rem 0.8rem;
        height: 45px !important;
    }

    .generalSelectedFilters {
        padding: 0.8em 0px;
    }

        .generalSelectedFilters .flexRow {
            padding-top: 30px;
        }

        .generalSelectedFilters .filterTags {
            widtH: 100%;
        }

        .generalSelectedFilters .label {
            position: absolute;
            top: 0px;
            height: auto;
        }

    .filterDrawer .mobileHeader {
        /*         display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
        height: 56px;
        border-bottom: 1px solid rgba(45,44,66,0.1); */
    }

        .filterDrawer .mobileHeader h3 {
            font-size: 1rem;
            margin-top: 17px;
            padding: 0px 70px 0px 12px;
        }

        .filterDrawer .mobileHeader .clear {
            width: 24px;
            display: inline-block;
            vertical-align: middle;
            margin-left: 1rem;
        }

        .filterDrawer .mobileHeader .btnApply {
            position: absolute;
            top: 17px;
            right: 1rem;
            z-index: 2;
        }

        .filterDrawer .mobileHeader .generalFilterClear {
            display: inline-block;
        }

    .filterDrawer .filtersContainer {
        padding-left: 1rem;
    }

        .filterDrawer .filtersContainer li a {
            position: relative;
            display: block;
            padding-right: 24px;
            color: #2D2C42;
        }

            .filterDrawer .filtersContainer li a::after {
                position: absolute;
                top: 3px;
                right: 1rem;
                content: "";
                width: 7px;
                height: 11px;
                background-image: url("../img/arrowFilterRightmb.svg");
                background-size: contain;
                opacity: 1;
            }

        .filterDrawer .filtersContainer li .selectedItems {
            margin-right: 0.5rem;
            /*         display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top:-3px;
        right: 9px;
        width:24px;
        height: 24px;
        border-radius: 50rem;
        background-color:#4960F2;
        color:#fff;
        opacity: 1;
        z-index: 2; */
        }

            .filterDrawer .filtersContainer li .selectedItems > span {
                /*         display: none; */
            }

            .filterDrawer .filtersContainer li .selectedItems::after {
                /*         content:attr(data-qt); */
            }

            .filterDrawer .filtersContainer li .selectedItems[data-qt=''] {
                display: none;
            }


    .techFeaturesContainer .col_3 {
        width: 33.33%;
    }

    .techFeaturesContainer .flexCol_3 {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }

    .techFeaturesContainer .compareMask.v3 {
        display: none;
    }

    .techFeaturesContainer .compareMask.v1 {
        left: 33.33%;
    }

    .techFeaturesContainer .compareMask.v2 {
        width: calc(33.33%+4px);
        left: 66.66%;
    }

    .withCompares .header .flexCol_3:last-child,
    .withCompares .techSection .pricesRow .flexCol_3:last-child,
    .withCompares .techRows .col_3:last-child {
        display: none
    }


    /********* PRODUCT LISTING ***********/

    .cmnProductList.viewThumbs .productsListView {
        display: none !important;
    }


    .cmnPagination:not(.mobile) {
        display: block !important;
    }

    .cmnPagination .sortSelections {
        display: none;
    }

    .cmnPagination.mobile {
        display: block;
    }


    .bottomViewMoreNumbers {
        display: block;
    }

    .resultsMobile {
        display: block;
    }
}

@media (max-width:768px) {

    .container {
        padding-left: 8px;
        padding-right: 8px;
    }

    .mainHeader .btnProfile,
    .mainHeader .btnBasket {
        margin-left: 20px;
    }

    .mainFooter .desktopLinks
    /*.mainFooter .topRow*/ {
        display: none;
    }



    .mainFooter .mobileLinks {
        text-align: center;
        display: block;
    }

        .mainFooter .mobileLinks li {
            padding: 16px 0px;
        }

    .cmnModuleWrapper.mobNoPad {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .homepage_TopBanners {
        padding-block: 70px 30px;
    }


    .promoInfoBoxes .flexRow {
        flex-direction: column;
    }

    .promoInfoBoxes .item {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 23px 30px;
    }

        .promoInfoBoxes.v2 .item .itemImg,
        .promoInfoBoxes .item .itemImg {
            height: auto;
            margin: 0px;
            order: 1
        }

        .promoInfoBoxes .item .itemText {
            order: 0;
            text-align: left;
            padding-right: 50px;
        }

    .promoInfoBoxes.v2 .item {
        border-right: none;
        padding-top: 25px;
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    .item.flexCol_5th_1 {
        flex-basis: 100%;
        max-width: 100%;
    }







    .promoBox .linkStretched {
        height: 30px;
        padding: 6px 15px;
    }

    .promoBox .promoTag {
        width: 32px;
        height: 32px;
        font-size: 0.875rem;
        font-weight: 600;
    }



    .slider360 .slideItem .text {
        position: relative;
        bottom: auto;
        left: auto;
        padding: 30px 8px 15px 8px;
        color: #2D2C42;
        width: 100%;
        text-align: center;
    }

        .slider360 .slideItem .text h3 {
            font-size: 1.5rem;
            margin-bottom: 7px;
        }




    .productSm {
        flex-basis: 25%;
        max-width: 25%;
    }



    .cmnProductItem.bundleItem.basicInfo,
    .cmnProductItem.bundleItem {
        flex-basis: 100%;
        max-width: 100%;
        height: 191px;
    }

        .cmnProductItem.bundleItem.bundlePlus::after {
            right: auto;
            top: auto;
            bottom: -20px;
            left: 15.5%;
        }

        .cmnProductItem.bundleItem .inner {
            padding-left: 8px;
        }

        .cmnProductItem.bundleItem .tools {
            left: auto;
            top: auto;
            bottom: 25px;
            right: 20px;
        }

        .cmnProductItem.bundleItem .img_area {
            float: left;
            height: 100%;
            display: inline-block;
            width: 30%;
        }

        .cmnProductItem.bundleItem .price_area {
            position: absolute;
            bottom: 20px;
            left: 30%;
        }

    .promoInfoBoxes:not(.v2) .item {
        flex-basis: 100%;
        max-width: 100%;
    }

    .floatBtnsBottomRight {
        /*         display: none; */
    }

    .pageTitle {
        font-size: 1.5rem;
    }
    /************ PRODUCT DETAILS ************/
    .productFeaturesDetails .item.left,
    .productFeaturesDetails .item.right,
    .productFeaturesDetails .item.flexCol_6 {
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 4px;
        padding-right: 4px;
    }

    .productFeaturesDetails .item.text {
        order: 1;
    }

    .productFeaturesDetails .item.img {
        order: 0;
    }

    .productFeaturesDetails .flexRow.smallItems .item {
        flex-basis: 50%;
        max-width: 50%;
        padding: 1rem;
    }

    .productFeaturesDetails .flexRow.smallItems .item {
        border: none;
    }

        .productFeaturesDetails .flexRow.smallItems .item:nth-child(2n - 1) {
            border-right: 1px solid rgba(255, 255, 255, 0.1);
        }

        .productFeaturesDetails .flexRow.smallItems .item:nth-child(4n),
        .productFeaturesDetails .flexRow.smallItems .item:nth-child(3n) {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

    .prDetailsPageLinks li .btnCommon span {
        display: none;
    }

    .prDetailsPageLinks li .btnCommon svg {
        display: block;
        margin: 2px 10px;
    }




    .mainCartItems {
        padding-right: 4px;
    }

    .helpArticle > .inner {
        padding-left: 1rem
    }

    .cmnWizardDropDowns .inputField select {
        font-size: 1rem;
    }

    .cmnWizardDropDowns .inputField label {
        font-size: 1rem;
        line-height: 25px
    }
}

@media (max-width:767px) {

    .accountWrapper {
        padding-top: 1.5rem;
    }

    .cartPage .mainWrapper {
        padding-top: 186px;
        /* 70px header+stick 116px */
    }

    .mainCartContainer {
        padding-top: 1.5rem;
    }

    .cartSummary {
        margin-top: 1.5rem;
    }

        .cartSummary .borderSeperator,
        .cartSummary .transportSeaction {
            display: none;
        }

    .mainCartContainer .cartTitles {
        display: none;
    }

    .cartTitlesMobile,
    .cartSummary.mobile .transportSeaction,
    .cartSummary.mobile {
        display: block;
    }

        .cartSummary.mobile > .inner {
            margin-bottom: 1rem;
        }

    .cartTitlesMobile {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .warningContainer {
        margin-top: 0px;
    }

        .warningContainer .col_12,
        .warningContainer .container {
            padding: 0px;
        }

    .cartProduct .itemDesc .productPrice {
        text-align: right;
        position: absolute;
        right: 0.5rem;
        bottom: 80px;
        font-size: 1rem;
        font-weight: 500;
        opacity: 0.5;
    }

    .cartProduct .itemQuantPrice {
        margin-top: 80px;
    }

    .cartProduct .btnSptool.mobile.favorite {
        position: absolute;
        top: -60px;
        max-width: 200px;
    }

        .cartProduct .btnSptool.mobile.favorite .text {
            display: inline-block;
            text-align: left;
        }

    .helpSection {
        padding-top: 70px;
    }

    .helpMenu {
        position: fixed;
        top: 70px;
        left: 0px;
        max-height: 55px;
        margin: 0px;
        width: 100%;
        background-color: #fff;
        z-index: 9;
        box-shadow: 0px 10px 20px rgba(44, 45, 49, 0.15);
        overflow-y: auto;
    }

        .helpMenu.open {
            max-height: calc(100vh - 70px);
        }

        .helpMenu .menuItem {
            order: 1;
            border: none;
            padding-bottom: 1rem;
            border-bottom: 1px solid rgba(44, 45, 49, 0.1);
        }

            .helpMenu .menuItem.active {
                order: 0;
            }

                .helpMenu .menuItem.active .title {
                    position: fixed;
                    top: 70px;
                    left: 0px;
                    width: 100%;
                    padding: 1rem 20px;
                    background-color: #fff;
                    z-index: 99;
                }

            .helpMenu .menuItem.active {
                padding-top: 55px;
            }

            .helpMenu .menuItem span.btnCollapse {
                right: 20px;
            }

            .helpMenu .menuItem .title.open span.btnCollapse {
                background-color: #e6e6e8;
            }

                .helpMenu .menuItem .title.open span.btnCollapse::before {
                    background-color: #2D2C42;
                }

        .helpMenu.open .menuItem .title span.btnCollapse,
        .helpMenu.open .menuItem .title.open span.btnCollapse {
            background-color: #2D2C42;
        }

            .helpMenu.open .menuItem .title span.btnCollapse::before,
            .helpMenu.open .menuItem .title.open span.btnCollapse::before {
                background-color: #fff;
            }


        .helpMenu .menuItem span.btnCollapse {
            display: none;
        }

        .helpMenu .menuItem .collapsableList,
        .helpMenu .menuItem.active span.btnCollapse {
            display: block;
        }


        .helpMenu .menuItem.visible {
            display: block;
        }

        .helpMenu .menuItem .inner {
            padding: 0px 1rem;
        }

    .helpArticle > .inner {
        padding-left: 0px;
    }

    .serviceManufactureTable li span {
        width: 100%;
        float: none;
    }

        .serviceManufactureTable li span.label {
            margin-bottom: 8px;
        }

    .productsToReturnForm .desktopFields {
        display: none;
    }

    .productsToReturnForm .mobileFields {
        display: block;
    }

        .productsToReturnForm .mobileFields .btnAddNew {
            margin-top: 1rem;
        }



    .cmnGiftsFilters .selectField {
        margin-bottom: 8px;
    }

        .cmnGiftsFilters .selectField .drop {
            width: 100%;
        }

    .popup.sameDayDelivery .content {
        max-height: calc(100vh - 4rem);
        max-width: calc(100vw - 2rem);
    }

    .ios .popup.sameDayDelivery .content {
        max-height: calc(100vh - 10rem);
        margin-bottom: 100px;
    }

    .popup.sameDayDelivery .flexRow {
        border-bottom: 0;
    }

    .popup.sameDayDelivery [class*="flexCol_"] {
        padding: 0 20px 20px;
        border-bottom: solid 1px rgba(45, 44, 66, .1);
    }



    .filterDrawer .subfilter {
        height: calc(100% - 130px);
    }

    .filterDrawer > .inner {
        padding-bottom: 130px;
    }

        .filterDrawer > .inner .btns {
            height: 130px;
            align-items: flex-start;
            padding-top: 20px;
        }

    .iphone .filterDrawer > .inner {
        padding-bottom: 190px;
    }

        .iphone .filterDrawer > .inner .btns {
            height: 190px;
        }

    .iphone .filterDrawer .subfilter {
        height: calc(100% - 190px);
    }
}


@media (max-width:600px) {
    .noResultsSearch .flexRow {
        flex-direction: column;
        align-items: center
    }
}

@media (max-width:700px) {

    .cmnPromoModule .promoBox {
        position: absolute;
        visibility: hidden;
    }

        .cmnPromoModule .promoBox.mobileVisible {
            position: relative;
            visibility: visible;
        }

    .techFeaturesModule.mobileVisible {
        display: block;
    }

    .promoBox {
        width: 100%;
        height: 60vw;
    }

        .promoBox.col_2 {
            width: 50%;
        }

        .promoBox.promoSlider,
        .promoBox.promoCateg {
            height: 120vw;
        }

        .promoBox.promoSlider {
            text-align: center;
        }

    .cmnPromoModule .mbMore {
        display: block;
    }

    .promoBox .promoPriceEnd,
    .promoBox .promoTitle {
        font-size: 1.5rem;
    }

    .promoBox.v2 {
        height: 60vw;
        max-height: 260px;
    }

        .promoBox.v2.slideFull {
            height: 100vw;
            max-height: 520px;
        }
}

@media (max-width:612px) {

    .helpSection .helpRow {
        margin: 0.5rem auto;
    }
}


@media (max-width:576px) {

    .container {
        padding-left: 4px;
        padding-right: 4px;
    }

    /********* TITLES ***********/

    .f32 {
        font-size: 1.5rem;
    }

    .pageTitle {
        font-size: 1rem;
        margin: 1rem auto;
    }

        .pageTitle span.pageTitle_filters {
            /*margin-top: 10px;*/
            display: none;
        }

    .headerUserTools a.btnWishList {
        display: none;
    }

    .headerUserTools .btnBasket {
        margin-left: 15px;
    }

    .singleInputContainer .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .promoBox .promoPriceEnd,
    .promoBox .promoTitle {
        font-size: 1.25rem;
    }

    .userToolPop {
        width: calc(100% - 16px);
        max-width: none;
    }

    .cartDrawer {
        max-width: none;
    }


    .cmn_products_slider .nav_text .cmnSliderTitle {
        font-size: 1.5rem;
    }

    .cmn_products_slider .owl-stage {
        right: 40px;
    }

    .cmnProductItem {
        height: 427px;
    }

        .cmnProductItem.basicInfo {
            height: 358px;
        }

        .cmnProductItem.noInfo {
            height: 276px;
        }

        .cmnProductItem .inner {
            /*padding: 1rem;*/
            padding: 10px 10px 30px 10px;
        }

            .cmnProductItem .inner .doseis {
                font-size: 12px;
                bottom: 7px
            }

    .recycle_pills, .manuf_pills {
        font-size: 0.75rem;
        padding: 4px 10px;
    }

    .cmnFourFeaturedItems {
        display: none;
    }

    .cmnPagination .sortSelections, .cmnPagination .resultsNumbers {
        display: none !important;
    }

    .cmnPagination .viewButtons {
        margin-right: 0 !important;
    }

    .cmnProductItem .img_area {
        height: 160px;
    }

    .cmnProductItem .details {
        margin-top: 0px;
    }

    .cmnProductItem .btnProdActions,
    .cmnProductItemView .btnProdActions {
        bottom: 1rem;
    }

    .cmnProductItemView .ribbon {
        max-width: 60px;
    }

    .cmnProductItemView .ribbon_bottom {
        width: 47px;
        height: 47px;
        right: 0.5rem !important;
    }

    .cmnProductItemView.listView .ribbon_bottom {
        right: 1rem !important;
        bottom: 10px;
        width: 60px;
        height: 60px;
    }

    .cmnProductItemView .specialTag {
        font-size: 0.75rem;
    }

    .cmnProductItemView.gridView .addToCartv2, .cmnProductItem .add-to-cart-btn, .cmnProductItem .addToCartv2, .cmnProductItem.basicInfo .addToCartv2 {
        text-align: center;
        padding: 10px;
    }

        .cmnProductItemView.gridView .addToCartv2 > span, .cmnProductItem .add-to-cart-btn > span, .cmnProductItem .addToCartv2 > span, .cmnProductItem.basicInfo .addToCartv2 > span {
            display: none;
        }

        .cmnProductItemView.gridView .addToCartv2 svg, .cmnProductItem .add-to-cart-btn svg, .cmnProductItem .addToCartv2 svg, .cmnProductItem.basicInfo .addToCartv2 img {
            position: relative;
            right: unset;
            top: unset;
            margin-inline: auto;
        }

    .cmnProductItemView .final-price {
        font-size: 1.25rem;
    }

    .cmnProductsListGrid .cmnProductItem .inner {
        padding: 1rem;
    }

    .cmnProductsListGrid .cmnProductItem .extras {
        display: none;
    }

    .cmnProductsListGrid .cmnProductItem {
        height: auto;
    }

        .cmnProductsListGrid .cmnProductItem .btnProdActions {
            bottom: 20px;
            right: 1rem;
        }

        .cmnProductsListGrid .cmnProductItem .img_area {
            height: 170px;
        }

    .cmnProductItemView .itemImg {
        height: 170px;
    }



    .cmnProductsListGrid .cmnProductItem .price_area {
        margin-top: 1rem;
    }

    .cmnProductItem .ribbon {
        width: 66px;
    }



    .cmnProductItem .details .review-product {
        margin-top: 0px;
    }

    .cmnProductItem .price_area .price {
        font-size: 1.25rem;
    }

    .cmnProductItem .btnProdActions,
    .cmnProductItemView .btnProdActions {
        width: 40px;
        height: 40px;
    }



        .cmnProductItem .btnProdActions .btndots,
        .cmnProductItemView .btnProdActions .btndots {
            padding: 16px 0px 16px 0px;
        }




    .cartDrawer .cartBtns {
        margin-bottom: 2rem;
    }

    .productFeaturesDetails .titleSection {
        margin-top: 2rem;
    }

    .productFeaturesDetails .flexRow.smallItems .item h3 {
        font-size: 1rem;
    }

    .productFeaturesDetails .flexRow.smallItems .item p {
        font-size: 0.75rem;
        margin-bottom: 0px;
    }

    /************* PRODUCT DEITALS *************/

    .productDetailsContainer {
        padding-top: 0px;
    }

        .productDetailsContainer .prdCol3,
        .productDetailsContainer .prdCol2,
        .productDetailsContainer .prdCol1 {
            flex-basis: 100%;
            max-width: 100%;
        }

    .toCartColumn {
        margin-left: -8px;
        margin-right: -8px;
    }

        .techFeaturesModule,
        .descOptions .extraContainer,
        .descOptions .topSection,
        .toCartColumn .helpLinks {
            display: none;
        }

    .productPhotos .productTags {
        right: unset;
        top: 0.875rem;
        transform: unset;
        left: 0;
    }

        .productPhotos .productTags > div {
            margin-inline: 0;
            font-size: 0.75rem;
        }

    .mobileDetailsHeader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0px 8px;
        display: block;
        text-align: center;
        background-color: #fff;
        border-bottom: 1px solid #EAEAED;
        z-index: 2;
    }

        .mobileDetailsHeader h3 {
            font-size: 0.875rem;
            color: #2D2C42;
            margin: 1rem 0px;
            padding: 0px 2rem;
        }

            .mobileDetailsHeader h3 a {
                position: absolute;
                right: 8px;
                top: calc(50% - 12px);
                display: inline-block;
                vertical-align: middle;
                float: left;
                width: 24px;
                height: 24px;
                color: #2D2C42;
            }


                .mobileDetailsHeader h3 a::before {
                    content: "";
                    position: absolute;
                    top: 11px;
                    right: 0px;
                    width: 28px;
                    height: 2px;
                    background-color: #2D2C42;
                    transform: rotate(45deg);
                    transition: background-color 0.15s ease-out;
                }

                .mobileDetailsHeader h3 a::after {
                    content: "";
                    position: absolute;
                    top: 11px;
                    right: 0px;
                    width: 28px;
                    height: 2px;
                    background-color: #2D2C42;
                    transform: rotate(-45deg);
                    transition: background-color 0.15s ease-out;
                }

    .mobileTechFeatures {
        display: block;
        background-color: #fff;
    }

        .mobileTechFeatures .inner h3 {
            font-size: 1.25rem;
            font-weight: 500;
            color: #B3B3B3;
            padding-bottom: 0.5rem;
            margin: 2rem 0px 1rem 0px;
            border-bottom: 2px solid #EAEAED;
        }

        .mobileTechFeatures ul {
            margin-bottom: 1rem;
        }

        .mobileTechFeatures li {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            font-size: 0.75rem;
            padding: 0.5rem 0px;
            border-bottom: 1px solid #EAEAED;
            line-height: 1.5;
        }

            .mobileTechFeatures li .label {
                font-weight: 600;
            }

            .mobileTechFeatures li .text {
                padding-left: 2rem;
                text-align: right;
            }

    .detailsReviewModule,
    .mobileTechFeatures,
    .productFeaturesDetails {
        visibility: hidden;
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        bottom: 0;
        padding-bottom: 80px;
        /*height: calc(100% - 115px);*/
        transform: translate3d(100%, 0, 0);
        z-index: 805;
        transition: transform 0.15s ease-in-out;
    }

        .detailsReviewModule.open,
        .mobileTechFeatures.open,
        .productFeaturesDetails.open {
            visibility: visible;
            transform: translate3d(0, 0, 0);
        }

        .detailsReviewModule > .inner,
        .mobileTechFeatures > .inner,
        .productFeaturesDetails > .inner {
            position: relative;
            padding-top: 3rem;
            width: 100%;
            height: 100%;
            overflow: auto;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;
        }

    .productPhotos .mobileTools {
        display: block;
        position: absolute;
        left: 0.875rem;
        top: 0.875rem;
        z-index: 2;
    }

        .productPhotos .mobileTools svg {
            width: 20px;
            height: 20px;
        }

        .productPhotos .mobileTools .favorite {
            opacity: .3;
            fill: currentColor;
            color: #2D2C42;
            display: block;
        }

        .productPhotos .mobileTools svg {
            fill: currentColor;
        }

    .productPhotos .ribbon_bottom {
        bottom: 17%;
        width: 60px;
        height: auto;
    }

    .prPhotoSlider {
        border-radius: 0px;
        border: none;
        border-bottom: 1px solid #E6E6E8;
    }

    .cartOptions {
        margin: 1rem auto;
        border-radius: 0px;
    }

    .productDetailsContainer .mobileProdDetails {
        display: block;
    }

    .toCartColumn .helpLinks,
    .cartOptions .price,
    .cartOptions .amountWin,
    .cartOptions .dropDownPop {
        padding: 8px 0.5rem;
    }

        .cartOptions .price.new-price {
            padding: .7rem 0.5rem 8px 0.5rem;
        }

    .mobileCartOptions {
        display: block;
        width: 100%;
    }

    .isXromatologio .toCartColumn .cartOptions {
        display: none;
    }

    .descOptions {
        padding: 0.5rem 0px;
        display: flex;
        flex-wrap: wrap;
    }

        .descOptions .mobileDetailsLinks {
            display: block;
            margin-top: 2rem;
            width: 100%;
            order: 6;
        }

            .descOptions .mobileDetailsLinks li {
                border-top: 1px solid #E6E6E8;
            }

                .descOptions .mobileDetailsLinks li a {
                    position: relative;
                    display: block;
                    color: #2D2C42;
                    padding: 1rem 0px;
                    font-weight: 600;
                    font-size: 1rem;
                }

                    .descOptions .mobileDetailsLinks li a::after {
                        position: absolute;
                        top: 19px;
                        right: 0px;
                        content: "";
                        width: 16px;
                        height: 8px;
                        background-image: url("../img/arrowFilterRight.svg");
                        background-size: contain;
                        background-repeat: no-repeat;
                        opacity: 0.2;
                    }

        .descOptions .extraInfo {
            margin-top: 1rem;
            order: 5;
            width: 100%;
        }

        .descOptions #recycleservicelist {
            order: 1;
            width: 100%;
            margin: 0 0 15px 0 !important;
        }

        .descOptions > p, .descOptions > ul {
            order: 4;
        }

    .mobileProdDetails h1,
    .mobileProdDetails h2,
    .mobileProdDetails .title {
        font-size: 1.25rem;
        font-weight: 600;
    }

    .mobileProdDetails .review-product {
        margin: 0px;
    }

    .mobileProdDetails .itemCode {
        text-align: right;
        font-size: 0.875rem;
        opacity: 0.5;
        line-height: 1;
    }

    .mobHelpLinks {
        position: relative;
        margin-top: 8px;
    }

        .mobHelpLinks li {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.875rem;
            padding: 5px 0px;
            border-bottom: 1px solid #E6E6E8;
        }

            .mobHelpLinks li:last-of-type {
                border: none;
            }

            .mobHelpLinks li .text > span {
                flex: 0 1 auto;
            }

            .mobHelpLinks li .icon {
                margin-left: 1rem;
            }

                .mobHelpLinks li .icon img {
                    max-width: 24px;
                }

            .mobHelpLinks li a {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: 100%;
                opacity: 0.5;
                color: #2D2C42;
            }

    .cmn_products_slider .nav_text .cmnSliderTitle {
        flex-basis: 100%;
        max-width: 100%;
    }

    .prDetailsPageLinks.fixed {
        overflow: hidden;
    }

    .prDetailsPageLinks .productToTop a .text {
        position: relative;
        display: block;
        height: 100%;
        max-height: 34px;
        overflow: hidden;
    }

    .cartProduct .itemImg {
        margin-right: 0.5rem;
    }

    .cartProduct .itemQuantPrice totalprice {
        font-size: 1.25rem;
    }

    .quantityOptionSm input {
        width: 3rem;
    }

    .cartProduct .itemImg {
        max-width: 64px;
    }

    .prDetailsPageLinks .addToCart {
        width: 64px;
    }

    .cartProduct .itemDesc .availability span {
        display: block;
    }

    .cmnProductItemView .itemImg {
        padding: 1.5rem 1.2rem 0 1.5rem;
    }


        .cmnProductItemView .itemImg a {
            overflow: hidden;
            position: relative;
        }

        .cmnProductItemView .itemImg > a {
            overflow: hidden;
            position: unset;
        }

    /*.cmnProductItemView .itemImg .productImg {
            height: unset !important;
            position: absolute !important;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }*/

    .cmnProductItemView .instalments {
        bottom: -4px;
    }

    .cmnProductItemView.gridView .instalments {
        font-size: 12px;
    }

    .mainFooter .socialBtns {
        margin-bottom: 25px;
    }

    .mainFooter .topRow > [class*="flexCol_"] {
        padding: 0;
    }

    .mainFooter .footerLists {
        padding: 15px 20px !important;
    }

    .mainFooter .title {
        font-size: 16px;
        margin-block: 0;
        cursor: pointer;
        position: relative;
        pointer-events: auto;
    }

        .mainFooter .title::after {
            content: '';
            height: 10px;
            width: 10px;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%) rotate(-180deg);
            background: url('/App_Themes/YouGR2019/img/arrow-top.svg') center no-repeat;
            filter: invert(1);
            transition: all linear 0.15s;
        }

        .mainFooter .title.open::after {
            transform: translateY(-50%) rotate(0);
        }

    .mainFooter .linkList {
        margin-top: 10px;
    }

    .mainFooter .container {
        padding-inline: 0;
    }

    .mainFooter .infoBoxes {
        border-radius: 0;
        margin-bottom: -1px;
        justify-content: start;
        border-inline: none;
    }

    .mainFooter .botRow {
        padding: 0;
    }

    .mainFooter .trustMarksLogos .firstRow img {
        height: 28px;
    }

    .mainFooter .madeByLogo {
        margin: 0 auto;
    }

    .mainFooter .linkList {
        display: none;
    }
}


@media (max-width: 575px) {

    .smf24 {
        font-size: 1.5rem;
    }

    .smf20 {
        font-size: 1.25rem;
    }

    /************* LOGIN PAGE **************/
    .userSignBox .forgotNewLinks {
        margin-top: 1rem;
    }

    /*.userSignBox .forgotNewLinks > div {
            padding-top: 1rem;
            padding-bottom: 1rem;
            text-align: center !important;
        }*/
    /*.cartOptions .dropDownPop {
        margin: 1.3rem 5px 5px 5px!important;
    }*/
    .cartOptions .quantityOption {
        position: absolute;
        top: 20px;
        right: 1rem;
        width: 50%;
        max-width: 160px;
    }

    .cartOptions .price {
        max-width: 50%;
        padding-right: 1rem;
    }

    .techFeaturesContainer .header .col_3 {
        width: 70%;
    }

    .techFeaturesContainer .techRows .col_3 {
        width: 50%;
    }

    .popup .content p {
        font-size: 0.875rem;
    }

    .helpList {
        padding-left: 1.25rem;
    }

    .notesAsterisks,
    .warrantySection .warningText {
        font-size: 0.75rem;
    }

        .warrantySection .warningText img {
            max-width: 60px;
        }

    .shippingTable {
        font-size: 0.75rem;
    }

        .shippingTable .tableHeader .flexHd .title {
            font-size: 1rem;
        }


        .shippingTable .flexHd,
        .shippingTable .flexTd {
            padding: 1.5rem 1rem;
            flex: 1 1 20%;
            max-width: 20%;
        }

        .shippingTable .flexHd {
            flex: 1 0 200px;
            max-width: 200px;
        }

    .warrantySection {
        font-size: 0.875rem;
    }

    .popup.skroutz .flexCol_9 {
        display: none;
    }

    .popup.skroutz .flexCol_3 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .popup.skroutz > .container {
        margin-top: 0px;
    }

    .popup.skroutz {
        align-items: flex-end;
    }

        .popup.skroutz .img {
            max-width: 280px;
            margin: 0px auto 80px auto;
        }

    .cmnProductItemView .itemDesc .title {
        font-size: 0.875rem;
    }

    .cmnProductItemView .itemDetails,
    .cmnProductItemView .itemDesc .topSide,
    .cmnProductItemView .itemDesc .botSide {
        padding: 1rem;
        bottom: 0;
    }

    .cmnProductItemView .itemDesc .topSide {
        padding: 0 1rem
    }
}

/*.cmnProductItem .itemDesc .topSide {
    padding-top: 0px;
}*/

@media (max-width:480px) {

    .filterDrawer > .inner {
        max-width: 360px;
    }

    .bagProduct {
        flex-wrap: wrap;
    }

        .bagProduct .btns {
            flex: 1 0 100%;
            max-width: 100%;
            margin-top: 1rem;
        }

            .bagProduct .btns .quantityOptionSm {
                margin-bottom: 1rem;
            }

    .hoverInfo {
        left: auto;
        right: auto;
        width: calc(100vw - 3rem);
    }
}

@media (max-width:414px) {

    .promoBox .promoPriceEnd,
    .promoBox .promoTitle {
        font-size: 1rem;
    }

    .filterDrawer > .inner {
        max-width: 320px;
    }
}

@media (max-width:375px) {


    .productSm {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }

    .filterDrawer > .inner {
        max-width: 275px;
    }

    .generalInfoMessage {
        /* top:calc(50% - 140px);
        left:1rem; */
        width: calc(100% - 2rem);
        /* height: 280px; */
    }

        .generalInfoMessage .closeBtn {
            width: 32px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            display: block;
            position: absolute;
            top: -10px;
            right: -10px;
        }

    .popup.sendEmail .content {
        width: calc(100vw - 1.5rem);
        height: calc(100vh - 1.5rem);
    }
}

@media (max-width:360px) {

    .headerUserTools .btnBasket {
        margin-left: 5px;
    }

    .mainHeader a.btnUser .countIndicator {
        /* display: none; */
    }
}

@media (max-width:350px) {

    .promoBox {
        padding: 4px;
    }

        .promoBox .promoPriceEnd,
        .promoBox .promoTitle {
            font-size: 0.875rem;
        }

        .promoBox .linkStretched {
            height: 30px;
            padding: 6px 15px;
        }

    .cartProduct .itemQuantPrice totalprice {
        font-size: 1rem;
    }

    .cartProduct .itemImg {
        flex: 1 0 100%;
        margin: 0px;
        max-width: 100%;
    }

    .cartProduct .itemDesc {
        flex: 1 0 100%;
        margin-top: 1rem;
        padding: 0px;
    }

    .cartTitlesMobile .btnCommon {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .inputField .parentHoverInfo .hoverInfo {
        right: -1rem;
    }

    .titlewithBorder {
        font-size: 1.5rem;
    }

    .titleBorderStyle {
        font-size: 1rem;
    }

    .popup .content p {
        font-size: 0.75rem;
    }
}

@media (max-width:320px) {

    .cartOptions .price .final-price {
        font-size: 1.25rem;
        font-weight: 700;
    }
}



@media (min-width:769px) {

    /* ----------------- ITEM HOVER ----------------- */
    .cmn_products_slider .items .item:hover .img_area {
        height: 160px;
    }

    .cmn_products_slider .items .item:hover .choices {
        opacity: 1;
    }
}


/************** GRID SYSTEM ******************/

@media (min-width: 320px) {

    .col_xs_12 {
        width: 100%;
    }

    .col_xs_11 {
        width: 91.66%;
    }

    .col_xs_10 {
        width: 83.33%;
    }

    .col_xs_9 {
        width: 75%;
    }

    .col_xs_8 {
        width: 66.66%;
    }

    .col_xs_7 {
        width: 58.33%;
    }

    .col_xs_6 {
        width: 50%;
    }

    .col_xs_5 {
        width: 41.66%;
    }

    .col_xs_4 {
        width: 33.33%;
    }

    .col_xs_3 {
        width: 25%;
    }

    .col_xs_2 {
        width: 16.66%;
    }

    .col_xs_1 {
        width: 8.33%;
    }


    .order_xs_12 {
        order: 12;
    }

    .order_xs_11 {
        order: 11;
    }

    .order_xs_10 {
        order: 10;
    }

    .order_xs_9 {
        order: 9;
    }

    .order_xs_8 {
        order: 8;
    }

    .order_xs_7 {
        order: 7;
    }

    .order_xs_6 {
        order: 6;
    }

    .order_xs_5 {
        order: 5;
    }

    .order_xs_4 {
        order: 4;
    }

    .order_xs_3 {
        order: 3;
    }

    .order_xs_2 {
        order: 2;
    }

    .order_xs_1 {
        order: 1;
    }

    .order_xs_0 {
        order: 0;
    }


    .flexCol_xs_12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .flexCol_xs_11 {
        flex-basis: 91.66%;
        max-width: 91.66%;
    }

    .flexCol_xs_10 {
        flex-basis: 83.33%;
        max-width: 83.33%;
    }

    .flexCol_xs_9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .flexCol_xs_8 {
        flex-basis: 66.66%;
        max-width: 66.66%;
    }

    .flexCol_xs_7 {
        flex-basis: 58.33%;
        max-width: 58.33%;
    }

    .flexCol_xs_6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .flexCol_xs_5 {
        flex-basis: 41.66%;
        max-width: 41.66%;
    }

    .flexCol_xs_4 {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }

    .flexCol_xs_3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .flexCol_xs_2 {
        flex-basis: 16.66%;
        max-width: 16.66%;
    }

    .flexCol_xs_1 {
        flex-basis: 8.33%;
        max-width: 8.33%;
    }
}


@media (min-width: 576px) {

    .col_sm_12 {
        width: 100%;
    }

    .col_sm_11 {
        width: 91.66%;
    }

    .col_sm_10 {
        width: 83.33%;
    }

    .col_sm_9 {
        width: 75%;
    }

    .col_sm_8 {
        width: 66.66%;
    }

    .col_sm_7 {
        width: 58.33%;
    }

    .col_sm_6 {
        width: 50%;
    }

    .col_sm_5 {
        width: 41.66%;
    }

    .col_sm_4 {
        width: 33.33%;
    }

    .col_sm_3 {
        width: 25%;
    }

    .col_sm_2 {
        width: 16.66%;
    }

    .col_sm_1 {
        width: 8.33%;
    }


    .order_sm_12 {
        order: 12;
    }

    .order_sm_11 {
        order: 11;
    }

    .order_sm_10 {
        order: 10;
    }

    .order_sm_9 {
        order: 9;
    }

    .order_sm_8 {
        order: 8;
    }

    .order_sm_7 {
        order: 7;
    }

    .order_sm_6 {
        order: 6;
    }

    .order_sm_5 {
        order: 5;
    }

    .order_sm_4 {
        order: 4;
    }

    .order_sm_3 {
        order: 3;
    }

    .order_sm_2 {
        order: 2;
    }

    .order_sm_1 {
        order: 1;
    }

    .order_sm_0 {
        order: 0;
    }


    .flexCol_sm_12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .flexCol_sm_11 {
        flex-basis: 91.66%;
        max-width: 91.66%;
    }

    .flexCol_sm_10 {
        flex-basis: 83.33%;
        max-width: 83.33%;
    }

    .flexCol_sm_9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .flexCol_sm_8 {
        flex-basis: 66.66%;
        max-width: 66.66%;
    }

    .flexCol_sm_7 {
        flex-basis: 58.33%;
        max-width: 58.33%;
    }

    .flexCol_sm_6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .flexCol_sm_5 {
        flex-basis: 41.66%;
        max-width: 41.66%;
    }

    .flexCol_sm_4 {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }

    .flexCol_sm_3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .flexCol_sm_2 {
        flex-basis: 16.66%;
        max-width: 16.66%;
    }

    .flexCol_sm_1 {
        flex-basis: 8.33%;
        max-width: 8.33%;
    }
}

@media (min-width: 768px) {

    .col_md_12 {
        width: 100%;
    }

    .col_md_11 {
        width: 91.66%;
    }

    .col_md_10 {
        width: 83.33%;
    }

    .col_md_9 {
        width: 75%;
    }

    .col_md_8 {
        width: 66.66%;
    }

    .col_md_7 {
        width: 58.33%;
    }

    .col_md_6 {
        width: 50%;
    }

    .col_md_5 {
        width: 41.66%;
    }

    .col_md_4 {
        width: 33.33%;
    }

    .col_md_3 {
        width: 25%;
    }

    .col_md_2 {
        width: 16.66%;
    }

    .col_md_1 {
        width: 8.33%;
    }



    .order_md_12 {
        order: 12;
    }

    .order_md_11 {
        order: 11;
    }

    .order_md_10 {
        order: 10;
    }

    .order_md_9 {
        order: 9;
    }

    .order_md_8 {
        order: 8;
    }

    .order_md_7 {
        order: 7;
    }

    .order_md_6 {
        order: 6;
    }

    .order_md_5 {
        order: 5;
    }

    .order_md_4 {
        order: 4;
    }

    .order_md_3 {
        order: 3;
    }

    .order_md_2 {
        order: 2;
    }

    .order_md_1 {
        order: 1;
    }

    .order_md_0 {
        order: 0;
    }



    .flexCol_md_12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .flexCol_md_11 {
        flex-basis: 91.66%;
        max-width: 91.66%;
    }

    .flexCol_md_10 {
        flex-basis: 83.33%;
        max-width: 83.33%;
    }

    .flexCol_md_9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .flexCol_md_8 {
        flex-basis: 66.66%;
        max-width: 66.66%;
    }

    .flexCol_md_7 {
        flex-basis: 58.33%;
        max-width: 58.33%;
    }

    .flexCol_md_6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .flexCol_md_5 {
        flex-basis: 41.66%;
        max-width: 41.66%;
    }

    .flexCol_md_4 {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }

    .flexCol_md_3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .flexCol_md_2 {
        flex-basis: 16.66%;
        max-width: 16.66%;
    }

    .flexCol_md_1 {
        flex-basis: 8.33%;
        max-width: 8.33%;
    }


    .mainCartItems .backRow,
    .checkoutInfoBoxes {
        display: block;
    }
}

@media (min-width: 991px) {

    .col_lg_12 {
        width: 100%;
    }

    .col_lg_11 {
        width: 91.66%;
    }

    .col_lg_10 {
        width: 83.33%;
    }

    .col_lg_9 {
        width: 75%;
    }

    .col_lg_8 {
        width: 66.66%;
    }

    .col_lg_7 {
        width: 58.33%;
    }

    .col_lg_6 {
        width: 50%;
    }

    .col_lg_5 {
        width: 41.66%;
    }

    .col_lg_4 {
        width: 33.33%;
    }

    .col_lg_3 {
        width: 25%;
    }

    .col_lg_2 {
        width: 16.66%;
    }

    .col_lg_1 {
        width: 8.33%;
    }



    .order_lg_12 {
        order: 12;
    }

    .order_lg_11 {
        order: 11;
    }

    .order_lg_10 {
        order: 10;
    }

    .order_lg_9 {
        order: 9;
    }

    .order_lg_8 {
        order: 8;
    }

    .order_lg_7 {
        order: 7;
    }

    .order_lg_6 {
        order: 6;
    }

    .order_lg_5 {
        order: 5;
    }

    .order_lg_4 {
        order: 4;
    }

    .order_lg_3 {
        order: 3;
    }

    .order_lg_2 {
        order: 2;
    }

    .order_lg_1 {
        order: 1;
    }

    .order_lg_0 {
        order: 0;
    }



    .flexCol_lg_12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .flexCol_lg_11 {
        flex-basis: 91.66%;
        max-width: 91.66%;
    }

    .flexCol_lg_10 {
        flex-basis: 83.33%;
        max-width: 83.33%;
    }

    .flexCol_lg_9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .flexCol_lg_8 {
        flex-basis: 66.66%;
        max-width: 66.66%;
    }

    .flexCol_lg_7 {
        flex-basis: 58.33%;
        max-width: 58.33%;
    }

    .flexCol_lg_6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .flexCol_lg_5 {
        flex-basis: 41.66%;
        max-width: 41.66%;
    }

    .flexCol_lg_4 {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }

    .flexCol_lg_3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .flexCol_lg_2 {
        flex-basis: 16.66%;
        max-width: 16.66%;
    }

    .flexCol_lg_1 {
        flex-basis: 8.33%;
        max-width: 8.33%;
    }
}






@media (min-width: 1025px) {

    .homePage .mainHeader .mobileMenu {
        top: 150px;
        height: calc(100vh - 150px);
    }

        .homePage .mainHeader .mobileMenu .parent.open > .sublevel {
            height: calc(100vh - 150px);
        }


    .homePage .mainHeader.fixed .mobileMenu {
        top: 70px;
        height: calc(100vh - 70px);
    }

        .homePage .mainHeader.fixed .mobileMenu .parent.open > .sublevel {
            height: calc(100vh - 70px);
        }


    .mainHeader .mobileMenu {
        top: 90px;
        height: calc(100vh - 90px);
    }

        .mainHeader .mobileMenu .parent.open > .sublevel {
            height: calc(100vh - 90px);
        }


    .mainHeader.fixed .mobileMenu {
        top: 70px;
        height: calc(100vh - 70px);
    }

        .mainHeader.fixed .mobileMenu .parent.open > .sublevel {
            height: calc(100vh - 70px);
        }

    .ie11 .homePage .mainHeader .mobileMenu .parent.open > .sublevel {
        top: 150px;
    }

    .ie11 .homePage .mainHeader.fixed .mobileMenu .parent.open > .sublevel {
        top: 70px;
    }

    .ie11 .mainHeader .mobileMenu .parent.open > .sublevel {
        top: 90px
    }

    .ie11 .mainHeader.fixed .mobileMenu .parent.open > .sublevel {
        top: 70px
    }

    .cd-dropdown-content > .ps__rail-y {
        top: 0px !important;
    }
}

@media (min-width: 1200px) {

    .col_xl_12 {
        width: 100%;
    }

    .col_xl_11 {
        width: 91.66%;
    }

    .col_xl_10 {
        width: 83.33%;
    }

    .col_xl_9 {
        width: 75%;
    }

    .col_xl_8 {
        width: 66.66%;
    }

    .col_xl_7 {
        width: 58.33%;
    }

    .col_xl_6 {
        width: 50%;
    }

    .col_xl_5 {
        width: 41.66%;
    }

    .col_xl_4 {
        width: 33.33%;
    }

    .col_xl_3 {
        width: 25%;
    }

    .col_xl_2 {
        width: 16.66%;
    }

    .col_xl_1 {
        width: 8.33%;
    }


    .order_xl_12 {
        order: 12;
    }

    .order_xl_11 {
        order: 11;
    }

    .order_xl_10 {
        order: 10;
    }

    .order_xl_9 {
        order: 9;
    }

    .order_xl_8 {
        order: 8;
    }

    .order_xl_7 {
        order: 7;
    }

    .order_xl_6 {
        order: 6;
    }

    .order_xl_5 {
        order: 5;
    }

    .order_xl_4 {
        order: 4;
    }

    .order_xl_3 {
        order: 3;
    }

    .order_xl_2 {
        order: 2;
    }

    .order_xl_1 {
        order: 1;
    }

    .order_xl_0 {
        order: 0;
    }

    .flexCol_xl_12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .flexCol_xl_11 {
        flex-basis: 91.66%;
        max-width: 91.66%;
    }

    .flexCol_xl_10 {
        flex-basis: 83.33%;
        max-width: 83.33%;
    }

    .flexCol_xl_9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .flexCol_xl_8 {
        flex-basis: 66.66%;
        max-width: 66.66%;
    }

    .flexCol_xl_7 {
        flex-basis: 58.33%;
        max-width: 58.33%;
    }

    .flexCol_xl_6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .flexCol_xl_5 {
        flex-basis: 41.66%;
        max-width: 41.66%;
    }

    .flexCol_xl_4 {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }

    .flexCol_xl_3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .flexCol_xl_2 {
        flex-basis: 16.66%;
        max-width: 16.66%;
    }

    .flexCol_xl_1 {
        flex-basis: 8.33%;
        max-width: 8.33%;
    }
}

@media (min-width:1400px) {
    .promoBox .catItem {
        padding-top: 4.5%;
        padding-bottom: 4.5%;
    }
}

@media (min-width:1600px) {

    .promoSliderDots,
    .promoCategList .flexCol_6,
    .promoBox .col_12,
    .promoBox .flexCol_12 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .promoBox .catItem {
        padding-top: 5.5%;
        padding-bottom: 5.5%;
    }
}


@media (min-width:1800px) {

    .promoSliderDots,
    .promoCategList .flexCol_6,
    .promoBox .col_12,
    .promoBox .flexCol_12 {
        padding-left: 30px;
        padding-right: 30px;
    }
}



@media (min-width:1900px) {
}

@media (min-width:2560px) {
}

@media (min-width: 351px) and (max-width:1024px) {

    .mainHeader .headerCenter,
    .mainHeader .headerLeft,
    .mainHeader .headerUserTools {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }
}

@media (max-height:760px) and (min-width: 1024px) {

    .selectField > .drop .filterScrollArea {
        max-height: 35vh;
    }
}

@media (max-height:480px) {

    .popup.popupSmall.v2 .content,
    .popup.popupSmall .content {
        height: calc(100vh - 2rem);
        max-height: calc(100vh - 2rem);
    }
}


@media (max-height:520px) {

    .popup.popupMedium .content {
        height: calc(100vh - 2rem);
        max-height: calc(100vh - 2rem);
    }
}

@media print {
    .compareSection {
        display: block;
    }

    .mainHeader {
        background-color: transparent;
        position: relative;
    }

        .mainHeader .headerLeft,
        .mainHeader .headerUserTools {
            opacity: 0;
        }

    .breadcrumbs,
    .promoInfoBoxes,
    .pageNewsLtrContainer,
    .mainFooter {
        display: none;
    }
}

/*##################################################### menu.css ############################################################*/
@charset "UTF-8";

@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-moz-keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-webkit-keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: visible;
    }
}

@-moz-keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: visible;
    }
}

@keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: visible;
    }
}

.navBackLayer {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(237, 237, 239, 0.85);
    z-index: 1;
}

    .navBackLayer.open {
        opacity: 1;
        visibility: visible;
        transform: opacity 0.15s ease-in-out;
    }


/*Menu redesign additions*/

.cd-dropdown li.headerIcons {
    display: flex;
    justify-content: start;
    color: #2D2C42;
    text-align: center
}

    .cd-dropdown li.headerIcons section {
        width: 25%;
        padding: 5px;
        position: relative;
    }

        .cd-dropdown li.headerIcons section .linkStreched {
            position: absolute !important;
            inset: 0;
            height: 100%;
        }

        .cd-dropdown li.headerIcons section .rect {
            height: 50px;
            background: rgba(73, 96, 242, 0.25);
            border-radius: 4px;
            margin-bottom: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all linear 0.1s;
        }

        .cd-dropdown li.headerIcons section:nth-child(2) .rect {
            background: rgba(73, 96, 242, 0.20);
        }

        .cd-dropdown li.headerIcons section:nth-child(3) .rect {
            background: rgba(73, 96, 242, 0.15);
        }

        .cd-dropdown li.headerIcons section:nth-child(4) .rect {
            background: rgba(73, 96, 242, 0.10);
        }

        .cd-dropdown li.headerIcons section .rect svg {
            height: 30px;
            width: 30px;
        }

        .cd-dropdown li.headerIcons section:hover .rect {
            background: rgba(73, 96, 242, 0.35);
        }


.cd-dropdown .subSection.youClub {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.cd-dropdown .subSection h4 {
    font-size: 16px;
    color: #8F9199;
    font-weight: 600;
}

.cd-dropdown .subSection.youClub div:first-of-type {
    border-right: solid thin rgba(0,0,0,0.3);
    margin-right: 12px;
}

.cd-dropdown .subSection.youClub .linkStreched {
    position: absolute !important;
    inset: 0;
}

.cd-dropdown .subSection .menuInfo {
    display: flex;
    align-items: center;
    border-radius: 8px;
    background-color: #F0F0F2;
    padding: 10px 15px;
    color: #2D2C42;
    margin-bottom: 8px;
    position: relative;
}

    .cd-dropdown .subSection .menuInfo .linkStretched {
        position: absolute !important;
        inset: 0;
    }


    .cd-dropdown .subSection .menuInfo img {
        width: 15px;
        height: 15px;
    }
    /*Cancels safari telephone link attributes*/
    .cd-dropdown .subSection .menuInfo .f14 a {
        position: relative;
        font-size: unset;
        line-height: unset;
        inset: unset;
        border-radius: unset;
        padding: unset;
    }
/*end of Menu redesign additions*/



.cd-dropdown-content > li > a {
    font-size: 0.875rem;
    font-weight: 700;
}


.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
    height: 50px;
    line-height: 50px;
    color: #2D2C42;
}


.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
    padding: 0 20px;
}

.cd-dropdown {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 375px;
    height: 100%;
    background-color: #111433;
    color: #ffffff;
    visibility: hidden;
    /* Force Hardware Acceleration */
    /*   -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
  transition: transform 0.5s 0s, visibility 0s 0.5s; */
}

    .cd-dropdown h2 {
        /* dropdown title - mobile version only */
        position: relative;
        z-index: 1;
        color: #585a70;
        background-color: #111433;
        border-bottom: 1px solid #242643;
    }

    .cd-dropdown .cd-close {
        /* 'X' close icon - mobile version only */
        position: absolute;
        z-index: 1;
        right: 0;
        top: 0;
        height: 50px;
        width: 50px;
        /* image replacement */
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        color: transparent;
    }

        .cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
            /* this is the 'X' icon */
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            bottom: auto;
            right: auto;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            height: 20px;
            width: 2px;
            background-color: #ffffff;
        }

        .cd-dropdown .cd-close::after {
            -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
        }

        .cd-dropdown .cd-close::before {
            -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        }

    .cd-dropdown.dropdown-is-active {
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        /*   -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
  transition: transform 0.5s 0s, visibility 0s 0s; */
    }



.cd-dropdown-content, .cd-dropdown-content ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: -webkit-transform 0.15s;
    -moz-transition: -moz-transform 0.15s;
    transition: transform 0.15s;
}

    .cd-dropdown-content a, .cd-dropdown-content ul a {
        display: block;
        color: #ffffff;
        /* truncate text with ellipsis if too long */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-top-width: 1px;
        border-color: #242643;
        border-style: solid;
    }

    .cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
        border-top-width: 0;
    }

    .cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
        border-bottom-width: 1px;
    }

    .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #0b0e23;
        font-size: 1.1rem;
        font-weight: bold;
        letter-spacing: 1px;
        color: #585a70;
        text-transform: uppercase;
    }

        .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
            border-top-width: 0;
        }

    .cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
        /* Force Hardware Acceleration */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: opacity 0.3s, -moz-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
    }

    .cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
        /* push the secondary dropdown items to the right */
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

        .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
            /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
            opacity: 0;
        }

    .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
        /* push the dropdown items to the left when secondary dropdown slides in */
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }


.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
    -webkit-overflow-scrolling: touch;
}





.cd-dropdown-content .see-all a {
    /* different style for the See all links */
    color: #3f8654;
}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    /* items with picture (or icon) and title */
    height: 80px;
    line-height: 80px;
}

    .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
        /* truncate text with ellipsis if too long */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
    padding-left: 90px;
}

.cd-dropdown-content .cd-dropdown-gallery img {
    position: absolute;
    display: block;
    height: 40px;
    width: auto;
    left: 20px;
    top: 50%;
    margin-top: -20px;
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    padding-left: 75px;
    position: relative;
}

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
        color: #111433;
        font-size: 1.3rem;
        /* hide description on small devices */
        display: none;
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
        /* item icon */
        content: '';
        display: block;
        position: absolute;
        left: 20px;
        top: 50%;
        margin-top: -20px;
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 40px 40px;
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-1::before {
        /*background-image: url("../img/nucleo-icon-1.svg");*/
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-2::before {
        /*background-image: url("../img/nucleo-icon-2.svg");*/
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-3::before {
        /*background-image: url("../img/nucleo-icon-3.svg");*/
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-4::before {
        /*background-image: url("../img/nucleo-icon-4.svg");*/
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-5::before {
        /*background-image: url("../img/nucleo-icon-5.svg");*/
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-6::before {
        /*background-image: url("../img/nucleo-icon-6.svg");*/
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-7::before {
        /*background-image: url("../img/nucleo-icon-7.svg");*/
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-8::before {
        /*background-image: url("../img/nucleo-icon-8.svg");*/
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-9::before {
        /*background-image: url("../img/nucleo-icon-9.svg");*/
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-10::before {
        /*background-image: url("../img/nucleo-icon-10.svg");*/
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-11::before {
        /*background-image: url("../img/nucleo-icon-11.svg");*/
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-12::before {
        /*background-image: url("../img/nucleo-icon-12.svg");*/
    }






.has-children > a, .go-back a {
    position: relative;
}

    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        /* arrow icon in CSS - for element with nested unordered lists */
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -1px;
        display: inline-block;
        height: 2px;
        width: 10px;
        background: #ffffff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .has-children > a::before, .go-back a::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .has-children > a::after, .go-back a::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.has-children > a {
    padding-right: 40px;
}

    .has-children > a::before, .has-children > a::after {
        /* arrow goes on the right side - children navigation */
        right: 20px;
        -webkit-transform-origin: 9px 50%;
        -moz-transform-origin: 9px 50%;
        -ms-transform-origin: 9px 50%;
        -o-transform-origin: 9px 50%;
        transform-origin: 9px 50%;
    }



.cd-dropdown-content .go-back a {
    padding-left: 40px;
}

    .cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
        /* arrow goes on the left side - go back button */
        left: 20px;
        -webkit-transform-origin: 1px 50%;
        -moz-transform-origin: 1px 50%;
        -ms-transform-origin: 1px 50%;
        -o-transform-origin: 1px 50%;
        transform-origin: 1px 50%;
    }

.cd-main-content {
    background-color: #e6e6e6;
    min-height: calc(100vh - 100px);
    padding: 2em 5%;
    line-height: 2;
}

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.no-js .cd-dropdown-wrapper .cd-close {
    display: none;
}





.cd-dropdown {
    box-shadow: none;
    border-right: solid thin #e8e8e8;
}


/**************/
/*kyries categories*/
/**************/
.cd-dropdown-content {
    height: 100%;
    overflow-y: auto;
    padding: 4px 11px;
}

    .cd-dropdown-content a, .cd-dropdown-content ul a {
        border: none;
    }

    .cd-dropdown-content > .has-children > a.is-active, .no-touch .cd-dropdown-content > li > a:hover {
        box-shadow: none;
        color: #2C2D31;
        position: relative;
        background-color: #ffc500;
        border-radius: 4px;
    }


/**************/
/*sub-categories*/
/**************/
.cd-secondary-dropdown {
    box-shadow: none !important;
}

    .cd-secondary-dropdown.is-hidden {
        overflow-y: hidden;
    }

    .cd-secondary-dropdown.is-active {
        /*   height: calc(100vh - 100px);
  overflow-y: auto;

  width: calc(100vw - 401px) !important;
  padding: 20px 10px !important; */
    }

.cd-dropdown-content .cd-secondary-dropdown::before {
    content: none;
}

.cd-dropdown-content .cd-secondary-dropdown > li {
    /*   border: none;
  border-top:solid thin red;
  padding: 0;
  width: calc(16.66% - 20px);
  margin: 0 10px 20px 10px;
  float: left;
  height: 430px;
  background-color:#f2f2f2; */
}



    .cd-dropdown-content .cd-secondary-dropdown > li > a {
        color: #2e2c42;
    }

.cd-dropdown-content .cd-secondary-dropdown a {
    line-height: 26px;
    font-size: 14px;
}

    .cd-dropdown-content .cd-secondary-dropdown a:hover {
        color: #4960F2;
    }

.cd-dropdown-content .cd-secondary-dropdown .see-all > a {
    color: #2D2C42;
}

.cd-dropdown-content .cd-secondary-dropdown > li .categoryIcon {
    border-radius: 4px;
    padding: 0;
    position: relative;
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
    background-color: #f7f7f9;
    background-position: top 0px left 0px;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

    .cd-dropdown-content .cd-secondary-dropdown > li .categoryIcon img {
        /*   position: absolute;
  right: 10px;
  bottom: 0;
  max-width: 150px; */
        width: auto;
        height: 100%;
    }








.cd-search input[type="search"] {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #242643;
    color: #ffffff;
    border: none;
    border-radius: 0;
}

    .cd-search input[type="search"]::-webkit-input-placeholder {
        color: #ffffff;
    }

    .cd-search input[type="search"]::-moz-placeholder {
        color: #ffffff;
    }

    .cd-search input[type="search"]:-moz-placeholder {
        color: #ffffff;
    }

    .cd-search input[type="search"]:-ms-input-placeholder {
        color: #ffffff;
    }

    .cd-search input[type="search"]:focus {
        background: #ffffff;
        color: #111433;
        outline: none;
    }

        .cd-search input[type="search"]:focus::-webkit-input-placeholder {
            color: rgba(17, 20, 51, 0.4);
        }

        .cd-search input[type="search"]:focus::-moz-placeholder {
            color: rgba(17, 20, 51, 0.4);
        }

        .cd-search input[type="search"]:focus:-moz-placeholder {
            color: rgba(17, 20, 51, 0.4);
        }

        .cd-search input[type="search"]:focus:-ms-input-placeholder {
            color: rgba(17, 20, 51, 0.4);
        }



.cd-dropdown li.special {
    font-size: 1.25rem;
    padding: 0px;
    border-block: 1px solid rgba(0,0,0,0.1);
    margin-top: 10px;
}

    .cd-dropdown li.special a {
        font-size: 1.25rem;
        padding: 0.75rem 1rem;
        height: auto;
        line-height: 1.25;
    }

    .cd-dropdown li.special:first-of-type {
        border: none;
    }

    .cd-dropdown li.special a > span {
        display: block;
        font-size: 0.875rem;
    }


.cd-dropdown .subSection {
    margin: 0.8rem 0px;
    border-top: 1px solid rgba(0,0,0,0.1);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

    .cd-dropdown .subSection:last-child {
        margin-bottom: 5.5rem;
    }

    .cd-dropdown .subSection h3 {
        cursor: pointer;
        color: #8F9199;
        padding: 0px 22px;
        margin: 2rem 0px 1.5rem 0px;
    }

    .cd-dropdown .subSection.collapsed h3 {
        margin-bottom: 0.5rem;
    }

    .cd-dropdown .subSection ul {
        position: relative;
        top: auto;
        left: auto;
        overflow: hidden;
        display: block;
        height: auto;
        max-height: auto;
    }

    .cd-dropdown .subSection.collapsed ul {
        overflow: hidden;
        display: none;
        max-height: 0;
    }

    .cd-dropdown .subSection li {
        font-weight: 500;
        padding: 8px 22px 8px 22px;
    }

        .cd-dropdown .subSection li a {
            padding: 0px;
            font-size: 0.875rem;
            line-height: 1.25;
            height: auto;
            color: #2D2C42;
        }

.no-touch .cd-dropdown .subSection li a:hover {
    color: #4960F2;
}

.cd-dropdown .subSection span.underText {
    display: block;
    font-size: 0.75rem;
    color: #8F9199;
}

.cd-dropdown li a.flexAnchor {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #2D2C42;
}

.cd-dropdown .subSection .leftText {
    flex: 0 1 auto;
}

.cd-dropdown .subSection .rightImg {
    height: auto;
    max-width: 20px;
    align-self: center;
    flex: 1 0 20px;
}





@media only screen and (min-width: 768px) {
    .cd-dropdown h2,
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        height: 60px;
        line-height: 60px;
    }

    .cd-dropdown .cd-close {
        top: 5px;
    }

    .cd-dropdown-content, .cd-dropdown-content ul {
        /*     padding-top: 60px; */
    }

        .cd-dropdown-content a, .cd-dropdown-content ul a {
            font-size: 1.8rem;
        }
}





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

    .cd-dropdown-content .cd-secondary-dropdown > li {
        width: 33.33%;
    }

    .cd-dropdown-content .cd-secondary-dropdown li.mobileLink {
        display: none;
    }

    .homePage .mainHeader .cd-dropdown {
        top: 70px;
        height: calc(100vh - 140px);
    }

    .homePage .mainHeader.fixed .cd-dropdown {
        top: 50px;
        height: calc(100vh - 60px);
    }




    .cd-dropdown h2,
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        height: 50px;
        line-height: 50px;
    }


    .cd-dropdown {
        position: absolute;
        top: 70px;
        /* reset style*/
        height: calc(100vh - 70px);
        border-right: 1px solid #EAEAED;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        background-color: #ffffff;
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
    }

    .mainHeader.fixed .cd-dropdown {
        top: 50px;
        /* reset style*/
        height: calc(100vh - 60px);
    }

    .cd-dropdown .subSection {
        display: none;
    }


    .open-to-left .cd-dropdown {
        /* use the .open-to-left class if you want to open the dropdown on the left */
        right: 0;
        left: auto;
    }

    .cd-dropdown h2, .cd-dropdown .cd-close {
        /* on desktop - hide title and 'X' */
        display: none;
    }

    .cd-dropdown.dropdown-is-active {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
        transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
    }

    .cd-dropdown-content, .cd-dropdown-content ul {
        padding-top: 0;
        /*     overflow: visible; */
    }

        .cd-dropdown-content a, .cd-dropdown-content ul a {
            color: #2D2C42;
            height: 35px;
            line-height: 35px;
            font-size: 1.5rem;
            border-color: #ebebeb;
        }

        .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
            background-color: transparent;
            color: #b3b3b3;
            border-top: 1px solid #ebebeb;
        }

            .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
                border-top-width: 1px;
            }

        .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
            /* reset mobile style */
            opacity: 1;
        }


    .cd-dropdown-content {
        /* reset mobile style */
        position: static;
        /*     height: auto; */
        width: 375px;
        padding-top: 1rem;
    }

        .cd-dropdown-content > li:last-of-type a {
            border-bottom: none;
        }

        .cd-dropdown-content > li:not(.has-children) a:hover {
            color: #4960F2;
            background-color: transparent;
        }

        .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider {
            /* reset mobile style */
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }

    .desktop .cd-dropdown-content .cd-secondary-dropdown,
    .desktop .cd-dropdown-content .cd-dropdown-gallery,
    .desktop .cd-dropdown-content .cd-dropdown-icons {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        left: 100%;
        height: auto;
        background-color: #ffffff;
        box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
    }

    .cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after {
        clear: both;
        content: "";
        display: table;
    }

    .open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons {
        /* use the .open-to-left class if you want to open the dropdown on the left */
        left: auto;
        right: 100%;
    }

    .cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in {
        /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
        -webkit-animation: cd-fade-in 0.2s;
        -moz-animation: cd-fade-in 0.2s;
        animation: cd-fade-in 0.2s;
    }

    .cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out {
        /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
        -webkit-animation: cd-fade-out 0.2s;
        -moz-animation: cd-fade-out 0.2s;
        animation: cd-fade-out 0.2s;
    }

    .cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back {
        display: none;
    }

    .cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
        position: absolute;
        bottom: 20px;
        height: 45px;
        text-align: center;
    }

        .cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a {
            margin: 0;
            height: 100%;
            line-height: 45px;
            background: #ebebeb;
            pointer-events: auto;
            -webkit-transition: color 0.2s, background-color 0.2s;
            -moz-transition: color 0.2s, background-color 0.2s;
            transition: color 0.2s, background-color 0.2s;
        }

    .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {
        color: #ffffff;
        background-color: #111433;
    }

    .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a {
        border: none;
    }

    .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
        padding: 20px 30px 100px;
    }

        .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
            width: calc(100% - 60px);
        }

    .desktop .cd-dropdown-content .cd-secondary-dropdown {
        overflow: auto;
        width: calc(100vw - 450px);
        height: 100%;
        padding: 20px;
    }

    .cd-dropdown-content .cd-secondary-dropdown::before {
        /* this is the separation line in the middle of the .cd-secondary-dropdown element */
        /*     position: absolute;
    content: '';
    top: 290px;
    left: 15px;
    height: 1px;
    width: 520px;
    background-color: #ebebeb; */
    }

    .cd-dropdown-content .cd-secondary-dropdown > li > a {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 30px;
        height: 30px;
        /*     pointer-events: none; */
    }

        /*   .cd-dropdown-content .cd-secondary-dropdown > li > a.categoryIcon{
    pointer-events:auto;
  } */

        .cd-dropdown-content .cd-secondary-dropdown > li > a::after, .cd-dropdown-content .cd-secondary-dropdown > li > a::before {
            /* hide the arrow */
            display: none;
        }

    .cd-dropdown-content .cd-secondary-dropdown.move-out > li > a {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-dropdown-content .cd-secondary-dropdown > li {
        margin: 0px 0px 1rem 0px;
        /*     border-right-width: 1px;
    border-color: #ebebeb;
    border-style: solid; */
        padding: 0 0.5rem;
        height: 430px;
        float: left;
    }

    .cd-dropdown-content li.no-height-children .cd-secondary-dropdown > li {
        height: auto;
    }

    .cd-dropdown-content .cd-secondary-dropdown > li.bigMenu {
        height: 100%;
    }

    .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {
        border-right-width: 0;
    }

    .cd-dropdown-content .cd-secondary-dropdown > li > ul {
        /* reset mobile style */
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        position: relative;
        height: auto;
    }

        .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
            display: none;
        }

    .cd-dropdown-content .cd-secondary-dropdown a {
        line-height: 25px;
        height: 25px;
        font-size: 0.875rem;
        padding-left: 0;
    }

    .no-touch .cd-dropdown-content .cd-secondary-dropdown a:not(.categoryIcon):hover {
        color: #4960F2;
        background: transparent;
    }

    .cd-dropdown-content .cd-secondary-dropdown ul {
        padding-bottom: 25px;
        overflow: hidden;
        height: auto;
    }

    .cd-dropdown-content .cd-secondary-dropdown .go-back a {
        padding-left: 20px;
        color: transparent;
    }

    .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
        color: transparent;
    }

    .cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
        left: 0;
    }

    .cd-dropdown-content .cd-secondary-dropdown .see-all {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        font-weight: 600;
    }

    .cd-dropdown-content .cd-dropdown-gallery {
        width: 600px;
        padding-bottom: 100px;
    }

        .cd-dropdown-content .cd-dropdown-gallery > li {
            width: 48%;
            float: left;
            margin-right: 4%;
        }

            .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
                margin-right: 0;
            }

        .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
            padding: 0;
            height: auto;
            line-height: normal;
            color: #3f8654;
            margin-bottom: 2em;
        }

        .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,
        .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {
            margin-bottom: 0;
        }

        .cd-dropdown-content .cd-dropdown-gallery img {
            position: static;
            height: auto;
            width: 100%;
            margin: 0 0 0.6em;
        }

    .cd-dropdown-content .cd-dropdown-icons {
        width: 600px;
    }

        .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
            height: 80px;
            line-height: 1.2;
            padding: 24px 0 0 85px;
        }

            .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
                background: #ebebeb;
            }

            .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
                color: #3f8654;
                font-weight: bold;
            }

            .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
                display: block;
                font-size: 1.2rem;
            }

            .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
                left: 25px;
            }

    .cd-dropdown-content > .has-children > ul {
        visibility: hidden;
    }

        .cd-dropdown-content > .has-children > ul.is-active {
            /* when hover over .cd-dropdown-content items - show subnavigation */
            visibility: visible;
        }

    .desktop .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {
        /* if .cd-secondary-dropdown is visible - show also subnavigation */
        visibility: visible;
    }

    .desktop .cd-dropdown-content > .has-children > a.is-active {
        /* hover effect for .cd-dropdown-content items with subnavigation */
        /*     box-shadow: inset 2px 0 0 #3f8654;
    color: #3f8654; */
    }

        .desktop .cd-dropdown-content > .has-children > a.is-active::before, .cd-dropdown-content > .has-children > a.is-active::after {
            background: #2D2C42;
        }

    .desktop .open-to-left .cd-dropdown-content > .has-children > a.is-active {
        box-shadow: inset -2px 0 0 #3f8654;
    }

    .desktop .cd-search input[type="search"] {
        background-color: #ebebeb;
    }

        .desktop .cd-search input[type="search"]::-webkit-input-placeholder {
            color: #b3b3b3;
        }

        .desktop .cd-search input[type="search"]::-moz-placeholder {
            color: #b3b3b3;
        }

        .desktop .cd-search input[type="search"]:-moz-placeholder {
            color: #b3b3b3;
        }

        .desktop .cd-search input[type="search"]:-ms-input-placeholder {
            color: #b3b3b3;
        }

    .desktop .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        background: #b3b3b3;
    }

    .desktop .open-to-left .cd-dropdown-content > .has-children > a {
        padding-left: 40px;
        padding-right: 20px;
    }

        .desktop .open-to-left .cd-dropdown-content > .has-children > a::before, .open-to-left .cd-dropdown-content > .has-children > a::after {
            right: auto;
            left: 20px;
            -webkit-transform-origin: 1px 50%;
            -moz-transform-origin: 1px 50%;
            -ms-transform-origin: 1px 50%;
            -o-transform-origin: 1px 50%;
            transform-origin: 1px 50%;
        }


    .desktop .cd-dropdown.dropdown-is-active {
        -webkit-transform: translateY(16px);
        -moz-transform: translateY(16px);
        -ms-transform: translateY(16px);
        -o-transform: translateY(16px);
        transform: translateY(16px);
    }

    .desktop .cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden {
        -webkit-transform: translateX(1px);
        -moz-transform: translateX(1px);
        -ms-transform: translateX(1px);
        -o-transform: translateX(1px);
        transform: translateX(1px);
    }

    /* ul.cd-dropdown-content > li:last-of-type a {
        margin-bottom: 50px;
    }*/
}


@media only screen and (min-width: 1400px) {

    .cd-dropdown-content .cd-secondary-dropdown > li {
        width: 25%;
    }
}

@media only screen and (min-width: 1600px) {

    .cd-dropdown-content .cd-secondary-dropdown > li {
        width: 20%;
    }
}

@media only screen and (min-width: 1681px) {

    .cd-dropdown-content .cd-secondary-dropdown > li {
        width: 16.66%;
    }
}



@media (max-width:1024px) {

    .homePage .mainHeader.fixed .cd-dropdown,
    .homePage .mainHeader .cd-dropdown {
        top: 70px;
        height: calc(100vh - 70px);
    }

    .cd-dropdown {
        top: 70px;
        height: calc(100% - 70px);
        overflow: hidden;
        background: #fff;
    }

    .cd-dropdown-content {
        padding-top: 20px;
        margin-top: 0;
    }

        .cd-dropdown-content a {
            color: #2C2D31;
            transition: all linear 0.1s;
            border-radius: 4px;
            font-size: 16px;
            line-height: 45px;
            height: unset;
        }

        .cd-dropdown-content > li:not(.has-children) > a:hover,
        .cd-dropdown-content li.has-children a:hover {
            background-color: transparent;
            color: #2D2C42;
        }

    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        background-color: #4a4a4a;
    }

    .BigMenu {
        height: unset !important;
    }

    .cd-secondary-dropdown.is-active {
        width: 100%;
        padding: 0;
        padding-top: 20px;
        height: 100%;
        overflow-y: unset;
        z-index: 9999;
    }


    .cd-dropdown-content, .cd-dropdown-content ul {
        position: fixed;
        height: calc(100vh - 70px);
    }

        .cd-dropdown-content .cd-secondary-dropdown {
            background-color: #fff;
            z-index: 1;
        }

            .cd-dropdown-content .cd-secondary-dropdown > li {
                width: 100%;
                float: unset;
                height: auto;
                border: none;
                margin: 0;
            }

                .cd-dropdown-content .cd-secondary-dropdown > li.go-back a {
                    font-weight: 400;
                    border-bottom: solid thin rgba(0,0,0,0.1);
                    border-radius: 0;
                }

                    .cd-dropdown-content .cd-secondary-dropdown > li.go-back a span {
                        font-weight: 600;
                    }

            .cd-dropdown-content .cd-secondary-dropdown li.general-caterogry-link a {
                font-weight: 600;
                font-size: 0.875rem;
                color: #4960F2;
                margin-top: 10px;
                border-top: solid thin rgba(0,0,0,0.1);
                border-radius: 0;
                display: block;
            }

            .cd-dropdown-content .cd-secondary-dropdown a {
                font-size: 0.875rem;
                font-weight: 600;
                line-height: 45px;
                height: unset;
                color: #2C2D31;
            }

            .cd-dropdown-content .cd-secondary-dropdown > li .categoryIcon {
                display: none;
            }

            .cd-dropdown-content .cd-secondary-dropdown .see-all > a {
                display: none;
            }

    .move-out {
        overflow: hidden !important;
    }
}


@media (max-width:575px) {

    .cd-dropdown {
        width: 100%;
        z-index: 99;
    }
}

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


    .tablet .cd-dropdown {
        overflow: hidden;
    }

    /*********************/

    .tablet .cd-dropdown-content {
        padding-top: 20px;
    }

        .tablet .cd-dropdown-content .cd-secondary-dropdown > .go-back,
        .tablet .cd-dropdown-content .cd-dropdown-gallery > .go-back,
        .tablet .cd-dropdown-content .cd-dropdown-icons > .go-back {
            display: block;
        }


        .tablet .cd-dropdown-content a {
            color: #2C2D31;
            transition: all linear 0.1s;
            border-radius: 4px;
            font-size: 16px;
            line-height: 45px;
            height: unset;
        }

        .tablet .cd-dropdown-content > li:not(.has-children) > a:hover,
        .tablet .cd-dropdown-content li.has-children a:hover {
            background-color: transparent;
            color: #2D2C42;
        }


    .tablet .BigMenu {
        height: unset !important;
    }

    .tablet .cd-secondary-dropdown.is-active {
        width: 100%;
        padding: 0;
        padding-top: 20px;
        height: 100%;
        overflow-y: unset;
        z-index: 9991;
    }

    .tablet .cd-dropdown-content .cd-secondary-dropdown > li > ul,
    .tablet .cd-dropdown-content,
    .tablet .cd-dropdown-content ul {
        position: fixed;
        height: calc(100vh - 54px);
    }


        .tablet .cd-dropdown-content,
        .tablet .cd-dropdown-content ul {
            top: 0;
            left: 0;
            width: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-transition: -webkit-transform 0.15s;
            -moz-transition: -moz-transform 0.15s;
            transition: transform 0.15s;
            background-color: #fff;
            z-index: 9992;
        }

            .tablet .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
                display: block;
            }

            .tablet .cd-dropdown-content .cd-secondary-dropdown > li > ul {
                position: fixed;
                height: calc(100vh - 54px);
                top: 20px;
            }




            .tablet .cd-dropdown-content .cd-secondary-dropdown {
                background-color: #fff;
            }

                .tablet .cd-dropdown-content .cd-secondary-dropdown > li {
                    width: 100%;
                    float: unset;
                    height: auto;
                    border: none;
                    margin: 0;
                }

                .tablet .cd-dropdown-content .cd-secondary-dropdown a {
                    font-size: 0.875rem;
                    font-weight: 600;
                    line-height: 45px;
                    height: unset;
                    color: #2C2D31;
                }

                .tablet .cd-dropdown-content .cd-secondary-dropdown > li .categoryIcon {
                    display: none;
                }

                .tablet .cd-dropdown-content .cd-secondary-dropdown .see-all > a {
                    display: none;
                }

    .tablet .move-out {
        overflow: hidden !important;
    }

    .tablet .cd-dropdown-content .cd-secondary-dropdown {
        background-color: #fff;
        height: calc(100vh - 54px);
        padding-top: 34px;
        /*! z-index: 999; */
    }

    .tablet .cd-secondary-dropdown {
        visibility: visible !important;
    }

        .tablet .cd-secondary-dropdown ul.is-hidden,
        .tablet .cd-secondary-dropdown.is-hidden {
            visibility: hidden !important;
        }


    .tablet .cd-dropdown-content .cd-secondary-dropdown > li > a::after,
    .tablet .cd-dropdown-content .cd-secondary-dropdown > li > a::before {
        display: block;
    }

    .tablet .has-children > a,
    .tablet .go-back a {
        position: relative;
    }

        .tablet .has-children > a::before,
        .tablet .has-children > a::after,
        .tablet .go-back a::before,
        .tablet .go-back a::after {
            content: '';
            position: absolute;
            top: 50%;
            margin-top: -1px;
            display: inline-block;
            height: 2px;
            width: 10px;
            background: #4a4a4a;
            background-color: rgb(255, 255, 255);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .tablet .has-children > a::before,
        .tablet .has-children > a::after,
        .tablet .go-back a::before,
        .tablet .go-back a::after {
            background-color: #2C2D31;
        }

        .tablet .has-children > a::before,
        .tablet .go-back a::before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .tablet .has-children > a::before,
        .tablet .has-children > a::after {
            /* arrow goes on the right side - children navigation */
            right: 20px;
            -webkit-transform-origin: 9px 50%;
            -moz-transform-origin: 9px 50%;
            -ms-transform-origin: 9px 50%;
            -o-transform-origin: 9px 50%;
            transform-origin: 9px 50%;
        }


    .tablet .cd-dropdown-content .go-back a {
        padding-left: 40px;
    }

        .tablet .cd-dropdown-content .go-back a::before,
        .tablet .cd-dropdown-content .go-back a::after {
            /* arrow goes on the left side - go back button */
            left: 20px;
            -webkit-transform-origin: 1px 50%;
            -moz-transform-origin: 1px 50%;
            -ms-transform-origin: 1px 50%;
            -o-transform-origin: 1px 50%;
            transform-origin: 1px 50%;
        }




    .tablet .cd-dropdown-content.is-hidden,
    .tablet .cd-dropdown-content ul.is-hidden {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        position: fixed;
        height: calc(100vh - 70px);
    }


    .tablet .cd-dropdown h2,
    .tablet .cd-dropdown-content a,
    .tablet .cd-dropdown-content ul a,
    .tablet .cd-dropdown-content .cd-divider {
        padding: 0 20px;
    }

    .tablet .cd-dropdown .subSection {
        display: block;
    }

        .tablet .cd-dropdown .subSection ul {
            position: relative;
            top: auto;
            left: auto;
            overflow: hidden;
            display: block;
            height: auto;
            max-height: auto;
        }
}

/*##################################################### quest.css ############################################################*/
.productsListGrid span.btnInfoHover {
    display: none !important;
}

.pageMoreMenu li > a {
    outline: none;
}

.reviewnsku {
    line-height: 24px;
}

.breadcrumbs .col_12 ol {
    padding: 0px;
}

body.prListPage .reevoomark_badge {
    width: 161px !important;
    display: inline-block;
    vertical-align: top;
}

body.prDetailsPage.reevoomark_badge {
    width: 200px !important;
}

.cmnProductItemView .itemDesc .review-product {
    vertical-align: top;
    margin-right: 0;
    max-width: 200px;
}

.cmnProductItemView .itemDesc .itemCode {
    margin-left: 0;
}

.cmnPagination .sortSelections .drop li a {
    background-color: #FFF;
}

.sn-suggest-input.mobileSearch::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.sn-suggest-input.mobileSearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.sn-suggest-input.mobileSearch::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

.cartDrawer .cartTitle a {
    float: left;
    /*width: 200px;*/
}

    .cartDrawer .cartTitle a .basket-units {
        width: 113px;
        float: right;
    }

.prDetailsPageLinks li.hidden .price {
    white-space: nowrap;
}

.mobileFilters {
    z-index: 91;
}

.cmnProductItemView .itemImg .productImg {
    width: unset;
    max-width: 100%;
    max-height: 400px;
}

.cmnFourFeaturedItems .featuredItemsList .featuredItem .imageArea {
    width: 126px;
    height: 126px;
}

    .cmnFourFeaturedItems .featuredItemsList .featuredItem .imageArea img {
        width: unset;
        max-height: 200px;
        max-width: 100%;
    }

.cartProduct .itemImg {
    max-height: 150px;
}

    .cartProduct .itemImg img {
        max-height: 100%;
        width: auto;
        margin: 0 auto;
        max-width: 100%;
    }

.miniCart_productDelete {
    position: absolute;
    border: none;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 21px;
    opacity: .3;
}

    .miniCart_productDelete:hover {
        opacity: 1;
    }

    .miniCart_productDelete::before, .miniCart_productDelete::after {
        content: "";
        position: absolute;
        width: 12px;
        height: 2px;
        top: 8px;
        left: 4px;
        background-color: #2D2C42;
    }

    .miniCart_productDelete::before {
        transform: rotate(45deg);
    }

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

.cmnProductList .xromatologio .extras {
    display: none;
}

.cmnProductItem .btnProdActions.open {
    z-index: 90;
}

.popup.sendEmail .success {
    display: none;
    color: #000;
    z-index: 1;
}

    .popup.sendEmail .success .title-container:before {
        content: "";
        display: block;
        position: absolute;
        top: 200px;
        left: 42%;
        width: 100px;
        height: 100px;
        background-image: url(/App_Themes/YouGR2019/img/contact_icon.png);
    }

@media (max-width: 380px) {
    .cmnProductItem .extraInfo {
        font-size: 0.7rem;
    }

    .reevoomark_badge .reviews {
        display: none !important;
    }
}

@media (max-width: 576px) {
    .mobileProdDetails .itemCode {
        text-align: left;
    }

    .descOptions .extraContainer {
        display: block;
    }


    .prod_desc_recycle {
        display: flex;
        flex-direction: column;
    }

        .prod_desc_recycle .collapse_panel {
            order: 1;
        }

        .prod_desc_recycle .pick_yourGift {
            order: 2;
        }

        .prod_desc_recycle > p {
            order: 3;
        }

        .prod_desc_recycle > ul {
            order: 4;
        }

        .prod_desc_recycle .extraInfo {
            order: 5;
        }

        .prod_desc_recycle .extraContainer {
            order: 6;
        }

        .prod_desc_recycle .extraInfo {
            order: 7;
        }

        .prod_desc_recycle .mobileDetailsLinks {
            order: 8;
        }

    .cmnProductItem .details {
        top: 100px;
    }

    .detailsReviewModule.open, .mobileTechFeatures.open, .productFeaturesDetails.open {
        background-color: #fff;
    }

    .ProductsListGrid .cmnProductItem .extras {
        display: none;
    }

    .ProductsListGrid .cmnProductItem {
        height: auto;
    }

        .ProductsListGrid .cmnProductItem .btnProdActions {
            bottom: 20px;
            right: 1rem;
        }

        .ProductsListGrid .cmnProductItem .img_area {
            height: 170px;
        }

        .ProductsListGrid .cmnProductItem .price_area {
            margin-top: 1rem;
        }

    .cmnProductItem .details .review-product {
        display: none;
    }

    .cmnProductItemView .itemImg .productImg {
        max-height: 140px !important;
    }

    .cmnProductItemView .productTags, .cmnProductItemView .extras {
        display: none;
    }

    .cmnProductItemView.gridView .addToCartPreorder img, .cmnProductItemView.gridView .addToCartInterest img {
        position: relative;
        margin: 0 auto;
        width: 25px !important;
        height: 23px !important;
        right: unset;
    }

    .basicInfo .addToCart {
        justify-content: center;
    }

        .basicInfo .addToCart svg {
            right: unset;
        }

        .basicInfo .addToCart span {
            display: none;
        }
}

@media (max-width: 1024px) {
    .prDetailsPageLinks .gotoLinks li:not(.hidden) {
        display: none !important;
    }
}

@media (max-width: 1500px) {
    .promoBox.userBox li:last-child {
        display: none;
    }
}

@media (max-width: 1350px) {
    .promoBox.userBox li:nth-child(3) {
        display: none;
    }
}

div.XrwmatologioSize.NoStock,
div.XrwmatologioSize.isUnpublished {
    opacity: 0.3;
    cursor: default;
}

.aadeSmsPopup .content {
    height: 350px !important;
    max-height: 350px !important;
}

.productsListView img.lazy[alt], .featuredItemsList img.lazy[alt] {
    text-align: center;
    width: 100% !important;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.productsListView img.lazy[alt] {
    width: unset !important;
}

img.lazy::after {
    content: "";
    background: white url(https://support3.you.gr/you/redesign/misc/logo_placeholder.png) center center no-repeat;
    background-size: 40px;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*##################################################### jquery.fancybox.css ############################################################*/

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

    .fancybox-container * {
        box-sizing: border-box;
    }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

    .fancybox-slide::before {
        content: '';
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0;
    }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

    .fancybox-slide--image::before {
        display: none;
    }

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0;
    }

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

    .fancybox-button,
    .fancybox-button:visited,
    .fancybox-button:link {
        color: #ccc;
    }

        .fancybox-button:hover {
            color: #fff;
        }

        .fancybox-button:focus {
            outline: none;
        }

        .fancybox-button.fancybox-focus {
            outline: 1px dotted;
        }

        .fancybox-button[disabled],
        .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default;
            outline: none;
        }

        /* Fix IE11 */
        .fancybox-button div {
            height: 100%;
        }

        .fancybox-button svg {
            display: block;
            height: 100%;
            overflow: visible;
            position: relative;
            width: 100%;
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke-width: 0;
            }

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1;
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px;
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline;
    }

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px 0;
    }

    .fancybox-share p {
        margin: 0;
        padding: 0;
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

    .fancybox-share__button:visited,
    .fancybox-share__button:link {
        color: #fff;
    }

    .fancybox-share__button:hover {
        text-decoration: none;
    }

.fancybox-share__button--fb {
    background: #3b5998;
}

    .fancybox-share__button--fb:hover {
        background: #344e86;
    }

.fancybox-share__button--pt {
    background: #bd081d;
}

    .fancybox-share__button--pt:hover {
        background: #aa0719;
    }

.fancybox-share__button--tw {
    background: #1da1f2;
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8;
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

    .fancybox-share__button svg path {
        fill: #fff;
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

    .fancybox-thumbs__list a::before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: '';
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25, .46, .45, .94);
        z-index: 99991;
    }

    .fancybox-thumbs__list a:focus::before {
        opacity: .5;
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active::before {
        opacity: 1;
    }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

/*##################################################### Chatbot ############################################################*/

.ChatbotMenu {
    position: absolute;
    top: 17px;
    z-index: 999999;
    left: 70px;
}

.ChatbotMenu-mobile {
    top: 0px;
    /* left: 0; */
    background: #fcbf55;
    right: 35px;
    padding: 12px 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 50px;
}

.MenuTrigger {
    display: flex;
    cursor: pointer;
}

    .MenuTrigger span {
        align-self: center;
        margin-left: 5px;
    }

.ChatbotMenu_dropdown {
    background: white;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.22);
    border-radius: 5px;
    margin-top: 10px;
    overflow: hidden;
    display: none;
}

.ChatbotMenu ul {
    padding-left: 0;
    margin: 0;
}

    .ChatbotMenu ul li {
        list-style: none;
        padding: 15px 10px;
        font-size: 14px;
        border-bottom: solid thin rgba(0,0,0,0.1);
        background-color: white;
    }

        .ChatbotMenu ul li a {
            text-decoration: none;
            color: black;
            display: flex;
        }

            .ChatbotMenu ul li a img {
                margin-right: 15px;
            }

            .ChatbotMenu ul li a span {
                align-self: center;
            }

        .ChatbotMenu ul li:hover {
            background-color: #f3f3f3;
        }

        .ChatbotMenu ul li:last-of-type {
            border-bottom: none;
        }

#chat-widget-container {
    height: 1000px !important;
}

.header__round-button-icon {
    fill: white;
}


/*##################################################### Searchbox ############################################################*/

.search-box {
    /*height: 130px;*/
}

    .search-box .input-wrapper {
        position: absolute !important;
        top: 0 !important;
    }



.SearchBubbleWrapper {
    min-height: 50px;
    background-color: #f7d236;
    position: relative;
    color: #242424;
    border-radius: 18px;
    font-family: 'Open Sans';
    max-width: 350px;
    width: 100%;
    font-size: 14px;
    -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.36);
    box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.36);
    position: absolute;
    bottom: -74px;
    right: 0;
    opacity: 0;
}

.animateSearchBubbleWrapper {
    opacity: 0;
    animation: SearchBubble linear 10s 1 0.5s;
    z-index: 1;
}

@-webkit-keyframes SearchBubble {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    4% {
        opacity: 1;
        transform: translateY(0);
    }

    98% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(30px);
    }
}

@keyframes SearchBubble {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    4% {
        opacity: 1;
        transform: translateY(0);
    }

    98% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(30px);
    }
}

.SearchBubbleWrapper .SearchBubbleText {
    padding: 10px 10px 10px 55px;
    display: block;
}

.MobileText {
    display: none;
}

.SearchBubbleWrapper img {
    position: absolute;
    top: -9px;
    left: -8px;
}

.SearchBubbleWrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(100% - 60px);
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: #f7d236;
    border-top: 0;
    margin-left: -12px;
    margin-top: -12px;
}

@media (max-width:600px) {
    .MobileText {
        display: inline-block;
    }

    .DesktopText {
        display: none;
    }

    @-webkit-keyframes SearchBubble {
        0% {
            opacity: 0;
            transform: translateY(30px);
        }

        4% {
            opacity: 1;
            transform: translateY(0);
        }

        38% {
            opacity: 1;
            transform: translateY(0);
        }

        40% {
            opacity: 0;
            transform: translateY(30px);
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes SearchBubble {
        0% {
            opacity: 0;
            transform: translateY(30px);
        }

        4% {
            opacity: 1;
            transform: translateY(0);
        }

        38% {
            opacity: 1;
            transform: translateY(0);
        }

        40% {
            opacity: 0;
            transform: translateY(30px);
        }

        100% {
            opacity: 0;
        }
    }
}


/*##################################################### fonts.css ############################################################*/
@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-SemiboldIt.eot');
    src: url('fonts/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-SemiboldIt.woff2') format('woff2'), url('fonts/ProximaNova-SemiboldIt.woff') format('woff'), url('fonts/ProximaNova-SemiboldIt.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Extrabld.eot');
    src: url('fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Extrabld.woff2') format('woff2'), url('fonts/ProximaNova-Extrabld.woff') format('woff'), url('fonts/ProximaNova-Extrabld.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Light.eot');
    src: url('fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Light.woff2') format('woff2'), url('fonts/ProximaNova-Light.woff') format('woff'), url('fonts/ProximaNova-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNovaT-Thin.eot');
    src: url('fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNovaT-Thin.woff2') format('woff2'), url('fonts/ProximaNovaT-Thin.woff') format('woff'), url('fonts/ProximaNovaT-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Bold.eot');
    src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Bold.woff2') format('woff2'), url('fonts/ProximaNova-Bold.woff') format('woff'), url('fonts/ProximaNova-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Extrabld.eot');
    src: url('fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Extrabld.woff2') format('woff2'), url('fonts/ProximaNova-Extrabld.woff') format('woff'), url('fonts/ProximaNova-Extrabld.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-ThinIt.eot');
    src: url('fonts/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-ThinIt.woff2') format('woff2'), url('fonts/ProximaNova-ThinIt.woff') format('woff'), url('fonts/ProximaNova-ThinIt.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-BoldIt.eot');
    src: url('fonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-BoldIt.woff2') format('woff2'), url('fonts/ProximaNova-BoldIt.woff') format('woff'), url('fonts/ProximaNova-BoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-MediumIt.eot');
    src: url('fonts/ProximaNova-MediumIt.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-MediumIt.woff2') format('woff2'), url('fonts/ProximaNova-MediumIt.woff') format('woff'), url('fonts/ProximaNova-MediumIt.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Black.eot');
    src: url('fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Black.woff2') format('woff2'), url('fonts/ProximaNova-Black.woff') format('woff'), url('fonts/ProximaNova-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-RegularIt.eot');
    src: url('fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-RegularIt.woff2') format('woff2'), url('fonts/ProximaNova-RegularIt.woff') format('woff'), url('fonts/ProximaNova-RegularIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-LightIt.eot');
    src: url('fonts/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-LightIt.woff2') format('woff2'), url('fonts/ProximaNova-LightIt.woff') format('woff'), url('fonts/ProximaNova-LightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Medium.eot');
    src: url('fonts/ProximaNova-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Medium.woff2') format('woff2'), url('fonts/ProximaNova-Medium.woff') format('woff'), url('fonts/ProximaNova-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Semibold.eot');
    src: url('fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Semibold.woff2') format('woff2'), url('fonts/ProximaNova-Semibold.woff') format('woff'), url('fonts/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Regular.eot');
    src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Regular.woff2') format('woff2'), url('fonts/ProximaNova-Regular.woff') format('woff'), url('fonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-BlackIt.eot');
    src: url('fonts/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-BlackIt.woff2') format('woff2'), url('fonts/ProximaNova-BlackIt.woff') format('woff'), url('fonts/ProximaNova-BlackIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

.Rating_stars_pr_list {
    color: #757575;
    text-decoration: none;
    font-size: 12px !important;
    line-height: 11px;
    display: flex !important;
    align-items: center;
    width: fit-content;
    width: -webkit-fit-content;
    margin-bottom: 0;
}

    .Rating_stars_pr_list svg {
        height: 15px;
        width: 65px;
        margin-right: 5px;
    }

.voucher_added {
    font-size: 14px;
    width: 100px;
    display: block;
    text-align: center;
    margin-left: 10px;
    color: white;
    float: left;
    background: lightgrey;
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
}


@media (max-width: 1200px) {
    .promoBubbleBox {
        width: 100% !important;
    }

    .floatleftBox {
        float: left !important;
    }
}

.mobPromoCategories {
    margin-bottom: 50px;
}

    .mobPromoCategories .owl-carousel .item {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        width: 370px;
    }

        .mobPromoCategories .owl-carousel .item .catItem {
            width: 50%;
            height: 145px;
            /* min-height:145px;*/
        }


@media (max-width: 420px) {
    .mobPromoCategories .owl-carousel .item {
        width: 300px;
    }
}
/***********************************Help & Επικοινωνία******************************************/

.help_contact_banner {
    padding-block: 30px;
    background: #586df3 url('/App_Themes/YouGR2019/img/help_contact_banner_bg.jpg') center center no-repeat;
    background-size: auto;
    height: 214px;
    position: relative;
}

    .help_contact_banner img {
        position: absolute;
        max-width: 250px;
        right: 70%;
        top: 50%;
        transform: translateY(-50%);
    }

.WhiteBoxes {
    background-color: white;
    border-radius: 20px;
    height: 100%;
    padding: 20px;
    display: flex;
}

    .WhiteBoxes .icon {
        width: 100px;
        height: 100px;
        flex-shrink: 0;
        margin-right: 15px;
        position: relative;
    }

.custom-select-w-radius {
    position: relative;
    max-width: 400px;
    background-color: white;
    height: 50px;
    border-radius: 40px;
    overflow: hidden;
    padding-inline: 15px;
    margin-block: 15px;
}

    .custom-select-w-radius select {
        background-color: white;
        width: 100%;
        height: 100%;
        border: none;
        font-family: 'Proxima Nova', sans-serif !important;
        font-size: 16px;
        font-weight: 500;
        box-shadow: none;
    }

        .custom-select-w-radius select:focus {
            border: none !important;
            box-shadow: none !important;
            outline: none !important;
        }

    .custom-select-w-radius.disabled, .inputs-container.disabled {
        opacity: .5;
        pointer-events: none;
    }

    .custom-select-w-radius select option[disabled] {
        font-size: 14px;
    }

.help-form-success {
    background-color: #ade2ca;
    border-radius: 7px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
}

    .help-form-success p {
        color: #216a49;
        font-size: 14px;
        line-height: 16px;
    }

#ReturnForm .inputField select + label {
    top: 0;
}

.HelpBoxes {
    background-color: white;
    border-radius: 50px;
    padding: 20px;
    height: 100%;
}

    .HelpBoxes .helpCateg-icon {
        position: relative;
        display: block;
        width: fit-content;
        margin: 0 auto;
        width: 130px;
    }

        .HelpBoxes .helpCateg-icon::before {
            content: '';
            height: 10px;
            width: 80%;
            background-color: black;
            border-radius: 50%;
            opacity: 0.10;
            filter: blur(3px);
            position: absolute;
            bottom: 5px;
            left: 50%;
            transform: translateX(-50%);
        }

    .HelpBoxes a {
        color: #2b2d40;
    }

.HelpBoxes-content {
    display: block;
}

.HelpBoxes ul {
    margin-top: 20px;
}

    .HelpBoxes ul li h3 {
        font-size: 14px;
        transition: all linear 0.15s;
        font-weight: 600;
    }

        .HelpBoxes ul li h3 a:hover {
            color: #4960F2;
        }

.HelpBoxes-collapseTrigger {
    display: none;
}

.HelpPage_banner {
    background: #5b70f3 url('/App_Themes/YouGR2019/img/HelpPage_banner.jpg') right center no-repeat;
    height: 200px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-inline: 15px;
}

    .HelpPage_banner .btnCommon {
        font-size: 18px;
        width: 190px;
        background-color: white;
    }


.captcha_wrapper {
    font-weight: 500;
    width: fit-content;
    display: flex;
    flex-direction: column;
    text-align: center;
    background: white;
    padding: 15px 10px;
    border-radius: 8px;
}

    .captcha_wrapper input {
        order: 3;
        height: 35px;
        width: 200px;
        background: transparent;
        border-radius: 8px;
        border: solid 2px #C0C0C6;
        padding: 10px;
        font-size: 14px;
        font-family: "Proxima Nova", sans-serif;
        font-weight: 600;
        text-align: center;
    }

    .captcha_wrapper label {
        order: 2;
        align-self: start;
        margin-block: 6px;
        margin-inline: auto;
        font-size: 0.875rem;
        line-height: 25px;
        font-weight: 600;
        color: rgba(45, 44, 66, 1);
    }

    .captcha_wrapper div {
        order: 1;
    }

        .captcha_wrapper div img {
            margin: 0 auto !important;
        }

    .captcha_wrapper p {
        order: 4;
        line-height: 0.9375rem;
        text-align: center;
        color: rgba(255, 129, 75, 1);
        font-size: 0.75rem;
        font-style: normal;
        margin-block: 5px 0;
    }

.inputTextarea label {
    font-size: 0.875rem;
    line-height: 1.0625rem;
    font-weight: 600;
    color: rgba(45, 44, 66, 1);
}

.inputTextarea textarea {
    display: block;
    border: none;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    padding: 10px 10px 0px;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    font-weight: 600;
    color: rgb(45, 44, 66);
    font-family: "Proxima Nova", sans-serif;
    margin-top: 7px;
    min-height: 120px;
    height: 122px;
}
/**********************Css ενωποίησης λιστών******************************/
.specialFilters_carousel {
    padding-inline: 60px;
}

    .specialFilters_carousel .item-inner {
        position: relative;
        background-color: white;
        border: 2px solid #DDDCE0;
        border-radius: 4px;
        display: flex;
        align-items: center;
        padding: 10px 30px;
        transition: all ease-in-out .15s;
    }

        .specialFilters_carousel .item-inner:hover, .specialFilters_carousel .item-inner.active {
            border: 2px solid #4960F2;
        }

            .specialFilters_carousel .item-inner:hover .title {
                font-weight: 600;
            }

        .specialFilters_carousel .item-inner .linkStreched {
            position: absolute;
            inset: 0 0 0 0;
        }

        .specialFilters_carousel .item-inner .thumb {
            width: 80px;
            height: 80px;
            min-width: 50px !important;
            display: flex;
            align-items: center;
        }

        .specialFilters_carousel .item-inner .title {
            font-size: 16px;
            font-weight: 400;
            margin-left: 25px;
        }

    .specialFilters_carousel .owl-nav button {
        position: absolute;
        top: 45%;
        left: 0;
        width: 40px;
        height: 40px;
        border-radius: 50% !important;
        border: solid 2px rgba(0,0,0,0);
        background: #FFC439 url('https://www.you.gr//App_Themes/YouGR2019/img/arrowCarouselRight.svg') center center no-repeat !important;
        background-size: 7px !important;
        transform: translateY(-50%);
        opacity: 1;
        transition: all linear 0.15s;
    }

        .specialFilters_carousel .owl-nav button.owl-next {
            left: unset;
            right: 0;
        }

        .specialFilters_carousel .owl-nav button.owl-prev {
            transform: translateY(-50%) scale(-1);
        }

        .specialFilters_carousel .owl-nav button span {
            display: none;
        }

        .specialFilters_carousel .owl-nav button.owl-next.disabled, .specialFilters_carousel .owl-nav button.owl-prev.disabled {
            border: solid 2px rgba(0,0,0,1);
            background: transparent url('https://www.you.gr//App_Themes/YouGR2019/img/arrowCarouselRight.svg') center center no-repeat !important;
            background-size: 7px !important;
            opacity: .2;
        }

.cmnProductItemView {
    padding: 0 4px;
    flex-basis: 100%;
    max-width: 100%;
}

.listView_wrapper .cmnProductItemView-banners a.gridBanner {
    display: none;
}

.gridView_wrapper .cmnProductItemView-banners a.listBanner {
    display: none;
}

.cmnProductItemView-banners {
    padding: 0 4px;
    flex-basis: 100%;
    max-width: 100%;
    position: relative;
    margin-bottom: 8px;
}

    .cmnProductItemView-banners .inner {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: #fff;
        height: 100%;
        transition: box-shadow 0.15s ease-out;
    }

        .cmnProductItemView-banners .inner:hover {
            box-shadow: 0px 10px 15px rgba(45, 44, 66, 0.15);
        }

    .cmnProductItemView-banners .banner_poster {
        border-radius: 8px;
    }

.cmnProductItemView .plusExtraPoints {
    display: block;
    /*justify-content: end;*/
    width: fit-content;
    margin-block: 10px;
    margin-right: 0;
    margin-left: auto;
    font-size: 12px;
    font-weight: 600;
    border-radius: 30px;
    padding: 5px 10px;
}

.listView_wrapper:not(.xromatologio) .gridView, .gridView_wrapper .listView {
    display: none;
}

@media (min-width:991px) {
    .cmnProductItemView.listView .itemDesc .botSide {
        min-height: 55px;
    }

    .listView .youClub_ProductList_points {
        border-top: solid 1px rgba(45, 44, 66, 0.10);
        padding-left: 15px;
        margin-top: 12px;
    }
}

.listView .ribbon_top_center .productTags, .gridView .ribbon_top_center .productTags {
    display: none;
}


.cmnProductItemView .itemDesc .botSide .reviewnsku span {
    color: #757575;
    font-size: 10px;
    line-height: 11px;
}

.cmnProductItemView .productTags .hotPrice_flag {
    display: none;
    margin: 0 4px 4px 0;
    font-size: 0.875rem;
    height: auto;
    padding: 3px 6px 4px 6px;
    line-height: 1;
}

.listView .productTags {
    max-width: 150px;
    display: flex;
    flex-direction: column;
}

.cmnProductItemView .productTags .specialTag {
    display: none;
}

    .cmnProductItemView .productTags .specialTag:first-of-type,
    .cmnProductItemView .productTags .specialTag:nth-of-type(2),
    .cmnProductItemView .productTags .specialTag:nth-of-type(3) {
        display: block;
    }

.listView .itemDesc .botSide .pills_wrapper {
    display: flex;
    align-items: center;
}

.listView .itemDesc .topSide .extras {
    display: none;
}

.listView .botSide .reviewnsku {
    display: none;
}

.listView .inner .itemImg-itemDesc_wrapper {
    display: flex;
    width: 75%;
}

.listView .itemImg {
    flex: 1 0 300px;
    width: 100%;
}

.listView .itemDesc {
    flex: 1 1 60%;
    width: 100%;
    max-width: unset;
}

.listView .itemDetails {
    width: 100%;
    max-width: unset;
    flex: 0 1 25%;
    min-width: 300px;
}

.listView .manuf_pills, .gridView .manuf_pills {
    display: none !important;
}

.gridView, .gridView_wrapper .cmnProductItemView-banners {
    flex-basis: 25%;
    max-width: 25%;
    padding: 0px 4px;
}

    .gridView .inner {
        flex-wrap: wrap;
        justify-content: start;
        padding-bottom: 10px;
    }

    .gridView .itemImg-itemDesc_wrapper {
        min-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-self: start;
    }

    .gridView .itemDesc p, .gridView .itemDesc .features, .gridView .amountwins, .gridView .plusExtraPoints,
    .gridView .extraInfo .icon {
        display: none !important;
    }

    .gridView .itemImg {
        order: 0;
        /*flex-basis: 100% !important;
        flex: 0 0 50%;*/
        flex: 0 0 250px;
        max-width: 100% !important;
        max-height: unset;
        align-items: flex-start;
        border-right: 0;
        /*height: 200px;*/
        padding: 1.5rem 2.5rem 0 2.5rem;
    }

        .gridView .itemImg .productImg-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 250px;
            height: 250px;
        }

    .gridView .itemImg {
        height: auto
    }

        .gridView .itemImg a {
            display: block;
            height: 100%;
            width: 100%;
        }

        .gridView .itemImg .productImg {
            width: unset;
            max-width: 100%;
            max-height: 250px;
            margin: 0 auto;
        }

    .gridView .itemDesc {
        order: 1;
        flex-basis: 100%;
        max-width: 100%;
        border-right: 0;
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }

        .gridView .itemDesc .reviewnsku {
            margin-bottom: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 100%;
        }

        .gridView .itemDesc .topSide .extraInfo {
            font-size: 14px;
        }

        .gridView .itemDesc .reviewnsku .Rating_stars_pr_list {
            order: 2;
        }

        .gridView .itemDesc .reviewnsku .itemCode {
            color: rgba(45, 44, 66, 1);
            order: 1;
            margin-right: 5px;
        }

        .gridView .itemDesc .title {
            font-size: 0.875rem;
            color: #2C2D31;
            line-height: 1.25rem;
            font-weight: 500;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            height: 40px;
        }

        .gridView .itemDesc .topSide {
            padding-block: 0;
            order: 2;
        }

            .gridView .itemDesc .topSide h2 {
                margin: 0.2em 0;
            }

        .gridView .itemDesc .botSide {
            border-top: none;
            padding: 0.8rem 1.5rem;
            order: 1;
        }

            .gridView .itemDesc .botSide .pills_wrapper {
                overflow: hidden;
                position: absolute;
                bottom: 75%;
                z-index: 5;
                display: flex;
                max-height: 55px;
            }

                .gridView .itemDesc .botSide .pills_wrapper div {
                    display: none;
                }

                    .gridView .itemDesc .botSide .pills_wrapper div:first-child,
                    .gridView .itemDesc .botSide .pills_wrapper div:first-child + div {
                        display: block;
                    }

    .gridView .itemDetails {
        order: 2;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        justify-content: end;
        align-self: end;
        padding: 0.1rem 1.5rem 1.5rem 1.5rem;
    }

        .gridView .itemDetails .topSide {
            padding-block: 0;
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
        }

        .gridView .itemDetails .botSide .extras {
            display: none;
        }

    .gridView .productTags {
        display: flex;
        flex-wrap: wrap;
        order: 2;
        margin-top: 10px;
    }

    .gridView .specialTag {
        display: block;
        margin: 0 4px 4px 0;
        width: fit-content;
    }

    .gridView .price_area {
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
        order: 2;
    }

    .gridView .youClub_ProductList_points + br {
        display: none !important;
    }

    .gridView .instalments {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        width: 100%;
    }

        .gridView .instalments span {
            display: inline-block !important;
        }

        .gridView .instalments span {
            display: inline-block !important;
        }

    /*  .gridView .topSide .reviewnsku {
        display: none;
    } */

    .gridView .topSide h2 {
        margin-block: 0 0.33em;
    }

    .gridView .botSide .reviewnsku {
        display: none;
    }
    /*************Wishlist**************/
    .gridView.basicInfo .ribbon, .gridView.basicInfo .productTags, .gridView.basicInfo .reviewnsku, .gridView.basicInfo .manuf_pills,
    .gridView.basicInfo .extraInfo, .gridView.basicInfo .youClub_ProductList_points, .gridView.basicInfo .itemDesc > .botSide {
        display: none;
    }


@media (max-width:1200px) {
    .gridView, .gridView_wrapper .cmnProductItemView-banners {
        flex-basis: 33.3%;
        max-width: 33.3%;
    }

    .HelpPage_banner img {
        max-width: 150px;
    }
}


@media (max-width:991px) {
    .help_contact_banner {
        background: #586df3 url('/App_Themes/YouGR2019/img/help_contact_banner_bg.jpg') right center no-repeat;
        background-size: auto;
    }

    .HelpPage_banner {
        background: #5b70f3;
        display: block;
        height: auto;
        text-align: center;
        margin-bottom: 35px;
    }

        .HelpPage_banner img {
            margin: 0 auto;
        }

        .HelpPage_banner .btnCommon {
            margin-top: -25px;
            position: relative;
            top: 35px;
            width: auto;
        }
}

@media (max-width:990px) {
    .gridView, .listView, .listView_wrapper .cmnProductItemView-banners, .gridView_wrapper .cmnProductItemView-banners {
        flex-basis: 50%;
        max-width: 50%;
    }

        .listView .inner .itemImg-itemDesc_wrapper {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 100%;
        }

        .listView .itemImg {
            flex: 0 0 50%;
        }

        .listView .itemImg {
            flex: 0 0 200px;
        }

        .listView .itemDetails, .listView .itemDesc {
            width: 100%;
            max-width: unset;
            min-width: unset;
            flex: 1 1 auto;
        }

        .listView .itemDesc {
            justify-content: start;
        }

        .listView .itemImg .productImg-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 250px;
            height: 250px;
        }

        .listView .itemDesc .reviewnsku {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 100%;
        }

            .listView .itemDesc .reviewnsku .itemCode {
                color: rgba(45, 44, 66, 1);
                margin-right: 5px;
            }

            .listView .itemDesc .reviewnsku .Rating_stars_pr_list {
                order: 2;
            }

        .listView .itemDesc .topSide {
            order: 2;
        }

            .listView .itemDesc .topSide h2 {
                margin: 0.3rem 0;
            }

            .listView .itemDesc .topSide .extras {
                display: block;
            }

        .listView .itemDesc .botSide .pills_wrapper {
            /*display: block;
                height: 55px;*/
            height: 26px;
            overflow: hidden;
            position: absolute;
            top: 0;
            z-index: 5;
            display: flex;
            max-height: 55px;
        }

        .listView .itemDetails .botSide .extras {
            display: none !important;
        }

        .listView .itemDesc .botSide {
            padding: 1rem 1.5rem;
            order: 1;
            position: relative;
        }

        .listView .botSide .reviewnsku, .listView .parentHoverInfo .icon {
            display: none !important;
        }

        .listView .productTags {
            max-width: 100%;
        }


    .cmnProductItemView.listView .ribbon_bottom {
        right: 4px;
        bottom: 4px;
        width: 65px;
        height: 65px;
    }

    .cmnProductItemView .itemDetails {
        justify-content: end;
    }
    /*****Να διορθωσω το αντιστοιχο στο masterpage*******/
    .cmnProductItemView .topSide {
        display: flex;
        flex-wrap: wrap;
    }

    .cmnProductItemView .price_area, .psifiaki_merimna_grid {
        width: 100%;
    }

    .psifiaki_merimna_grid {
        margin-block: 10px;
    }

    .cmnProductItemView .price_area {
        order: 3;
    }

    .cmnProductItemView .productTags {
        position: relative;
        top: unset;
        flex-direction: row;
        float: unset;
        width: 100%;
        order: 2;
        right: unset;
        margin-block: 7px;
    }

    .cmnProductItemView .plusExtraPoints {
        display: none;
    }
}

@media (max-width:480px) {

    .protaseis_gia_sena, .protaseis_gia_sena .flexCol_12, .prDetails_popular_container, .prDetails_popular_wrapper {
        padding-right: 0;
    }
}

@media (max-width:400px) {
    .cmnProductItemView.gridView .instalments {
        font-size: 10px;
        font-weight: 600;
    }
}


@media (max-width:768px) {
    .prListPage .breadcrumbs {
        margin-top: 85px;
    }

        .prListPage .breadcrumbs br {
            display: none;
        }

    .listView .psifiaki_merimna_grid .bookIcon {
        display: block !important;
    }

    .Rating_stars_pr_list svg {
        margin-right: 5px !important;
    }
}

@media (max-width:576px) {
    .gridView_wrapper .cmnProductItemView-banners {
        flex-basis: 100%;
        max-width: 100%;
    }

    .gridView .itemDetails {
        padding: 0.1rem 1rem 1rem 1rem;
    }

    .gridView .instalments {
        bottom: -4px;
    }

    .gridView .itemImg {
        min-height: 150px;
    }

    .listView .itemImg {
        min-height: 190px;
    }

        .listView .itemImg .productImg {
            max-height: 160px !important;
        }

    .gridView .itemImg {
        flex: 0 0 auto;
    }

        .gridView .itemImg .productImg-wrapper, .listView .itemImg .productImg-wrapper {
            flex: auto;
            height: 100%;
        }

    .listView .itemDesc .botSide {
        padding: 1rem 1rem 0.2rem 1rem;
    }

    .gridView .itemDesc .botSide {
        padding: 0 1rem;
    }

        .gridView .itemDesc .botSide .pills_wrapper {
            display: none;
        }

    .gridView .ribbon_top_center {
        display: none;
    }

    .gridView .productTags .hotPrice_flag {
        display: flex;
        font-size: 0.75rem;
    }

    .gridView .itemDesc .reviewnsku {
        display: none;
    }

    .listView, .listView_wrapper .cmnProductItemView-banners {
        flex-basis: 100%;
        max-width: 100%;
    }

        .listView .itemImg {
            flex: 0 0 auto;
        }

        .listView .itemDesc .botSide .pills_wrapper {
            height: auto;
            position: relative;
        }

        .listView .ribbon_top_center {
            right: unset;
            left: 13px;
            top: 79%;
            height: 48px;
            overflow: hidden;
            transform: translateY(-50%);
        }


            .listView .ribbon_top_center .hotPrice_flag {
                margin: 0 4px 4px 0;
                font-size: 0.75rem;
                height: auto;
                padding: 3px 6px 4px 6px;
                line-height: 1;
            }

            .listView .ribbon_top_center .productTags {
                display: block;
            }

        .listView .itemDetails .topSide .productTags .discount {
            display: none;
        }

        .listView .psifiaki_merimna_grid {
            display: flex !important;
        }

            .listView .psifiaki_merimna_grid .price_section {
                flex: 1 1 20% !important;
            }

                .listView .psifiaki_merimna_grid .price_section div:first-child {
                    display: block !important;
                }


        /* .cmnProductItemView .itemDetails .topSide .productTags .specialTag:not(.hotPrice_flag) {
        display: none;
    }*/

        .listView .itemDetails .topSide .productTags {
            display: none;
        }

            .listView .itemDetails .topSide .productTags .specialTag:not(.hotPrice_flag) {
                display: none;
            }

    .gridView .itemDetails .topSide .productTags .discount {
        display: block !important;
    }

    .cmnProductItemView .itemDesc h2 {
        overflow: hidden;
    }

    /*.cmnProductItemView .productTags {
        display: none;
    }*/

    .psifiaki_merimna_grid {
        display: block;
    }

    .anakyklwsi_fasa .price_section {
        max-width: unset;
    }

        .anakyklwsi_fasa .price_section div:first-child {
            margin-left: 0 !important;
            margin-top: 5px;
            display: flex;
            align-items: center;
        }

            .anakyklwsi_fasa .price_section div:first-child > span {
                margin-right: 10px;
            }

    .cmnProductItemView .reviewnsku a, .cmnProductItemView .reviewnsku a > span {
        display: block;
    }

    .cmnProductItemView.listView .ribbon_bottom {
        width: 57px;
        height: 57px;
    }

    .generalSelectedFilters {
        margin-block: 0 1.2rem;
    }

    .generalSelectedFilters {
        margin-block: 0 1.2rem;
    }

    .openStayLoggedIn_box {
        margin-left: 33px;
        margin-block: -7px 6px !important;
        display: block !important;
    }

    .userSignBox .forgotNewLinks a {
        font-size: 14px;
    }

    .WhiteBoxes .icon {
        width: 60px;
        height: 60px;
    }

    .HelpBoxes-collapseTrigger {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

        .HelpBoxes-collapseTrigger img {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translate(-50%) rotate(-180deg);
            transition: all linear 0.2s;
        }

            .HelpBoxes-collapseTrigger img.open {
                transform: translate(-50%) rotate(0);
            }

    .HelpBoxes {
        padding: 8px 15px;
    }

    .HelpBoxes-header {
        display: flex;
        align-items: center;
        position: relative;
    }


    .HelpBoxes .helpCateg-icon {
        margin-inline: 0 10px;
        width: 50px;
        height: 50px;
    }

    .HelpBoxes h2 {
        font-size: 18px;
    }

    .HelpBoxes-content {
        display: none;
    }

    .HelpBoxes ul {
        text-align: left;
        padding-left: 60px;
    }

    .HelpPage_banner .f24 {
        font-size: 14px;
    }

    #ReturnForm p {
        font-size: 14px;
    }

    #ReturnForm .f28 {
        font-size: 22px;
    }

    #ReturnForm .f20 {
        font-size: 16px;
    }
}

.stoixeia-paraggelias .item {
    max-width: 250px;
    width: 300px;
    padding-inline: 28px;
    border-right: solid 2px white;
}

    .stoixeia-paraggelias .item label {
        font-size: 12px;
        font-weight: 500;
        display: block;
        margin-block: 3px;
    }

    .stoixeia-paraggelias .item:last-of-type {
        border-right: none;
    }

.serialNum-wrapper {
    background-color: #f5f6fc;
    padding: 25px 28px;
    margin-inline: -1.5rem;
}

    .serialNum-wrapper input, .serialNum-wrapper label {
        text-align: left !important;
    }

    .serialNum-wrapper .tooltip .tooltiptext {
        padding: 5px;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.35);
        box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.35);
    }

.epistrofes_Table .historyRow {
    padding-right: 0 !important;
}

.epistrofes_Table .itemOrder {
    align-items: center !important;
    margin-bottom: 15px !important;
}

.selectQuantity select {
    width: 80px !important;
    border: solid thin rgba(0,0,0,0.2) !important;
    border-radius: 8px !important;
    height: 35px !important;
    padding: 0 14px !important;
}

.inputField.selectQuantity:not(.checkBox) select {
    background: url(/App_Themes/YouGR2019/img/arrowDown.svg) no-repeat 80% center !important;
}

.btnNext {
    position: relative;
}

    .btnNext:before, .btnNext:after {
        content: '';
        display: block;
        height: 8px;
        margin-top: -6px;
        position: absolute;
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        right: 25px;
        top: 50%;
        width: 0;
        border-right: 2px solid white;
        z-index: 1;
    }

    .btnNext:after {
        margin-top: -1px;
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.epistrofes_RadioButtons .options {
    flex-basis: 100%;
    max-width: 100%;
}

    .epistrofes_RadioButtons .options .option {
        width: 100% !important;
        font-size: 16px;
    }

        .epistrofes_RadioButtons .options .option label {
            padding-left: 17px;
        }

.optionsInfo {
    background-color: #f0f0f2;
    padding: 20px;
    border-radius: 5px;
    margin-block: 10px 30px;
    display: none;
}

    .optionsInfo .title {
        font-size: 16px;
        font-weight: 600;
        margin-block: 15px;
    }

    .optionsInfo textarea {
        max-width: 400px;
        width: 100%;
        margin-block: 10px;
        min-height: 130px;
        background-color: transparent;
        border: solid 2px rgba(0,0,0,0.2);
        padding: 10px;
        display: block;
        resize: vertical;
    }

.textRadioButtons_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.textRadioButtons {
    position: relative;
}

    .textRadioButtons label {
        background: white;
        padding: 12px 24px;
        display: block;
        border-radius: 8px;
        margin-right: 15px;
        margin-bottom: 15px;
        cursor: pointer;
    }

    .textRadioButtons input {
        display: none;
    }

    .textRadioButtons img {
        filter: invert(10%);
    }

    .textRadioButtons input:checked ~ label {
        background-color: #4960f2;
        color: #fff;
    }

    .textRadioButtons input:checked ~ img {
        filter: invert(1) brightness(1) !important;
    }


.btnHistoryCollape2 {
    position: relative;
    right: 4px;
    top: -3px;
    display: inline-block;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 50rem;
    background-color: #FFC500;
    transition: transform 0.15s ease-in-out;
}

    .btnHistoryCollape2::before,
    .btnHistoryCollape2::after {
        content: "";
        position: absolute;
        top: 12px;
        width: 5px;
        height: 2px;
        background-color: currentColor;
    }

    .btnHistoryCollape2::before {
        left: calc(50% - 1px);
        transform: rotate(-45deg);
    }

    .btnHistoryCollape2::after {
        right: calc(50% - 1px);
        transform: rotate(45deg);
    }

    .btnHistoryCollape2.open {
        transform: rotate(180deg);
    }

.epistrofi-steps {
    display: none;
}

.uploadBtn {
    border-bottom: solid 2px #C0C0C6;
    padding-bottom: 3px;
    margin-block: 10px;
}

    .uploadBtn input[type=file]::file-selector-button {
        border: none;
        background-color: #dfdfdf;
        border-radius: 5px;
        font-weight: 400;
        font-family: 'Proxima Nova', sans-serif !important;
    }

@media (max-width:576px) {
    .selectQuantity select {
        width: 50px !important;
    }
}

@media (max-width:400px) {
    .cmnProductItemView .instalments {
        font-size: 10px;
        font-weight: 600;
    }

    .optionsInfo {
        padding: 20px;
    }

    .stoixeia-paraggelias .item {
        padding-inline: 18px;
    }
}
/**********************end of css ενωποίησης λιστών******************************/
/*****************START of return order css************************/
.w400 {
    font-weight: 400;
}

.w500 {
    font-weight: 500;
}

.stoixeia-paraggelias {
    background-color: #e6e9f8;
    padding-block: 15px;
    margin-inline: -1.5rem;
    display: flex;
    margin-top: 15px;
}

    .stoixeia-paraggelias .item {
        max-width: 250px;
        width: 300px;
        padding-inline: 28px;
        border-right: solid 2px white;
    }

        .stoixeia-paraggelias .item label {
            font-size: 12px;
            font-weight: 500;
            display: block;
            margin-block: 3px;
        }

        .stoixeia-paraggelias .item:last-of-type {
            border-right: none;
        }

.serialNum-wrapper {
    background-color: #f5f6fc;
    padding: 25px 28px;
    margin-inline: -1.5rem;
}

    .serialNum-wrapper input, .serialNum-wrapper label {
        text-align: left !important;
    }

    .serialNum-wrapper .tooltip .tooltiptext {
        padding: 5px;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.35);
        box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.35);
    }

.epistrofes_Table .historyRow {
    padding-right: 0 !important;
}

.epistrofes_Table .itemOrder {
    align-items: center !important;
    margin-bottom: 15px !important;
}

.selectQuantity select {
    width: 80px !important;
    border: solid thin rgba(0,0,0,0.2) !important;
    border-radius: 8px !important;
    height: 35px !important;
    padding: 0 14px !important;
}

.inputField.selectQuantity:not(.checkBox) select {
    background: url(/App_Themes/YouGR2019/img/arrowDown.svg) no-repeat 80% center !important;
}

.btnNext {
    position: relative;
}

    .btnNext:before, .btnNext:after {
        content: '';
        display: block;
        height: 8px;
        margin-top: -6px;
        position: absolute;
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        right: 25px;
        top: 50%;
        width: 0;
        border-right: 2px solid white;
        z-index: 1;
    }

    .btnNext:after {
        margin-top: -1px;
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.epistrofes_RadioButtons .options {
    flex-basis: 100%;
    max-width: 100%;
}

    .epistrofes_RadioButtons .options .option {
        width: 100% !important;
        font-size: 16px;
    }

        .epistrofes_RadioButtons .options .option label {
            padding-left: 17px;
        }

.optionsInfo {
    background-color: #f0f0f2;
    padding: 20px;
    border-radius: 5px;
    margin-block: 10px 30px;
    display: none;
}

    .optionsInfo .title {
        font-size: 16px;
        font-weight: 600;
        margin-block: 15px;
    }

    .optionsInfo textarea {
        max-width: 400px;
        width: 100%;
        margin-block: 10px;
        min-height: 130px;
        background-color: transparent;
        border: solid 2px rgba(0,0,0,0.2);
        padding: 10px;
        display: block;
        resize: vertical;
    }

.textRadioButtons_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.textRadioButtons {
    position: relative;
}

    .textRadioButtons input {
        width: auto;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
        cursor: pointer;
        border-radius: 2px;
        background: white;
        color: #2b2d40;
        font-size: 14px;
        font-weight: 600;
        padding: 12px 24px;
        border-radius: 8px;
        margin: 0 10px 10px 0;
        font-family: 'Proxima Nova', sans-serif !important;
    }

        .textRadioButtons input:hover {
            background-color: rgba(255,255,255,.7);
        }

        .textRadioButtons input ~ img {
            width: 14px;
            position: absolute;
            top: 4px;
            right: 20px;
        }

        .textRadioButtons input:checked ~ label {
            background-color: #4960f2;
            color: #fff;
        }

        .textRadioButtons input:checked ~ img {
            filter: invert(100%) brightness(100);
        }

.btnHistoryCollape2 {
    position: relative;
    right: 4px;
    top: -3px;
    display: inline-block;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 50rem;
    background-color: #FFC500;
    transition: transform 0.15s ease-in-out;
}

    .btnHistoryCollape2::before,
    .btnHistoryCollape2::after {
        content: "";
        position: absolute;
        top: 12px;
        width: 5px;
        height: 2px;
        background-color: currentColor;
    }

    .btnHistoryCollape2::before {
        left: calc(50% - 1px);
        transform: rotate(-45deg);
    }

    .btnHistoryCollape2::after {
        right: calc(50% - 1px);
        transform: rotate(45deg);
    }

    .btnHistoryCollape2.open {
        transform: rotate(180deg);
    }

.epistrofi-steps {
    display: none;
}

.uploadBtn {
    border-bottom: solid 2px #C0C0C6;
    padding-bottom: 3px;
    margin-block: 10px;
}

    .uploadBtn input[type=file]::file-selector-button {
        border: none;
        background-color: #dfdfdf;
        border-radius: 5px;
        font-weight: 400;
        font-family: 'Proxima Nova', sans-serif !important;
    }

@media (max-width:576px) {
    .selectQuantity select {
        width: 50px !important;
    }

    .optionsInfo {
        padding: 20px;
    }

    .stoixeia-paraggelias .item {
        padding-inline: 18px;
    }
}
/************************END of return order css **************************/


.xromatologio .extras .extraInfo {
    display: none;
}

.blacktextslide.jet-slider__title {
    text-align: left;
    font-family: "HelveticaNeue", Sans-serif;
    font-size: 60px;
	color:#000000 !important;
}

/* Vertical alignment για τα values των attributes */
.woocommerce table.shop_attributes td {
    font-style: italic;
    padding: 0 0px 0 10PX;
    border-top: 0;
    border-bottom: 1px dotted rgba(0, 0, 0, .1);
    margin: 0;
    line-height: 1.5;
    vertical-align: middle !important;
}