.box-shadow-none{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.flex-none{
    flex:none !important;
}

.font8{font-size:8px !important;}
.font9{font-size:9px !important;}
.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font17{font-size:17px !important;}
.font18{font-size:18px !important;}
.font19{font-size:19px !important;}
.font20{font-size:20px !important;}
.font21{font-size:21px !important;}
.font22{font-size:22px !important;}
.font23{font-size:23px !important;}
.font24{font-size:24px !important;}
.font25{font-size:25px !important;}
.font26{font-size:26px !important;}
.font27{font-size:27px !important;}
.font28{font-size:28px !important;}
.font29{font-size:29px !important;}
.font30{font-size:30px !important;}
.font31{font-size:31px !important;}
.font32{font-size:32px !important;}
.font33{font-size:33px !important;}
.font34{font-size:34px !important;}
.font35{font-size:35px !important;}
.font36{font-size:36px !important;}
.font37{font-size:37px !important;}
.font38{font-size:38px !important;}
.font39{font-size:39px !important;}
.font40{font-size:40px !important;}
.font41{font-size:41px !important;}
.font42{font-size:42px !important;}
.font43{font-size:43px !important;}
.font44{font-size:44px !important;}
.font45{font-size:45px !important;}
.font46{font-size:46px !important;}
.font47{font-size:47px !important;}
.font48{font-size:48px !important;}
.font49{font-size:49px !important;}
.font50{font-size:50px !important;}

.text-align-center { text-align: center !important; }

.overflow-hidden {
    overflow: hidden !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-visible {
    overflow: visible;
}
.brd {
    border: 1px solid #ffffff;
}
.brd2 {
    border: 2px solid
}
.brd3 {
    border: 3px solid
}
.brd-tp {
    border-top: 1px solid
}
.brd-bt {
    border-bottom: 1px solid
}
.border0 {
    border: 0!important
}
.brd-col-bbbbbb{border-color: #BBBBBB !important;}
.brd-col-cccccc{border-color: #cccccc !important;}
.brd-col-777777{border-color: #777777 !important;}
.brd-col-999999{border-color: #999999 !important;}
.brd-col-dddddd{border-color: #dddddd !important;}
.brd-col-eeeeee{border-color: #eeeeee !important;}
.brd-col-ffffff{border-color: #ffffff !important;}
.brd-col-31A3E4{border-color: #31A3E4 !important;}
.brd-col-00C3B2{border-color: #00C3B2 !important;}
.brd-col-FF8F00{border-color: #FF8F00 !important;}
.brd-col-FCD200{border-color: #FCD200 !important;}
.brd-col-FF8F00:hover,.brd-col-FF8F00:active{border-color: #E3931E !important;}
.brd-col-FCD200:hover,.brd-col-FCD200:active{border-color: #F2C200 !important;}

.brd-l-0{
    border-left-width: 0px !important;
}
.brd-l-1{
    border-left-width: 1px !important;
}
.brd-l-2{
    border-left-width: 2px !important;
}
.brd-r-0{
    border-right-width: 0px !important;
}
.brd-r-1{
    border-right-width: 1px !important;
}
.brd-r-2{
    border-right-width: 2px !important;
}
.brd-t-0{
    border-top-width: 0px !important;
}
.brd-t-1{
    border-top-width: 1px !important;
}
.brd-t-2{
    border-top-width: 2px !important;
}
.brd-b-0{
    border-bottom-width: 0px !important;
}
.brd-b-1{
    border-bottom-width: 1px !important;
}
.brd-b-2{
    border-bottom-width: 2px !important;
}
.border-radius-50p{
    border-radius: 50% !important;
}
.border-radius-0{
    border-radius: 0px !important;
}
.border-radius-3{
    border-radius: 3px !important;
}
.border-radius-4{
    border-radius: 4px !important;
}
.border-radius-5{
    border-radius: 5px !important;
}
.border-radius-8{
    border-radius: 8px !important;
}
.border-radius-10{
    border-radius: 10px !important;
}
.border-radius-15{
    border-radius: 15px !important;
}
.border-radius-16{
    border-radius: 16px !important;
}
.border-radius-30{
    border-radius: 30px !important;
}
.border-radius-top-3{
    border-radius: 3px 3px 0px 0px !important;
}
.border-radius-top-4{
    border-radius: 4px 4px 0px 0px !important;
}
.border-radius-top-5{
    border-radius: 5px 5px 0px 0px !important;
}
.border-radius-top-10{
    border-radius: 10px 10px 0px 0px !important;
}
.border-radius-top-15{
    border-radius: 15px 15px 0px 0px !important;
}
.border-radius-bottom-3{
    border-radius: 0px 0px 3px 3px !important;
}
.border-radius-bottom-4{
    border-radius: 0px 0px 4px 4px !important;
}
.border-radius-bottom-5{
    border-radius: 0px 0px 5px 5px !important;
}
.border-radius-bottom-10{
    border-radius: 0px 0px 10px 10px !important;
}
.border-radius-bottom-15{
    border-radius: 0px 0px 15px 15px !important;
}
.border-radius-left-3{
    border-radius: 3px 0px 0px 3px !important;
}
.border-radius-left-4{
    border-radius: 4px 0px 0px 4px !important;
}
.border-radius-left-5{
    border-radius: 5px 0px 0px 5px !important;
}
.border-radius-left-10{
    border-radius: 10px 0px 0px 10px !important;
}
.border-radius-left-15{
    border-radius: 15px 0px 0px 15px !important;
}
.border-radius-right-3{
    border-radius: 0px 3px 3px 0px !important;
}
.border-radius-right-4{
    border-radius: 0px 4px 4px 0px !important;
}
.border-radius-right-5{
    border-radius: 0px 5px 5px 0px !important;
}
.border-radius-right-10{
    border-radius: 0px 10px 10px 0px !important;
}
.border-radius-right-15{
    border-radius: 0px 15px 15px 0px !important;
}
.clear {
    clear: both;
    display: block;
}
.display-table{display:table !important;}
.display-block{display:block !important;}
.display-inline-block{display:inline-block !important;}
.display-flex{display:flex !important;}
.display-table-row{display:table-row !important;}
.display-table-cell{display:table-cell !important;}

.margin-0-auto { margin: 0 auto !important; }

.w10 {
    width: 10px !important;
}
.w15 {
    width: 15px !important;
}
.w20 {
    width: 20px !important;
}
.w25 {
    width: 25px !important;
}
.w30 {
    width: 30px !important;
}
.w35 {
    width: 35px !important;
}
.w40 {
    width: 40px !important;
}
.w45 {
    width: 45px !important;
}
.w50 {
    width: 50px !important;
}
.w55 {
    width: 55px !important;
}
.w60 {
    width: 60px !important;
}
.w70 {
    width: 70px !important;
}
.w80 {
    width: 80px !important;
}
.w90 {
    width: 90px !important;
}
.w100 {
    width: 100px !important;
}
.w110 {
    width: 110px !important;
}
.w120 {
    width: 120px !important;
}
.w130 {
    width: 130px !important;
}
.w140 {
    width: 140px !important;
}
.w150 {
    width: 150px !important;
}
.w160 {
    width: 160px !important;
}
.w170 {
    width: 170px !important;
}
.w180 {
    width: 180px !important;
}
.w190 {
    width: 190px !important;
}
.w200 {
    width: 200px !important;
}
.w250 {
    width: 250px !important;
}
.w300 {
    width: 300px !important;
}
.w350 {
    width: 350px !important;
}
.w5x100, .w5p {
    width: 5%!important
}
.w10x100, .w10p {
    width: 10%!important
}
.w15x100, .w15p {
    width: 15%!important
}
.w20x100, .w20p {
    width: 20%!important
}
.w25x100, .w25p {
    width: 25%!important
}
.w27x100, .w27p {
    width: 27%!important
}
.w30x100, .w30p {
    width: 30%!important
}
.w33x100, .w33p {
    width: 33%!important
}
.w35x100, .w35p {
    width: 35%!important
}
.w40x100, .w40p {
    width: 40%!important
}
.w45x100, .w45p {
    width: 45%!important
}
.w50x100, .w50p {
    width: 50%!important
}
.w55x100, .w55p {
    width: 55%!important
}
.w60x100, .w60p {
    width: 60%!important
}
.w65x100, .w65p {
    width: 65%!important
}
.w70x100, .w70p {
    width: 70%!important
}
.w73x100, .w73p {
    width: 73%!important
}
.w75x100, .w75p {
    width: 75%!important
}
.w80x100, .w80p {
    width: 80%!important
}
.w85x100, .w85p {
    width: 85%!important
}
.w90x100, .w90p {
    width: 90%!important
}
.w95x100, .w95p {
    width: 95%!important
}
.w96x100, .w96p {
    width: 96%!important
}
.w97x100, .w97p {
    width: 97%!important
}
.w100x100, .w100p {
    width: 100%!important
}

@media only screen and (max-width: 1150px) {
    .w-max1150-5x100, .w-max1150-5p {
        width: 5%!important
    }
    .w-max1150-10x100, .w-max1150-10p {
        width: 10%!important
    }
    .w-max1150-15x100, .w-max1150-15p {
        width: 15%!important
    }
    .w-max1150-20x100, .w-max1150-20p {
        width: 20%!important
    }
    .w-max1150-25x100, .w-max1150-25p {
        width: 25%!important
    }
    .w-max1150-27x100, .w-max1150-27p {
        width: 27%!important
    }
    .w-max1150-30x100, .w-max1150-30p {
        width: 30%!important
    }
    .w-max1150-33x100, .w-max1150-33p {
        width: 33%!important
    }
    .w-max1150-35x100, .w-max1150-35p {
        width: 35%!important
    }
    .w-max1150-40x100, .w-max1150-40p {
        width: 40%!important
    }
    .w-max1150-45x100, .w-max1150-45p {
        width: 45%!important
    }
    .w-max1150-50x100, .w-max1150-50p {
        width: 50%!important
    }
    .w-max1150-55x100, .w-max1150-55p {
        width: 55%!important
    }
    .w-max1150-60x100, .w-max1150-60p {
        width: 60%!important
    }
    .w-max1150-65x100, .w-max1150-65p {
        width: 65%!important
    }
    .w-max1150-70x100, .w-max1150-70p {
        width: 70%!important
    }
    .w-max1150-73x100, .w-max1150-73p {
        width: 73%!important
    }
    .w-max1150-75x100, .w-max1150-75p {
        width: 75%!important
    }
    .w-max1150-80x100, .w-max1150-80p {
        width: 80%!important
    }
    .w-max1150-85x100, .w-max1150-85p {
        width: 85%!important
    }
    .w-max1150-90x100, .w-max1150-90p {
        width: 90%!important
    }
    .w-max1150-95x100, .w-max1150-95p {
        width: 95%!important
    }
    .w-max1150-96x100, .w-max1150-96p {
        width: 96%!important
    }
    .w-max1150-97x100, .w-max1150-97p {
        width: 97%!important
    }
    .w-max1150-100x100, .w-max1150-100p {
        width: 100%!important
    }
}
.h10 {
    height: 10px !important;
}
.h15 {
    height: 15px !important;
}
.h20 {
    height: 20px !important;
}
.h24 {
    height: 24px !important;
}
.h25 {
    height: 25px !important;
}
.h30 {
    height: 30px !important;
}
.h34 {
    height: 34px !important;
}
.h35 {
    height: 35px !important;
}
.h40 {
    height: 40px !important;
}
.h45 {
    height: 45px !important;
}
.h50 {
    height: 50px !important;
}
.h55 {
    height: 55px !important;
}
.h60 {
    height: 60px !important;
}
.h70 {
    height: 70px !important;
}
.h80 {
    height: 80px !important;
}
.h90 {
    height: 90px !important;
}
.h100 {
    height: 100px !important;
}
.h110 {
    height: 110px !important;
}
.h120 {
    height: 120px !important;
}
.h130 {
    height: 130px !important;
}
.h140 {
    height: 140px !important;
}
.h150 {
    height: 150px !important;
}
.h160 {
    height: 160px !important;
}
.h170 {
    height: 170px !important;
}
.h180 {
    height: 180px !important;
}
.h190 {
    height: 190px !important;
}
.h200 {
    height: 200px !important;
}

.lh10, .line-height-10 {
    line-height: 10px !important;
}
.lh12, .line-height-12 {
    line-height: 12px !important;
}
.lh14, .line-height-14 {
    line-height: 14px !important;
}
.lh15, .line-height-15 {
    line-height: 15px !important;
}
.lh16, .line-height-16 {
    line-height: 16px !important;
}
.lh18, .line-height-18 {
    line-height: 18px !important;
}
.lh20, .line-height-20 {
    line-height: 20px !important;
}
.lh24, .line-height-24 {
    line-height: 24px !important;
}
.lh25, .line-height-25 {
    line-height: 25px !important;
}
.lh30, .line-height-30 {
    line-height: 30px !important;
}
.lh32, .line-height-32 {
    line-height: 32px !important;
}
.lh35, .line-height-35 {
    line-height: 35px !important;
}
.lh40, .line-height-40 {
    line-height: 40px !important;
}
.lh45, .line-height-45 {
    line-height: 45px !important;
}
.lh50, .line-height-50 {
    line-height: 50px !important;
}
.lh55, .line-height-55 {
    line-height: 55px !important;
}
.lh60, .line-height-60 {
    line-height: 60px !important;
}
.lh70, .line-height-70 {
    line-height: 70px !important;
}
.lh80, .line-height-80 {
    line-height: 80px !important;
}
.lh90, .line-height-90 {
    line-height: 90px !important;
}
.lh100, .line-height-100 {
    line-height: 100px !important;
}
.lh110, .line-height-110 {
    line-height: 110px !important;
}
.lh120, .line-height-120 {
    line-height: 120px !important;
}
.lh130, .line-height-130 {
    line-height: 130px !important;
}
.lh140, .line-height-140 {
    line-height: 140px !important;
}
.lh150, .line-height-150 {
    line-height: 150px !important;
}
.lh160, .line-height-160 {
    line-height: 160px !important;
}
.lh170, .line-height-170 {
    line-height: 170px !important;
}
.lh180, .line-height-180 {
    line-height: 180px !important;
}
.lh190, .line-height-190 {
    line-height: 190px !important;
}
.lh200, .line-height-200 {
    line-height: 200px !important;
}

.weight-normal{ font-weight:400 !important;}
.weight-semibold{ font-weight:600 !important;}
.weight-bold{ font-weight:800 !important;}

.font-rubik{
    font-family: "Rubik", sans-serif !important;
}

.col-50 {
    width: 50%;
    float: left
}
.f-left {
    float: left
}
.f-left-important {
    float: left !important;
}
.f-right {
    float: right
}
.f-right-important {
    float: right !important;
}
.clearer {
    clear: both;
    display: block
}
.pos-abs{
    position: absolute;
}

.top-5{top:-5px !important;}
.top0{top:0px !important;}
.top1{top:1px !important;}
.top2{top:2px !important;}
.top3{top:3px !important;}
.top4{top:4px !important;}
.top5{top:5px !important;}
.top6{top:6px !important;}
.top7{top:7px !important;}
.top8{top:8px !important;}
.top9{top:9px !important;}
.top10{top:10px !important;}
.top11{top:11px !important;}
.top12{top:12px !important;}
.top13{top:13px !important;}
.top14{top:14px !important;}
.top15{top:15px !important;}
.top16{top:16px !important;}
.top17{top:17px !important;}
.top18{top:18px !important;}
.top19{top:19px !important;}
.top20{top:20px !important;}
.top24{top:24px !important;}
.top25{top:25px !important;}
.top28{top:28px !important;}
.top30{top:30px !important;}
.top32{top:32px !important;}
.top35{top:35px !important;}
.top48{top:48px !important;}
.top50{top:50px !important;}
.top55{top:55px !important;}
.top60{top:60px !important;}
.top65{top:65px !important;}
.top70{top:70px !important;}

.bottom-5{bottom:-5px !important;}
.bottom0{bottom:0px !important;}
.bottom1{bottom:1px !important;}
.bottom2{bottom:2px !important;}
.bottom3{bottom:3px !important;}
.bottom4{bottom:4px !important;}
.bottom5{bottom:5px !important;}
.bottom6{bottom:6px !important;}
.bottom7{bottom:7px !important;}
.bottom8{bottom:8px !important;}
.bottom9{bottom:9px !important;}
.bottom10{bottom:10px !important;}
.bottom11{bottom:11px !important;}
.bottom12{bottom:12px !important;}
.bottom13{bottom:13px !important;}
.bottom14{bottom:14px !important;}
.bottom15{bottom:15px !important;}
.bottom16{bottom:16px !important;}
.bottom17{bottom:17px !important;}
.bottom18{bottom:18px !important;}
.bottom19{bottom:19px !important;}
.bottom20{bottom:20px !important;}
.bottom24{bottom:24px !important;}
.bottom28{bottom:28px !important;}

.left-5{left:-5px !important;}
.left0{left:0px !important;}
.left1{left:1px !important;}
.left2{left:2px !important;}
.left3{left:3px !important;}
.left4{left:4px !important;}
.left5{left:5px !important;}
.left6{left:6px !important;}
.left7{left:7px !important;}
.left8{left:8px !important;}
.left9{left:9px !important;}
.left10{left:10px !important;}
.left11{left:11px !important;}
.left12{left:12px !important;}
.left13{left:13px !important;}
.left14{left:14px !important;}
.left15{left:15px !important;}
.left16{left:16px !important;}
.left17{left:17px !important;}
.left18{left:18px !important;}
.left19{left:19px !important;}
.left20{left:20px !important;}
.left24{left:24px !important;}
.left28{left:28px !important;}

.right-5{right:-5px !important;}
.right0{right:0px !important;}
.right1{right:1px !important;}
.right2{right:2px !important;}
.right3{right:3px !important;}
.right4{right:4px !important;}
.right5{right:5px !important;}
.right6{right:6px !important;}
.right7{right:7px !important;}
.right8{right:8px !important;}
.right9{right:9px !important;}
.right10{right:10px !important;}
.right11{right:11px !important;}
.right12{right:12px !important;}
.right13{right:13px !important;}
.right14{right:14px !important;}
.right15{right:15px !important;}
.right16{right:16px !important;}
.right17{right:17px !important;}
.right18{right:18px !important;}
.right19{right:19px !important;}
.right20{right:20px !important;}
.right24{right:24px !important;}
.right28{right:28px !important;}

.mrg-auto{
    margin-left: auto !important;
    margin-right: auto !important;
}
.mrg-0 {
    margin: 0px !important
}
.mrg-lr--5 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}
.mrg-lr-1per {
    margin-left: 1% !important;
    margin-right: 1% !important;
}
.mrg-lr-1-5per {
    margin-left: 1.5% !important;
    margin-right: 1.5% !important;
}
.mrg-lr-5per {
    margin-left: 5% !important;
    margin-right: 5% !important;
}

.pdd-rl-2pr {
    padding-right: 2% !important;
    padding-left: 2% !important
}
.mrg-rl-2pr {
    margin-right: 2% !important;
    margin-left: 2% !important
}
.pdd-rl-5pr {
    padding-right: 5% !important;
    padding-left: 5% !important
}
.mrg-rl-5pr {
    margin-right: 5% !important;
    margin-left: 5% !important
}

.mrg-l-5per {
    margin-left: 5% !important;
}
.mrg-r-5per {
    margin-right: 5% !important;
}
.mrg-l-10per {
    margin-left: 10% !important;
}
.mrg-r-10per {
    margin-right: 10% !important;
}
.mrg-l-15per {
    margin-left: 15% !important;
}
.mrg-r-15per {
    margin-right: 15% !important;
}
.mrg-l-20per {
    margin-left: 20% !important;
}
.mrg-r-20per {
    margin-right: 20% !important;
}
.mrg-l-25per {
    margin-left: 25% !important;
}
.mrg-r-25per {
    margin-right: 25% !important;
}
.mrg-l-30per {
    margin-left: 30% !important;
}
.mrg-r-30per {
    margin-right: 30% !important;
}
.mrg-l-35per {
    margin-left: 35% !important;
}
.mrg-r-35per {
    margin-right: 35% !important;
}
.mrg-l-40per {
    margin-left: 40% !important;
}
.mrg-r-40per {
    margin-right: 40% !important;
}
.mrg-l-45per {
    margin-left: 45% !important
}
.mrg-r-45per {
    margin-right: 45% !important;
}
.mrg-l-50per {
    margin-left: 50% !important;
}
.mrg-r-50per {
    margin-right: 50% !important;
}
.mrg-l-55per {
    margin-left: 55% !important;
}
.mrg-r-55per {
    margin-right: 55% !important;
}
.mrg-l-60per {
    margin-left: 60% !important;
}
.mrg-r-60per {
    margin-right: 60% !important;
}
.mrg-l-65per {
    margin-left: 65% !important;
}
.mrg-r-65per {
    margin-right: 65% !important;
}
.mrg-l-70per {
    margin-left: 70% !important;
}
.mrg-r-70per {
    margin-right: 70% !important;
}
.mrg-l-75per {
    margin-left: 75% !important;
}
.mrg-r-75per {
    margin-right: 75% !important;
}
.mrg-l-80per {
    margin-left: 80% !important;
}
.mrg-r-80per {
    margin-right: 80% !important;
}
.mrg-l-85per {
    margin-left: 85% !important;
}
.mrg-r-85per {
    margin-right: 85% !important;
}
.mrg-l-90per {
    margin-left: 90% !important;
}
.mrg-r-90per {
    margin-right: 90% !important;
}
.mrg-l-95per {
    margin-left: 95% !important;
}
.mrg-r-95per {
    margin-right: 95% !important;
}
.mrg-5 {
    margin: 5px !important;
}
.mrg-8 {
    margin: 8px !important;
}
.mrg-10 {
    margin: 10px !important;
}
.mrg-15 {
    margin: 15px !important;
}
.mrg-20 {
    margin: 20px !important;
}
.pdd-0 {
    padding: 0 !important;
}
.pdd-3 {
    padding: 3px !important;
}
.pdd-5 {
    padding: 5px !important;
}
.pdd-8 {
    padding: 8px !important;
}
.pdd-10 {
    padding: 10px !important;
}
.pdd-15 {
    padding: 15px !important;
}
.pdd-16 {
    padding: 16px !important;
}
.pdd-20 {
    padding: 20px !important;
}
.pdd-25 {
    padding: 25px !important
}
.pdd-30 {
    padding: 30px !important
}
.pdd-35 {
    padding: 35px !important
}
.pdd-40 {
    padding: 40px !important
}
.pdd-45 {
    padding: 45px !important
}
.pdd-50 {
    padding: 50px !important
}
.mrg-tb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}
.mrg-tb-20 {
    margin-top: 20px !important
    margin-bottom: 20px !important
}
.mrg-tb-30 {
    margin-top: 30px !important
    margin-bottom: 30px !important
}
.mrg-tb-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}
.pdd-tb-8 {
    padding-top: 8px !important
    padding-bottom: 8px !important
}
.pdd-tb-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}
.pdd-tb-5 {
    padding-top: 5px!important;
    padding-bottom: 5px!important
}
.mrg-tp-0 {
    margin-top: 0 !important;
}
.pdd-tp-0 {
    padding-top: 0 !important;
}
.mrg-tp-1 {
    margin-top: 1px !important;
}
.pdd-tp-1 {
    padding-top: 1px !important;
}
.mrg-tp-2 {
    margin-top: 2px !important;
}
.pdd-tp-2 {
    padding-top: 2px !important;
}
.mrg-tp-3 {
    margin-top: 3px !important;
}
.pdd-tp-3 {
    padding-top: 3px !important;
}
.mrg-tp-4 {
    margin-top: 4px !important;
}
.pdd-tp-4 {
    padding-top: 4px !important;
}
.mrg-tp-5 {
    margin-top: 5px !important;
}
.pdd-tp-5 {
    padding-top: 5px !important;
}
.mrg-tp-7 {
    margin-top: 7px !important;
}
.pdd-tp-7 {
    padding-top: 7px !important;
}
.mrg-tp-8 {
    margin-top: 8px !important;
}
.pdd-tp-8 {
    padding-top: 8px !important;
}
.mrg-tp-9 {
    margin-top: 9px !important;
}
.pdd-tp-9 {
    padding-top: 9px !important;
}
.mrg-tp-10 {
    margin-top: 10px !important;
}
.mrg-tp-15 {
    margin-top: 15px !important;
}
.pdd-tp-10 {
    padding-top: 10px !important;
}
.pdd-tp-12 {
    padding-top: 12px !important;
}
.mrg-tp-12 {
    margin-top: 12px !important;
}
.pdd-tp-13 {
    padding-top: 13px !important;
}
.mrg-tp-13 {
    margin-top: 13px !important;
}
.pdd-tp-15 {
    padding-top: 15px !important;
}
.mrg-tp-20 {
    margin-top: 20px !important;
}
.mrg-tp-25 {
    margin-top: 25px !important;
}
.pdd-tp-20 {
    padding-top: 20px !important;
}
.mrg-tp-30 {
    margin-top: 30px !important;
}
.pdd-tp-30 {
    padding-top: 30px !important;
}
.mrg-tp-35 {
    margin-top: 35px !important;
}
.pdd-tp-35 {
    padding-top: 35px !important;
}
.mrg-tp-40 {
    margin-top: 40px !important;
}
.pdd-tp-40 {
    padding-top: 40px !important;
}
.mrg-tp-60 {
    margin-top: 60px !important;
}
.pdd-tp-60 {
    padding-top: 60px !important;
}
.mrg-bt-0 {
    margin-bottom: 0 !important;
}
.pdd-bt-0 {
    padding-bottom: 0px !important;
}
.mrg-bt-3 {
    margin-bottom: 3 !important;
}
.pdd-bt-3 {
    padding-bottom: 3px !important;
}
.mrg-bt-4 {
    margin-bottom: 4px !important;
}
.pdd-bt-4 {
    padding-bottom: 4px !important;
}
.mrg-bt-5 {
    margin-bottom: 5px !important;
}
.pdd-bt-5 {
    padding-bottom: 5px !important;
}
.mrg-bt-8 {
    margin-bottom: 8px !important;
}
.pdd-bt-8 {
    padding-bottom: 8px !important;
}
.mrg-bt-10 {
    margin-bottom: 10px !important;
}
.pdd-bt-10 {
    padding-bottom: 10px !important;
}
.mrg-bt-15 {
    margin-bottom: 15px !important;
}
.pdd-bt-15 {
    padding-bottom: 15px !important;
}
.mrg-bt-20 {
    margin-bottom: 20px !important;
}
.pdd-bt-20 {
    padding-bottom: 20px !important;
}
.mrg-bt-25 {
    margin-bottom: 25px !important;
}
.pdd-bt-25 {
    padding-bottom: 25px !important;
}
.mrg-bt-30 {
    margin-bottom: 30px !important;
}
.pdd-bt-30 {
    padding-bottom: 30px !important;
}
.mrg-bt-35 {
    margin-bottom: 35px !important;
}
.pdd-bt-35 {
    padding-bottom: 35px !important;
}
.mrg-bt-40 {
    margin-bottom: 40px !important;
}
.pdd-bt-40 {
    padding-bottom: 40px !important;
}
.pdd-rl-5pr {
    padding-right: 5% !important;
    padding-left: 5% !important;
}
.mrg-rl-5pr {
    margin-right: 5% !important;
    margin-left: 5% !important;
}
.pdd-rl-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.mrg-rl-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
.pdd-rl-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.mrg-rl-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}
.mrg-r0 {
    margin-right: 0px !important;
}
.mrg-r-5 {
    margin-right: 5px !important;
}
.mrg-r-8 {
    margin-right: 8px !important;
}
.mrg-r-10 {
    margin-right: 10px !important;
}
.mrg-r-15 {
    margin-right: 15px !important;
}
.mrg-r-18 {
    margin-right: 18px !important;
}
.mrg-r-20 {
    margin-right: 20px !important;
}
.mrg-r-25 {
    margin-right: 25px !important;
}
.mrg-r-30 {
    margin-right: 30px !important;
}
.mrg-r-35 {
    margin-right: 35px !important;
}
.pdd-r-0 {
    padding-right: 0px !important;
}
.pdd-l-0 {
    padding-left: 0px !important;
}
.pdd-l-3 {
    padding-left: 3px !important;
}
.pdd-r-3 {
    padding-right: 3px !important;
}
.pdd-l-4 {
    padding-left: 4px !important;
}
.pdd-r-4 {
    padding-right: 4px !important;
}
.pdd-l-5 {
    padding-left: 5px !important;
}
.pdd-r-5 {
    padding-right: 5px !important;
}
.pdd-r-10 {
    padding-right: 10px !important;
}
.mrg-l-5 {
    margin-left: 5px !important;
}
.mrg-l-8 {
    margin-left: 8px !important;
}
.mrg-l-10 {
    margin-left: 10px !important;
}
.mrg-l-15 {
    margin-left: 15px !important;
}
.mrg-l-20 {
    margin-left: 20px !important;
}
.mrg-l-25 {
    margin-left: 25px !important;
}
.mrg-l-30 {
    margin-left: 30px !important;
}
.mrg-l-35 {
    margin-left: 35px !important;
}
.mrg-l-40 {
    margin-left: 40px !important;
}
.mrg-l-50 {
    margin-left: 50px !important;
}
.mrg-l-60 {
    margin-left: 60px !important;
}
.pdd-l-10 {
    padding-left: 10px !important;
}
.pdd-l-12 {
    padding-left: 12px !important;
}
.pdd-l-15 {
    padding-left: 15px !important;
}
.pdd-l-20 {
    padding-left: 20px !important;
}
.pdd-l-25 {
    padding-left: 25px !important;
}
.pdd-l-40 {
    padding-left: 40px !important;
}
.pdd-l-45 {
    padding-left: 45px !important;
}
.pdd-l-50 {
    padding-left: 50px !important;
}
.pdd-l-55 {
    padding-left: 55px !important;
}
.pdd-l-30 {
    padding-left: 30px !important;
}
.pdd-r-12 {
    padding-right: 12px !important;
}
.pdd-r-15 {
    padding-right: 15px !important;
}
.pdd-r-20 {
    padding-right: 20px !important;
}
.pdd-r-25 {
    padding-right: 25px !important;
}
.pdd-r-40 {
    padding-right: 40px !important;
}
.pdd-r-30 {
    padding-right: 30px !important;
}
.pos-rel {
    position: relative !important;
}
.dsp-inl {
    display: inline
}
.dsp-inl-bl {
    display: inline-block
}
.dsp-tbl {
    display: table;
    width: 100%
}
.dsp-tbl-cll {
    display: table-cell
}
.tbl-cll-md {
    display: table-cell;
    vertical-align: top
}
.tbl-cll-tp {
    display: table-cell;
    vertical-align: top
}
.tbl-cll-bt {
    display: table-cell;
    vertical-align: bottom
}
.ver-ali-tp {
    vertical-align: top !important;
}
.ver-ali-md {
    vertical-align: middle !important;
}
.ver-ali-bt {
    vertical-align: bottom !important;
}
.hidden-container {
    display: none
}
.width-auto {
    width: auto !important;
}
.opacity-1 {
    opacity: .1 !important
}
.opacity-1-hover:hover {
    opacity: .1 !important
}
.opacity-2 {
    opacity: .2 !important
}
.opacity-2-hover:hover {
    opacity: .2 !important
}
.opacity-3 {
    opacity: .3 !important
}
.opacity-3-hover:hover {
    opacity: .3 !important
}
.opacity-4 {
    opacity: .4 !important
}
.opacity-4-hover:hover {
    opacity: .4 !important
}
.opacity-5 {
    opacity: .5 !important
}
.opacity-5-hover:hover {
    opacity: .5 !important
}
.opacity-6 {
    opacity: .6 !important
}
.opacity-6-hover:hover {
    opacity: .6 !important
}
.opacity-7 {
    opacity: .7 !important
}
.opacity-7-hover:hover {
    opacity: .7 !important
}
.opacity-8 {
    opacity: .8 !important
}
.opacity-8-hover:hover {
    opacity: .8 !important
}
.opacity-9 {
    opacity: .9 !important
}
.opacity-9-hover:hover {
    opacity: .9 !important
}
.opacity-10 {
    opacity: 1 !important
}
.opacity-10-hover:hover {
    opacity: 1 !important
}

.alert-message a:hover {
    color: inherit;
}

/**** content ******/
.content-wrapper {
    margin: 10px;
    overflow: initial;
}
.container-boxed {
    max-width: 1440px;
    margin: 0 auto;
}

/***** dashboard *****/
.dashboard-layout .navbar.navbar-static-top {
    max-width: 100%;
}
.dashboard-layout .footer-container {
    max-width: 100%;
    padding: 0 30px;
}
.project-work-summary .attachment-list {
    background: #fbfbfc;
}


/********** varie ***********/
.cursor-pointer {
    cursor: pointer;
}

/**** header ******/
.main-header {
    background-color: #fff !important;
    border-bottom: 5px solid #ffffff;
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: transparent;
    margin-top: 0;*/
}
.topbar {
    display: none;
    /*background: none;*/
    color: #fff;
    border: none;
    padding: 8px 0;
}
.topbar-container {
    max-width: 1440px;
    margin: 0 auto;
}
.topbar-container .topbar-left {
    padding-left: 50px;
    margin-top: 10px;
    font-size: 16px;
}
.topbar-container .topbar-right {
    text-align: right;
    padding-right: 50px;
}
.topbar-container .topbar-right a {
    padding: 3px 25px;
}
.navbar-nav .badge {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 9;
    padding: 3px;
}
.main-header .navbar {
    margin-left: 0;
    background-color: #fff;
/*    border-radius: 5px;*/
}
.navbar.navbar-static-top {
    max-width: 1440px;
    margin: 0 auto;
}


/***** footer ******/
.main-footer {
    margin: 0;
    padding: 5px 0;
}
.footer-container {
    max-width: 1440px;
    margin: 0 auto;
}


/***** list *****/
.unordered-list {
    list-style: none;
}


/**** helper ******/
.card p {
    width: 100%;
}
.card.ribbon-box .ribbon {
    margin-left: -10px;
    margin-bottom: 0;
    margin-top: 10px;
}
.course-card-item {
    border: 0;
}
.course-card-item .card-text {
    min-height: 50px;
}

.box-column.home-benefit {
/*    border-radius: 0;*/
    -webkit-box-shadow: 0px 30px 90px 0px rgb(0 0 0 / 6%);
    box-shadow: 0px 30px 90px 0px rgb(0 0 0 / 6%);
    /*margin-top: -80px;*/
}

.box-column.home-benefit .box-body{
    padding: 20px;
}

.box-widget {
    display: inline-block;
}
.box-widget-left, .box-widget-right {
    width: 50%;
    float: left;
}
.box-widget-title {
    margin-top: 30px;
    padding: 0 20px;
    font-size: 28px;
}
.box-widget-subtitle {
    margin-top: 10px;
    padding: 0 20px;
    font-size: 14px;
}
.box-widget-list {
    padding: 0 20px;
}
.list-item-column .item-icon, .attachment-list .item-icon, .box-widget-list .item-icon {
    line-height: 2;
}

.home-benefit {
    z-index: 2;
}


/********* inbox helper ********/
.inbox-alert .alert-read-close .mailbox-name {
    font-weight: 600;
}
.inbox-alert tr {
    border-bottom: 1px solid #eee;
}
/*.inbox-alert .table-striped tbody tr:nth-of-type(odd) {*/
.inbox-alert .table-striped tbody tr {
    background-color: #fff;
}
.table-hover tbody tr.clickable{
    cursor: pointer;
}
.table-hover tbody tr.clickable:hover {
    -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    z-index: 1;
    color: initial;
    background-color: #fff;
}
.inbox-alert .alert-read-open {
    background-color: rgba(0, 0, 0, 0.02) !important;
}


/********* owl carousel ********/
.carousel-indicators {
    bottom: 30px;
}


/******* width ********/
.w100per100 { width: 100%; }


/******* maxwidth ********/
.max-width-100 { max-width: 100px; }
.max-width-150 { max-width: 150px; }
.max-width-200 { max-width: 200px; }
.max-width-250 { max-width: 250px; }
.max-width-300 { max-width: 300px; }
.max-width-350 { max-width: 350px; }
.max-width-400 { max-width: 400px; }
.max-width-450 { max-width: 450px; }
.max-width-500 { max-width: 500px; }
.max-width-550 { max-width: 550px; }
.max-width-600 { max-width: 600px; }
.max-width-650 { max-width: 650px; }

.max-height-100 { max-height: 100px; }
.max-height-150 { max-height: 150px; }
.max-height-200 { max-height: 200px; }
.max-height-250 { max-height: 250px; }
.max-height-300 { max-height: 300px; }
.max-height-350 { max-height: 350px; }
.max-height-400 { max-height: 400px; }
.max-height-450 { max-height: 450px; }
.max-height-500 { max-height: 500px; }
.max-height-550 { max-height: 550px; }
.max-height-600 { max-height: 600px; }
.max-height-650 { max-height: 650px; }


/******* margin *******/
.mrg-tp-20 { margin-top: 20px; }

.mrg-bt-30 { margin-bottom: 30px; }


/********* form *********/
.form-group .error {
    color: #ff2f28;
}
.form-group .correct {
    color: #1d8002;
}


/********** login-page **********/
.login-page, .login-page body {
    height: 100% !important;
}

/********** course-page **********/
.course-header {
    position: relative;
    padding: 19px 0 36px;
    margin: 0 0 24px;
}
.course-header:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px;
    background: #273044;
    z-index: 10;
}
.course-header .page-title {
    margin-bottom: 23px;
    color: #fff;
    font-size: 38px;
    line-height: 42px;
}
.course-header p {
    color: #fff;
    opacity: .7;
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
}
.course-topics {
    z-index: 10 !important;
}
.course-header>* {
    position: relative;
    z-index: 10;
}
.course-sidebar {
    z-index: 10;
    margin-top: 30px;
}
.course-sidebar button {
    background: none;
}
.course-sidebar button:hover, .course-sidebar button:active, .course-sidebar button:focus {
    background-color: #fff !important;
    border-color: #fff !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}
.course-sidebar input {
    text-align: center;
/*    border: 0;*/
}
.course-sidebar .unordered-list {
    padding-left: 10px;
}
.courses-correlated {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.courses-correlated .owl-item {
    padding: 5px;
}

.course-test-timer {
    position: fixed;
    bottom: 50px;
    left: 30px;
    background: #ebf3fa;
    z-index: 1;
}


/********** menu **********/
.menu {
    position: relative;
    /*background-color: #273044;*/
    z-index: 2;
}
.menu .menu-items-dropdown {
    z-index: 2;
}
.menu-items {
    max-width: 1440px;
    margin: 0 auto;
}
.menu-items-single {
    display: inline-block;
}
.menu-items-single>a {
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px 25px;
    color: #fff!important;
    font-size: 16px;
}
.menu-items-single>a i {
    margin-right: 10px;
    font-size: 21px;
}
.menu-items-single>a>* {
    position: relative;
    z-index: 100;
}
.menu-items-single>a span {
    position: relative;
    top: 2px;
    letter-spacing: -.1px;
}
.menu-items-single>a:after {
    /*background-color: #457992!important;*/
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    opacity: 0;
    transition: .3s ease;
    z-index: 0;
}
.menu-items-single:hover>a:after {
    /*background-color: #0050b4;*/
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.menu-items-single:hover .menu-items-dropdown {
    opacity: 1;
    visibility: visible;
    transition: .3s .3s ease;
}
.menu-items-dropdown {
    /*background-color: #457992;*/
}
.menu-items-dropdown:after {
    opacity: 1;
}
.menu-items-dropdown {
    padding: 20px 0 5px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: absolute;
    /*top: 100%;*/
    z-index: 101;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
}
.menu-items-dropdown ul {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.menu-items-dropdown ul li {
    margin-bottom: 15px;
    margin-right: 20px;
}
.menu-items-dropdown ul li a {
    font-weight: 400;
    color: #fff!important;
    font-size: 16px;
}
.menu-items-dropdown ul li a i {
    position: relative;
    top: 2px;
    font-size: 19px;
    display: inline-block;
    margin-right: 5px;
    transition: .3s ease;
}

/********* slider ***********/
.home-slider {
    z-index: 1;
}
.carousel.items-count-1 .carousel-indicators{
    display: none;
}
.carousel-control-prev, .carousel-control-next {
    z-index: 11;
}
.slide-big-title .carousel-caption {
    top: 0;
    left: 0;
}
.slide-big-title .carousel-caption h3, .slide-big-title .carousel-caption p {
    position: absolute;
    top: 40%;
    left: 15%;
    font-size: 50px;
}
.slide-big-title .carousel-caption p {
    top: 50%;
    font-size: 24px;
}
.slide-overlay {
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    height: 100%;
    transform: rotate(
            65deg
    );
    /*position: absolute;
    display: block;
    overflow: visible;
    opacity: 1;
    filter: none;
    transform: rotate(
            65deg
    );*/
}
.slide-overlay-content {
    z-index: 9;
    color: rgb(255, 255, 255);
    width: 1642px;
    height: 784px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
}

.carousel-item img{
    min-height: 150px;
}

.home-benefit i{
    font-size: 64px;
}

.home-benefit h5{
    font-size: 22px;
}

.home-benefit {
    font-size: 16px;
}

.shop-layout .course-list-title{
    font-size: 32px;
}

.seller-logo img{
    max-height: 66px;
}

.bootstrap-touchspin .input-group-addon:hover, .bootstrap-touchspin .input-group-addon:active{
    opacity: 0.8;
}

.hidden {
    display: none !important;
}

/********** RESPONSIVE ************/
@media only screen and (max-width: 767px) {          
    .hidden-max767 {
        display: none;
    }
}
@media only screen and (min-width: 768px) {    
    .page-title{
        margin-top: 20px;
    }
    .hidden-min768 {
        display: none;
    }
}

/********** RESPONSIVE ************/
@media only screen and (max-width: 610px) {
    .box-items{
        padding-top:10px;
        padding-bottom:10px;
    }
    .home-benefit .box-item{
        margin:5px 0px !important;
    }
        
    .navbar.navbar-static-top{
        padding:0 15px;
    }
    
    .seller-logo{
        width:40%;
    }
    
    .shop-layout .course-list-title{
        font-size: 28px;
    }
          
    .hidden-max610 {
        display: none;
    }
}

@media only screen and (max-width: 525px) {
    
    /****** struttura *******/
    .card-body{
        padding:10px;
    }
    .btn{
        padding:8px 12px;
    }
    
    .course-row i:first-child{
        display:none;
    }
    
    .shop-layout .course-header .page-title {
        font-size: 28px;
        line-height: 1;
    }
    .shop-layout .course-header p {
        font-size: 18px;
        margin-bottom: 0;
    }
    
    .box-column.home-benefit .box-body{
        padding: 10px 20px;
    }
    
    .hidden-max525 {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    /****** struttura *******/
    .content-wrapper {
        margin: 0;
    }
    .content-header {
        padding: 0;
    }
    .content-header .page-title {
        padding: 0;
        margin: 0;
    }
    
    .navbar.navbar-static-top {
/*        padding: 0;*/
/*        margin-top: 10px;*/
    }
    .navbar.navbar-static-top a.left {
/*        width: 100%;
        text-align: center;*/
    }
    .navbar.navbar-static-top .navbar-custom-menu {
/*        width: 100%;
        margin: 10px 0;*/
    }
    .navbar.navbar-static-top .nav.navbar-nav {
        display: block;
        margin-left: calc(100% - 182px);
    }
    .dashboard-layout .navbar.navbar-static-top .nav.navbar-nav {
        display: block;
        margin-left: calc(100% - 206px);
    }
    .navbar.navbar-static-top .navbar-custom-menu a {
        margin: 0;
/*        padding: 10px;*/
    }

    .shop-layout .home-benefit .box-body {
        padding: 0 5px;
    }
    .shop-layout .home-benefit i {
/*        font-size: 4rem!important;*/
    }
    .shop-layout .home-benefit bl-2 {
        border: 0;
    }
    .shop-layout .home-slider {
/*        margin-top: 152px;*/
    }
    .shop-layout .course-list-title {
        text-align: center;
    }
    .shop-layout .feature-courses-box {
        margin-bottom: 30px;
    }
    .shop-layout .box-widget-left, .box-widget-right {
        width: 100%;
    }

    /***** dettaglio corso shop *******/
    .shop-layout .course-content {
/*        margin-top: 180px;*/
    }
    .shop-layout .course-top-header {
        display: block !important;
    }
    
    .shop-layout .course-topics {
        margin-bottom: 0;
    }
    .course-sidebar{
        margin-bottom: 80px !important;
    }
    .shop-layout .course-mobile-footer {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 100 !important;
        width: 100%;
        padding: 0px;
        background-color: #fff;
        box-shadow: 0 2px 25px rgb(22 22 22 / 25%);
    }
    .shop-layout .course-mobile-footer .pro-price {
        margin-top: 10px !important;
        margin-bottom: 5px !important;
    }
    .shop-layout .course-sections .box-body {
        padding: 10px;
    }
    .shop-layout .course-sidebar {
        margin-top: 0;
    }
    .shop-layout .course-sidebar .list-item-column .align-items-center {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    /******* login-page *********/
    .login-page button {
        width: 100% !important;
    }

    /***** course-page ****/
    .test-box {
        margin-bottom: 70px;
    }
}

@media only screen and (max-width: 1200px) {
    
    .home-benefit i{
        font-size: 44px;
    }

    .home-benefit h5{
        font-size: 16px;
    }

    .home-benefit {
        font-size: 12px;
    }
}

@media only screen and (max-width: 967px) {    
        
    .home-benefit i{
        font-size: 38px;
    }

    .home-benefit h5{
        font-size: 14px;
    }

    .home-benefit {
        font-size: 11px;
    }
}

.slider-container{
    margin-bottom: -80px;
}

@media only screen and (max-width: 991px) {    
    .shop-layout .box-widget-left, .shop-layout .box-widget-right {
        width: 100%;
    }
    .toggle-sidebar{
        display: inline-block;
    }
    .box-column.home-benefit {
        /*margin-top: -40px;*/
    }
    .home-benefit i{
        font-size: 38px;
    }

    .home-benefit h5{
        font-size: 16px;
    }

    .home-benefit {
        font-size: 13px;
    }
    
    .home-benefit .box-item{
        margin:10px 0px;
    }
    .slider-container{
        /*padding-top: 80px;*/
        margin-bottom: -60px;
    }
    .customer-sidebar{
        position: fixed;
        left: 100%;
        z-index: 10;
        background-color: #fafbfd;
        transition: .5s ease;
        overflow: auto;
        height: 100%;
        top: 100px;
        padding-bottom: 200px;
    }
    
    .customer-sidebar.open{
        left: 0%;
    }
}

@media only screen and (min-width: 739px) {
    .hidden-min739{
        display: none;
    }
}

@media only screen and (max-width: 738px) {    
    
    .navbar-custom-menu .btn span:not(.cart-items){
        display: none;
    }
        
    .hidden-max738 {
        display: none;
    }
    .force-border-max738{
        border-width: 1px !important;
        border-color: inherit;
    }
}

@media only screen and (min-width: 738px) {    
    
    .hidden-min738 {
        display: none;
    }
}

@media (max-width: 767px) {   
    .slider-container{
        padding-top: 80px;
        margin-bottom: -50px;
    }
}

@media only screen and (max-width: 768px){
    .home-benefit .box-item.bl-2 {
        border: 0px !important;
    }
}