/**
 * NOTICE OF LICENSE
 *
 * ---------------------------------------------------
 *
 *  @author    : CD Presta <cdpresta@gmail.com>
 *  @copyright : 2016-2024
 *  @license   : Commercial License
 *
 *  @version   : 2.6.5
 * ---------------------------------------------------
 */

.cdpcp-slideout__buttons:after,.cdpcp-slideout__buttons:before{
    content:" ";
    display:table;
}

.cdpcp-slideout__buttons:after{
    clear:both;
}

[class*=" cdpcp-icon-"],[class^=cdpcp-icon-]{
    display:inline-block;
    fill:currentColor;
    height:.95em;
    pointer-events:none;
    stroke:currentColor;
    stroke-width:0;
    width:.95em;
}

.btn [class*=" cdpcp-icon-"],.btn [class^=cdpcp-icon-]{
    margin-right:.2em;
    margin-top:-.2em;
    vertical-align:middle;
}

#cdpcp-fake-miniatures,.cdpcp{
    display:none;
}

.cdpcp{
    bottom:0;
    direction:ltr !important;
    height:81px;
    max-width:100%;
    opacity:0;
    position:fixed;
    width:auto;
    z-index:9996;
}

.cdpcp *{
    box-sizing:border-box;
}

.cdpcp .cdpcp-menu-number{
    display:none;
}

.cdpcp-show-sticky-footer .cdpcp{
    display:block;
}

.cdpcp--bottom_right{
    right:0;
}

.cdpcp--bottom_left{
    left:0;
}

.cdpcp__menu{
    border-top:1px solid transparent;
    float:left;
    height:100%;
    position:relative;
    transition:border-radius .3s;
    width:46px;
}

.cdpcp--bottom_right .cdpcp__menu{
    border-left:1px solid transparent;
}

.cdpcp--bottom_left .cdpcp__menu{
    border-right:1px solid transparent;
}

.cdpcp-menu__button{
    cursor:pointer;
    display:inline-block;
    height:100%;
    position:relative;
    width:100%;
}

.cdpcp-menu__button:hover{
    opacity:.8;
}

.cdpcp-menu__button:active{
    opacity:.6;
}

.cdpcp-menu-icon,.cdpcp-menu-number{
    font-family:Arial,sans-serif;
    font-size:40px;
    height:38px;
    left:50%;
    line-height:1;
    margin:-19px 0 0 -10px;
    position:absolute;
    top:50%;
    transition:opacity .3s;
    width:20px;
}

.cdpcp--collapsed .cdpcp-menu-number{
    display:block;
}

.cdpcp--collapsed .cdpcp-menu-icon{
    display:none;
}

.cdpcp--collapsed .cdpcp__menu{
    border-top-left-radius:4px;
}

.cdpcp--collapsed .cdpcp__items-wrapper{
    display:none;
}

.cdpcp__backdrop{
    background:rgba(0, 0, 0, .6);
    bottom:0;
    display:none;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:9997;
}

.cdpcp__items-wrapper{
    border-top:1px solid transparent;
    padding:10px 7.5px 10px 15px;
    vertical-align:top;
    white-space:nowrap;
    width:calc(100% - 46px);
}

.cdpcp--bottom_right .cdpcp__items-wrapper{
    border-left:1px solid transparent;
    border-top-left-radius:4px;
    float:left;
}

.cdpcp--bottom_left .cdpcp__items-wrapper{
    border-right:1px solid transparent;
    border-top-right-radius:4px;
    float:right;
}

.cdpcp__items{
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
}

@media (min-width:480px){
    .cdpcp__items{
        width:100%
    }
}

.cdpcp--bottom_right .cdpcp__items{
    flex-direction:row-reverse;
}

.cdpcp--bottom_left .cdpcp__items{
    flex-direction:row;
}

.cdpcp__item{
    display:inline-block;
    height:60px;
    margin-right:7.5px;
    vertical-align:middle;
    width:60px;
}

.cdpcp__slideout{
    border-top:1px solid transparent;
    bottom:0;
    display:none;
    left:0;
    padding:15px;
    position:fixed;
    right:0;
    z-index:9998;
}

.cdpcp__item--active .cdpcp__slideout,.cdpcp__menu--active .cdpcp__slideout{
    display:block;
}

