:root {
    --headernavaccordionwidth: 290px;
    --headernavmenuheight: 40px;
    --headernavmenumargin: 3px;
    --triplett1: 23%;
    --triplett2: 49%;
    --triplett3: 28%;
    --triplettmb1: 40%;
    --triplettmb2: 60%;
    --basicdarklight: #6B7384;
    --basicdark: #141414;
    --basicverylight: #F8F9FA;
    --basiclightmd: #F6F6F6;
    --basiclightmd2: #E5E5E5;
    --basiccolorfullmax: #54A0FE;
    --basiccolorfullmin: #43c2f3;
    --basiccolorfullmaxsecondary: #C45C31;
    --basiccolorfullminsecondary: #FF6A24;
    --basiccoldanger: crimson;
    --basiccolsuccees: #b6ff00;
    --basiccolsucceeslight: #25A799;
    --successon: #5adc35;
    --successondark: #118c06;
    --basic-family: 'Karla',sans-serif;
    --basic-family-title: 'Poppins',sans-serif;
    --cart-img-width: 68px;
    --comp-img-width: 120px;
    --slicksingleratio_P: 1.2;
}

body {
    font-family: var(--basic-family);
}

/*---------- header nav ----------*/
.headernav-container {
    background-color: #fff;
    border-bottom: 1px solid var(--basiclightmd2);
    position:fixed;
    width:100%;
    z-index:49;
}
.headernavtriplet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--headernavmenuheight);
}
.headernavtriplet .t1 {
    width:var(--triplett1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.headernavtriplet .t2 {
    width:var(--triplett2);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    margin-left:calc(var(--headernavmenumargin * 2));
    margin-right:calc(var(--headernavmenumargin * 2));
    position:relative;
}
.headernavtriplet .t3 {
    width:var(--triplett3);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
        -ms-flex-pack:end;
            justify-content:flex-end;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}
.headernavtriplet .menumb {
    display:none;
}
.headernavtriplet .nv-title {
    margin-bottom:-8px;
}
.headernavtriplet .nv-ico {
    cursor:pointer;
    width:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    margin-left:1px;
}
.headernavico {
    fill:black;
}
.headernavico:hover {
    fill: var(--basicdarklight);
}
.headernavtriplet .nv-item {
    cursor:pointer;
    text-transform:uppercase;
    margin-left:6px;
    margin-right:6px;
    font-family:var(--basic-family-title);
}
.headernavtriplet .nv-item:hover, .headernavtriplet .nv-item:active, .headernavtriplet .nv-item:focus {
    opacity:0.8;
    fill-opacity:0,8;
}
.headernavtriplet .nv-item a {
    text-decoration:none;
}
.headernavtriplet .nv-item, .headernavtriplet .nv-item a {
    color:var(--basicdark);
}
.headernavtriplet .nv-item .menuico {
    fill:var(--basicdark);
}

.headernavtriplet .ddown {
    margin-top: 9px;
    border-radius: 0;
    border-top: 1px solid transparent;
    border-right: 1px solid var(--basiclightmd2);
    border-left: 1px solid var(--basiclightmd2);
    border-bottom: 1px solid var(--basiclightmd2);
    padding-top: 20px;
    padding-bottom: 15px;
    font-family: var(--basic-family);
    font-size: 14px;
}
.headernavtriplet .dropdown.accordion .ddown {
    padding-bottom: 0;
}
.headernavtriplet .ddown a.dropdown-item {
    color: var(--basicdarklight);
}
.headernavtriplet .ddown a.dropdown-item:hover {
    background-color:var(--basicverylight);
    color:var(--basicdark);
}

#searchform {
    width:100%;
}
.inputcont {
    width:100%;
}

@media screen and (max-width:1200px) {
    .headernavtriplet .nv-item {
        font-size: 14px;
        margin-left: 4px;
        margin-right: 4px;
    }
}

.headernavtriplet .dropdown.accordion .dropdown-menu {
    min-width:var(--headernavaccordionwidth);
    width:100%;
}
@media screen and (max-width:991px) {
    .headernavtriplet .t2 {
        display:none;
    }
    .headernavtriplet .t1 {
        margin-right: var(--headernavmenumargin);
        width:var(--triplettmb1);
    }
    .headernavtriplet .t3 {
        margin-left: var(--headernavmenumargin);
        width: var(--triplettmb2);
    }
    .headernavtriplet .menumb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        fill:var(--basicdark);
        cursor:pointer;
        margin-right:9px;
    }
    .headernavtriplet .menumb:hover, .headernavtriplet .menumb:focus, .headernavtriplet .menumb:active {
        fill:var(--basicdarklight);
    }
}
@media screen and (max-width:767px) {
    .headernavtriplet .t1 .nv-title {
        display: none;
    }
}
/*-------- header nav end --------*/

/*sign in*/
#mstrsignup {
    margin-top:25px;
    padding-top:30px;
    border-top:1px solid var(--basiclightmd2);
    text-transform:none;
}

.lv-container {

}
.mstr-search-lv-card {
    position: relative !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    margin-bottom: 35px;
}
.mstr-search-lv-descr {
    text-align: center;
    font-size: 14px;
}
.mstr-prtitle {

}
.mstr-oldpricelv {
    color: var(--basiccoldanger);
    text-decoration: line-through;
    font-size: 13px;
}
.mstr-pricelv {

}
[id*="pnl_lv_serach_container"] .link-button {
    margin: auto;
}
[id*="pnl_lv_serach_container"] .link-button i {
    font-size:10px;
}

[id*="lbDisconnect"] {
    padding-left:10px;
}
[id*="lbDisconnect"] i {
    font-size: 10px;
}

