/* ================================= */
/* Base Theme Index ================ */
/* = Fonts ========================= */
/* = Variables ===================== */
/* = Black Bar ===================== */
/* = Header ======================== */
/* = Header Subscribe Form ========= */
/* = Mobile Menu =================== */
/* = Footer ======================== */
/* = Bottom Text Footer ============ */
/* ================================= */
/* = Pages ========================= */
/* = Rewards Pages ================= */
/* = Shipping Returns Page ========= */
/* = Categories ==================== */
/* = Products ====================== */
/* = Yotpo ========================= */
/* = Checkout Page ================= */
/* = Checkout Success Page ========= */
/* = Contact Page ================== */
/* = Search Page ================== */
/* = How To Blog =================== */
/* = How To Blog = Post ============ */
/* = Blog Video Swap =============== */
/* ================================= */
/* = Account Pages ================= */
/* = Login Page ==================== */
/* ================================= */
/* = Owl Sliders =================== */
/* = Messages ====================== */
/* ================================= */
/* = ADA Compliance ================ */
/* ================================= */

/* ================================= */
/* = Fonts ========================= */

@font-face {
    font-family: 'gotham-book';
    src: url('/pub/media/fonts/gotham-web/gotham-book.eot');
    src: url('/pub/media/fonts/gotham-web/gotham-book.eot?#iefix') format('embedded-opentype');
    src: url('/pub/media/fonts/gotham-web/gotham-book.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'gotham-light';
    src: url('/pub/media/fonts/gotham-web/gotham-light.eot');
    src: url('/pub/media/fonts/gotham-web/gotham-light.eot?#iefix') format('embedded-opentype');
    src: url('/pub/media/fonts/gotham-web/gotham-light.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'gotham-extra-light';
    src: url('/pub/media/fonts/gotham-web/gotham-extra-light.eot');
    src: url('/pub/media/fonts/gotham-web/gotham-extra-light.eot?#iefix') format('embedded-opentype');
    src: url('/pub/media/fonts/gotham-web/gotham-extra-light.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'gotham-medium';
    src: url('/pub/media/fonts/gotham-web/gotham-medium.eot');
    src: url('/pub/media/fonts/gotham-web/gotham-medium.eot?#iefix') format('embedded-opentype');
    src: url('/pub/media/fonts/gotham-web/gotham-medium.ttf') format('truetype');
}

@font-face {
    font-family: "Antro-vectra";
    src: url("/pub/media/fonts/antro_vectra/antro_vectra_bolder.otf");
}

@font-face {
    font-family: 'phoenix-script';
    src: url('/pub/media/fonts/phoenix-script/phoenix-script.eot');
    src: url('/pub/media/fonts/phoenix-script/phoenix-script.eot?#iefix') format('embedded-opentype');
    src: url('/pub/media/fonts/phoenix-script/phoenix-script.ttf') format('truetype');
    font-style: normal;
}

/* = Fonts End ===================== */
/* ================================= */


/* ================================= */
/* = Variables ===================== */

:root{
    --main-color: #9d0817;
    --kiss-red: #9e1b30;
    --baseText: "gotham-medium";
    --headingText: "gotham-light";
    --btnText: "gotham-book";
    --light-gray: #ddd;
    /* --iconFont: "fa-brands"; */
}
.littleredarrows{
    list-style: none;
}

.page-main a.roundbnt, .page-main .roundbtn {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.05em;
    padding: 5px 15px;
    border-radius: 0;
    background-color: var(--kiss-red);
    border: 2px solid var(--kiss-red);
    color: #fff;
    text-transform: uppercase;
}

.page-main a.roundbnt:hover, .page-main .roundbtn:hover{
    background-color: #fff;
    border: 2px solid #222;
    color: #222;
}

/* = Variables End ================= */
/* ================================= */

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    height: 100vh;
    font-family: var(--baseText);
}

body *{  box-sizing: border-box; }
body *:focus{ outline: 0; outline-offset: 0; box-shadow: 0; }
h1{ margin-top: 0; margin-bottom: 0;}
h2{ margin-top: 0; margin-bottom: 0; }
.label{
  color: #222;
  font-size: 100%;
  white-space: normal;
  padding: 0;
}
._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Fixes owl carousel issue on firefox mobile */
.columns {
   display: block;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
}


/* ================================= */
/* = Black Bar ===================== */

/* = Black Bar - Brand Bar ========= */

#custom_top_header{
    background-color: #181818;;
    color: #fff;
    height: 55px;
    text-align: center;
    position: relative;
}

#custom_top_header ul{
    margin-bottom: 0;
}

#custom_top_header li{
    margin-bottom: 0;
}

#custom_top_header a{
    color: #fff;
    text-transform: none;
}

#custom_top_header button:focus {
    outline: none;
    box-shadow: none;
}

/* = Black Bar - Brand Bar ========= */

#custom_top_header .tabs {
    margin: 0px;
    margin-bottom: 0;
    padding-left: 0px;
    height: 100%;
    display: flex;
}

#custom_top_header .tabs ul{
    width: 100%;
    display: flex;
    margin: 0;
    padding: 0;
}

#custom_top_header .tabs span{
    display: none;
}

#custom_top_header .tabs li{
    height: 55px;
    flex-basis: calc(100%/3);
    list-style: none;
}

#custom_top_header .tabs li a{
    background-color: #181818;
    background-image: url("/pub/media/wysiwyg/global/brands-bar/logo_kiss.png");
    background-size: 60px auto;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    width: 100%;
}

#custom_top_header .tabs li.active:nth-child(1) a,
#custom_top_header .tabs li:nth-child(1):hover a{
   background-color: #fff;
}

#custom_top_header .tabs li:nth-child(2) a{
   background-image: url("/pub/media/wysiwyg/global/brands-bar/logo_impress.png");
   background-size: 80px auto;
}

#custom_top_header .tabs li.active:nth-child(2) a,
#custom_top_header .tabs li:nth-child(2):hover a{
   background-color: #fff;
}

#custom_top_header .tabs li:nth-child(3) a{
   background-image: url("/pub/media/wysiwyg/global/brands-bar/logo_joah.png");
   background-size: 40px auto;
}

#custom_top_header .tabs li.active:nth-child(3) a,
#custom_top_header .tabs li:nth-child(3):hover a{
   background-color:  #fff;
}

@media screen and (min-width: 768px) {
    #custom_top_header{
        display: flex;
    }

    #custom_top_header .tabs {
        flex-basis: 33%;
    }

    #custom_top_header .tabs ul{
        max-width: 312px;
    }

    #custom_top_header .tabs li:nth-child(1) {
        flex-basis: 90px;
    }

    #custom_top_header .tabs li:nth-child(2) {
        flex-basis: 140px;
    }

    #custom_top_header .tabs li {
        flex-basis: 82px;
    }

}

/* = Black Bar - Brand Tabs Ends === */


/* = Black Bar - Middle Callout  === */

#custom_top_header .callout {
    display: none;
}

#custom_top_header .callout span {
    color: #efa1af;
}

#custom_top_header .callout a:hover,
#custom_top_header .callout a:focus,
#custom_top_header .callout a:visted,
#custom_top_header .callout a {

}
@media screen and (min-width: 768px) {

    #custom_top_header .callout {
        flex-basis: 33%;
        display: flex;
        align-items: center;
    }

    #custom_top_header .callout div {
        font-size: 16px;
        display: block;
        text-align: center;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* = Black Bar - Middle Callout  === */


/* = Black Bar - Account Buttons  === */

#custom_top_header .account-buttons-container{
    display: none;
}

#custom_top_header .account_buttons {
    list-style: none;
    position: relative;
    width: 180px;
    padding: 0px;
    margin: 0px;
    height: 100%;
    list-style: none;
    display: flex;
}

#custom_top_header .account_buttons li{
    margin-bottom: 0;
}

#custom_top_header .account_buttons li.active{
    background: #fff;
}

#custom_top_header .account_buttons li.active {
    background-color: #fff;
    color: #000;
}

#custom_top_header .account_buttons li ul{
    display: none;
}

#custom_top_header .account_buttons li.active ul {
    margin: 0;
    position: absolute;
    display: none;
    top: 54px;
    z-index: 999;
    background-color: #fff;
    border-top: 0;
    width: 210px;
    right: 0;
    color:#222;
    padding-top: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: 0 .5em .45em rgba(0,0,0,.25);
    text-align: left;
    display: block;
    list-style: none;
}

#custom_top_header .account_buttons li.active ul a{
    color: #222;
    font-size: 14px;
    padding: 1em 1.75em;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}

#custom_top_header .account_buttons li.active ul a:hover{
    background: #efefef;
}

#custom_top_header .account_buttons button{
    background: none;
    color: #fff;
    border: none;
    display: block;
    height: 100%;
    width: 40px;
    line-height: 1;
    padding: 0;
    position: relative;
    box-shadow: none;
    border-radius: 0;
}

#custom_top_header .account_buttons button span{
    display: none;
}

#custom_top_header .account_buttons a.vip-link span{
    display: none;
}

#custom_top_header .account_buttons button.action.close:hover{
    color: #777;
}

#custom_top_header .account_buttons li.active  button.active{
    background: #fff;
}

#custom_top_header .account_buttons .minicart-wrapper{
    width: 50px;
    height: 100%;
}

.my-account-icon{
    width: 40px;
    height: 55px;
    display: block;
    background: url('/pub/media/wysiwyg/global/brands-bar/icon_account.png') no-repeat;
    background-position: center center;
    background-size: 25px auto;
}

.vip-icon{
    width: 40px;
    height: 55px;
    display: block;
    background: url('/pub/media/wysiwyg/global/brands-bar/icon_gift.png') no-repeat;
    background-position: center center;
    background-size: 25px auto;
}

.flag-image-main-icon{
    width: 25px;
    height: 25px;
    display: block;
    background: url('/pub/media/wysiwyg/global/brands-bar/flags/flag-usa.jpg') no-repeat;
    background-position: center center;
    background-size: 50px auto;
    border: 1px solid white;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

li.active button .my-account-icon{
    background: url('/pub/media/wysiwyg/global/brands-bar/icon_account_active.png') no-repeat;
    background-position: center center;
    background-size: 25px auto;
}

.store-language-container {
    width:150px;
    z-index:999;
    position: absolute;
    right: 0;
    top: 54px;
    display: none;
    background-color: white;
    padding: 0 20px;
    box-shadow: 0 .5em .45em rgba(0,0,0,.25);
    border-top: 0px;
}


li.active .store-language-container{
    display: block;
}

.store-language-container ul {
    padding:10px 0;
    list-style: none;
    margin: 0px;
    text-align: left;
}

.store-language-container ul li {
    width:100%;
    margin: 0px;
}

.store-language-container img {
    width:25px ;
    height:25px;
    border-radius: 50%;
    border: 1px solid white;
}

.store-language-container span {
    color:#222;
    display: inline-block;
    line-height: 0;
    margin: 0;
    font-weight: bold;
}

#custom_top_header .account_buttons .flag-image-main {
    width:25px;
    height:25px;
    border-radius: 50%;
    border:1px solid white;
}

#custom_top_header .account_buttons .icon {
    cursor: pointer;
}

.block .block-reorder {
    display: none;
}
.col .expire {
    display:none;
}
.grand .totals .excl {
    display:none!important;
}

@media screen and (min-width: 768px) {
    #custom_top_header .account-buttons-container {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        display: block;
    }
}

/* = Middle Callout Ends ============ */


/* = Black Bar - Cart ======================= */

#custom_top_header .minicart-wrapper {
    margin-top: 0;
    display: block;
    position: absolute;
    right: 20px;
    width: 40px;
    height: 40px;
    top: 120px;
    z-index: 100;
}

/* = Black Bar - Cart Button ======================= */

#custom_top_header .minicart-wrapper .action.showcart{
    width: 40px;
    height: 40px;
    display: block;
}

#custom_top_header .minicart-wrapper .action.showcart:before {
    content: ' ';
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    background: url('/pub/media/wysiwyg/global/brands-bar/icon_shop_black.png');
    position: absolute;
    width: 25px;
    height: 28px;
    background-size: cover;
}

#custom_top_header li.active .minicart-wrapper.action.showcart::before{
    background-image: url('/pub/media/wysiwyg/global/brands-bar/icon_shop_black.png');
}


#custom_top_header .minicart-wrapper .action.showcart {
    position: relative;
}

#custom_top_header .minicart-wrapper .action.showcart .counter.qty {
    position: absolute;
    background-color: var(--kiss-red);
    border-radius: 50%;
    font-size: 12px;
    min-width: 18px;
    height: 18px;
    line-height: 1;
    display: block;
    right: 0;
    padding-top: 3px;
    top: -6px;
}

