.test{
    border: solid red 1px;
}

/*--- HTML styles ---*/
body {
    background-color: #fff;
    /*font-size: 14px;*/
    font-family: Helios, sans-serif normal;
}

/*=========== Blocks styles ===========*/
.container{
    max-width: 1200px;
}

.header{
    padding-top: 5px;
    padding-bottom: 5px;
}
.header-block{
    display: inline-block;
    vertical-align: middle;
}

.sections{
    background-color: white;
    padding-top: 25px;
    /*z-index: -3;*/
    /*position: relative;*/
}

.section{
    padding-bottom: 40px;
}

.blue-gradient-back .buttons-block{
    padding-top: 30px;
}

.reasons-block{
    display: flex;
    align-items: center;
}

.reasons-block-img{
    width: 100px;
}

.reasons-rtext{
    color: black;
    font-size: 14pt;
    width: 250px;
}
.reasons-ltext{
    color: black;
    font-size: 14pt;
    width: 250px;
}

.reasons-line{
    border-left: 2px solid rgb(158, 200, 237);
    height: 150px;
    /*margin-left: 90px;*/
    /*margin-right: 90px;*/
    position: relative;
}

.reasons-line-sep{
    height: 30px;
    border-left: 2px solid rgb(158, 200, 237);
}

.reasons-line:before{
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    border: 3px solid white;
    background-color:rgb(158, 200, 237);
}

.reasons-line.first::after{
    content: '';
    position: absolute;
    top: -5px;
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    /*border: 3px solid white;*/
    background-color: rgb(255,206,69) !important;
}

.reasons-vline{
    border-top: 1px solid rgb(243, 248, 253);
    width: 90px;
}

/*.shops-checkbox{*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*align-items: center;*/
/*}*/

.shops-checkbox label{
    min-width: 200px;
}

.map-desc img{
    width: 35px;
    /*padding-bottom: 10px;*/
}

.map-top{
    position: relative;
    /*padding-top: 10px;*/
}

.map-top::before {
    content: '';
    position: absolute;
    left: calc(50% - 10px);
    /*transform:translate(50%,0%);*/
    top: 0px;
    /*bottom: -30px;*/
    border: 20px solid transparent;
    border-top: 20px solid rgb(252,252,252);
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);*/
}

.nav-breadcrumb, breadcrumb{
    background-color: #eeeeee;
}

.tovar{
    position: relative;
}

.tovar-tag{
    padding-left: 10px;
    padding-right: 10px;
    color: rgb(18, 138, 209);
    font-size: 11pt;
    text-transform: lowercase;
    background-color: rgb(233, 243, 249);
    border-radius: 5px;
    margin-right: 15px;
    min-width: 120px;
    text-align: center;
    margin-top: 10px;
}

.tovar-tag-header{
    margin-top: 10px;
}

.tovar-block{
    padding-bottom: 100px; padding-top: 100px;
}
.tovar-list-container{
    padding-left: 0px;
}
.tovar-description{
    min-height: 512px;
}
.tovar-list{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    font-size: 15pt;
}

.tovar-list::before{
    position: absolute;
    content: url("../img/Check_2.svg");
    width: 20px;
    /*left: -20px;*/
    transform: translate(-20px, 5px);
}

.tovar-links{
    width: 100px;
    display:block;
    margin:auto;
}

.audio-links{
    max-width: 100px;
    /*max-height: 200px;*/
}

.audio-links img{
    max-height: 150px;
    /*max-height: 200px;*/
}

.social-link img{
     opacity: 0.5;
 }

.social-link img:hover{
    opacity: 1.0;
}

.catalog-container{
    margin-right: 15px;
    min-width: 230px;
    max-width: 250px;
}

.filter-container{
    margin-right: 10px;
    min-width: 230px;
    max-width: 250px;
    padding-top: 30px;
}
.catalog-header{
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    text-align: center;
    color: rgb(255,206,69);
    width: 100%;
    font-size: 13pt;
    background-color: rgb( 58, 124, 163 );
    text-transform: uppercase;
}

.audio-header{
    position: relative;
    padding: 10px;
    /*padding-bottom: 10px;*/
    border-radius: 5px;
    text-align: left;
    color: white;
    width: 100%;
    font-size: 13pt;
    background-color: rgb( 58, 124, 163 );
    text-transform: uppercase;
}

.audio-section a:hover,
.audio-section a:hover .st0{
    text-decoration: none;
    fill: rgb(255,206,69);
}
.audio-header:hover{
    color: rgb(255,206,69);
}

.audio-header .sub{
    margin-right: 5px;
}
.audio-header .sub svg{
    width: 15px;
    transform: rotate(180deg);
    /*margin-right: 5px;*/
}


.filter-header{
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    text-align: left;
    color: black;
    width: 100%;
    font-size: 13pt;
    background-color: rgb( 213, 234, 241 );
}

.catalog-section{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    width: 100%;
    font-size: 13pt;
    color: rgb( 58, 124, 163 );
    background-color: rgb( 255, 250, 236 );
    text-transform: uppercase;
}
.catalog-section.active{
    color: rgb( 151, 177, 190 );
}

.sub-catalog-section{
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    width: 100%;
    font-size: 12pt;
    color: rgb( 58, 124, 163 );
    background-color: rgb( 255, 254, 250 );
}

.filter-section{
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 13pt;
    color: rgb( 51, 51, 51 );
    background-color: rgb( 250, 253, 254 );
}

.catalog-section img{
    width: 20px;
    margin-left: 10px;
    margin-right: 5px;
}
.catalog-section .sub{
    margin-right: 5px;
}
.catalog-section .sub svg{
    width: 11px;
    transform: rotate(180deg);
    /*margin-right: 5px;*/
}