/*notifs icons containers*/
.ct-ntf {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: white;
    color: var(--basicdark);
    font-size: 11px;
    border: 1px solid var(--basicdarklight);
}
.ct-ntf.nav-ico {
    bottom: -12px;
    right: -2px;
    min-width: 18px;
    min-height: 18px;
}
.ct-ntf.round {
    border-radius: 50%;
}
.ct-ntf.transp {
    display:none;
}

.ct-ntf.has {
    border:none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ct-ntf.colorfull.has {
    background-color: var(--basiccolorfullmax);
    color: white;
}
.ct-ntf.danger.has {
    background-color: var(--basiccoldanger);
    color: white;
}
/*notifs icons containers end*/

/*------------------------ cart style -----------------------*/
.user-status {
    position: absolute;
    bottom: -11px;
    right: -7px;
    width: 18px;
    height: 18px;
    font-size: 15px;
}
.user-status .userstatuson {
    width: 54%;
    height: 54%;
    border-radius: 50%;
    background-color: var(--successon);
    /* border: 1px solid var(--successondark); */
    top: -18px;
    left: -2px;
    position: absolute;
}

.cart-item-content {
}
.cart_data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.cart_primg {
    border: 1px solid var(--basiclightmd2);
    width: var(--cart-img-width);
    height: calc(var(--slicksingleratio_P) * var(--cart-img-width));
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.cart_prdescr {
    padding-left: 10px;
}
.prtitleUniq {
    font-size: 13px;
}
.prqteprice {
    color: var(--basicdarklight);
    font-size: 15px;
}
.cart_qte_cont {
    width:var(--cart-img-width);
}
.cart_tbl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--basicdark);
}
.cart_tbl_left {
    width:55%;
}
.cart_tbl_right {
    width: 45%;
    text-align: right;
}
.cart_tbl.discount {
    color:var(--basiccolorfullmax);
}
/*---------------------- cart style end ---------------------*/

/*---------------------- comp style -------------------*/
.comp_tbl_container {
    font-size: 14px;
}
.comp_tbl_content {
    overflow-x: auto;
    width: 100%;
}
.comp_tbl_content table {
    table-layout: fixed;
}
.comp_tbl_content table tr:not(:last-child) td {
    border-bottom:1px solid var(--basiclightmd2);
}

.comp_tbl_content table td {
    padding: 4px 6px 4px 15px;
}
.comp_tbl_content table td:first-child {
    max-width:130px;
    min-width:130px;
}
.comp_tbl_content table td:not(:first-child) {
    max-width:210px;
    min-width:210px;
}
.comp_tbl_content table td:not(:last-child) {
    border-right: 1px solid var(--basiclightmd2);
}
.comp_tbl_content .cbtn {
    font-size:13px;
    cursor:pointer;
}
.comp_tbl_content .cbtn i {
    font-size:11px;
}
.comp_tbl_content .c_img {
    border: 1px solid var(--basiclightmd2);
    width: var(--comp-img-width);
    height: calc(var(--slicksingleratio_P) * var(--comp-img-width));
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.comp_tbl_content .promo.Yes {
    color:var(--basiccolsucceeslight);
}
.comp_tbl_content .promo.No {
    color:var(--basiccoldanger);
}
.comp_tbl_content .disp {
    
}
.comp_tbl_content .disp.null {
    color:var(--basiccoldanger);
}
.comp_tbl_content .disp.X {
    color:var(--basiccoldanger);
}
.comp_tbl_content .disp.OK {
    color:var(--basiccolsucceeslight);
}
.comp_tbl_content .comp_colorfull {
    color:var(--basiccolorfullminsecondary)
}
/*-------------------- comp style end -----------------*/

/*notifs*/
#ntf_ddown_msg_item, #ntf_ddown_nov_item, #ntf_ddown_prm_item {
    background-color: var(--basicverylight);
    border: 1px solid var(--basiclightmd2);
}

/*------------------------------ footer -------------------------------*/
#sh_footer {
    padding-top: 60px;
    border-top: 1px solid var(--basiclightmd2);
}
#footer_container {

}
.l-list {
    max-height: 290px;
    overflow-y: auto;
    line-height: 120%;
}
.l-list a, .rsm a {
    color: var(--basicdarklight);;
    font-size: 15px;
    cursor:pointer;
}
.l-list a:hover, .rsm a:hover {
    text-decoration:none;
    color:var(--basicdark);
}
.rsm a i {
    font-size:12px;
}
.lsm a {
    color: var(--basicdarklight);
}
.lsm a:hover {
    text-decoration:none;
    color:var(--basicdark);
}

#footer_about {
    border-top: 1px solid var(--basiclightmd2);
    color: var(--basicdarklight);
}

#footer_about .fa_left svg {
    fill:var(--basicdarklight);
}
@media screen and (min-width:992px){
    #footer_about .fa_left {
        height: 60px;
        float: left;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
    }
    #footer_about .fa_right {
        height: 60px;
        float: right;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
    }
}

@media screen and (max-width:991px){
    .f-col-2 {
        margin-top:20px;
        padding-top:20px;
        border-top:1px solid var(--basiclightmd);
    }
    #footer_about {
        text-align:center;
        padding: 15px 0 15px 0;
    }
    #footer_about .fa_left {
        font-size: 13px;
        margin-bottom:8px;
    }
    #footer_about .fa_right {
        font-size: 13px;
    }
}

.fb-like.horiz {
    display:block;
}
.fb-like.vert {
    display: none;
}
@media screen and (max-width:767px) {
    .newlettrep {
        display: none;
    }
}
@media screen and (max-width:500px) {
    .lsm, .rsm {
        font-size:13px;
    }
    .fb-like.horiz {
        display: none;
    }
    .fb-like.vert {
        display: block;
    }
}
/*---------------------------- footer end -----------------------------*/