@media screen and (min-width: 768px) {

    #custom_top_header .minicart-wrapper {
       margin-top: 0;
       display: block;
       position: absolute;
       right: 20px;
       width: 40px;
       height: 55px;
       top: 0;
       z-index: 100;
    }

    #custom_top_header .minicart-wrapper .action.showcart .counter.qty{
        top: 0;
        background-color: transparent;
    }

    #custom_top_header li.active .minicart-wrapper .action.showcart .counter.qty{
        color: #222;
    }

    #custom_top_header li.active .minicart-wrapper{
      background-color: #fff;
    }

    #custom_top_header .minicart-wrapper .action.showcart{
       width: 40px;
       height: 40px;
       display: block;
    }

    #custom_top_header .minicart-wrapper .action.showcart::before{
       background-image: url('/pub/media/wysiwyg/global/brands-bar/icon_shop_white.png');
       margin-top: 7px;
    }

    #custom_top_header .minicart-wrapper.active{
       background-color: #fff;
    }

    #custom_top_header .minicart-wrapper.active .action.showcart::before{
       background-image: url('/pub/media/wysiwyg/global/brands-bar/icon_shop_black.png');

    }

    #custom_top_header .minicart-wrapper .action.showcart .counter.qty{
        background-color: transparent;
    }

    #custom_top_header .minicart-wrapper .action.showcart.active .counter.qty{
        background-color: var(--kiss-red);
    }

}

/* = Black Bar - Cart Button Ends ======================= */


/* = Black Bar - Cart Popout ======================= */

#custom_top_header .minicart-wrapper .ui-dialog{
    color: #222;
    display: none;
}

#custom_top_header .minicart-wrapper.active .ui-dialog{
    display: block!important;
}

#custom_top_header .block-minicart .block-content > .actions > .primary{
    margin: 0;
}

#minicart-content-wrapper .action.checkout{
    background: var(--kiss-red);
    font-family: var(--baseText);
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    font-size: 14px;
    padding: 7px 15px;
    color: #fff;
}

#minicart-content-wrapper .minicart-items-wrapper{
    border: none;
    padding: 20px;
    margin: 0 -10px;
}

#minicart-content-wrapper .minicart-items .product-item-details{
    text-align: left;
    padding-left: 0;
    flex-grow: 1;
}

#minicart-content-wrapper .minicart-items .product-image-wrapper img.product-image-photo{
    max-width: none;
}


#minicart-content-wrapper .minicart-items > li.product div.product{
    display: flex;
}

#minicart-content-wrapper .minicart-items > li.product div.product.options{
    display: block;
    padding: 10px 0 0 0;
}

#minicart-content-wrapper div.product.options .product.options.list{
    display: flex;
    padding: 10px 0;
}

#minicart-content-wrapper div.product.options dl.product.options.list {
    margin-bottom: 0;
}

#minicart-content-wrapper div.product.options .product.options.list dd{
    line-height: 1;
    padding-left: 5px;
    margin-bottom: 0;
}

#minicart-content-wrapper .minicart-items .product > .product-item-photo{
    float: none;
    width: 75px;
}

#minicart-content-wrapper .minicart-items .product-item-details{
    padding-top: 0;
    padding-left: 10px;
}

#minicart-content-wrapper .product-item-details .product-item-name{
    font-family: var(--btnText);
    padding-top: 0;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
}

#minicart-content-wrapper .product-item-details .product-item-name a{
    color: var(--kiss-red);
}

#minicart-content-wrapper .product-item-details .product-item-pricing{
    padding-top: 10px;
}

#minicart-content-wrapper .minicart-wrapper .product .actions > .primary:not(:last-child){
    margin-right: 10px;
}

#minicart-content-wrapper .price{
    font-weight: 700;
    font-size: 18px;
}

#minicart-content-wrapper .product-item-pricing .label{
    font-size: 10px;
}

#minicart-content-wrapper .update-cart-item{
    border-radius: 0;
    border: none;
    background-color: var(--kiss-red);
    color: #fff;
    text-transform: uppercase;
}

#minicart-content-wrapper a{
    color: #222;
}

#minicart-content-wrapper .actions{
    padding-left: 10px;
    padding-right: 10px;
}

#minicart-content-wrapper .action.edit:before{
    color: var(--kiss-red);
    font-size: 14px;
}

#minicart-content-wrapper .action.delete:before{
    color: var(--kiss-red);
    font-size: 14px;
}

#minicart-content-wrapper a.action.viewcart{
    text-transform: uppercase;
    border: 1px solid #ccc;
    display: block;
    padding: .5em 1em;
    font-size: 14px;
    text-decoration: none;
}

/* = Black Bar - Cart Ends ======================= */

/* = Black Bar ============ */
/* ================================= */


/* ================================= */
/* = Header ======================== */

.page-header{
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
}

.page-header .panel.wrapper{
    display: none;
}

.page-header .header.content{
    position: relative;
}

/* = Header - Subscribe Form ======================== */

.page-header .subscribe_form{
    display: none;
}