.catalog-img svg{
    padding-top: 3px;
    width: 20px;
    margin-left: 10px;
    margin-right: 5px;
}

.catalog-section.active .catalog-img svg .st0{
    fill: rgb( 151, 177, 190 );
}

.sub-catalog-item{
    position: relative;
    padding-left: 30px;
    width: 100%;
}

.sub-catalog-item a{
    color: rgb( 58, 124, 163 );
}

.sub-catalog-item.active a{
    color: rgb( 151, 177, 190 );
    cursor: default;
}

.sub-catalog-item.active a:hover{
    text-decoration: none;
}

.sub-catalog-item::before{
    content: '';
    /*position: absolute;*/
    display: inline-block;
    margin-right: 5px;
    width:8px;
    height:8px;
    border-radius: 4px;
    background-color: rgb( 58, 124, 163 );
}

.sub-catalog-item.active::before{
    content: '';
    /*position: absolute;*/
    display: inline-block;
    margin-right: 5px;
    width:8px;
    height:8px;
    border-radius: 4px;
    background-color: rgb( 151, 177, 190 );
}

.step{
    background-color: rgb(228, 239, 243);
    text-align: center;
    color: rgb( 58, 124, 163 );
    width: 120px;
    height: 120px;;
    border-radius: 60px;
    opacity: 0.5;
}

.step.past{
    background-color: rgb(143, 207, 242);
    position: relative;
    opacity: 1.0;
}

.step.active{
    background-color: rgb(202, 232, 249);
    position: relative;
    opacity: 1.0;
}

.step.active:before{
    content: '';
    position: absolute;
    background: transparent;
    border: 2px solid rgb(228, 239, 243);
    top:-6px;
    bottom: -6px;
    left: -6px;
    right: -6px;
    border-radius: 63px;
}

.step .number{
    font-size: 40px;
    line-height: 20px;
}

.arrow{
    padding-top: 30px;
    padding-right: 10px;
    padding-left: 10px;
    opacity: 0.5;
}

.arrow.active, .arrow.past{
    opacity: 1.0;
}
.arrow img{
    width: 30px;
    transform: rotate(180deg);
}

.step .desc{
    font-size: 30px;
}

.step-name{
    padding-top: 15px;
    font-size: 20pt;
    text-transform: uppercase;
    font-weight: 300;
}
.step-content{
    max-width: 645px;
}

.registr-content{
    width: 500px;
    max-width: 500px;
}

.contacts-content{
    /*width: 300px;*/
    max-width: 400px;
}

.dostavka-content{
    padding-left: 150px;
    font-size: 13pt;
}

.dostavka-img-pay,
.dostavka-img-usl{
    position: relative;
}

.dostavka-img-pay:before{
    content: url("../img/Pay.svg");
    position: absolute;
    left: -70px;
    width: 60px;
}

.dostavka-img-usl:before{
    content: url("../img/Delivery.svg");
    position: absolute;
    left: -70px;
    width: 60px;
}


.custom-radio .custom-control-label::after{
    background-color: white;
    border: 1px solid rgb( 58, 124, 163 );;
    border-radius: 8px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: rgb( 58, 124, 163 );
}

.img-show{
    position: relative;
}
.img-show .next{
     position: absolute;
     top: calc(50% - 20px);
     right: 20px;
 }
.img-show .prev{
    position: absolute;
    top: calc(50% - 20px);
    left: 20px;
}

.img-show .prev img{
    width: 40px;
}

.img-show .next img{
    width: 40px;
    transform: rotate(180deg);
}

.button-collapse.active .sub svg{
    transform: rotate(-90deg);
}
/*================ Buttons styles ================*/
.btn-primary{
    background-color: rgb(255,206,69) !important;
    background-image: -moz-linear-gradient( 90deg, rgb(239,172, 58) 0%, rgb(255,206,69) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(239,172, 58) 0%, rgb(255,206,69) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(239,172, 58) 0%, rgb(255,206,69) 100%);
    border: none;
    color: rgb( 58, 124, 163 );
    font-weight: 300;
    min-width: 140px;
}

.btn-primary-small{
    background-color: rgb(255,206,69) !important;
    background-image: -moz-linear-gradient( 90deg, rgb(239,172, 58) 0%, rgb(255,206,69) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(239,172, 58) 0%, rgb(255,206,69) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(239,172, 58) 0%, rgb(255,206,69) 100%);
    border: none;
    color: rgb( 58, 124, 163 );
    font-weight: 300;
    /*width: 140px;*/
}

.btn-link{
    color: rgb(67,163,219);
}

.btn-info{
    background-color: rgb(67,163,219) !important;
    background-image: -moz-linear-gradient( 90deg, rgb(63,136, 183) 0%, rgb(67,163,219) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(63,136, 183) 0%, rgb(67,163,219) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(63,136, 183) 0%, rgb(67,163,219) 100%);
    border: none;
    color: white;
    /*font-weight: 300;*/
}
.btn-audio{
    font-size: 14pt;
    text-transform: uppercase;
    min-width: 130px;
    color: rgb( 58, 124, 163 );
    padding: 10px;
    border-radius: 5px;
    /*height: 130px;*/
}
.btn-audio a{
    color: rgb( 58, 124, 163 );
}
.btn-audio svg{
     max-width: 50px;
     fill: #3A7CA3;
 }

.btn-audio svg .st0{
    fill: #3A7CA3;
}

.btn-audio:hover,
.btn-audio:hover svg .st0,
.btn-audio:hover a {
    fill: rgb(255,206,69);
    color: rgb(255,206,69);
    text-decoration: none;
}