.cdpcp-slideout__close{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    border:0;
    box-shadow:none;
    cursor:pointer;
    display:block;
    font:normal 28px/21px Arial,Baskerville,monospace;
    overflow:visible;
    outline:none;
    padding:10px;
    position:absolute;
    right:0;
    text-align:center;
    text-decoration:none;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.cdpcp-slideout__inner{
    margin:0 auto;
    max-width:470px;
    width:100%;
}

.cdpcp-slideout__title{
    clear:both;
    display:block;
    font-size:24px;
    font-weight:600;
    line-height:1;
    margin-bottom:7.5px;
    padding-bottom:7.5px;
    text-align:center;
    white-space:normal;
}

@media (min-width:480px){
    .cdpcp-slideout__title{
        font-size:29px
    }
}

.cdpcp-compare-now{
    margin-bottom:20px;
}

.cdpcp-slideout__button{
    border:1px solid transparent;
    border-radius:4px;
    cursor:pointer;
    display:block;
    font-weight:600;
    padding:15px;
    text-decoration:none;
    text-align:center;
    transition:opacity .3s;
    white-space:normal;
    width:100%;
}

.cdpcp-slideout__button:active,.cdpcp-slideout__button:focus,.cdpcp-slideout__button:hover{
    text-decoration:none !important;
}

.cdpcp-slideout__button:active,.cdpcp-slideout__button:focus{
    outline:0;
    text-decoration:none;
}

.cdpcp-slideout__button:hover{
    opacity:.8;
}

.cdpcp-slideout__button:focus{
    opacity:.7;
}

.cdpcp-slideout__button:active{
    opacity:.6;
}

.cdpcp-slideout__button+.cdpcp-slideout__button{
    margin-top:7.5px;
}

.cdpcp-item__image,.cdpcp-slideout__image{
    border-radius:4px;
    overflow:hidden;
}

.cdpcp-slideout__image{
    display:block;
    height:200px;
    margin:0 auto 15px;
    max-width:100%;
}

.cdpcp-item__image{
    cursor:pointer;
    float:right;
    max-width:100%;
}

.cdpcp-item__image:hover{
    opacity:.7;
}

.cdpcp-compare{
    padding:13px 19px 0;
}

.cdpcp-compare__button{
    font-weight:600;
    color:#777676;
    cursor:pointer;
}

.cdpcp-compare__button:hover{
    color:#000;
}

.cdpcp-compare__button:before{
    content:"\f067";
    display:inline-block;
    font-family:FontAwesome;
    margin-right:3px;
}

.cdpcp-compare__button.checked:before{
    content:"\f068";
}

.cdpcp-compare-now{
    margin:1rem 0;
}

.cdpcp-compare-btn {
    --fs: 10px;
    --ls-mult: 0.1;

    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 25px;
    padding: 5px 10px;
    background: var(--color-gray-light);
    border: 1px solid currentColor;
    border-radius: 99px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: var(--fs);
    letter-spacing: calc(var(--fs) * var(--ls-mult));  
    color: var(--color-gray-middle);
    cursor: pointer;
    transition: 0.3s;
}

.cdpcp-compare-btn:hover {
    opacity: 0.8;
    scale: 1.1;
}

.cdpcp-compare-btn--remove {
    background: var(--color-gray-middle);
    border-color: var(--color-gray-middle);
    color: #fff;
}

.cdpcp-compare-btn svg path {
    fill: currentColor;
}

.cdpcp-compare-btn--blacklisted{
    visibility:hidden !important;
}

.cdpcp-compare-btn--above-list{
    margin-bottom:.5rem !important;
}

.cdpcp-compare-btn--below-list{
    margin-bottom:1.5rem !important;
}

.cdpcp-compare-btn--add .cdpcp-compare-btn__icon--add,.cdpcp-compare-btn--add .cdpcp-compare-btn__text--add,.cdpcp-compare-btn--loading .cdpcp-compare-btn__icon--loading,.cdpcp-compare-btn--remove .cdpcp-compare-btn__icon--remove,.cdpcp-compare-btn--remove .cdpcp-compare-btn__text--remove{
    display:inline-block;
}

.cdpcp-compare-btn--loading .cdpcp-compare-btn__icon--add,.cdpcp-compare-btn--loading .cdpcp-compare-btn__icon--remove,.cdpcp-compare-btn__icon,.cdpcp-compare-btn__text{
    display:none;
}

.cdpcp-compare-btn--loading .cdpcp-compare-btn__icon{
    -webkit-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}

.cdpcp-compare-modal__dialog{
    max-width:95%;
    width:1200px;
}

.cdpcp-share-modal__dialog{
    max-width:95%;
    width:430px;
}

.cdpcp-compare-modal__dialog .modal-body{
    padding:25px;
}

.cdpcp-highlight-btn.active .highlight-btn__icon--inactive,.cdpcp-highlight-btn .highlight-btn__icon--active{
    display:none;
}

.cdpcp-highlight-btn.active .highlight-btn__icon--active{
    display:inline-block;
}

.cdpcp-table-card{
    margin-top:2rem;
}

@media only print{
    .cdpcp-saved-comparison-msg{
        display:none
    }
}

.cdpcp-table-wrapper{
    -webkit-overflow-scrolling:touch;
    padding:1px;
    transform:translateZ( 0 );
}

@media only print{
    .cdpcp-table-wrapper{
        overflow:hidden !important
    }
}

.cdpcp-table-actions{
    float:right;
    margin-bottom:50px;
}

@media only print{
    .cdpcp-table-actions{
        display:none !important
    }
}

.cdpcp-table-actions__btn{
    font-size:.9rem;
    padding:.25rem .5rem;
}

.cdpcp-table-actions__btn+.cdpcp-table-actions__btn{
    margin-left:5px;
}

.cdpcp-table{
    page-break-inside:auto;
    table-layout:fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
}

.cdpcp-table thead{
    display:table-header-group;
}

.cdpcp-table__feature-cell--name,.cdpcp-table__header-cell--empty{
    overflow:hidden;
    text-overflow:ellipsis;
    width:10rem;
    padding: 5px;
}

.cdpcp-table__feature-cell_compare {
    background: var(--color-red);
    color: #fff;
}

@media (max-width:767px){
    .cdpcp-table__feature-cell--name,.cdpcp-table__header-cell--empty{
        display:none !important
    }
}

.cdpcp-table__header-cell--product{
    position:relative;
    text-align:center;
    width:200px;
}

@media only print{
    .cdpcp-table__header-cell--product{
        width:auto
    }
}

.cdpcp-table__cell--current-product{
    background:rgba(255, 235, 59, .05);
}

.cdpcp-table__header-cell.cdpcp-table__header-cell--product{
    vertical-align:top;
    padding: 10px;
    border: 1px solid var(--color-gray-middle);
}

.cdpcp-table__product-inner{
    position:relative;
}

.cdpcp-table__cell-mobile-header{
    font-weight:700;
    display:block;
}

@media (min-width:768px){
    .cdpcp-table__cell-mobile-header{
        display:none
    }
}

.btn.cdpcp-table__delete{
    position:absolute;
    right:0;
    top:0;
    z-index:1;
}

@media only print{
    .cdpcp-table__delete{
        display:none
    }
}

.cdpcp-table__product-link{
    display:block;
}

.cdpcp-table__product-link:hover{
    opacity:.8;
}

.cdpcp-table__product-link:active{
    opacity:.6;
}

.cdpcp-table__img{
    border-radius:4px;
    max-width:100%;
    margin-inline: auto;
}

.cdpcp-table__quickview {
    width: 100%;
}

.cdpcp-table__add-cart,.cdpcp-table__desc,.cdpcp-table__name,.cdpcp-table__quickview{
    margin:.5rem 0 0;
}

.cdpcp-table__add-cart{
    margin-left:auto;
    margin-right:auto;
}

.cdpcp-table__variants {
    display: none;
}

.cdpcp-table__add-cart,.cdpcp-table__variants .variant-links>*{
    display:inline-block;
}

@media only print{
    .cdpcp-table__add-cart,.cdpcp-table__quickview,.cdpcp-table__variants{
        display:none !important
    }
}

.cdpcp-table__name{
    text-align:center;
}

.cdpcp-table__desc>:last-child{
    margin-bottom:0;
}

.cdpcp-table__feature-row{
    outline:1px solid transparent;
    page-break-inside:avoid;
    page-break-after:auto;
    transition:outline .3s;
}

.cdpcp-table__feature-cell{
    text-align:center;
}

.cdpcp-table__feature-cell--name{
    text-align:left;
}

.cdpcp-table__prices{
    position:relative;
}

.cdpcp-table__prices>.price,.cdpcp-table__prices>.regular-price{
    display:inline-block;
}

.cdpcp-table .discount-percentage{
    background: var(--color-red);
    box-shadow:2px 2px 11px 0 rgba(0, 0, 0, .1);
    color:#fff;
    font-size:1rem;
    font-weight:600;
    margin:0 .4375rem;
    min-height:1.875rem;
    min-width:3.125rem;
    padding:.3125rem .4375rem;
    text-transform:uppercase;
    z-index:2;
}

.cdpcp-table .regular-price{
    color:#acaaa6;
    font-size:.875rem;
    text-decoration:line-through;
}

.cdpcp-cart-modal .cdpcp-cart-modal__dialog{
    margin:0 auto;
    max-width:100%;
    width:22rem;
}

.cdpcp-cart-modal .modal-body,.cdpcp-cart-modal .modal-content{
    min-height:0;
}

.cdpcp-social-block{
    border-radius:4px;
    cursor:pointer;
    margin:0 auto;
    padding:10px;
    text-align:center;
    transition:background .3s;
    width:150px;
}

.cdpcp-social-block:hover{
    background:rgba(0, 0, 0, .1);
}

.cdpcp-print-logo{
    max-height:200px;
    max-width:200px;
}

@-webkit-keyframes spin{
    0%{
        transform:rotate( 0deg );
    }

    to{
        transform:rotate( 359deg );
    }
}

@keyframes spin{
    0%{
        transform:rotate( 0deg );
    }

    to{
        transform:rotate( 359deg );
    }
}


@media screen and (max-width: 1024.9px) {
    .compare-btn {
        display: none;
    }

    #cdproductcomparisonplus {
        display: none;
    }
}