@media screen and (min-width: 768px) {

    .block.newsletter .action.subscribe{
        border-radius: none;
    }

    .page-header .subscribe_form{
        display: block;
        position: absolute;
        top: 110px;
    }

    .page-header .subscribe_form .subscribe_success{
        color: #000;
        font-weight: 100;
        font-size: 14px;
        display: none;
    }

    .page-header .subscribe_form .maniPopupsignUp{
        text-transform: uppercase;
        font-size: 11px;
        color: #222;
        text-decoration: none;
    }

    .page-header .subscribe_form .manimail-dropdown-content{
        border: none;
        background: none;
        box-shadow: none;
        font-size: 11px;
        color: #222;
        font-family: var(--baseText);
    }

    .page-header .subscribe_form .down-arrow--icon{
        display: inline-block;
        position: relative;
        width: 15px;
        height: 15px;
        font-style: normal;
    }

    .page-header .subscribe_form .down-arrow--icon:after{
        content: "\e622";
        font-family: 'luma-icons';
        transform: translate(-50%,-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 10px;
        margin-top: 3px;
    }

    .page-header .subscribe_form .manimail-dropdown{
        display: none;
    }

    .page-header .subscribe_form .manimail-dropdown.show-form{
        display: flex;
        align-items: stretch;
    }

    .page-header .subscribe_form .action.subscribe.primary{
         text-transform: uppercase;
         padding: 5px 15px;
         font-family: var(--baseText);
         border: none;
         background: var(--kiss-red);
         color: #fff;
    }
}

/* = Header - Logo ======================== */

.page-header .logo{
    margin: 15px auto 10px auto;
    float: none;
    width: 100px;
    display: block;
}

.page-header .logo img{
    width: 100%!important;
    height: auto!important;
}

@media screen and (min-width: 768px) {
    .header.content a.logo,
    .header.content strong.logo{
        width: 160px;
        height: 148px;
        max-height: 148px;
        margin-bottom: 20px;
    }
}

/* = Header - Search ======================== */

.page-header .block-search{
    display: none;
}

@media screen and (min-width: 768px) {

    .page-header .block-search{
        display: block;
        position: absolute;
        top: 105px;
        right: 30px;
    }

    .minisearch input[type="text"]{
        font-family: var(--baseText);
        border-top: none;
        border-right: none;
        border-left: none;
    }

}

/* = Header  ======================= */
/* ================================= */

/* ================================= */
/* = Menu  ========================= */

.nav-sections{
    background: #fff;
}

a.nav-sections-item-switch{
    text-transform: uppercase;
    color: #222;
    font-family: var(--headingText);
}

.nav-toggle{
    height: 50px;
    border-radius: 50%;
    border: 2px solid #222;
    width: 50px;
    align-self: end;
    margin-bottom: 20px;
    background: #fff;
    margin-top: 40px;
}

.nav-toggle::before{
    font-size: 19px;
    font-weight: bold;
    margin-top: 9px;
    margin-left: 13px;
}

.nav-toggle:hover{
    color: #222;
}

ul.ui-widget.ui-widget-content{
    border: none;
}

ul.ui-menu.ui-widget.ui-widget-content a.ui-state-focus{
    background: transparent;
    border: none;
    margin: 0;
    font-weight: 700;
}

/*//// jquery ui override ////*/

@media screen and (max-width: 767px) {
    .nav-toggle{
        margin-top:0;
    }
    #custom_top_header .minicart-wrapper {
        top:80px;
    }
    .ui-dialog .ui-dialog-content{
        position: absolute!important;
        background-color: #fff!important;
        padding: 25px 20px!important;
    }
    .ui-widget{
        font-family: var(--baseText)!important;
    }
    .ui-widget.ui-widget-content{
    }
    .ui-corner-all{
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
    .minicart-wrapper .block-minicart{
        top: 30px;
        right: 0px;
    }
}
/*//// jquery ui override ////*/

.navigation .level0 > .level-top{
    padding: 25px 0;
}

.navigation{
    background: #fff;
}

.navigation a{
    font-size: 16px;
    font-family: var(--btnText);
    background: transparent;
    transition: all .25s;
    color: #000;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

.navigation .level0.active > .level-top{
    border: none;
    display: block;
}

.navigation .parent .level-top::after{
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .nav-sections-item-content{
        padding-top: 0;
    }

    .navigation .level0.active .all-category .ui-state-focus,
    .navigation .level0.active > a:not(.ui-state-active){
        border: none;
    }

    .navigation .submenu:not(:first-child) > li > a{
        padding-left: 0;
    }

    .greet.welcome{
        display: none;
    }
    .nav-sections .header.links a{
        text-align: center;
        font-family: var(--headingText);
        text-transform: uppercase;
        padding: 25px 0;
    }
    .nav-sections .header.links a, .nav-sections .header.links a:hover{
        padding: 25px 0;
    }

}

@media screen and (min-width: 768px) {
    .navigation{
        max-width: 100%;
    }

    .navigation a{
        font-size: 14px;
        position: relative;
    }

    .navigation > ul{
        max-width: 1110px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: center;
    }

    .nav-sections{
        margin-bottom: 0;
    }

    .navigation .parent .level-top::after,
    .navigation > ul > li > a::after {
        content: " ";
        height: 3px;
        background: #222;
        display: block;
        width: 0;
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-left: 0;
        transform: translate(-50%,0);
        transition: width .25s;
        right: auto;
        top: auto;
    }

    .navigation .parent:hover .level-top::after,
    .navigation > ul > li:hover > a::after {
        width: 90%;
    }

    .navigation ul > li{
        margin-bottom: 0;
        text-align: center;
    }

    .navigation .level0:hover .submenu,
    .navigation ul > li:hover > ul{
        display: block;
    }

    .navigation .level0{
        margin-right: 0;
    }

    .navigation .level0 > .level-top{
        padding: 18px 0;
        margin-right: 0;
        line-height: 1;
        text-align: center;
        display: block;
    }

    .navigation .level0 .submenu a,
    .navigation > ul > li > ul > li{
        text-align: left;
    }

    .navigation .level0 .submenu a:hover{
        background: none;
    }

    .navigation > ul > li > ul > li span{
        color: #000;
    }

    .navigation .level0 .submenu{
        border: none;
    }

    .navigation .level0.has-active > .level-top{
        border: none;
    }

}

/* = Menu  ========================= */
/* ================================= */


/* ================================= */
/* = Footer  ======================= */

.page-footer{
    background-color: #222;
    color: #fff;
    padding: 20px;
    font-size: 16px;
    margin-top: 0;
    border-top: 5px solid #222;
    overflow: hidden;
}

.footer .block .newsletter, .footer .subscribe {
    display:none;
}

.page-footer h2{
    display: none;
}

.page-footer a{
    color: #fff;
}

.page-footer .panel-group .panel + .panel{
    margin-top: 0;
}

.page-footer .panel-body:before{
    display: none;
}

@media screen and (min-width: 768px) {

    .page-footer{
        background-color: #222;
        color: #fff;
        padding: 20px;
        font-size: 16px;
    }

    .page-footer #accordion.panel-group{
      display: flex;
      width: 100%;
    }

    .page-footer h2{
        display: block;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 16px;
        font-family: var(--btnText);
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .collapsing{
        overflow: visible;
    }

}

.footer.content{
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    border-top: none;
}

.footer.content .links, .footer.content ul{
    padding-right: 0;
}

.switcher-trigger, .switcher-store{
    display: none;
}
.footer-floater-icon {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 9;
    width: 9.75em;
    padding:0!important;
}


/* = Footer Panels ======================== */


.footer.content .switcher.store,
.footer .copyright, .footer .bugs{
    display: none;
}

.panel{
    background-color: transparent;
}

.panel-default > .panel-heading{
    background-color: transparent;
    border-bottom: 1px solid #fff;
}

.panel-default{
    border-color: transparent;
    border-radius: none;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel{
    border-radius: 0;
    border-bottom: none;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body{
    border-bottom: 1px solid #fff;
}

.panel-title{
    font-family: var(--btnText);
}

.panel-heading{
    position: relative;
    cursor: pointer;
}

.panel-heading:after{
    content: '\e622';
    font-family: 'luma-icons';
    font-size: 10px;
    display: block;
    position: absolute;
    right: 10px;
    font-size: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    transition: all .5s ease-in;
}

@media screen and (min-width: 768px) {
     .panel{
         box-shadow: none;
     }

     .panel-collapse.collapse{
         display: block;
     }
     .fade{
       opacity: 1;
     }

     .panel-heading{
        padding-left: 0;
        padding-right: 0;
        display: none;
     }

     .panel-group .panel{
         border-top: none;
     }

     .panel-default > .panel-heading + .panel-collapse > .panel-body{
         border-bottom: none;
         border-top: none;
     }

     #collapse2 .panel-body{
         padding-left: 50px;
     }

}

/* = Footer Form ======================== */

.subscribe_form{
    display: flex;
    border-bottom: 1px solid #fff;
}

.subscribe_form #email_input_footer{
    background: none;
    color: #fff;
    border: none;
    font-family: var(--headingText);
    font-size: 12px;
}

.subscribe_form input[type="email"]::placeholder{
    color: #fff;
    opacity: 1;
}

.subscribe_form input[type="button"]{
    background: none;
    border: none;
    text-transform: uppercase;
    font-family: var(--btnText);
    font-size: 12px;
    font-weight: bold;
}


.footer.content .social-links-container--mobile ul{
    display: flex;
    font-size: 24px;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.footer.content .social-links-container--mobile ul li{
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: 10px;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 10px;
}


@media screen and (min-width: 768px) {
    .footer-sign-up-form{
        margin-bottom: 50px;
    }
    .social-links-container--mobile{
        display: none;
    }
}

/* = Footer Links ======================== */

ul.links, ul.links li{
   background: none;
}

.footer.content .links > li{
    background: none;
    border: none;
    font-size: 12px;
}

.footer.content ul.links a{
    color: #fff!important;
}

.footer.content ul.links a:hover{
    color: rgba(255,255,255,.8);
}

@media screen and (min-width: 768px) {

    .footer.content ul.links{
        padding-left: 0;
    }
    .footer.content ul.links > li{
        font-size: 14px;
        text-transform: uppercase;
        padding: 5px 0;
        line-height: 1;
    }
    .panel-body{
        padding: 15px 0;
    }

}

/* = Footer Contact Us =============== */

.footer.content .contact-info{
    font-size: 12px;
    line-height: 2;
}

.social-links-container--desktop{
    display: none;
}

@media screen and (min-width: 768px) {

    .footer.content .contact-info{
        font-size: 14px;
        line-height: 2;
    }

    .social-links-container--desktop{
        display: block;
        position: relative;
        padding-bottom: 50px;
    }

    .social-links-container--desktop ul{
      display: flex;
      font-size: 24px;
      justify-content: flex-start;
      padding-top: 20px;
      padding-bottom: 20px;
    }

    .footer.content .social-links-container--desktop ul > li{
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      margin-right: 20px;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      margin-left: 0;
    }

}


dl.contact-info-list:after{
    content: " . ";
    display: block;
    height: 0;
    display: none;
    clear: both;
}

dl.contact-info-list dt{
    width: 20px;
    clear: left;
    float: left;
}

/* = Footer ======================== */
/* ================================= */


/* ================================= */
/* = Bottom Text Footer  =========== */

#custom_footer{
    background: #000;
    padding: 8px 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

#custom_footer a{
    color: #fff;
}

.copyright-info{
    display: block;
}

@media screen and (min-width: 768px) {
    .copyright-info{
        display: inline-block;
    }

    .copyright-info:before{
      content: " | ";
    }
}

/* = Bottom Text Footer  =========== */
/* ================================= */
/****** Footer Brand Logos *************/
.scrolling-logos{
    padding: 0 0 2em 0;
    position: relative;
    height: 5vw;
}

.scrolling-logos ul{
    list-style: none;
    align-items: center;
    padding: 0;
    margin: 0;
    animation-name: scroll-left;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    white-space: nowrap;
    display: flex;
    overflow: hidden;
    flex-wrap: nowrap;
    width: 250%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

}

.scrolling-logos ul li{
    padding: 0;
    margin: 0;
}

.scrolling-logos ul img{
    display: block;
    object-fit: cover;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


@-webkit-keyframes scroll-left {
    0%   { left: 0; }
    100% { left: -125%; }
}
@-moz-keyframes scroll-left {
    0%   { left: 0; }
    100% { left: -125%; }
}
@-o-keyframes scroll-left {
    0%   { left: 0; }
    100% { left: -125%; }
}
@keyframes scroll-left {
    0%   { left: 0; }
    100% { left: -125%; }
}
/***********************************/

/* ================================= */
/* = Pages  ======================== */

.page-title-wrapper h1{
    text-align: center;
    padding: 1em 0;
    font-size: 36px;
}

.page-main{
    font-size: 16px;
    margin-bottom: 0;
    padding-top: 50px;
}

.catalog-product-view .page-main{
    padding-top: 0;
}

.page-main h1{
    font-size: 24px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.page-main h2{
    font-size: 20px;
    padding-bottom: 1em;
}

.page-main p{
    font-size: 16px;
    padding-bottom: 1em;
    margin-bottom: 0;
}

.page-main ul{
        padding-bottom: 2em;
        font-size: 14px;
}

.page-main a{ color: var(--kiss-red); }

/* = Pages  ======================== */
/* ================================= */

/* ================================= */


/* ====================================== */
/* = Rewards Page  ====================== */

.cms-rewards .page-main{
    padding-top: 50px;
    padding-bottom: 180px;
}

.cms-rewards .page-main h2{
    font-family: var(--headingText);
    font-size: 40px;
    margin-top: 0;
    text-align:  center;
    color: var(--kiss-red);
    text-transform: uppercase;
}

.rewards-box{
    background: #f8f1f1;
    text-align: center;
    margin: 60px 0 60px;
    padding: 25px 0;
}

.rewards-box .col-md-4{
    padding: 40px 10%;
    float: none;
}

.rewards-box .col-md-4:last-child{
   border-bottom: none;
}

.rewards-box .red-money-icon,
.rewards-box .red-heart-plus-icon,
.rewards-box .red-gift-icon{
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto 25px;
    position: relative;
}

.rewards-box .red-money-icon::before,
.rewards-box .red-heart-plus-icon:before,
.rewards-box .red-gift-icon:before{
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 113px auto;
    background-image: url("/pub/media/wysiwyg/kiss-usa/rewards/red-money-icon.png");
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.rewards-box .red-heart-plus-icon:before{
    background-image: url("/pub/media/wysiwyg/kiss-usa/rewards/red-heart-icon.png");
    background-size: 120px auto;
}

.rewards-box .red-gift-icon:before{
    background-image: url("/pub/media/wysiwyg/kiss-usa/rewards/red-gift-icon.png");
      background-size: 81px auto;
}

.rewards-box h4, .cms-rewards h3{
    font-family: var(--btnText);
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 18px;
    text-align: center;
    font-weight: bolder;
}

.cms-rewards br{ display: none; }

.kiss-rewards-block p{
    padding-bottom: 40px;
}

.kiss-rewards-block a {
    font-family: var(--btnText);
    line-height: 1;
    display: block;
    max-width: 280px;
    padding: .45em 1em;
    text-align: center;
    margin: 0 auto 1em auto;
    border: 1px solid rgba(0,0,0,.75);
    color: #000;
    text-align: center;
    margin: 0 auto 1em auto;
    line-height: 1;
    font-weight: bolder;
}

.kiss-rewards-block a:hover{
    text-decoration: none;
    color: #fff;
    background: var(--kiss-red);
}

@media screen and (min-width: 776px) {
  .cms-rewards h2{
    text-align:  left;
  }

  .cms-rewards br{ display: block; }

  .rewards-box h4, .cms-rewards h3{
      text-align: left;
  }

  .cms-rewards p{
      text-align: left;
  }

  .cms-rewards .row.rewards-box{
      display: flex;
  }

  .rewards-box .col-md-4{
      border-right: 2px solid #f7edee;
      border-bottom: 0;
      flex-basis: calc( 100% / 3 );
      align-items: stretch;
      box-sizing: border-box;
      padding-left: 15px;
      padding-right: 15px;
  }

  .rewards-box .col-md-4 h4,
  .rewards-box .col-md-4 p{
      text-align: center;
  }

  .rewards-box .col-md-4 p

  .rewards-box .col-md-4:last-child{
     border-right: none;
  }

  .kiss-rewards-block a{
      display: inline-block;
  }

  .kiss-rewards-block a.pink__btn{
      margin-right: 30px;
  }

}

@media screen and (min-width: 991px) {
    .rewards-box .col-md-4{
        padding-left: 75px;
        padding-right: 75px;
    }
}

.member-benefits-box{
    background: #f8f1f1;
    margin-top: 20px;
    margin-bottom: 60px;
    border: 1px solid #f6eced;
}

.member-benefits-image{
    background-image: url("/pub/media/wysiwyg/kiss-usa/rewards/membership-hands-holding.jpg");
    background-size: cover;
    background-position: center center;
    padding-bottom: 116%;
}

.member-benefits-box h3{
    padding: 1em 1em 0 1em;
    text-align: center;
}

.member-benefits-box p{
    text-align: center;
    padding: 0 1em 1em 1em;
    font-size: 12px;
}

.member-benefits-box ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.member-benefits-box ul li{
    margin: 0;
    font-size: 12px;
    padding: 1.5em 2em 1.5em 7.5em;
    border: 1px solid #f6eced;
    position: relative;
}

.member-benefits-box .red-lips-icon{
    display: block;
    text-indent: -100em;
    position: absolute;
    left: 3em;
    width: 38px;
    height: 20px;
}

.member-benefits-box .red-lips-icon:before{
    background-image: url("/pub/media/wysiwyg/kiss-usa/rewards/red-lips-icon.png");
    background-size: cover;
    content: " ";
    display: block;
    font-size: 1em;
    width: 38px;
    height: 20px;
}

.member-benefits-box br{
    display: none;
}

@media screen and (min-width: 850px) and (max-width: 1100px) {
    .member-benefits-box br{
        display: block;
    }
}

@media screen and (min-width: 850px) {
    .member-benefits-box{
        display: flex;
    }

    .member-benefits-image{
        flex-basis: 33%;
        padding-bottom: 364px;
    }

    .member-benefits-box h3{
        text-align: center;
    }

    .member-benefits-box__content{
        flex-basis: 67%;
    }

    .member-benefits-box__title{
        margin-left: 50%;
        position: relative;
    }

    .member-benefits-box ul li{
        padding-right: 0;
        padding-left: 2em;
    }

    .member-benefits-box ul li:first-child{
        border: 1px solid #f6eced;
    }

    .member-benefits-box ul li:nth-child(6){
        border: 1px solid #f6eced;
    }

    .member-benefits-box ul li:after{
        content: " ";
        height: 100%;
        width: 1px;
        background: #f6eced;
        display: block;
        position: absolute;
        right: 50%;
        top: 0;
    }

    .member-benefits-box .red-lips-icon{
        left: auto;
        right: 25%;
        margin-right: -19px;
    }

}

/* = Rewards Page  ====================== */
/* ====================================== */


/* = SHIPPING RETURNS PAGE ========= */
.cms-shipping-returns ul {
    padding-bottom: 10px;
}
.cms-shipping-returns .page-main h1 {
   margin-bottom: 35px;
}

/*==================================== */

/* ================================= */
/* = Categories  =================== */
.category-cms, .category-image, .category-description {
    margin-bottom: 20px;
    padding-top: 20px;
}
.catalog-category-view .columns{
    border-top: 3px solid #ececec;
    padding-top: 15px;
    margin-top: 15px;

}
.product-item .tocart:before{
    content: url(/pub/media/wysiwyg/shopping-bag-black.png);
}
.product-item .tocart:hover::before{
    content: url(/pub/media/wysiwyg/shopping-bag-white.png);
    }

@media screen and (max-width: 767px) {
    .catalog-category-view .columns{
        border-top: none;
    }
   .category-image .image {
        display:none;
    }
    .catalog-category-view  .toolbar-amount{
        display: none;
    }
    .category-image-mobile {
        margin-top:50px;
    }
}

.page-layout-1column .toolbar-products{
    position: static;
}

/* = Categories - Grid Controls  =================== */

.catalog-category-view .page-main {
    padding-top: 0;
}

.toolbar-sorter, .toolbar .modes{
    display: none;
}
@media screen and (min-width: 768px) {
    .toolbar-sorter, .toolbar .modes{
        display: none;
    }
}

/* = Categories - Grid Controls End  =================== */

/* = Categories - Grid List  =================== */

.product-item .old-price{
    margin: 0;
}
.old-price{
    text-decoration: line-through;
    font-size: 12px;
}

.product-item .price-box .price-label {
    display: none;
}

.product-labels {
    position: absolute;
    top: 15px;
    right: 5px;
    background-color:#9e1b30;
    color:#ffffff;
    padding:5px;
    z-index:999999;
}

.catalog-product-view .product-labels {
   margin-right:35px;
}
.product-info-main .product-info-price .price-box .price-container > span {
    display: inline;
}

.catalogsearch-result-index .column.main .product-items,
.catalog-category-view .column.main .product-items{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1140px;
    justify-content: left;
}

.catalogsearch-result-index .product-items li,
.catalog-category-view .product-items li {
    width: 50%;
    align-items: stretch;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 0;
}

.products-grid .product-item-inner{
    right: 0;
}

.products-grid .product-item-inner .actions-primary{
    display: block;
}

.product-item-inner .actions-primary,
.product-item-inner .actions-primary form{
    text-align: center;
}

.products-grid .product-item-inner .action.tocart.primary{
    background: none;
    border: 1px solid;
    color: #222;
    font-family: var(--btnText);
    text-transform: uppercase;
    display: block;
    text-align: center;
    width: 90%;
    display: block;
    margin-left: 5%;
    margin-right: 5%;
}

.products-grid .product-item-inner .action.tocart.primary:hover{
    background: var(--kiss-red);
    color: #fff;
    border-color: var(--kiss-red);
}



@media screen and (min-width: 768px) {
    .page-products.page-layout-1column .products-grid .product-item{
        width: calc(100% / 3);
        padding: 0 10px;
        box-sizing: border-box;
        border: 1px solid #fff;
    }
    .page-layout-1column.page-with-filter .column.main{
        padding-top: 0;
    }
}

@media screen and (min-width: 1024px) {
    .page-products .products-grid .product-item,
    .catalogsearch-result-index .product-items li,
    .catalog-category-view .product-items li {
        width: calc(100% / 3);
        padding: 0;
        box-sizing: border-box;
        margin-left: 0;
    }
}

.page-products .product-item-info{
    width: 100%;
}

.catalogsearch-result-index .column.main a.product-item-photo,
.catalog-category-view .column.main a.product-item-photo{
    display: block;
}

.catalogsearch-result-index .column.main .product-image-container,
.catalog-category-view .column.main .product-image-container{
    width: 100%!important;
    display: block;
}

.catalogsearch-result-index .product-image-container .product-image-photo,
.catalog-category-view .product-image-container .product-image-photo{
    display: block;
    width: 100%!important;
    height: auto!important;
}

.catalogsearch-result-index .products-grid .product-item-inner,
.catalog-category-view .products-grid .product-item-inner {
    background: #ffffff;
    box-shadow: none;
    border: none;
    border-top: none;
    left: 0;
}

.catalogsearch-result-index .product-item-info,
.catalog-category-view  .product-item-info{
    height: 100%;
    position: relative;
    padding-bottom: 50px;
}

.main-widget .bottom-line-items {
    display: none;
}
.products-slider .yotpo-yotpo-is-enabled div.yotpo.bottomLine.bottomline-position,
.catalogsearch-result-index .yotpo-yotpo-is-enabled div.yotpo.bottomLine.bottomline-position,
.catalog-category-view .yotpo-yotpo-is-enabled div.yotpo.bottomLine.bottomline-position{
    margin-right: 0;
}

.catalogsearch-result-index .yotpo .yotpo-bottomline.pull-left{
    text-align: center;
    float: none !important;
}

.catalogsearch-result-index .yotpo .yotpo-bottomline.pull-left .yotpo-stars{
    display: flex;
    justify-content: center;
}

.catalogsearch-result-index .standalone-bottomline{
    width: 29%;
    margin: 0 auto;
}


.column.main .product-item{
    padding-left: 0;
}

.products.wrapper ~ .toolbar .limiter {
    display: none;
}

.products.wrapper ~ .toolbar .pages, #layer-product-list .pages .pages-items {
    display: flex;
    justify-content: center;
    float: none;
}

/*= Load More Products Button ==========*/

#load-more-product{
    text-align: center;
}

#load-more-product a#load-more-product-link{
    border: 1px solid #000;
    background-color: #fff;
    color: #222;
    display: inline-block;
    font-family: var(--baseText);
    text-transform: uppercase;
    font-size: 12px;
    padding: .5em 4em;
    margin-top: 20px;
}

#load-more-product:hover a#load-more-product-link:focus,
#load-more-product:hover a#load-more-product-link:hover {
    color: #fff;
    background-color: var(--kiss-red);
    text-decoration: none;
}

/*= Load More Products Button Ends ======*/

#layer-product-list .pages-items .item {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid #000000;
    overflow: hidden;
    color: #000000;
}
.pages strong.page {
    background:none;
    color:#ffffff;
}
 #layer-product-list .pages a.page {
    color: #000000;
}
#layer-product-list .pages-item-previous, #layer-product-list .pages-item-next {
    display: none!important;
}
#layer-product-list .item.current {
    background-color:#9e1b30;
    color:#ffffff;
}