.btn-audio.active,
.btn-audio.active svg .st0,
.btn-audio.active:hover svg .st0,
.btn-audio.active:hover a
{
    text-decoration: none;
    fill: rgb( 151, 177, 190 );
    color: rgb( 151, 177, 190 );
    -webkit-box-shadow: 0px 0px 80px 0px rgba( 58, 124, 163,0.2);
    -moz-box-shadow: 0px 0px 80px 0px rgba( 58, 124, 163,0.2);
    box-shadow: 0px 0px 80px 0px rgba( 58, 124, 163,0.2);
}

.btn-link:hover{
    text-decoration: none;
}

.btn-info:hover{
    background-color: rgb(67,163,219) !important;
    background-image: none;
    border: none;
    color: white;
    /*font-weight: 600;*/
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}

.btn-outline-secondary{
    border-color: rgb( 58, 124, 163 );;
    color: rgb( 58, 124, 163 ) !important;
}

.btn-outline-secondary:hover{
    border-color: rgb( 58, 124, 163 );
    color: white !important;
    background-color: rgb( 58, 124, 163 );
}

.btn-outline-secondary svg{
    max-width: 15px;
}

.btn-outline-secondary:hover svg .st0{
    fill: white;
}

.btn-outline-info{
    color: rgb( 58, 124, 163 );
    border-color: rgb( 58, 124, 163 );
}

.btn-outline-info:hover{
    /*color: rgb( 58, 124, 163 );*/
    border-color: rgb( 115, 162, 190 );
    color: rgb( 115, 162, 190 );
    background-color: white;
}

.btn-outline-primary{
    color: white !important;
    border-color: white;
    margin-right: 20px;
    /*width: 140px;*/
    padding: 10px;
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
}

.btn-outline-primary:hover{
    color: rgb(255,206,69) !important;
    border-color: rgb(255,206,69) !important;
    background: none;
}

.btn-outline-primary img{
    width: 30px;
}

.btn-outline-audio{
    position: relative;
    color: rgb( 58, 124, 163 );
    background-color: #ebf2f6;
    border: 1px solid #ebf2f6;
    border-radius: 5px;
    font-size: 14pt;
    text-align: left;
}

.underline{
    border-bottom: 1px dotted rgb( 58, 124, 163 );
}
.btn-outline-audio a{
    color: rgb( 58, 124, 163 );
}
.btn-outline-audio a:hover{
    text-decoration: none;
}

.btn-outline-audio:hover{
    background-color: white;
}

.btn-outline-audio .download{
    position: absolute;
    right: 10px;
    width: 30px;
    top:7px;
    /*bottom: 10px;*/
}

.btn-outline-audio-block{
    padding-top: 10px;
    position: relative;
}

.help{
    position: absolute;
    right: 50px;
    width: 30px;
    bottom: 10px;
    opacity: 0.5;
}

.help:hover{
    opacity: 1.0;
}

.help:hover .help-decs {
    visibility: visible;
}

.help .help-decs{
    position: absolute;
    background-color: rgb(255,206,69);
    left: -50px;
    top: 30px;
    color: rgb( 58, 124, 163 );
    width: 200px !important;
    height: auto;
    font-size: 10pt;
    border-radius: 10px;
    padding: 10px;
    visibility: hidden;
    z-index: 100;
}


.btn-primary:hover{
    background-image: none;
    border: none;
    color: rgb( 58, 124, 163 );
    /*font-weight: 400;*/
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}

.btn-primary-small:hover{
    background-image: none;
    border: none;
    color: rgb( 58, 124, 163 );
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}

.btn-light{
    background-color: rgb(215, 215, 215);
    font-size: 12pt;
    font-weight: 600;
}

.btn-facebook{
    font-size: 11pt;
    background-color: rgb(69, 98, 155);
    color: white;
}

.btn-facebook:hover{
    background-color: rgb(56, 82, 134);
}

.btn-google{
    font-size: 11pt;
    background-color: rgb(191, 191, 191);
    color: white;
}

.btn-google:hover{
    background-color: rgb(174, 174, 174);
}

.btn-google img{
    width: 40px;
}

.btn-facebook img{
    width: 40px;
}

.btn-lg{
    font-size: 15pt;
    font-weight: 300;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 210px;
}
.btn-lg.add_product{
    font-size: 16pt;
    font-weight: 700;
}

.badge-warning{
    background-color: rgb(255,206,69);
    color: white;
}

.blue-gradient-back .btn-outline-primary{
    color: white !important;
    border-color: white;
    margin-right: 20px;
    min-width: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.blue-gradient-back .btn-outline-primary:hover{
    color: rgb(255,206,69) !important;
    border-color: rgb(255,206,69) !important;
    background: none;
}
.blue-gradient-back .btn-primary{
 font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*--- Images styles ---*/
.logo{
     padding-right: 5px;
 }
.header-phone{
    padding-right: 5px;
    width: 40px;
}

.lang{
     padding-right: 5px;
     max-width: 30px;
 }

.cart {
    max-width: 60px;
}

@media (max-width: 860px) {
    .cart {
        max-width: 30px;
    }
}

.main-big-pen{
    -webkit-filter: drop-shadow(0 15px 15px rgba(0,0,0,0.5));
    filter: drop-shadow(0 15px 15px rgba(0,0,0,0.5));

}

.img-tovar-big{
    max-height: 420px;
}

.img-tovar-big.large{
    max-height: 900px;
}

.modal-lg.big {
    max-width: 70% !important;
}

.img-tovar-small-container{
    position: relative;
   cursor: pointer;
}

.img-tovar-small.active::before{
    content: '';
    position: absolute;
    top:calc(50% - 5px);
    transform:translate(50%,0%);
    right: -17px;
    border: 10px solid transparent;
    border-left: 8px solid rgb( 255, 205, 68 );
}

.img-tovar-small.active::after{
    content: '';
    position: absolute;
    display:block;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    border-radius: 5px;
    /*width: 100px;*/
    /*height: 100px;*/
    border: 2px solid rgb(255, 205, 68);
    /*border: yellow 2px solid;*/
}


/*========= Fonts styles =============*/
.f-phone{
    font-size: 13pt;
    color: rgb( 58, 124, 163 );
    text-transform: uppercase;
}
.f-workhours{
    font-size: 8.5pt;
    color: rgb( 149, 210, 234 );
    /*text-transform: uppercase;*/
}

.f-logo {
    font-size: 9pt;
}

@media (max-width: 1155px) {
    .f-logo {
        font-size: 9pt;
        display: none;
    }
}
.f-gery{
    color: rgb( 183, 183, 183 );
}

.f-dark-gery{
    color: rgb( 75, 75, 75 );
}

f-yellow{
    color: rgb(255, 205, 68);
}

.f-blue{
    color: rgb( 58, 124, 163 );
}

.f-black{
    color: black;
}

.f-white{
    color: white;
}

.error{
    color: red;
    font-size: 11pt;
 }

.error.success{
    color: #00d200;
    font-size: 11pt;
}
.section-name{
    padding-top: 60px;
    padding-bottom: 50px;
    font-size: 30pt;
    color: rgb( 58, 124, 163 );
    font-weight: 300;
    text-transform: uppercase;
}

.register a,
.signin a{
    font-size: 12pt;
    color: rgb( 62, 127, 165 );
    text-decoration: none;
}

.register:hover,
.signin:hover{
    border-bottom: 1px rgb( 28, 139, 204 ) dashed;
}

.register:hover a,
.signin:hover a{
    color: rgb( 28, 139, 204 );
}

.register{
    margin-right: 10px;
    display: inline-flex;
    border-bottom: 1px rgb( 62, 127, 165 ) dashed;
    flex-direction: row;
    /*flex-wrap: wrap;*/
}

.brline{
    margin-right: 5px;
    color: rgb(255, 205, 68) ;
    font-size: 12pt;
    display: inline-flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
}
.signin{
    margin-right: 20px;
    display: inline-flex;
    border-bottom: 1px rgb( 62, 127, 165 ) dashed;
    flex-direction: row;
    /*flex-wrap: wrap;*/
}

@media (max-width: 860px) {
    .blue-gradient-back h1{
        margin-top: 0px;
        color: white;
        font-size: 25pt;
        font-weight: 300;
        letter-spacing: 3pt;
        text-transform: uppercase;
    }
}
@media (min-width: 861px) and (max-width: 1060px) {
    .blue-gradient-back h1{
        margin-top: 0px;
        color: white;
        font-size: 33pt;
        font-weight: 300;
        letter-spacing: 3pt;
        text-transform: uppercase;
    }
}
@media (min-width: 1061px) {
    .blue-gradient-back h1{
        margin-top: 0px;
        color: white;
        font-size: 40pt;
        font-weight: 300;
        letter-spacing: 3pt;
        text-transform: uppercase;
    }
}

.blue-gradient-back h2{
    margin-bottom: 0px;
    color: rgb(255, 205, 68);
    font-size: 25pt;
    font-weight: 300;
}

.blue-gradient-back p{
    color: rgb(255, 205, 68);
    /*color: white;*/
    font-size: 18pt;
    font-weight: 300;
}

.reasons-header{
    color: rgb( 62, 127, 165 );
    text-transform: uppercase;
    font-size: 16pt;
}

.tovar-header{
    color: rgb( 62, 127, 165 );
    font-size: 30pt;
    text-transform: uppercase;
    font-weight: 300;
}

.tovar-list-header{
    position: relative;
    font-size: 30pt;
    text-transform: uppercase;
    font-weight: 300;
    padding-left: 25px;
}
.tovar-description .tovar-list-header {
    border-bottom: 1px rgba(108, 117, 125, 0.5) solid;
}
.blue-gradient-back-modal .tovar-list-header {
    border-bottom: 1px rgba(255, 255, 255, 0.5) solid;
}
.tovar-list-header::after{
    content: '';
    position: absolute;
    bottom: -5px;
    right: -6px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: rgb(255,206,69) !important;
}

.tovar-sub-header{
    color: rgb( 0, 133, 187 );
    font-size: 18pt;
    text-transform: uppercase;
    font-weight: 300;
}

.tovar-text{
    color: rgb( 51, 51, 51 );
    font-size: 12pt;
    /*font-weight: 300;*/
}

.tovar-price{
    color: rgb( 248, 79, 79 );
    font-size: 38pt;
    font-weight: 300;
    min-width:160px;
    /*padding-top: 35px;*/
}

#full_price {
    text-decoration: line-through;
    color: gray;
    font-size: 24pt;
    text-align: center!important;
}

.product_full_price {
    text-decoration: line-through;
    color: gray;
    font-size: 14pt;
}

.tovar-link{
    color: white;
    font-size: 14pt;
}
.tovar-link:hover{
    color: rgb(255,206,69);
    font-size: 14pt;
    text-decoration: none;
    /*fill: #ffce45;*/
}

.tovar-link:hover .st0{
    fill: #ffce45 !important;
}

.audio-link{
    color: white;
    font-size: 14pt;
}

.audio-link a:hover{
    color: rgb(255,206,69);
    text-decoration: none;
}

.footer a{
    color: white;
    font-size: 10pt;
    text-transform: uppercase;
}

.footer a.active{
    color: rgb(255, 205, 68);
    font-size: 10pt;
    text-transform: uppercase;
}

.footer a img{
   opacity: 0.5;
    margin-right: 5px;
}

.footer a:hover{
    color: rgb(255, 205, 68);
    font-size: 10pt;
    text-transform: uppercase;
}
.footer a:hover img{
    opacity: 1.0;
}
.footer p{
    color: white;
    font-size: 10pt;
    /*text-transform: uppercase;*/
}

.footer input{
    width: 150px;
    border-radius: 10px;
    font-size: 12px;
}

.footer #subscribe {
    min-width: 0px;
    width: 50px;
}