/* = Categories - Grid List End ================= */

/* = Categories - Hover Effect and Hover Effect for Owl Slider Prodcuts == */

/* Default Image */

.product-image-container{
    width: 100%!important;
}
.product-item a.product-item-photo,
.products-slider .product-item-photo a.product-item-photo{
    display: block;
}

.product-item a.product-item-photo img,
.products-slider .product-item-photo a.product-item-photo img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

/* Hover Image */
a.product-item-photo-hovered,
.products-slider a.product-item-photo-hovered{
    width: calc(100% - 10px);
    display: block;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
    opacity: 0;
    z-index: -99;
    transition: .5s opacity;
}

a.product-item-photo-hovered{
    width: 100%;
    left: 0;
}

.product-item-photo-hovered img,
.products-slider .product-item-photo-hovered img{
    width: 100%;
    height: auto;
    display: block;
}

/* Hover Effect */
.product-item:hover a.product-item-photo-hovered,
.products-slider .product-item-photo:hover a.product-item-photo-hovered{
    opacity: 1;
    z-index: 1;
    transition: .5s opacity;
}
/* = Categories - Hover Effect and Hover Effect for Owl Slider Prodcuts == */


/* = Categories - Product Info  ================= */

.fotorama__caption {
    display:none;
}


.catalog-category-view .product-item-details .price-box{
    font-family: var(--btnText);
}

.catalog-category-view .product-item-name > a:hover{
    text-decoration: none;
}

.catalog-category-view .product-item-actions{
    display: block;
}

.column.main .product-item{
    padding-left: 0;
}

.products.grid .product-item-details,
.catalog-category-view .product-item-details{
    text-align: center;
}

.products.grid .product-item-details .product-item-name,
.catalog-category-view .product-item-details .product-item-name{
    font-family: "gotham-medium";
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
}

.product-item-name a.product-item-link{
    color: #333333;
}

.products.grid .product-item-details .price-box,
.catalog-category-view .product-item-details .price-box{
    font-family: var(--btnText);
}

.products.grid .product-item-name > a:hover,
.catalog-category-view .product-item-name > a:hover{
    text-decoration: none;
}

.products.grid .product-item-actions,
.catalog-category-view .product-item-actions{
    display: block;
}

.products-grid .product-item-info:hover{
    margin: 0;
    box-shadow: none;
    border: none;
    padding: 0 0 50px 0;
}

.products-grid .product-item-info .product-item-inner,
.products-grid .product-item-info:hover .product-item-inner{
    margin: 0 auto;
    text-align: center;
}

.products-grid .product-item-info:hover .product-item-actions{
    display: block;
}

.products-grid .secondary-addto-links{
    display: none;
}

@media screen and (min-width: 640px) {

    .product-item-actions .actions-primary + .actions-secondary{
       display: none;
    }

    .abs-visually-hidden-desktop-s,
    .products-grid .product-item-info:hover .product-item-inner,
    .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner {
        border: 0;
        clip: auto;
        height: auto;
        overflow: visible;
        padding: 0;
        position: absolute;
        width: auto;
        bottom: 0;
    }

    .page-products .products-grid .product-item-inner:before{
        display: none;
    }
}

/* = Categories - Product Info End ============ */

/* = Categories - Product Add To Bag Button  === */

.catalog-category-view  .actions-secondary{
    display: none;
}

.catalog-category-view .tocart {
    background-color: var(--kiss-red);
    border: 2px solid var(--kiss-red);
    color: #fff;
    font-family: var(--btnText);
    text-transform: uppercase;
    box-shadow: none;
    width: 100%;
    display: block;
    font-size: 12px;
    position: absolute;
    bottom: 0;
}
/* = Categories - Product Add To Bag Button Ends  */


/* = Mobile filter Button ================ */

.filter-title{
    border: none;
}

.filter-title strong{
    display: block;
    width: 100%;
    box-shadow: none;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    background: var(--kiss-red);
}


@media only screen and (max-width: 767px){
  .filter.active .filter-title strong{
      text-align: right;
      position: relative;
  }

  .filter.active .filter-title strong::after{
      margin-right: 8px;
  }

  .filter .filter-subtitle{
      text-transform: uppercase;
      border-bottom: none;
  }

  .filter.active {
      position: relative;
      visibility: visible;
      z-index: 99;
  }

  .filter-options-item{
      padding: 1em;
      font-size: 18px;
  }

}

/* =Mobile filter Button ================ */

/* = Categories  =================== */
/* ================================= */


/* ================================= */
/* = Products ====================== */
.catalog-product-view .useitwith .box-tocart .action.tocart {
    margin-left:0;
}
.catalog-product-view .useitwith p{
    padding-bottom:0;
}
.catalog-product-view .useitwith .price-box {
    padding-top:12px;
}
.useitwith .useitwith_productname1 {
    font-family: Georgia;
    font-weight: 100;
    color: #000;
}
.useitwith .floatright {
    float:right;
}
@media screen and (max-width: 769px) {
    .mobilecenter {
        text-align:center;
    }
    .useitwith .floatright {
        float:unset;
    }
    .useitwith_productname1 {
        padding-top:20px;
    }
}
.whereToBuyIcon {
    max-width: 30%;
    float: left;
    width: 100px;
    padding: 2%;
}
.catalog-product-view .column.main {
    margin-top:30px;
}
.product.data.items>.item.content ul.littleredarrows {
    list-style: none;
}

.littleredarrows li:before {
    content: "";
    border-color: transparent #9d162e;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 14px;
    position: relative;
}

.product-info-main .product-info-price {
    border-top: 0;
    border-bottom: 0;
}

.catalog-product-view .page-title{
    text-align: center;
}

.catalog-product-view .page-title #product_title_01 {
    font-family: Georgia;
    font-weight: 100;
    color: #000;
}

.catalog-product-view .page-title #product_title_02 {
    font-family: "gotham-light";
    font-weight: 100;
    color: #000;
    font-size: 22px;
}

.catalog-product-view .page-title span {
    display: block;
    padding-bottom: 10px;
}

.catalog-product-view .columns .yotpo.yotpo-main-widget{
    order: 3;
    margin-bottom: 40px;
}

.catalog-product-view .columns .block.related{
    order: 2;
    margin-bottom: 0;
}

.catalog-product-view .yotpo a:hover{
    color: #222!important;
}

.catalog-product-view .yotpoBottomLine{
    text-align: center;
}



.catalog-product-view .yotpo-icon-double-bubble{
    display: none;
}
.product-item-details .yotpo-stars, .yotpo-yotpo-is-enabled .product-item-details .yotpo-stars {
    display: block;
    margin-top: 5px!important;
    margin-bottom: 5px!important;
}
.product-info-main  .product-info-stock-sku{
    display: none;
}

.product-info-main .product-info-price .price-box .price-container > span.price-label{
    display: none;
}

.product-item .price-box{
    margin: 0;
}

.product-info-price .price-box{
    padding-top: 10px;
    padding-bottom: 0;
}

.catalog-product-view .product-info-main .product-info-price{
    text-align: center;
}

.swatch-attribute{
    text-align: center;
}

.product-options-bottom h2{
    text-align: center;
}

@media screen and (max-width: 648px) {
  .product-info-price > :first-child{
      padding-left: 0;
  }
}