.copyright{
    font-size: 14px;
}



/*--- Blocks background ---*/
.blue-gradient-back {
    background-image: -moz-linear-gradient( -90deg, rgb(17,136,206) 0%, rgb(24,160,241) 100%, rgb(17,136,206) 100%, rgb(28,159,237) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(17,136,206) 0%, rgb(24,160,241) 100%, rgb(17,136,206) 100%, rgb(28,159,237) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(17,136,206) 0%, rgb(24,160,241) 100%, rgb(17,136,206) 100%, rgb(28,159,237) 100%);
    width: 100%;
    padding-top: 65px;
    padding-bottom: 75px;
    /*height: 601px;*/
}

.blue-gradient-back-modal {
    background-image: -moz-linear-gradient( -90deg, rgb(17,136,206) 0%, rgb(24,160,241) 100%, rgb(17,136,206) 100%, rgb(28,159,237) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(17,136,206) 0%, rgb(24,160,241) 100%, rgb(17,136,206) 100%, rgb(28,159,237) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(17,136,206) 0%, rgb(24,160,241) 100%, rgb(17,136,206) 100%, rgb(28,159,237) 100%);
}

.bg-img-tovar{
    /*background-image: url("../img/prod02.png");*/
    background-repeat: no-repeat;
    background-position: left;
    background-position: right 0%;
    position: absolute; width: 50%;
    height: 100%;
    left: 50%;
    top:0px;
}

.bg-img-contacts{
    background-image: url("../img/contacts.jpg");
    background-repeat: no-repeat;
    background-position: left;
    background-position: right 0%;
    position: absolute; width: 50%;
    height: 100%;
    left: 0%;
    top:0px;
}

.img-back-modal{
    /*background-color: white;*/
    background: white url("../img/koalapopupback.png") no-repeat bottom right;
    background-size: 300px auto;
}

.grey-back {
    background-color: rgb(252,252,252);
}

.blue-back {
    background-color: rgb(67,145,191);
    color: white;
}

.yellow-back {
    background-color: rgb(255, 205, 68);
    color: white;
}
/*--- Main Menu ---*/
.bg-menu{
    background-color: rgb( 58, 124, 163 );
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
.nav-item{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 400px;
}
@media (max-width: 860px) {
    .nav-item .nav-link {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
        font-size: 10pt;
        color: rgb(255,255,255);
        text-transform: uppercase;
        z-index: 0;
    }
}
@media (min-width: 861px) and (max-width: 1060px) {
    .nav-item .nav-link {
        padding-right: 25px;
        padding-left: 25px;
        width: 100%;
        font-size: 11pt;
        color: rgb(255,255,255);
        text-transform: uppercase;
        z-index: 0;
    }
}
@media (min-width: 1061px) {
    .nav-item .nav-link {
        padding-right: 30px;
        padding-left: 30px;
        width: 100%;
        font-size: 13pt;
        color: rgb(255,255,255);
        text-transform: uppercase;
        z-index: 0;
    }
}


.nav-item.active a{
    color: rgb( 255, 205, 68 );
}

.nav-item.active a:hover{
    color: rgb(17,136,206);
}

.nav-item:hover {
    position: relative;
    font-size: 12pt;
    color: rgb(17,136,206);
    text-transform: uppercase;
    z-index: 0;
}


.nav-item:hover .nav-link {
    color: rgb(17,136,206);
}


.nav-item:hover::after{
    content: '';
    color: rgb(17,136,206);
    position: absolute;
    display:block;
    background-color: rgb( 255, 205, 68 );
    border-radius: 10px;
    top: -16px;
    bottom: -16px;
    left: -6px;
    right: -6px;
    z-index: -1;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    -webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1);
}

.nav-item-s:hover::before {
    content: '';
    position: absolute;
    left:40%;
    transform:translate(50%,0%);
    bottom: -30px;
    border: 10px solid transparent;
    border-top: 5px solid rgb( 255, 205, 68 );
}

.nav-item-sub {
    width:280px;
    background-color: rgb(52, 168, 218);
    padding-left: 21%;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 30px;
    display: none;
    margin:0 auto;
    position: absolute;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    z-index: -2;
}

@media (min-width: 1061px) {
    .nav-item-sub {
        transform: translate(-5px, 52px);
    }
    .nav-sub-menu, .nav-sub-menu a{
        font-size: 12pt;
    }
}

@media (min-width: 861px) and (max-width: 1060px) {
    .nav-item-sub {
        transform: translate(-5px, 48px);
    }

    .nav-sub-menu, .nav-sub-menu a{
        font-size: 10pt;
    }
}

@media (max-width: 860px) {
    .nav-item-sub {
        transform: translate(-5px, 45px);
    }
    .nav-sub-menu, .nav-sub-menu a{
        font-size: 10pt;
    }
}


.nav-item:hover .nav-item-sub{
    display: block;
}

/*.nav-sub-header{*/
    /*font-size: 12pt;*/
    /*color: rgb( 62, 127, 165 );*/
    /*padding-bottom: 15px;*/
    /*border-bottom: 2px rgb(255, 205, 68) solid;*/
    /*text-transform: uppercase;*/
/*}*/

.nav-sub-actions{
    border-right: 1px #e6e6e6 solid;
}

.nav-sub-menu, .nav-sub-menu a{
    position: relative;
    padding-top: 10px;
    color: white !important;
    text-transform: uppercase;
}

.nav-sub-menu a:hover{
    color: rgb( 255, 205, 68 ) !important;
    text-transform: uppercase;
}

/*--- Main Menu End ---*/

/*--- Main Carousel ---*/

.carousel{
    /*position: fixed;*/
    /*z-index: -2;*/
    height: 555px;
}

.img-slide{
    height: 550px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-slide-content{
    position: relative;
    width: 100%;
    height: 550px;
    /*padding-top: 10%;*/
    padding-left: 100px;
}

.main-slide-content h1{
    font-size: 45pt;
    font-weight: 300;
    text-transform: uppercase;
}

.main-slide-content h4{
    font-size: 20pt;
    font-weight: 300;
}

/*.carousel-item video{*/
    /*position: absolute;*/
/*}*/

.video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-container video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%;
    min-height: 100%;

    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;

    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.carousel-control-prev{
    width: 60px;
    /*background: none !important;*/
    /*z-index: 1000 !important;*/
}

.carousel-control-next{
    width: 60px;
    /*background: none !important;*/
    /*z-index: 0;*/
}

.carousel-control-prev img{
    height: 80px;
    width: auto;
}

.carousel-control-next img{
    transform: rotate(180deg);
    height: 80px;
    width: auto;
}
/*--- Main Carusel End ---*/

.owl-carousel .owl-stage {
    margin: 0 auto;
}

.owl-carousel .owl-item img {
    width: auto;
}

/*--- TopProducts Carusel ---*/
.owl-top-products a{
    color: rgb( 75, 75, 75 );
}

.owl-top-products a:hover{
    text-decoration: none;
    color: rgb(0,132,191);
}
.owl-top-products .card {
    padding-top: 10px;
    margin-right: 25px;
    height: 450px;
    margin-left: 25px;
    margin-top: 36px;
    margin-bottom: 36px;
    font-size: 15pt;
    border-radius: 10px;
    border: white 1px solid;
    box-shadow: 0px 0px 18px 0px rgba(0,132,191,0.4);
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,132,191,0.4);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0,132,191,0.4);

}

.owl-top-products .card:hover::after{
    content: '';
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border-radius: 10px;
    border: 5px solid rgba(0,132,191,0.3);
}

.card-body{
    max-height: 220px;
    max-width: 100%;
}

.card-body img{
    max-height: 220px;
    max-width: 100%;
}

.owl-top-products .card .card-footer{
    /*height: 200px;*/
    background-color: white;
    border: none;
    /*padding-bottom: 20px;*/
}

.owl-top-products .owl-prev {
    width: 25px;
    position: absolute;
    top: calc(50% - 30px);
    /*transform:translate(-20px, -100%);*/
    margin-left: -10px;
    display: block!IMPORTANT;
}

.owl-top-products .owl-next {
    width: 25px;
    position: absolute;
    top: calc(50% - 25px);
    right: -10px;
    display: block!IMPORTANT;
    transform: rotate(180deg);
}
/*--- TopProducts Carusel End---*/

/*--- Reviews Carusel ---*/
.owl-reviews .card {
    border: none;
    margin: 20px;
}

.owl-reviews .card .card-footer {
    background-color: white;
    border: none;
}

.owl-reviews .video_review {
    width: 50px !important;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.owl-reviews .name {
    font-size: 14pt;
    font-weight: 600;
}

.owl-reviews .owl-prev {
    width: 25px;
    position: absolute;
    top: calc(50% - 25px);
    /*transform:translate(-20px, -100%);*/
    margin-left: -10px;
    display: block!IMPORTANT;
}

.owl-reviews .owl-next {
    width: 25px;
    position: absolute;
    top: calc(50% - 25px);
    right: -10px;
    display: block!IMPORTANT;
    transform: rotate(180deg);
}
/*--- Reviews Carusel End---*/

/*--- Modals ---*/
.modal-content{
    border-radius: 15px;
}

.modal-header{
    border: none;
}

/*--- Modal Homepage---*/
.blue-gradient-back-modal .modal-header{
    border: none;
}
.blue-gradient-back-modal .modal-header .close img{
    width: 100%;
    margin-right: 5px;
}

.blue-gradient-back-modal  textarea:disabled{
    background: none;
    border: none;
    outline: none;
    -moz-appearance: none;
    resize: none;
    color: white;
    font-size: 11pt;
}

.blue-gradient-back-modal h4{
    color: rgb(255, 205, 68);
}

/*--- Modal Register---*/
.img-back-modal .modal-header{
    color: rgb( 57, 122, 160 );
    text-transform: uppercase;
    border: none;
}
.img-back-modal .modal-title{
    font-size: 20pt;
    font-weight: 300;
}
.img-back-modal .form-group {
    display: block;
    width: 100% !important;
}
.img-back-modal .btn-block{
    width: 100%;
    min-width: 0px;
}

/*========== TopProducts Carusel ==========*/
.product-card .card {
    max-width: 280px;
    padding-top: 10px;
    /*margin-right: 15px;*/
    height: 500px;
    margin-left: 15px;
    /*margin-top: 36px;*/
    margin-bottom: 36px;
    border-radius: 10px;
    border: white 1px solid;
    box-shadow: 0px 0px 18px 0px rgba(0,132,191,0.4);
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,132,191,0.4);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0,132,191,0.4);

}