@media screen and (min-width: 768px) {
    .swatch-attribute-label{
        display: inline-block;
        text-align: left;
    }

    .product-options-bottom h2{
        text-align: left;
    }

    .catalog-product-view .product-info-main .product-info-price {
        border-top: 0;
        border-bottom: 0;
        border-top: 1px solid var(--light-gray);
        border-bottom: 1px solid var(--light-gray);
        text-align: left;
    }

    .catalog-product-view .yotpoBottomLine{
        text-align: left;
    }

}

.catalog-product-view .product-info-main .product-add-form{
    padding-top: 0;
}

.catalog-product-view .product-info-main .product-add-form h2{
    font-size: 12px;
    padding: 1em 0;
    text-align: center;
}

.catalog-product-view .fieldset{
    display: flex;
    align-items: stretch;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .catalog-product-view .fieldset{
        justify-content: flex-start;
    }

    .catalog-product-view .product-info-main .product-add-form h2{
        text-align: left;
    }

    .product.media{
         margin-bottom: 0;
    }
}

.catalog-product-view .field.qty .label{
    display: none;
}

.catalog-product-view .fieldset .control{
    position: relative;
    height: 32px;
}

.catalog-product-view .fieldset .control .input-text.qty,
.catalog-product-view .fieldset .control .minusQty,
.catalog-product-view .fieldset .control .addQty,
.checkout-cart-index .control .minusQty,
.checkout-cart-index .control .addQty{
    background: #f8f5f6;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 1px 8px;
    width: auto;
    height: 32px;
    font-family: var(--btnText);
}

.catalog-product-view .fieldset .control .minusQty:hover,
.catalog-product-view .fieldset .control .addQty:hover,
.catalog-product-view .fieldset .control .minusQty:active,
.catalog-product-view .fieldset .control .addQty:active,
.checkout-cart-index .control .minusQty:hover,
.checkout-cart-index .control .addQty:hover,
.checkout-cart-index .control .minusQty:active,
.checkout-cart-index .control .addQty:active{
    padding-top: 2px;
    padding-bottom: 0;
    color: #222;
}

.catalog-product-view .fieldset .control .input-text.qty{
    width: 30px;
    padding: 0;
    border-top: 1px solid #f8f5f6;
}

.catalog-product-view .box-tocart .action.tocart{
    border: none;
    border-radius: 0;
    background: var(--kiss-red);
    text-transform: uppercase;
    font-family: var(--btnText);
    width: auto;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1;
    padding: 0 30px;
    margin-left: 10px;
    margin-bottom: 0;
    height: 32px;
    border: 2px solid var(--kiss-red);
}

.catalog-product-view .box-tocart .action.tocart:hover{
    background: #fff;
    color: #222;
    border-color: #222;
}

.catalog-product-view .box-tocart div.mage-error[generated]{
    position: absolute;
    width: 240px;
    top: 30px;
    text-align: center;
}

.catalog-product-view .product-social-links{
    display: none;
}

/* = Custom Product Detail Accordian ========== */

#product-detail-accordian__container{
    border-top-color: var(--light-gray);
}

#product-detail-accordian__container h2.panel-title{
    padding-bottom: 0;
}

#product-detail-accordian__container .panel-title button{
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 20px 0 ;
    text-transform: uppercase;
    font-family: var(--btnText);
    font-size: 18px;
    background: none;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom-color: var(--light-gray);
    box-shadow: none;
    border-radius: 0;
    color: #333;
}

#product-detail-accordian__container .product-detail-accordian__icon{
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#product-detail-accordian__container .product-detail-accordian__icon:after{
    font-size: 18px;
    line-height: inherit;
    color: inherit;
    content: '+';
    vertical-align: middle;
    display: inline-block;
    font-family: 'gotham-medium';
}

#product-detail-accordian__container .shown .product-detail-accordian__icon:after{
    content: '-';
    font-size: 18px;
}

#product-detail-accordian__container .panel-title button:after{
    width: 0;
    transition: width .25s;
    content: " ";
    display: block;
    bottom: 0;
    height: 3px;
    background: var(--kiss-red);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}

#product-detail-accordian__container .shown button:after,
#product-detail-accordian__container .panel-title:hover button:after{
    width: 100%;
    transition: width .25s;
}

#product-detail-accordian__container .panel{
    margin-bottom: 0;
}

/* accordian animation */

#product-detail-accordian__container .panel-body{
    opacity: 0;
    transition: opacity 1s;
}

#product-detail-accordian__container .panel.shown .panel-body{
    opacity: 1;
    transition: opacity 1s;
}

#product-detail-accordian__container .panel .panel-collapse{
    display: block;
    max-height: 0;
    transition: max-height 1s;
    overflow: hidden;
}

#product-detail-accordian__container .panel.shown .panel-collapse{
    display: block;
    max-height: 5000px;
    transition: max-height 1s;
}

/* accordian animation ends */

@media screen and (min-width: 768px) {

    .catalog-product-view .page-title{
        text-align: left;
    }

    .catalog-product-view .column.main{
        display: grid;
        grid-template-areas:
        "gallery product-details"
        "gallery accordian"
        "related-product-slider related-product-slider"
        "yotpo-reviews yotpo-reviews";
        grid-template-columns: 45% 55%;
    }

    .page-layout-1column .product.media,
    .page-layout-1column .product-info-main,
    .product.data.items > .item.content{
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }

    .fotorama__thumb-border{
        border:1px solid #333;
    }
    .fotorama__arr, .fotorama__thumb__arr{
        background-color: transparent!important;
    }
    .page-layout-1column .product.media{
        grid-area: gallery;
        justify-self: start;
        padding-right: 30px;
    }

    .page-layout-1column .product-info-main{
        grid-area: product-details;
    }

    #product-detail-accordian__container{
        grid-area: accordian;
        align-self: start;
    }

    .block.related{
        grid-area: related-product-slider;
    }

    .yotpo.yotpo-main-widget{
        grid-area: yotpo-reviews;
    }

    .catalog-product-view .page-title-wrapper h1{
        text-align: left;
        padding: 0;
        text-transform: uppercase;
        font-family: var(--btnText);
    }

    .catalog-product-view .product-info-main .product-add-form{
        padding-top: 0;
    }

    .catalog-product-view .product-info-price .price-box .price-container .price{
        font-size: 24px;
        line-height: 1;
        font-family: var(--btnText);
    }

    .catalog-product-view .box-tocart .action.tocart{
        padding: 0 60px;
    }

    .catalog-product-view .box-tocart div.mage-error[generated]{
        text-align: left;
    }

}

/* = Product = video popup modal === */

#video--popup-container{
    background: rgba(0,0,0,0);
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: background .5s;
}

#video--popup-container #popup-inner{
    background: #fff;
    position: relative;
    width: auto;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    transition: .7s opacity .25s;
    width: 80%;
    max-width: 600px;
    z-index: -100;
    opacity: 0;
}

#video--popup-container.shown{
    background: rgba(0,0,0,.75);
    z-index: 300;
    left: 0;
}

#video--popup-container.shown #popup-inner{
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 310;
    opacity: 1;
    transition: .7s opacity .25s;
}

#video--popup-container .video-responsive{
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

#video--popup-container .video-responsive iframe{
    left: 0;
    top: 0;
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    border: 1px;
}

#video--popup-container .close-popup_btn{
    border-radius: 0;
    background: none;
    border: 0;
    color: #FFF;
    font-family: "gotham-light", sans-serif;
    font-size: 17px;
    border: none;
    position: absolute;
    top: -50px;
    right: -50px;
    box-shadow: none;
    width: 50px;
    height: 50px;
}

#video--popup-container .close-popup_btn .screen-reader-text{
    display: none;
}

#video--popup-container .close-popup_btn:before{
    content: "\e616";
    font-family: 'luma-icons';
    display: block;
    font-style: normal;
    color: #fff;
}

#video--popup-container .close-popup_btn .screen-reader-text{
    display: none;
}

.video-container{
    text-align: center;
    margin-top: 30px;
}
.video-container:after{
    content: " ";
    display: block;
    clear: both;
    height: 0;
    text-indent: -1000em;
    visibility: hidden;
}

@media only screen and (min-width: 767px){
    .video-container{
      text-align: right;
    }
}

.video-container .show-video-popup--btn{
    border:none;
    float:right;
}

.video-container .show-video-popup--btn{
    background: #fff;
    border: none;
    box-shadow: none;
}

.show-video-popup--btn:focus,
.show-video-popup--btn:active,
.show-video-popup--btn:hover,
.show-video-popup--btn:not(.primary):active{
    background: #fff;
    text-decoration: none;
    box-shadow: none;
    outline: 0;
    color: #555;
    border: none;
}

/* End Used for product detail page watch video popup */

.catalog-product-view .control .minusQty {
    position: relative;
    top: -1px;
    right: -4px;
    height: 32px;
    width: 30px;
    text-align: center;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    color: #cccccc;
}
.catalog-product-view .control .addQty {
    position: relative;
    top: -1px;
    left: -4px;
    height: 32px;
    width: 30px;
    text-align: center;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    color: #cccccc;

}
.catalog-product-view .control .minusQty:hover,
.catalog-product-view  .control .addQty:hover{
    color: #9e1b30;
}

.catalog-product-view .field.qty .control{
    background-color: #f8f5f6;
    height: 32px;
    overflow: hidden;
}

/* = Products ====================== */
/* ================================= */



/* = Yotpo Styles ====================== */

.yotpo.yotpo-main-widget {
    background-color: transparent !important;
}

.yotpo.yotpo-main-widget .yotpo-label .yotpo-logo-title,
.yotpo .yotpo-modal-dialog .yotpo-label,
.yotpo-logo-title, .yotpo .yotpo-logo-link-new > *{
    display:none!important;
}
.yotpo .yotpo-default-button, .yotpo input[type="button"].yotpo-default-button {
    background-color: #9D162E !important;
}

.yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-1,
.yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-1{
   display:none!important;
}

@media only screen and (min-width: 768px){
    .main-widget .write-question-review-buttons-container {
        float: none!important;
        padding-right: 30px !important;
    }
}


/* End Used for product detail page watch video popup */

/* = Yotpo Styles ====================== */

.yotpo.yotpo-main-widget {
    background-color: transparent !important;
}

.yotpo.yotpo-main-widget .yotpo-label .yotpo-logo-title,
.yotpo .yotpo-modal-dialog .yotpo-label,
.yotpo-logo-title, .yotpo .yotpo-logo-link-new > *{
    display:none!important;#overlay-ar
}
.yotpo .yotpo-default-button, .yotpo input[type="button"].yotpo-default-button {
    background-color: #9D162E !important;
}

.yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-1,
.yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-1{
   display:none!important;
}

@media only screen and (min-width: 768px){
    .main-widget .write-question-review-buttons-container {
        float: none!important;
        padding-right: 30px !important;
    }
}

/* ============================================= */
/* = Products = Related Products Slider ======== */

.products-grid.products-related .product-items.owl-carousel  .product-item{
    display: block;
    width: 100%;
    padding: 0 5px;
    height: 100%;
}

.products-grid.products-related .product-items.owl-carousel  .product-item-info{
    width: 100%;
    height: 100%;
}

.block.related .product-item-details{
    position: static;
    padding-bottom: 25px;
}

.products-grid.products-related .product-items.owl-carousel .product-item-name{
    font-size: 12px;
}

.block.related .products-grid.products-related .product-items.owl-carousel .related-available .product-item-name{
    margin-left: 0;
}

.block.related .block-actions{
    display: none;
}

.product-items.owl-carousel .field.choice.related{
    display: none;
}

.product-items.owl-carousel .owl-stage{
    display: flex;
    align-items: stretch;
}

.product-items.owl-carousel .owl-stage .owl-item{

}

.product-items.owl-carousel .action.primary{
    background: var(--kiss-red);
    border: 2px solid var(--kiss-red);
    border-radius: 0;
    font-family: var(--btnText);
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.product-items.owl-carousel .action.primary:hover{
    background: #fff;
    border: 2px solid #222;
    color: #222;
}

/* = Products = Related Products Slider ======== */
/* ============================================= */



/* ====================================== */
/* = Checkout Page ====================== */

.checkout-index-index .nav-sections,
.checkout-index-index .nav-toggle {
    display: block;
}

@media only screen and (min-width: 768px){
    .checkout-index-index .nav-toggle {
        display: none;
    }
}

.checkout-cart-index .page-main{
    padding-left: 0;
    padding-right: 0;
}

.checkout-cart-index .page-main > .page-title-wrapper .page-title{
    text-align: center;
    display: block;
    padding-bottom: 50px;
}

#checkout .authentication-wrapper{
    display: none;
}

.authentication-wrapper .action-auth-toggle{
    color: var(--kiss-red);
}


/* = Checkout Page = Empty ============== */

.checkout-cart-index .cart-empty{
    text-align: center;
    padding: 1em;
    font-size: 16px;
}

.checkout-cart-index .cart-empty p{
    margin-bottom: 0;
    font-size: 14px;
}

@media only screen and (min-width: 768px){
    .checkout-cart-index .page-main > .page-title-wrapper{
        display: block;
        text-align: center;
    }

    .checkout-cart-index .cart-empty{
        text-align: center;
        padding: 1em;
        font-size: 16px;
    }
}

/* = Checkout Page = Empty Ends ============== */


/* = Checkout Page = Shipping Form ============== */

.opc-progress-bar{
    display: flex;
    justify-content: center;
}

.opc-progress-bar-item._complete > span{
    color: #ccc;
}

.form-login .label, .form-shipping-address .label{
    padding-left: 0;
    text-align: left;
}

#co-transparent-form-braintree{
    padding: 0 20px;
}

.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary,
#customer-email-fieldset .action.login.primary,
.checkout-cart-index .form-login .action.primary{
    background: var(--kiss-red);
    border: none;
    text-transform: uppercase;
    color: #fff;
    font-family: var(--btnText);
    display: block;
    border: none;
    font-size: 14px;
    padding: .5em 2em;
    opacity: 1;
    cursor: pointer;
}

.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary:hover{
    background-color: transparent;
    color: #222;
    border: 2px solid #222;
}

#shipping-method-buttons-container button.continue{
    float: none;
}

#checkout-step-shipping button.action.action-show-popup{
    background: transparent;
    border: 2px solid #222;
    text-transform: uppercase;
    border-radius: 0;
    font-family: var(--btnText);
    font-size: 14px;
}

@media only screen and (min-width: 768px){

    #checkout .authentication-wrapper{
        width: 100%;
        max-width: 100%;
    }

    #co-transparent-form-braintree{
        padding: 0;
    }
}

.opc-estimated-wrapper, .opc-wrapper .form-login,
.opc-wrapper .form-shipping-address,
.opc-wrapper .methods-shipping{
    margin-right: 0;
    margin-left: 0;
    border: none;
    margin: 0;
    padding: 0;
}

.opc-wrapper .form-login{
    margin-top: 20px;
}

.form-shipping-address .label{
    padding: 0;
    border-bottom: 0;
}

.form-shipping-address .control .choice.field {
    display: flex;
    align-items: center;
}

.form-shipping-address .control .choice.field input[type="checkbox"] {
    margin-top: 0;
}

.form-shipping-address .control .choice.field .label{
    margin-left: 10px;
    margin-bottom: 0;
}

@media only screen and (max-width: 639px){
    .opc-estimated-wrapper, .opc-wrapper .form-login,
    .opc-wrapper .form-shipping-address,
    .opc-wrapper .methods-shipping{
        margin-right: 0;
        margin-left: 0;
        border: none;
        margin: 20px 0;
        padding: 20px ;
    }

}

.opc-progress-bar-item._active > span::before,
.opc-progress-bar-item._active::before{
    background: var(--kiss-red);
    border-color: var(--kiss-red);
}

.opc-progress-bar-item._active > span::after{
    border-color: var(--kiss-red);
}

#shipping-method-buttons-container {
    float: none;
}

#shipping-method-buttons-container .action.continue{
    font-family: var(--btnText);
    background: var(--kiss-red);
    text-transform: uppercase;
    border: none;
    margin: inherit -20px;
}

.checkout-cart-index fieldset.field.street > .label{
    display: block;
    text-align: left;
}

.table-checkout-shipping-method{
    font-size: 12px;
}


/* = Checkout Page = Shipping Form Ends ========= */


/* = Checkout Page = Review Payments Form ============== */


/* = Checkout Page = Review Payments Form = Estimated Total Box == */

.opc-estimated-wrapper{

}

.opc-estimated-wrapper .minicart-wrapper .action.showcart .counter.qty{
    background: var(--kiss-red);
}

/* = Checkout Page = Review Payments Form = Estimated Total Box Ends */

.opc-wrapper .shipping-address-item.selected-item::after{
    background: var(--kiss-red);
}

.opc-wrapper .shipping-address-item.selected-item{
    border: 2px solid var(--kiss-red);
}

/* = Payment Method Creditcard radio =*/

.opc-wrapper .payment-method-title{
    display: flex;
}

.opc-wrapper .payment-method-title .label{
    padding: 0;
}

.checkout-payment-method .payment-method-title .label{
    margin-bottom: 0;
    margin-left: 8px;
}

.checkout-payment-method .payment-method-title input[type="radio"]{
    margin-top: 2px;
}

/* = Payment Method Creditcard Radio Ends =*/


/* = Payment Method Address =*/

.checkout-payment-method .billing-address-same-as-shipping-block{
    align-items: self-start;
    display: flex;
    padding-left: 12px;
    padding-right: 15px;
}

@media only screen and (min-width: 768px){
    .checkout-payment-method .billing-address-same-as-shipping-block{
        padding-left: 0;
    }
}

.checkout-payment-method .billing-address-same-as-shipping-block input[type="checkbox"]{
    margin-top: 2px;
}

.checkout-payment-method .checkout-billing-address{
}

.checkout-payment-method .checkout-billing-address .billing-address-details{
    line-height: 1.25;
    padding-left: 35px;
    font-size: 15px;
}

@media only screen and (min-width: 768px){
    .checkout-payment-method .checkout-billing-address .billing-address-details{
        padding-left: 23px;
    }

    .checkout-payment-method .payment-option-content{
        padding-left: 0;
    }
}

@media only screen and (max-width: 639px){
    .checkout-payment-method .payment-methods{
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px){
    .checkout-payment-method .payment-option{
        margin-left: 0;
        margin-right: 0;
    }
}

.checkout-payment-method .billing-address-same-as-shipping-block label{
    margin-left: 0;
    padding-left: 10px;
    display: block;
}

/* = Checkout Page = Payment Method Address Ends =============== */


/* = Checkout Page = Review Payments Form = Braintree Form ===== */

#co-transparent-form-braintree{
}

#co-transparent-form-braintree #braintree_cc_number{
    padding-left: 0;
}

#braintree_cc_type_cvv_div{
    margin-bottom: 0;
    padding: 0 0 1px 0;
    height: 100px;
}

.checkout-payment-method .payment-method-content .fieldset:not(:last-child){
    margin-bottom: 0;
}

/* = Checkout Page = Review Payments Form = Braintree Form Ends == */


/* = Checkout Page = Place Order Button ===== */

.checkout-payment-method .payment-method-content .actions-toolbar{
    padding: 0;
    text-align: center;
}

.checkout-payment-method .payment-method-content{
    padding-left: 0;
    padding-right: 0;
}

.checkout-payment-method .actions-toolbar > .primary .action{
    width: auto;
}

#co-transparent-form-braintree .fieldset > .field > .label{
    margin-left: 0;
    padding-left: 0;
    text-align: left;
}

.payment-method-braintree button.action.primary.checkout,
.checkout-cart-index button.action-show-popup,
.checkout-cart-index button.action-show-popup:hover{
    border: 2px solid #222;
    background: none;
    border-radius: 0;
    color: #222;
    text-shadow: none;
    text-transform: uppercase;
    font-family: var(--btnText);
}

.payment-method-braintree button.action.primary.checkout{
    border: 2px solid var(--kiss-red);
    background-color: var(--kiss-red);
    color: #fff;
    margin: 0 auto;
}

.payment-method-braintree button.action.primary.checkout:hover{
    border: 2px solid #222;
    background-color: transparent;
    color: #222;
}

/* = Checkout Page = Place Order Button Ends ===== */


/* = Checkout Page = Paypal Choice ===== */

.checkout-payment-method .payment-method-title.field.choice .label{
    text-align: left;
}

.checkout-payment-method .payment-method-title .payment-icon{

}
.checkout-payment-method .payment-method-title.field.choice .label .action-help{
    margin-top: 10px;
}

/* = Checkout Page = Paypal Choice Ends ===== */


/* = Checkout Page = Discount Code ========= */

.checkout-payment-method .payment-option-title{
    padding-left: 0;
    padding-bottom: 0;
}

.checkout-payment-method .payment-option-title .action-toggle{
     color: #222;
}

#discount-form .action-apply{
    color: #222;
    border: 2px solid #222;
    background: transparent;
    text-transform: uppercase;
    font-family: var(--btnText);
    font-size: 12px;
}

#discount-form .payment-option-inner{
    padding-top: 10px;
}

@media only screen and (min-width: 768px){
    #discount-form .primary{
        float: none;
        text-align: left;
    }

    .checkout-payment-method .payment-option-title{
        padding-left: 0;
    }
}

/* = Checkout Page = Discount Code Ends ===== */


/* = Checkout Page = Rewards Points ========= */

#reward-points-form{
}

#reward-points-form .label{
    display: block;
    line-height: 1.25;
    text-align: center;
    padding-left: 0;
}

#reward-points-form .action-apply{
    color: #222;
    border: 2px solid #222;
    background: transparent;
    text-transform: uppercase;
    font-family: var(--btnText);
    font-size: 12px;
}

@media only screen and (min-width: 768px){

    #reward-points-form .label{
        text-align: left;
    }

    #reward-points-form .primary{
        float: none;
        text-align: left;
    }

    #reward-points-form .action-apply{
        float: none;
        text-align: center;
    }

}

/* = Checkout Page = Rewards Points ========= */

/* = Checkout Page = Review Payments Form Ends ========= */


/* = Checkout Page = View Order ============== */

#opc-sidebar .opc-block-shipping-information .shipping-information-title{
    font-size: 18px;
}

#opc-sidebar .label{
    padding-left: 0;
}

.checkout-cart-index .cart.table-wrapper .actions-toolbar{
    min-height: 40px;
}

.cart.table-wrapper .item .col.item{
    padding-left: 5px;
}

.checkout-cart-index .cart.table-wrapper #shopping-cart-table a.product-item-photo{
    width: 165px;
    display: block;
}

.checkout-cart-index .cart.table-wrapper #shopping-cart-table a.product-item-photo img{
    max-width: none;
}

.checkout-cart-index .cart.table-wrapper #shopping-cart-table .product-item-details{
    display: block;
    margin-top: 0;
}

.checkout-cart-index .cart.table-wrapper #shopping-cart-table .product-image-container{
    display: block;
}

.checkout-cart-index .cart.table-wrapper #shopping-cart-table .product-item-details .product-item-name{
    padding-top: 0;
}

.checkout-cart-index .cart.table-wrapper #shopping-cart-table td.col.qty{
    padding-left: 0;
    padding-right: 0;
}

.checkout-cart-index .cart.table-wrapper #shopping-cart-table td .field.qty{
    display: flex;
    width: 110px;
}

.checkout-cart-index .cart.table-wrapper .product-item-photo{
    display: block;
    position: static;
    width: 165px!important;
    max-width: 165px!important;
}

.checkout-cart-index .cart.table-wrapper .product-image-wrapper{
    overflow: visible;
}

.checkout-cart-index .cart.table-wrapper .product-image-container{
    width: 165px!important;
    display: block;
}

@media only screen and (min-width: 768px){
    .checkout-cart-index .cart.table-wrapper #shopping-cart-table .col.item{
        display: flex;
    }

    .checkout-cart-index .cart.table-wrapper .product-item-photo{
        display: block;
        padding-right: 0;
    }

    .checkout-cart-index .cart.table-wrapper #shopping-cart-table .product-item-details{
        padding-left: 20px;
    }


}

.checkout-cart-index  .cart-container .cart-summary,
.checkout-cart-index  .cart-summary .totals,
.checkout-cart-index  .cart-summary .totals-tax-summary,
.checkout-cart-index  .cart-summary .mark{
    background: #fff;
}

.checkout-cart-index .cart-summary .checkout-methods-items .action.primary.checkout{
    background: var(--kiss-red);
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-family: var(--btnText);
    font-size: 16px;
    padding: 7px 15px;
}

.checkout-cart-index .form-cart button.action.update{
    border: 1px solid #222;
    box-shadow: none;
    background: #fff;
    font-family: var(--btnText);
    font-size: 16px;
    padding: 7px 15px;
    color: #222;
    border-radius: 0;
    text-transform: uppercase;
}

.checkout-cart-index .cart-discount .block > .title strong{
    color: #222;
}

.checkout-cart-index #discount-coupon-form .actions-toolbar{
     margin-top: 0;
}