/*.product-card .card:hover::after{*/
    /*content: '';*/
    /*position: absolute;*/
    /*top: -5px;*/
    /*bottom: -5px;*/
    /*left: -5px;*/
    /*right: -5px;*/
    /*border-radius: 10px;*/
    /*border: 5px solid rgba(0,132,191,0.3);*/
/*}*/

.product-card .card .card-footer{
    /*height: 200px;*/
    font-size: 12pt;
    background-color: white;
    border-top: 2px solid rgb(228, 239, 243);
    text-transform: uppercase;
    /*padding-bottom: 20px;*/
}

.product-card .card .card-footer .card-description{
    font-size: 10pt;
    text-transform: none;
}

.product-card .card .card-footer .card-price{
    font-size: 18pt;
    color: red;
    text-transform: none;
}


/*========== TopProducts Carusel End ===========*/

/*--- Forms controls ---*/
.control {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 300;
    color: black;
    /*width: 150px;*/
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control_indicator {
    position: absolute;
    top: 6px;
    left: 0;
    height: 21px;
    width: 21px;
    background: none;
    border: 2px solid rgb(255, 205, 68);;
}
.control-radio .control_indicator {
    border-radius: 0px;
}

.control:hover input ~ .control_indicator{
    background: none;
    border: 2px solid rgb( 57, 122, 160 );
}

.control input:checked ~ .control_indicator {
    border: 2px solid rgb( 57, 122, 160 );
    background: rgb( 57, 122, 160 );
    color: rgb( 57, 122, 160 );
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: rgb( 57, 122, 160 );
    color: rgb( 57, 122, 160 );
}

.w-form{
    background-color: rgb( 234, 243, 248 );
    border: 2px solid rgb( 234, 243, 248 );
}

.w-form:focus{
    background-color: white;
    border: 2px solid rgb( 67, 163, 219 );
    -webkit-box-shadow: 0px 0px 12px 0px rgba(67,163,219,0.3);
    -moz-box-shadow: 0px 0px 12px 0px rgba(67,163,219,0.3);
    box-shadow: 0px 0px 12px 0px rgba(67,163,219,0.3);
}

.currency-select{
    margin-top: 5px;
    border: 1px solid rgb(202, 202, 202);
    /*color: rgb(202, 202, 202);*/
    color: black;
    font-size: 12pt;
    text-transform: uppercase;
}

.tovar-count{
    font-size: 12pt;
    width: 26pt;
}

.tovar-count:disabled{
    background-color: white;
    color: rgb(202, 202, 202);
}


.control-filter {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 13pt;
    color: rgb(51, 51, 51);
    /*width: 150px;*/
}

.control-filter input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control_indicator {
    position: absolute;
    top: 7px;
    left: 0;
    height: 18px;
    width: 18px;
    background: none;
    border: 1px solid rgb(51, 51, 51);
    border-radius: 3px;
}

.control-filter input:checked ~ .control_indicator {
    background-image: url("../img/catalog/Tick.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgb( 57, 122, 160 );
}


.pagination .page-item{
    margin-left: 5px;
    margin-right: 5px;

}

.pagination .page-item.active .page-link, .pagination .page-item.disabled .page-link,
.pagination .page-item.active:hover .page-link{
    border: 1px solid rgb( 51, 51, 51 );
    color: rgb( 51, 51, 51 )  !important;
    background: none;
    cursor: default;
}

.pagination .page-item .page-link{
    border-radius: 5px;
    color: rgb( 57, 122, 160 );
    border: 1px solid rgb( 57, 122, 160 );
    color: rgb( 57, 122, 160 );
}

.pagination .page-item .page-link:hover{
    border-radius: 5px;
    color: rgb(255, 205, 68) !important;
    background-color: rgb( 57, 122, 160 );
    border: 1px solid rgb( 57, 122, 160 );
    color: rgb( 57, 122, 160 );
}

.tovar-table-container{
    max-width: 955px;
}

.tovar-table-container .price{
    color: black;
    font-size: 25pt;
}
.tovar-table{
    border: 1px solid rgb( 57, 122, 160 );
    border-radius: 5px !important;
}

.tovar-table table{
    width: 100%;
}

.tovar-table table thead{
    background-color: rgb(228, 239, 243);
}

.tovar-table table th{
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    color: rgb( 57, 122, 160 );
    font-weight: 400;
}

.tovar-table table th.line:after{
    content: "";
    height: calc(100% - 20px);
    top: 10px;
    right: 0px;
    position: absolute;
    border-right: 2px solid rgb( 57, 122, 160 );
    color: transparent;
}


.tovar-table table td{
    text-align: center;
    padding: 10px;
    max-width: 350px;
}

.tovar-table table td.price{
    font-size: 15pt;
}

.tovar-table table td a{
   font-size: 13pt;
    color: rgb( 57, 122, 160 );
    text-transform: uppercase;
}

.tovar-table table td a:hover{
    font-size: 13pt;
    color: rgb( 67, 163, 219 );
    text-transform: uppercase;
}

.tovar-table table .delete svg{
    max-width: 20px;
}

.tovar-table table .delete svg{
    max-width: 20px;
}

.tovar-table table .delete a:hover svg .st0{
    fill: red;
}

.tovar-table table tr{
    border-bottom: 1px solid rgb(228, 239, 243);
}

.tovar-table table td img{
    max-width: 90px;
    max-height: 500px;
}

.instruction{
    width: 100%;
}

.faq_question{
    display: block;
    font-size: 18pt;
}
.faq_question:hover{
    text-decoration: none;
}
.faq_answer{
    display: none;
    margin-bottom: 0px;
}

/*cabinet*/
.cabinet_menu_title {
    font-size: 20px;
    color: #3a7ca3;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 0 20px;
}
.cabinet_menu_title_big {
    font-size: 26px;
    color: #3a7ca3;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.cabinet_submenu a {
    font-size: 18px;
    color: #3a7ca3;
    text-decoration: none;
    display: block;
    padding: 5px 20px 5px 0;
}
.cabinet_submenu_item {
    padding: 7px 20px;
}
.cabinet_submenu_item.active {
    color: #4d4e4f;
    background-color: #cae8f9;
    border-radius: 10px;
}
.cabinet_submenu_item.active:after {
    content: "";
    position: absolute;
    transform: translate(115%,35%);
    border: 8px solid transparent;
    border-left: 8px solid #cae8f9;
}
.toggle_content {
    padding-top: 10px;
    padding-bottom: 10px;
}
.order_details div {
    margin-top: 5px;
}
.order_info {
    border: 2px solid #ebf2f6;
    border-radius: 10px;
    padding: 10px 30px;
    position: relative;
    margin-bottom: 5px;
    background-color: #fff;
}
.order_details {
    font-size: 15px;
    color: #4b4b4b;
}
.order_info {
    color: #4b4b4b;
}
.order_status {
    font-size: 15px;
    text-transform: lowercase;
    text-align: right;
}
.order_status.orange {
    color: #e27409;
}
.order_status.red {
    color: #e7295a;
}
.order_status.green {
    color: #0bc064;
}
.order_status .dot {
    width: 10px;
    height: 10px;
    margin-top: 4px;
    border-radius: 50%;
}
.order_status.orange .dot{
    background: #e27409;
    box-shadow: 0 0 3px 1px #e27409;
}
.order_status.red .dot{
    background: #e7295a;
    box-shadow: 0 0 3px 1px #e7295a;
}
.order_status.green .dot{
    background: #0bc064;
    box-shadow: 0 0 3px 1px #0bc064;
}
.order_status div {
    display: inline-block;
}
.order_number {
    font-size: 15px;
    color: #3a7ca3;
    padding-right: 25px;
    padding-left: 5px;
}
.edit_data a, .edit_data div {
    display: inline;
    color: #3a7ca3;
    font-size: 15px;
    border-bottom: 1px dashed #3a7ca3;
    cursor: pointer;
}
.edit_data a:hover {
    text-decoration: none;
}
.edit_data a.active {
    color: #838e94;
    border: none;
    cursor: default;
    pointer-events: none;
}
.edit_data {
    margin-bottom: 10px;
}
.edit_data_div {
    padding: 25px;
    border-left: 2px solid #e5f2f6;
}
.edit_data .fa {
    display: inline;
    color: #3a7ca3;
    font-size: 15px;
    cursor: pointer;
}
.personal_information {
    font-size: 18px;
    margin-top:15px;
}
.personal_information_details {
    font-size: 15px;
    color: #5a5d5f;
}
.personal_information_details .blue-gradient-back {
    padding-top: 5px;
    padding-bottom: 5px;
}
.personal_information .pi_title {
    color: #8b8b8b;
}
.personal_information_title {
    color: #3a7ca3;
    font-size: 18px;
    position: relative;
}
.light_blue_bcg {
    background-color: #e8f3f7;
    border: none;
    border-radius: 10px;
    padding: 10px 25px;
    position: relative;
    margin-top: 15px;
}
.toggle-btn {
    display: inline;
    position: absolute;
    font-size: 22px;
    line-height: 22px;
    cursor: pointer;
    right: 10px;
    top: 0px;
    font-weight: 100;
    color: #72a1bd;
}
.calendar {
    position: absolute;
    right: 15px;
    top: 45px;
    color: #92b7cd;
    cursor: pointer;
    font-size: 18px;
}
.blue-gradient-back_btn {
    background-image: -moz-linear-gradient( -90deg, rgb(17,136,206) 0%, rgb(24,160,241) 100%, rgb(17,136,206) 100%, rgb(28,159,237) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(17,136,206) 0%, rgb(24,160,241) 100%, rgb(17,136,206) 100%, rgb(28,159,237) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(17,136,206) 0%, rgb(24,160,241) 100%, rgb(17,136,206) 100%, rgb(28,159,237) 100%);
    width: 100%;
    padding: 10px 0;
    color: white;
    background-color: rgb(28,159,237);
}

.mb-50 {
    margin-bottom: 50px;
}
.cabinet_container .control-filter input:checked ~ .control_indicator {
    background-image: url(../img/Tick.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgb( 57, 122, 160 );
}
.order_img img {
    width: 100%;
}
.order_list {
    background-color: #f5f8fa;
    padding: 10px;
    border-radius: 8px;
}

.viewed_items {
    background-color: #fafdff;
    box-shadow: 0 0 40px 15px #fafdff;
    padding: 25px 0;
}
.viewed_items .card-footer  p {
    font-size: 15px;
    text-transform: none;
    margin: 10px;
}

.pickup_address {
    color: rgb(67,145,191);
    font-weight: 600;
}
.pickup_address .station::before {
    content: url("../img/metro.png");
}
.pickup_info {
    font-weight: 600;
}

.waiting_for_product_message {
    padding: .375rem .75rem;
    cursor: auto;
}

.promo_code_is_applied {
    color: red;
}

.full_price {
    text-decoration: line-through;
    color: grey;
    font-size: 16px;
}

.full_sum {
    text-decoration: line-through;
    color: grey;
    font-size: 14px;
}