.checkout-cart-index #discount-coupon-form .actions-toolbar .action.primary{
    box-shadow: none;
    text-transform: uppercase;
    font-family: var(--baseText);
    background: var(--kiss-red);
    color: #fff;
    border: none;
    border-radius: 0;
    padding: 6px 15px;
}

/* = Checkout Page Ends ===================== */


/* = Checkout Page Success  ====================== */

.checkout-onepage-success .page-title-wrapper{
    text-align: center;
}

.checkout-onepage-success .page-title-wrapper .print{
    float: none;
}

.checkout-onepage-success a.action.primary.continue{
    border-radius: 0;
}

.checkout-onepage-success .action.primary,
.checkout-onepage-success .continue{
    background-color: var(--kiss-red);
    border: 2px solid  var(--kiss-red);
    color: #fff;
    font-family: var(baseText);
}

.checkout-onepage-success .action.primary:hover,
.checkout-onepage-success .continue:hover{
    background-color: #fff;
    border: 2px solid  #222;
    color: #222;
    font-family: var(baseText);
}

/* = Checkout Success  ====================== */

/* = Contact Page =========================== */
.form-control::-webkit-input-placeholder {
    font-family:"gotham-light"; color: #cccccc!important;
}  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder {
    font-family:"gotham-light"; color: #cccccc!important;
}  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder {
    font-family:"gotham-light"; color: #cccccc!important;
}  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder {
    font-family:"gotham-light"; color: #cccccc!important;
}  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder {
    font-family:"gotham-light"; color: #cccccc!important;
}  /* Microsoft Edge */
select { color: #000!important; }

.cms-contact .contactpg-sidebox, .cms-ordertracking .contactpg-sidebox {
    display: block;
    padding: 20px 0;
    border-top: 1px solid #eee;
}
.cms-contact .contactpg-sidebox .contactpg-title, .cms-ordertracking .contactpg-sidebox .contactpg-title {
    display: block;
}
.cms-contact .mobilecontactinfo h4, .cms-ordertracking .mobilecontactinfo h4 {
    margin-top: 0px;
    margin-bottom: 25px;
}
.cms-contact label {
    display: block;
}

.cms-contact .headline{
    margin-top:25px;
    padding-bottom: 25px;
}

.contact-form{
    padding-bottom: 100px;
}

.contact-form h2:empty, .contact-form p:empty{
    height: 0;
    margin: 0;
    padding: 0;
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form #retailer_name, .contact-form #contact_reason{
    font-family: var(--headingText);
    -webkit-box-shadow:none;
    box-shadow: none;
    border-radius: 0px;
}

.cms-contact .contactbutton {
    float: left;
    background-color: #fff;
    color: #000000;
    font-family: var(--btnText);
    padding: 10px 50px;
    text-transform: uppercase;
    font-size: 12px;
    border: 1px solid #000000;
}

.cms-contact .contactbutton:hover{
    background-color: var(--kiss-red);
    border-color: var(--kiss-red);
    color: #ffffff;
}
.cms-contact .contactpg-sidebox label,
.cms-contact .mobilecontactinfo a{
    color: var(--kiss-red);
}

.cms-contact img.hidden-xs{
    height: auto;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .contact-form .form-group,
    .contact-form label{
        margin-bottom: 0;
    }
    .contact-form .col-xs-12{
        margin-bottom: 12px;
    }
}

@media only screen and (min-width: 768px){
    .contact-form, .ordertracking-form{
        padding-right: 50px;
    }
}

/* = Removed Item Confirmation popup ======== */

.modal-popup.confirm._show  .modal-content{
    box-shadow: none;
    text-align: center;
    border: none;
}

.modal-popup.confirm._show  .modal-inner-wrap{
    box-shadow: 0;
}

.modal-popup.confirm._show  .modal-header{
    border: none;
}

.modal-popup.confirm._show  .modal-footer{
    display: flex;
    justify-content: center;
    border: none;
}

.modal-popup.confirm._show   .action-dismiss{
    border: 2px solid #222;
    background: none;
    text-transform: uppercase;
    color: #222;
    border-radius: 0;
    margin-right: 10px;
    box-shadow: none;
}

.modal-popup.confirm._show  .action-accept{
    text-transform: uppercase;
    background-color: var(--kiss-red);
    color: #fff;
    border: 2px solid var(--kiss-red);
    border-radius: 0;
}

@media only screen and (min-width: 768px){
    .modal-popup.confirm._show .modal-content{
        box-shadow: none;
        text-align: center;
    }
}

/* = Removed Item Confirmation popup Ends === */

/* ================================= */
/* = Search Page =================== */

.cms-search .main,
.cms-search-kiss .main,
.cms-search-impress .main,
.cms-search-joah .main{
    max-width: 600px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}

.cms-search  .page-title-wrapper,
.cms-search-kiss .page-title-wrapper,
.cms-search-impress .page-title-wrapper,
.cms-search-joah .page-title-wrapper{
    padding-bottom: 2em;
    text-align: center;
}

.cms-search p,
.cms-search-kiss p,
.cms-search-impress p,
.cms-search-joah p{
    text-align: center;
}

.cms-search .simple-search-form,
.cms-search-kiss .simple-search-form,
.cms-search-impress .simple-search-form,
.cms-search-joah .simple-search-form{
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 20px;
}

.cms-search input[type="text"].input-text,
.cms-search-kiss input[type="text"].input-text,
.cms-search-impress input[type="text"].input-text,
.cms-search-joah input[type="text"].input-text{
    height: 38px;
}

.cms-search .simple-search-form .action.search,
.cms-search-kiss .simple-search-form .action.search,
.cms-search-impress .simple-search-form .action.search,
.cms-search-joah .simple-search-form .action.search{
    background: var(--kiss-red);
    font-family: var(--btnText);
    border: none;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    height: 100%;
    font-size: 15px;
    box-shadow: none;
    border: 2px solid var(--kiss-red);
    display: block;
    height: 38px;
}

.cms-search .simple-search-form  .action.search:hover,
.cms-search-kiss .simple-search-form  .action.search:hover,
.cms-search-impress .simple-search-form  .action.search:hover,
.cms-search-joah .simple-search-form .action.search:hover{
    border: 2px solid #222;
    color: #222;
    background-color: #fff;
}

/* = Search Page =================== */
/* ================================= */


/* ================================= */
/* = Advanced Search Page ========== */

.catalogsearch-advanced-index .search.advanced{
    overflow: hidden;
}

.catalogsearch-advanced-index .action.primary{
    background: var(--kiss-red);
    font-family: var(--btnText);
    border: none;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    box-shadow: none;
    border: 2px solid var(--kiss-red);
    display: block;
}

.catalogsearch-advanced-index .action.primary:hover{
    border: 2px solid #222;
    color: #222;
    background-color: #fff;
}

/* = Advanced Search Page ========== */
/* ================================= */


/* ================================= */
/* = Forgot Password Page ========== */

#form-validate .action.submit.primary{
    background: var(--kiss-red);
    border: none;
    text-transform: uppercase;
    color: #fff;
    font-family: var(--btnText);
    display: block;
    border: none;
    font-size: 14px;
    padding: .5em 2em;
}

/* = Forgot Password Page Ends ===== */
/* ================================= */


/* ==================================== */
/* = Blog Overwrites ================== */
#blog-page-banner {
    margin-bottom:30px;
}
.mpblog-post-index .mp-blog-rss, .mpblog-post-index .mp-post-info,
.trending-now, .mpblog-post-index .sidebar{
    display: none;
}

@media screen and (min-width: 768px) {
    .mpblog-post-index.page-layout-2columns-right .column.main,
    .mpblog-post-index .mp-6, .mpblog-post-index .mp-xs-12{
        width: 100%;
        float: none;
    }
}

.mpblog-post-index .page-main{
    padding-top: 0;
    display: grid;
    grid-template-areas:
    'breadcrumbs'
    'title'
    'messages'
    'content';
    grid-template-columns: auto;
}

.mpblog-post-index  .page-title-wrapper{
    grid-area: title;
}

.mpblog-post-index  .page-title-wrapper h1{
    padding-left: 0;
    padding-bottom: 1em;
    padding-top: 0;
}

.mpblog-post-index .page-title{
    text-transform: uppercase;
    text-align: left;
    color: #333;
}

.mpblog-post-index .breadcrumbs{
    width: 100%;
    grid-area: breadcrumbs;
}

.mpblog-post-index .page.messages{
    grid-area: messages;
}

.mpblog-post-index .columns{
    grid-area: content;
}

.mpblog-post-index .col-mp{
    float: none;
    padding: 0;
}

.mpblog-post-index .post-item-wraper{
    padding: 0!important;
    border: 1px solid var(--light-gray);
}

.mpblog-post-index .post-item-wraper:hover {
    border: 1px solid var(--light-gray);old);
    box-shadow: none;
}

.mpblog-post-index .post-image{
    min-height: auto;
}

.mpblog-post-index .post-image img.img-responsive{
    height: auto;
    width: 100%;
    position: static;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    border: none;
    display: block;
}

.mpblog-post-index h2.mp-post-title {
    text-transform: uppercase;
    font-family: var(--btnText);
    font-size: 16px;
}

.mpblog-post-index h2.mp-post-title a{
    color: #222;
}

.mpblog-post-index .post-short-description p{
    font-size: 14px;
}

.mpblog-post-index .post-short-description p:empty {
    height: 0;
    padding: 0;
    display: none;
}

.mpblog-post-index .post-info-wraper{
    padding-bottom: 20px;
}

.mpblog-post-index .mp-read-more{
    background: var(--kiss-red);
    color: #fff;
    font-family: var(--btnText);
    text-transform: uppercase;
    font-size: 12px;
    padding: .5em 3em;
}

.mpblog-post-index .mp-footer{
    display: none;
}

.mpblog-post-index .columns .column.main{
    padding-bottom: 0;
}

.mpblog-post-index .pager p.toolbar-amount{
    padding: 0;
}

.mpblog-post-index .pager span.toolbar-number{
    display: block;
}

.mpblog-post-index.page-layout-2columns-left .column.main{
    width: 100%;
    float: none;
}

@media screen and (min-width: 600px) {

    .mpblog-post-index .post-item-wraper{
        display: flex;
        align-items: stretch;
    }

    .mpblog-post-index .post-image{
        flex-basis: 50%;
        width: 50%;
        min-width: 50%;
        display: block;
        height: auto;
        overflow: hidden;
        position: relative;
    }

    .mpblog-post-index .post-image img.img-responsive{
        height: 100%;
        width: auto;
        max-width: none;
        position: absolute;
        right: auto;
        bottom: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        margin: auto;
        border: none;
        display: block;
    }

    .mpblog-post-index .post-info-wraper{
        flex-basis: 50%;
    }

    .mpblog-post-index .post-info-wraper{
        padding: 30px 30px 60px 30px;
        position: relative;
    }

    .mpblog-post-index h2.mp-post-title {
        text-transform: uppercase;
        font-family: var(--btnText);
        font-size: 28px;
    }

    .mpblog-post-index .post-short-description p{
        font-size: 16px;
    }

    .mpblog-post-index .mp-read-more{
        font-size: 18px;
        display: block;
        position: absolute;
        right: 20px;
        bottom: 20px;
    }

}

@media screen and (min-width: 1100px) {
    .mpblog-post-index .post-image img.img-responsive{
        top: auto;
        left: auto;
        transform: translate(0,0);
        position: static;
        display: block;
        object-fit: cover;
        width: 100%;
        height:100%;
    }
}

/* = Blog Overwrites ================== */
/* ==================================== */


/* ==================================== */
/* = Blog Post Overwrites ============= */

.block-blog-related.topic-list.mpcss{
    float: none;
    position: static;
}

#mpblog-list-container.mpcss.post-view{
    float: none;
    position: static;
}

.mpcss.post-view .col-xs-12,
.mpcss.post-view .col-md-9.col-sm-8{
    float: none;
    width: 100%;
}


.mpblog-post-view .mp-blog-rss, .mpblog-post-view .mp-sidebar.mpcss,
.mpblog-post-view .blog_header, .mpblog-post-view .sidebar-main,
.mpblog-post-view .sidebar-additional{
    display: none;
}

.mpblog-post-view .page-main{
    display: grid;
    grid-template-areas:
    'breadcrumbs'
    'date'
    'title'
    'messages'
    'content';
    grid-template-columns: auto;
}

.mpblog-post-view .page-main{
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.mpblog-post-view .page-main .page-title-wrapper{
    grid-area: title;
    color: var(--kiss-red);
    padding-bottom: 30px;
}

.mpblog-post-view .mp-post-date{
    display: block;
    text-align: center;
    position: relative;
    grid-area: date;
}

.mpblog-post-view .mp-post-date:before {
    content: " . ";
    height: 2px;
    display: block;
    background: var(--kiss-red);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: -1;
}

.mpblog-post-view .mp-post-date .blog-date{
    display: inline-block;
    color: #222;
    font-size: 24px;
    background: #fff;
    padding: 0 1em;
}

.mpblog-post-view .page-main > .page-title-wrapper .page-title{
    display: block;
}

.mpblog-post-view .page-main .page-title-wrapper h1{
    padding: 0 15px;
    font-size: 36px;
}

@media screen and (min-width: 768px) {
    .mpblog-post-view .page-main .page-title-wrapper h1{
        text-align: center;
    }
}

.mpblog-post-view .page-main .breadcrumbs{
    padding-left: 15px;
    padding-right: 15px;
    grid-area: breadcrumbs;
    width: 100%;
}

.mpblog-post-view .page-main page.messages{
    grid-area: messages;
}

.mpblog-post-view.page-layout-2columns-left .column.main{
    width: 100%;
    float: none;
    margin: 0 auto;
}

.mpblog-post-view .block-blog-related.topic-list.mpcss{
    width: 100%!important;
}

.mpblog-post-view .post-view-image{
    float: none;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 768px) {

    .mpblog-post-view .post-view-image{
        max-width: 800px;
        margin: 0 auto;
    }

    .mpblog-post-view.page-layout-2columns-right .column.main{
        width: 79.16666667%;
        float: none;
        margin: 0 auto;
    }

    .mpblog-post-view .related-content-container .post-image{
        min-height: auto;
    }

}

#videoplaceholder{
    display: block;
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.mpblog-post-view .post-list-content{
    padding-left: 0;
    padding-right: 0;
}

.mpblog-post-view .post-post_content{
    padding-left: 15px;
    padding-right: 15px;
}

.mpblog-post-view .block-blog-related.topic-list.mpcss{
    width: 100%!important;
}

.mpblog-post-view .block-blog-related.topic-list.mpcss > h2{
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    font-size: 24px;
    color: var(--kiss-red);
}

.mpblog-post-view .mp-post-info{
    display: none;
}

.mpblog-post-view hr{
    display: none;
}

.mpblog-post-view .products-used-container{
    padding-left: 15px;
    padding-right: 15px;
}

.mpblog-post-view .products-used-container h2{
    color: var(--kiss-red);
    font-size: 26px;
}

.mpblog-post-view .products-used-container h2 .script{
    font-family: var(--scriptText);
    font-size: 1.5em;
}


.mpblog-post-view .related-content-container .post-list-item{
    margin-bottom: 10px;
}

.mpblog-post-view .related-content-container .post-item-wraper:hover{
    border: none;
    box-shadow: none;
}

.mpblog-post-view .related-content-container .post-item-wraper{
    padding: 0!important;
    border: none;
}

.mpblog-post-view .related-content-container .post-image{
    display: none;
}

.mpblog-post-view .related-content-container .post-info-wraper{
    padding: 0;
    display: block;
}

.mpblog-post-view .related-content-container .mp-post-title{
    padding-bottom: 0;
}

.mpblog-post-view .related-content-container .mp-post-title a{
    padding-bottom: 0;
    color: #fff;
    background: var(--kiss-red);
    display: block;
    font-family: var(--btnText);
    padding: .5em 1em;
    text-decoration: none;
}

.mpblog-post-view .related-content-container .mp-post-title a:hover{
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .mpblog-post-view .related-content-container{
        display: flex;
        justify-content: center;

    }
    .mpblog-post-view .related-content-container .post-list-item{
        flex-basis: calc(100%/3);
        width: calc(100%/3);
        padding: 0 10px;
    }

    .mpblog-post-view .related-content-container .post-image{
        display: block;
    }

    .mpblog-post-view .related-content-container .post-image img.img-responsive{
        display: block;
        min-height: auto;
        width: 100%;
        height: auto;
        margin: 0 0 10px 0;
        position: static;
    }

    .mpblog-post-view .related-content-container .mp-post-title{
        text-align: center;
    }

    .mpblog-post-view .related-content-container .mp-post-title a{
        background: none;
        color: #fff;
        padding: 0;
        font-size: 16px;
    }
}

/* = Blog Video Overwrites ============ */
/* ==================================== */


/* ==================================== */
/* = Blog Video Swap ================== */

.blog-video--container .blog-video-placeholder{

}

 #video{
    max-width: 600px;
    margin: 0 auto;
    position: relative;
 }

#video .close-video-swap--btn {
    border: 1px solid #fff;
    background: #000;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    font-size: 16px;
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
}

#video .close-video-swap--btn span{
    display: none;
}

#video .close-video-swap--btn:before {
    font-family: "luma-icons";
    content: "\e616";
    display: block;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe{
    display: block;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}


/* = Blog Video Swap Ends ============= */
/* ==================================== */


/* = Blog Video Swap Ends ============= */
/* ==================================== */


/* ================================= */
/* = Account Pages ================= */

.block-collapsible-nav .item.current a{
    border-color: var(--kiss-red);
}

.customer-account-create h1.page-title{
    padding-bottom: 50px;
}

.account  h1.page-title{
    padding-bottom: 25px;
}

.social-login-authentication-channel{
    display: none;
}

.form-edit-account .field.choice{
    display: flex;
    align-items: center;
}

.form-edit-account .checkbox{
    margin-top: 0;
}

.form-edit-account .field.choice .label{
    padding-left: .5em;
}

.form-edit-account .actions-toolbar .action.primary,
.form-address-edit .actions-toolbar .action.primary {
    background: var(--kiss-red);
    text-transform: uppercase;
    line-height: 1;
    font-size: 16px;
    padding: .5em 1em;
    border: 2px solid var(--kiss-red);
    font-family: var(--btnText);
}

.form-edit-account .actions-toolbar .action.primary:hover,
.form-address-edit .actions-toolbar .action.primary:hover{
    background: #fff;
    border: 2px solid #222;
    color: #222;
}

.page-main a.roundbtn{
    color: #fff;
    margin-bottom: 15px;
}

@media only screen and (min-width: 768px){

    .customer-account-create .page-title-wrapper{
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        text-align: center;
    }

    .customer-account-create .label{
        padding-left: 0;
    }

    .form.create.account{
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        width: 100%;
        min-width: 100%;
        max-width: 800px;
    }

    .create.info, .create.account{
        flex-basis: 50%;
        padding: 0 20px;
    }

    .form-login .actions-toolbar{
        padding: 0 0 20px 0;
        display: block;
        width: 100%;
    }

    .actions-toolbar .primary{
        display: block;
        float: none;
    }

    .form.create.account .action.submit{
        max-width: 300px;
        margin: 0 auto;
        display: block;
    }
}
.block .block-compare
{
    display:none;
}
/* = Account Pages ================= */
/* ================================= */


/* ================================= */
/* = Login Page  =================== */

.customer-account-login .page-title-wrapper{
    text-align: center;
    padding-bottom: 50px;
    text-transform: uppercase;
}

.customer-account-login .form-login button.login{
    background-color: transparent;
    border: 2px solid #222;
    text-transform: uppercase;
    color: #222;
    font-family: var(--btnText);
}

.customer-account-login .block-new-customer .actions-toolbar > .primary{
    text-align: left;
}

.customer-account-login .block-new-customer .actions-toolbar > .primary a.action.create.primary{
    background-color: var(--kiss-red);
    text-transform: uppercase;
    font-family: var(--btnText);
    border-radius: 0;
    border: 0;
}

/* = Login Page Ends  ============== */
/* ================================= */


/* ================================= */
/* = Owl Sliders =================== */

.products-slider .product-item-info{
    width: 100%;
}

.products-slider .owl-stage{
    display: flex;
    align-items: stretch;
}

.products-slider img.product-image-photo{
    position: static;
}

.product-item-info{
    position: relative;
}

.yotpo-yotpo-is-enabled div.yotpo.bottomLine{
    padding-left: 10px;
}

.products-slider .products-grid .product-item-info{
    position: relative;
    margin: 0;
    box-shadow: none;
    border: none;
    padding: 0 5px 30px 5px;
    height: 100%;
}

.products-slider .products-grid .product-item-info:hover{
    padding: 0 5px 30px 5px;
}

.products-related .product-item-info:hover{
    padding: 0 0 0 0;
}

.products-slider .products-grid .product-item{
    display: block;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 640px){

    .products-slider .products-grid .product-item{
        width: 100%;
    }

    .yotpo-yotpo-is-enabled div.yotpo.bottomLine{
        padding-left: 0;
    }
}

@media only screen and (min-width: 1024px){
    .products-slider .products-grid .product-item{
        width: 100%;
    }
}

.products-slider .products-grid a{
    text-decoration: none;
}

.products-slider .products-grid .product-item p{
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 12px;
}

.products-slider .price-box{
    text-align: center;
}

.products-slider .subitemnameone, .products-slider .subitemnametwo, .products-slider .subitemnamethree,
.products-slider .sub-item-name-one, .products-slider .sub-item-name-two, .products-slider .sub-item-name-three{
    text-align: center;
    text-transform: uppercase;
    font-family: "gotham-medium";
    color: #222;
    font-size: 15px;
}

.products-slider .products-grid .product-item-info:hover .product-item-actions{
    display: block;
}

.products-slider .products-grid .product-item-inner,
.products-slider .products-grid .product-item-actions{
    display: block;
    margin: 0;
    box-shadow: none;
}

.products-slider .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner,
.products-slider .products-grid .product-item-info:hover .product-item-inner{
    position: absolute;
    width: auto;
    bottom: 0;
    color: var(--joah-purple);
    font-family: var(--btnText);
    border-radius: 0;
    display: block;
    background-color: transparent;
    width: 90%;
    margin: 0 5%;
    font-size: 15px;
}

.products-slider .tocart{
    display: block;
    background: none;
    border: 2px solid #222;
    text-transform: uppercase;
    color: #222;
    font-family: var(--btnText);
    width: 100%;
    padding: 10px 0;
    box-shadow: none;
}

.products-slider .tocart:hover{
    padding: 10px 0;
    border: 2px solid #222;
    color: #222;
    background: none;
}


@media only screen and (min-width: 640px){
    .products-slider .products-grid .product-item-actions{
        margin: 0 auto;
    }

    .product-item-actions .actions-primary{
        display: block;
    }
}

.owl-carousel{
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    border: none;
    box-shadow: none;
    margin-top: -60px;
}

.owl-carousel .owl-nav button.owl-next{
    right: 0;
    left: auto;
}

.owl-carousel .owl-nav button.owl-prev:before,
.owl-carousel .owl-nav button.owl-next:before{
    content: "\e617";
    font-family: "luma-icons";
    color: var(--kiss-red);
    font-size: 20px;
}

.owl-carousel .owl-nav button.owl-next:before{
    content: "\e608";
}

.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span{
    display: none;
}

/* = Owl Sliders =================== */
/* ================================= */


/* ==================================== */
/* = Messages ========================= */

.messages{
    margin-top: 0;
}

.message.success{
    background: var(--kiss-red);
    color: #fff;
}

.message.success a,
.message a{ color: #fff; }

.message.success > *:first-child:before{
    color: #fff;
}

.message.notice{
    background: var(--kiss-red);
    color: #fff;
}

.message.notice > *:first-child:before{
    color: #fff;
}
.message-success .success .message a {
    color:#ffffff;
}

/* = Messages ========================= */
/* ==================================== */


/* ================================= */
/* = Fixes ========================= */

.blog-page-banner, .full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* = Fixes ========================= */
/* ================================= */


/* ==================================== */
/* = Augmented Reality ================ */

.catalog-product-view .product.media {
    position: relative;
}

@media only screen and (min-width: 768px){
    #overlay-ar, #deepar-canvas{
        left: 90px;
    }
}

@media only screen and (min-width: 1139px){
    #overlay-ar, #deepar-canvas{
        left: 17.5%;
    }
}

@media only screen and (max-width: 768px){
    #deepar-canvas {
        left:0;
    }
    #overlay-ar {
        left:0;
    }
}
/* = Augmented Reality ================ */
/* ==================================== */


/* ==================================== */
/* = ADA Compliance =================== */

a.skip-to-content-link{
    position: fixed;
    top: -40px;
    left: 0;
    background: #333;
    color: #fff;
    padding: 8px;
    z-index: 100;
    text-decoration: none;
}

a.skip-to-content-link:focus{
   box-shadow: 0 0 1em rgba(0,0,0,.7);
   position: fixed;
   top: 55px;
}

/* = ADA Compliance =================== */
/* ==================================== */




/** End Here **/