body {
    font-family: Arial, sans-serif;
    margin: 0 0 0 0;
}

a {
    text-decoration: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

a:hover {
    text-decoration: none;
}

h1 {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #45464b;
    font-size: 24pt;
    text-align: center;
}

h2 {
    display: block;
    margin: 0 0 0 0;
    padding: 15px 0 30px 0;
    color: #45464b;
    font-size: 18pt;
    text-align: center;
    font-weight: 100;
}
h3 {
    display: block;
    margin: 0 0 0 0;
    padding: 35px 0 10px 0;
    color: #45464b;
    font-size: 22pt;
    text-align: center;
}
h4 {
    display: block;
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
    color: #fdfafa;
    font-size: 18pt;
    text-align: center;
}
h5{
    display: block;
    margin: 0 0 0 0;
    padding: 10px 0 20px 0;
    color: #45464b;
    font-size: 12pt;
    text-align: center;
}
h6{
    display: block;
    margin: 0 0 0 0;
    padding: 30px 0 10px 0;
    color: #414141;
    font-size: 12pt;
    text-align: center;

}
span.footerSpan{
    display: block;
    width: 1000px;
    margin: 0 0 0 0;
    padding: 5px 0 2px 0;
    color: #414141;
    font-size: 8pt;
    text-align: center;
}
#wrapper {
    width: 100%;
    /*background-color: lightpink;*/
}
span.footerSpanPC{
    display: block;
    width: 1000px;
    margin: 0 0 0 0;
    padding: 5px 0 2px 0;
    color: #848484 !important;
    font-size: 8pt;
    text-align: center;
}
span.footerSpanPC a{
    color: #848484 !important;
}
.content {
    width: 984px;
    margin: 0 auto;
    padding: 0 5px;
    padding-top: 66px;
    padding-bottom: 52px;
}
.content.block-forshab {
    padding-bottom: 54px;
}
.content.content--review {
    padding-top: 60px;
}
.content.content--contacts {
    padding-top: 58px;
    padding-bottom: 120px;
}
.footer .content {
    padding: 0;
}
#header {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    background: linear-gradient(0deg, #2C2C2C 0%, #3C3C3C 100%);
}

#header > .headerContent {
    display: flex;
    align-items: center;
    width: 984px;
    padding: 16px 8px;
    margin: 0 auto;
}

.logo {
    display: block;
    max-width: 150px;
}
.logo img {
    margin-bottom: -4px;
}
#header > .headerContent .left {
    margin-right: 48px;
}

#header > .headerContent > div.mid > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

#header > .headerContent > div.mid > ul > li {
    margin-right: 10px;
}

#header > .headerContent > div.mid > ul > li > span {
    color: #fff;
    text-transform: none;
    /*font-weight: 600;*/
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer;
}
#header > .headerContent > div.mid > ul > li > span:hover {
    color: #ffc300;
    background: none!important;
}
#header>.headerContent>.right {
    margin-left: auto;
}

#header > .headerContent > div.right > div {
    display: inline-block;
}

.phonetime {
    margin-right: 10px;
    margin-left: 5px;
}

.phonetime > span {
    display: block;
    text-align: right;
    color: #ffffff;
}

.phonetime > span.phone {
    font-size: 16px;
    font-weight: bold;
}

.phonetime > span.time {
    font-size: 12pt;
    margin-top: 2px;
}

.btn {
    display: inline-block;
    background: #ee0707;
    padding: 12px 25px;
    font-size: 14px;
    text-transform: none;
    color: #ffffff;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    vertical-align: top;
}

.btn:hover{background: #c90000;
color: #FFF;}

.greyline {
    position: relative;
    width: 100%;
    background: #f1f1f1;
    height: 25px;
}
.greylineDark {
    position: relative;
    width: 100%;
    background: #a6a6a6;
    height: 10px;
}

#home {
    height: 500px;
    background: url('/n_images/banner_bg2.jpg') center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#home > .text {
    width: 700px;
    margin: 0 auto;
    text-align: center;
    padding-top: 50px;
}

#home > .text > span {
    display: block;
    color: #FFFFFF;
    font-size: 20pt;
}

#home > .text > span.toMargin {
    margin-top: 24px;
    font-weight: 400;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -0.6px;
}

#home > .text > span.big {
    font-size: 38pt;
}

#home > .text > span.yellow {
    color: #ffc300;
    font-size: 18pt;
    margin-top: 15px;
	font-weight: bold;
}

#home > .text > span.yellowtop {
    color: #ffc300;
    font-size: 16pt;
    margin-top: 15px;
	font-weight: bold;
}

.inputs {
    margin: 20px 0 30px 0;
}

input {
    font-family: 'Lato-Regular', sans-serif;
    height: 50px;
    width: 220px;
    font-size: 16px;
    color: #444444;
    padding-left: 12px;
    box-sizing: border-box;
    border: 1px #DDD solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
}

input.popupi {
    display: block;
    font-family: 'Lato-Regular', sans-serif;
    height: 50px;
    width: 415px;
    margin: 20px auto;
    font-size: 16px;
    color: #444444;
    padding-left: 12px;
    box-sizing: border-box;
    border: 1px #DDD solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
}

input[type='submit'] {
    height: 49px;
    border-color: #f9b000;
    /* font-weight: bold; */
    color: #45464b;
    letter-spacing: 1px;
    background-color: #f9b000;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

input[type='submit']:hover
    {background: #F9C223;
    border-color: #F9C223;
    }

input[type='submit'].bron {
    position: relative;
    display: block;
    width: 210px;
    height: 60px;
    margin: 40px auto;
    color: white;
    background-color: #f9b000;
    cursor: pointer;
    z-index: 103;
}

input.bron:hover{
    background-color: #F9C223
}

input[type='submit'].sord {
    display: inline-block;
    width: 223px;
    height: 50px;
    letter-spacing: 0px;
    /*margin: 40px auto;*/
    cursor: pointer;
    color: white;
}

input[type='submit'].wb {
    height: 50px;
    border-color: #f9b000;
    /* font-weight: bold; */
    color: white;
    letter-spacing: 1px;
    background-color: #f9b000;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

input.wb:hover {
    background-color: #F9C223;
    border-color: #F9C223;
    }


input[type="text"]::-moz-placeholder {
  color: #B9B9B9;
}
input[type="text"]::-webkit-input-placeholder {
  color: #B9B9B9;
}
input[type="tel"]::-moz-placeholder {
  color: #B9B9B9;
}
input[type="tel"]::-webkit-input-placeholder {
  color: #B9B9B9;
}

div.button {
     margin: 0 auto;
     width: 270px;
     height: 50px;
     border-color: #f9b000;
     font-weight: bold;
     color: #2d4443;
     line-height: 50px;
     text-transform: uppercase;
     text-align: center;
     letter-spacing: 1px;
     background-color: #f9b000;
     -webkit-appearance: none;
     -moz-appearance: none;
     -o-appearance: none;
     appearance: none;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -o-border-radius: 5px;
     border-radius: 5px;
     cursor: pointer;
 }
div.buttonW {
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    width: 146px;
    border: 1px solid #fff;
    margin: 0 auto;
    background: transparent url(/img/new-design/arrow-white.svg) no-repeat 109px 50%;
    font-size: 14px;
    text-transform: none;
    height: auto;
    padding: 6px 46px 6px 16px;
    line-height: 30px;
    box-sizing: border-box;
    font-weight: 400;
    position: relative;
    letter-spacing: 0px;
    text-align: center;
    cursor: pointer;
}

span.yellow {
    color: #ffc300;
}

.clear {
    clear: both;
}

.tBlockOne {
    /*width: 1000px;*/
    height: 550px;
}

.tBlockOne > div {
    display: inline-block;
    width: 320px;
    height: 500px;
    float: left;
}
.tBlockOne > div > span{
    cursor: pointer;
}
.tBlockOne > div > span > .tBlockHat {
    display: block;
    width: 320px;
    color: #878787;
    text-align: center;
    font-size: 14pt;
    /* font-weight: bold; */
    margin-bottom: 7px;
}
.tBlockOne > div > span > .tBlockHatNoStand {
    display: block;
    width: 320px;
    color: #878787;
    text-align: center;
    font-size: 14pt;
    /* font-weight: bold; */
}

.tBlockOne > div > span > .tBlockOneTop {
    width: 320px;
    height: 28px;
    margin-top: 3px;}

.tBlockOne > div > span > .tBlockOneTop > img {
    position: relative;
    width: 300px;
    height: 47px;
    z-index: 1;
    left: 31px;
}

.tBlockOne > div > span > .tBlockOneModel {
    width: 320px;
    background: url("/n_images/tBlockOneBgBorder.png") repeat-y;
}

.tBlockOne > div > span > .tBlockOneModel > span.name {
    font-size: 16pt;
    color: #45464b;
    padding-left: 30px;
   /* font-weight: bold; */
}

.tBlockOne > div > span > .tBlockOneModel > img {
    position: relative;
    z-index: 1;
    top: 5px;
    left: 55px;
}

.tBlockOne > div > span > .tBlockOnePhoto {
    position: relative;
    width: 100%;
    height: 247px;
    padding-top: 6px;
    margin-top: -1px;
    background: url("/n_images/tBlockOneBgBorder.png") repeat-y;
}
.tBlockOnePhoto.tBlockOnePhoto--translate > img {
    transform: scale(0.8) translate(-50px, 22px);
}
.tBlockOne > div > span > .noStand{
    height: 247px;
}
.block-forshab .tBlockOne > div > span > .noStand {
    height: 260px;
}
.tBlockOne > div > span > .noStand > p{
    display: block;
    position: relative;
    width: 320px;
    text-align: center;
    color: #878787;
    z-index: 1;
    top: -85px;
}
.tBlockOne > div > span > .tBlockOnePhoto > img {
    position: relative;
    left: 24px;
    max-width: 270px;
}

.tBlockOne > div > span > .tBlockOnePhoto > table {
    width: 145px;
    position: absolute;
    border: none;
    border-collapse: collapse;
    z-index: 1;
    top: 5px;
    right: 28px;
}

.tBlockOne > div > span > .tBlockOnePhoto > table > tbody > tr > td {
    font-size: 9pt;
    line-height: 8px;
    /* font-weight: bold; */
    color: #45464b;
}

.tBlockOne > div > span > .tBlockOnePhoto > table > tbody > tr > td.t {
    width: 22px;
}

.tBlockOne > div > span > .tBlockOnePhoto > table > tbody > tr > td.yellow {
    color: #eb9905;
}

.tBlockOne > div > span .tBlockOnePrice {
    height: 77px;
    background: #fff;
    width: 100%;
    margin-top: -1px;
    margin-bottom: -1px;
}
/*
.tBlockOne > div > span .tBlockOnePrice > span {
    display: block;
    color: #ff0000;
    font-size: 22pt;
    margin-left: 30px;
    padding-top: 8px;
    font-weight: bold;
}*/
.tBlockOne > div > span .tBlockOnePrice > span {
    white-space: nowrap;
    margin-right: 4px;
}
.tBlockOne > div > span .tBlockOnePrice > span.oldPrice {
    display: block;
    color: #ABABAB;
    font-size: 16px;
    text-decoration: line-through;
    padding-top: 22px;
    font-weight: normal;
}
.block-forshab .tBlockOne > div > span .tBlockOnePrice > span.oldPrice {
    padding-top: 18px;
}
.tBlockOne > div:hover {
    transform: scale(1.03);
}
.tBlockOne > div {
    transition: 0.1s all ease;
}
.tBlockOne > div.left {
    cursor: pointer;
}

.tBlockOne > div.mid {
    margin-left: 16px;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
}

.tBlockOne > div.right {
    margin-left: 16px;
    cursor: pointer;
}

.saleOrderButton {
    position: relative;
    margin-top: 20px;
    z-index: 1;
}

.btn_order {
    display: block;
    background: #C78C14;
    padding: 15px;
    margin: 0;
    border: none;
    font: 700 16px/22px 'Manrope', sans-serif;
    color: #ffffff;
    cursor: pointer;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow-bottom: 4px 4px 4px black;
    text-transform: uppercase;
}

.btn_order:hover {
    background: #a57108;
}

.tomorrow {
    display: block;
    width: 320px;
    text-align: center;
    margin-top: 10px;
    color: #45464b;
}

.contactForm{
    position: relative;
    width: 100%;
    height: 155px;
    background: url(/n_images/footer_bg.jpg) repeat-x center;
    margin: 40px 0 0 0;
}
.contactForm.contactForm-after-map {
    margin: 0;
}
.contactForm.contactForm-after-map .content {
    margin-top: 40px;
}
.contactForm > .content > img{
    display: inline-block;
    width: 151px;
    height: 117px;
    vertical-align: top;
    padding-top: 18px;
}
.contactForm > .content > form{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 38px 40px 40px 40px;
    width: 100%;
    box-sizing: border-box;
}
.contactForm > .content > form > span{
    display: block;
    color: #45464b;
    font-size: 26pt;
    text-transform: uppercase;
    padding: 0 0 17px 21px;
    font-weight: bold;
}

.NTM{
    margin-top: 0;
}
.compare{
    background: linear-gradient(238.72deg, #3C3C3C -4.68%, #2C2C2C 91.88%);
    padding: 20px 0;
    padding-bottom: 28px;
}
.compareModels{
    width: 100%;
    padding-top: 25px;
    margin-bottom: 30px;
}
.compareModels > .modelsLine {
    position: relative;
    display: flex;
    width: 904px;
    margin-left: auto;
}
.compareModels > .modelsLine > .modelBlock{
    background: #fff;
    border-radius: 8px;
    padding-top: 3px;
}
.compareModels > .modelsLine > .modelBlock > span{
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #000;
    text-align: center;
    width: auto;
    margin-top: 7px;
}
.compareModels > .modelsLine > .modelBlock > img{
    display: block;
    width: 130px;
    margin: 0 auto;
}
.compareModels > .modelsLine > .modelBlock > span.price{
    background-color: #ebebeb;
    color: #373636;
}
.compareModels > .modelsLine > .modelBlock > span.price > span.bold{
    font-weight: bold;
}
.regVsSmartService{
    background: none;
    padding-top: 60px;
    height: auto;
    margin-bottom: 0;
}
.regVsSmartW{
    height: auto;
    position: relative;
    background: none;
    padding-top: 10px;
    margin-bottom: 50px;
}
.why{
    width: 100%;
    position: relative;
    margin-top: 46px;
}
.why > div > div > img{
   display: inline-block;
    vertical-align: top;
}
.why > div > div > span{
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    line-height: 21px;
    margin: 12px 0 0 12px;
    padding: 8px;
    font-size: 14px;
}
.why > div > div > span > span.big{
    color: #fff;
    display: block;
    margin-bottom: 9px;
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 1.4;
}
.why > div > div > span > span.w2rli{
    line-height: 23px;
}
.why > .left{
    width: 500px;
    float: left;
}
.why > .right{
    width: 450px;
    float: left;
    margin-left: 50px;
}

.regVsSmart{
    height: 620px;
    position: relative;
    background:#f1f1f1;

    padding-bottom: 40px;
}

.vsBlock{
    position: relative;
    width: 1000px;
    height: 428px;
    background: url(/n_images/vsBg.png) no-repeat;
    margin-top: 65px;
    font-weight: bold;
}
.vsBlock > .row{
    width: 1000px;
}
.vsBlock > .row > div > div > span{
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
.vsBlock > .row > div > div > img{
    display: inline-block;
    vertical-align: top;
    margin: 10px 0 0 150px;
}
.vsBlock > .row > .left{
    display: inline-block;
    float: left;
    width: 498px;
    height: 110px;
}
.vsBlock > .row > .right{
    display: inline-block;
    float: right;
    width: 498px;
    height: 110px;
}

.vsBlock > .row > .left > .rowOne {
    color: #45464b;
    font-size: 24pt;
}

.vsBlock > .row > .right > .rowOne {
    color: #45464b;
    font-size: 24pt;
}
.vsBlock > .row > .right > .rowOne > span{
    margin-left: 30px;
}
.vsBlock > .row > div > .rowO{
    margin-top: 20px;
}
.vsBlock > .row > div > .rowO > span{
    margin: 0 0 0 25px;
    color: #45464b;
    font-size: 14pt;
}
.vsBlock > .row > div > .rowO > span > span.big{
    font-size: 22pt;
    font-weight: bold;
}
.vsBlock > .row > div > .rowO > span > span.bigY{
    font-size: 22pt;
    color: #f1b10b;
    font-weight: bold;
}

.vsBlock > .row > .left > .rowO > img{
    margin: 0 0 0 0;
}
.vsBlock > .row > .right > .rowO > img{
    margin: 0 0 0 30px;
}
.yellowBlock{
    background-color: #f9b000;
    height: 150px;

}
p.text{
    color: #646464;
}
.regVsSmartService > div > div > img{
    vertical-align: top;
    display: inline-block;
    margin-right: 25px;
}
.contactRight{
    display: inline-block;
    vertical-align: top;
    width: 450px;
    height: 700px;
    margin: 30px 0 0 23px;
}
.contactRight > .map-section {
    margin-bottom: 15px;
}
.contactRight > .map-section > span{
    margin: 0 0 5px 0;
}
.contactRight > .map-section span.b{
    color: #3e3e3e;
    font-weight: bold;
    margin: 0 0 5px 0;
}


.contactLeft{
    display: inline-block;
    vertical-align: top;
    width: 400px;
    height: 700px;
    margin: 30px 0 0 70px;
}
.contactLeft > div{
    display: table;
    height: 65px;
    margin-bottom: 20px;
}
.contactLeft > div > img{
    margin-right: 20px;
}
.contactLeft > div > span{
    display: table-cell;
    vertical-align: middle;
    color: #555555;

}
.contactLeft > div > span > span{
    font-weight: bold;
}
.contactLeft > form > input{
    display: block;
    margin-top: 40px;
}


.footer{
    background-color: #cdcdcd;
}
.grecaptcha-badge {
    visibility: hidden;
}
.warn{
    width: 790px;
    margin-left: 173px;
}
.warn > span{
    display: block;
    margin: 0 0 0 0;
    padding: 10px 0 6px 0;
    color: #45464b;
    font-size: 20pt;
    text-align: center;
}
.warn > div.warnBlock{
    display: inline-block;
    width: 214px;
    height: 155px;
    margin: 13px 0 0 0;
    padding-bottom: 5px;
    vertical-align: top;
    color: #444444;
    font-size: 11pt;
}
.warn > div.warnBlock > span{
    display: block;
    margin: 0 0 13px 47px;
    font-size: 14pt;
    font-weight: bold;
    color: #555555;
    font-style: italic;

}
.uid_parent{
    display: block;
    position: fixed;
    z-index: 100;
    right: 0;
    top: 70%;
    width: 151px;
    height: 78px;
    background: url("/n_images/bonus.png") no-repeat;
}
.uid_parent > span{
    display: block;
    color: #ffffff;
    font-size: 21pt;
    margin: 35px 0 0 47px;
}
.landing{
    position:absolute;
    top: 116px;
    background: #242424;
    padding-top: 27px;
    left:0;
    right:0;
    bottom:0;
    /*overflow-x: hidden;*/
}
.gar{
    display: block;
    width: 120px;
    height: 17px;
    margin: 5px 0 0 291px;
}

/* popup */
.popupcardNOStand{
    width:100%;
    height: 100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0;
    z-index: 101;
}

.popupcardNOStand > .cardblock >.cname{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;
    letter-spacing: 0.32px;
    color: #fff;
    margin-bottom: 20px;
}
.popupcardNOStand > .cardblock > .left{
    display: inline-block;
    float: left;
    width: 350px;
    height: 280px;
    margin-left: 30px;
}
.popupcardNOStand > .cardblock > .left > img{
    width: 250px;
    height: 250px;
    margin-top: 30px;
    margin-left: 15px;
}
.popupcardNOStand > .cardblock > .right{
    display: inline-block;
    float: left;
    width: 350px;
    height: 280px;
    margin-left: 30px;
}
.popupcardNOStand > .cardblock > .right > span.title{
    display: block;
    font-size: 16pt;
    color: #373636;
}
.popupcardNOStand > .cardblock > .right > table.th{
    width: 350px;
    margin-top: 30px;
    border-collapse: collapse;
    font-size: 11pt;
}
.popupcardNOStand > .cardblock > .right > table.th > thead > tr td{
    color: #373636;
    font-size: 18pt;
    padding-bottom: 10px;
}
.popupcardNOStand > .cardblock > .right > table.th > tbody > tr td{
    height: 22px;
}

.popupcardNOStand > .cardblock > .right > table.th > tbody > tr td:nth-child(1){
    color: #878787;

}
.popupcardNOStand > .cardblock > .right > table.th > tbody > tr td:nth-child(2){
    color: #373636;
    font-weight: bold;
}
.popupcardNOStand > .cardblock > .des{
    width: 350px;
    position: relative;
    margin-left: 410px;
    top: -75px;
}
.popupcardNOStand > .cardblock > .des > p{
    color: #878787;
    margin: 15px 0 0 0;
    font-size: 10pt;
    line-height: 18px;
}
.popupcardNOStand > .cardblock > .bottomLine{
    font-size: 16pt;
    color: #878787;
    margin: -50px 0 0 55px;

}
.popupcardNOStand > .cardblock > .bottomLine > .red{
    font-size: 20pt;
    color: #ff0000;
}
.popupcardNOStand > .cardblock > .bottomLine > .line{
    text-decoration: line-through;
}
.popupcardNOStand > .cardblock > .bottomLine > .bol{
    color: #373636;
}
.popupcardNOStand > .cardblock > .sPhotoBlock{
    width: 100px;
    display: inline-block;
    margin: 40px 0 5px 0;
}
.popupcardNOStand > .cardblock > .sPhotoBlock > img{
    width: 100px;
    height: 100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: #cccacd solid 2px;
}
.popupcardNOStand > .cardblock > .sPhotoBlock > img.active{
    width: 100px;
    height: 100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: #ffa706 solid 2px;
}
.popupcardNOStand > .cardblock > .sPhotoBlock > span{
   display: block;
   color: #747474;
   margin: 3px 0 0 21px;
}
/*------------------------------------------*/
.popupcard{
    width:100%;
    height: 100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0;
    z-index: 101;
}
.popupcard > .cardblock,
.popupcardNOStand > .cardblock{
    position: relative;
    width: 800px;
    height: auto;
    background: #3C3C3C;
    border-radius: 8px;
    padding: 32px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}
.popupcard > .cardblock > .close,
.popupcardNOStand > .cardblock > .close{
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}
.popupcard > .cardblock >.cname{
    color: #fff;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 20px;
}
.popupcard > .cardblock > .left{
    display: inline-block;
    float: left;
    width: 260px;
    height: 260px;
}
.popupcard > .cardblock > .left > img{
    width: 100%;
    height: 100%;
	position:relative;
    z-index:20;
    border-radius: 8px;
}
.popupcard > .cardblock > .right{
    display: inline-block;
    float: left;
    width: calc(100% - 260px - 32px);
    margin-left: 32px;
}
.popupcard > .cardblock > .right > span.title,
.popupcardNOStand > .cardblock .right > span.title{
    display: block;
    font-size: 16pt;
    color: #fff;
}
.popupcard > .cardblock > .right > table.th{
    width: 100%;
    margin-top: 16px;
    border-collapse: collapse;
    font-size: 11pt;
}
.popupcard > .cardblock > .right > table.th > tbody > tr td{
    height: 22px;
    color: #fff;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.popupcard > .cardblock > .right > table.th > tbody > tr td:nth-child(2){
    font-weight: bold;
    text-align: right;
}
.popupcard > .cardblock > .des{
    width: calc(100% - 260px - 32px);
    position: relative;
    margin-left: auto;
}
.popupcard > .cardblock > .des > .title{
    font-size: 16pt;
    color: #fff;
}
.popupcard > .cardblock > .des > p{
    color: #fff;
    margin: 5px 0 0 0;
    font-size: 11pt;
    line-height: 18px;
}
.popupcard > .cardblock > .bottomLine{
    font-size: 15pt;
    color: #fff;
    margin-top: 20px;
}
.popupcard > .cardblock > .bottomLine > .red{
    font-size: 18pt;
    font-weight: bold;
    color: #ff0000;
}
.popupcard > .cardblock > .bottomLine > .line{
    text-decoration: line-through;
}
.popupcard > .cardblock > .bottomLine > .bol{
    color: #fff;
}
.popupcard > .cardblock .bottomLineFlex, .popupcardNOStand > .cardblock .bottomLineFlex {
    display: flex;
    padding: 7px 10px 7px 18px;
    align-items: flex-start;
    background: #242424;
    clear: both;
    margin-left: 0;
}
.popupcard > .cardblock .bottomLineFlex .prices .red, .popupcardNOStand > .cardblock .bottomLineFlex .prices .red {
    color: #ABABAB;
    font-size: 16px;
    display: block;
    text-decoration: line-through;
}
.popupcard > .cardblock .bottomLineFlex .prices, .popupcardNOStand > .cardblock .bottomLineFlex .prices{
    flex: 0 0 158px;
}
.popupcard > .cardblock .bottomLineFlex .prices .line, .popupcardNOStand > .cardblock .bottomLineFlex .prices .line {
    font-size: 24px;
}
.popupcard > .cardblock .bottomLineFlex .promo, .popupcardNOStand > .cardblock .bottomLineFlex .promo{
    background: #E73938;
    border-radius: 5px;
    flex: 0 0 calc(100% - 158px);
    margin-top: 3px;
    padding: 9px 12px;
    box-sizing: border-box;
    font-size: 15.5px;
    display: flex;
    color: #fff;
    align-items: center;
}
.popupcard > .cardblock .bottomLineFlex .promo .price, .popupcardNOStand > .cardblock .bottomLineFlex .promo .price {
    font-size: 22px;
    font-weight: 600;
    padding-right: 12px;
    border-right: 1px solid #ED7676;
    margin-right: 10px;
}
.popupcard > .cardblock .bottomLineFlex .info-icon, .popupcardNOStand > .cardblock .bottomLineFlex .info-icon{
    float: right;
    display: block;
    margin: 0 5px 0 auto;
}
#popupl{
    width:100%;
    height: 100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0;
    z-index: 102;
}
#popupl > .lblock{
    position: relative;
    width: 553px;
    height: 472px;
    top: 50%;
    margin: -236px auto 0;
    background: #f6f5f5 url("/n_images/lblock3.png") no-repeat;
    background-size: cover;
    z-index: 102;
}
#popupl > .lblock > .cross{
    display: block;
    position: relative;
    width: 18px;
    height: 18px;
    float: right;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.lblockt1{
    width: 553px;
    text-align: center;
    color: #373636;
    font-size: 20pt;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 50px;
}
.lblockt2{
    width: 553px;
    text-align: center;
    color: #373636;
    font-size: 14pt;
    padding-top: 20px;
}


/* end popup */
.hide{
    display: none;
}
/*  Begin Hide table*/
#idtable{
    width: 100%;
    margin: 0 auto;
   /* padding-top: 50px;*/
}
#idtable table{
    border: 1px solid #d3d3d3;
    background: #fefefe;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

#idtable table > thead > tr > th {
    color: #373636;
    font-weight: bold;
}

#idtable td {
    background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
    border: 1px solid #e0e0e0;
    padding: 10px 20px;
    text-align: center;
    color: #373636;
}
#idtable th {
    background: #e8eaeb;
    border: 1px solid #e0e0e0;
    padding: 10px 20px;
    text-align: center;
}
#idtable tr.odd-row td {
    background: #f6f6f6;
}
#hhbutton{
    width: 269px;
    height: 55px;
    background: url("/n_images/hh.png");
    margin: 30px auto 0;
}
/*  End Hide table*/
/*  Telega Descr    */
/* CSS Document */
.gidImage {
    display: block;
    width: 850px;
    margin: 40px 0 0 70px;
}

.bfImg {
    z-index: 3;
    display: block;
    width: 960px;
    height: 640px;
    margin: 0 auto;
}

.telega_descr {
    background: top center no-repeat;
    position: relative;
}

.telega_descr > .descr {
    border: 1px #DDD solid;
    min-height: 10px;
    min-width: 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: none;
    color: #fff;
    border-color: #fff;
    cursor: pointer;
}

.telega_descr > .descr1 {
    background-color: #FFF;
    border: 1px #DDD solid;
    min-height: 10px;
    min-width: 10px;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
}

.telega_descr > .descr:hover {
    border-color: #FBD14B;
}

.telega_descr > .descr p {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;}

.telega_descr > .part_1 {
    height: 56px;
    width: 220px;
    top: 54px;
    left: 27px;
}

.telega_descr > .part_2 {
    height: 56px;
    width: 220px;
    top: 173px;
    left: 27px;
}

.telega_descr > .part_3 {
    height: 56px;
    width: 220px;
    top: 264px;
    left: 27px;
}

.telega_descr > .part_4 {
    height: 96px;
    width: 270px;
    top: 334px;
    left: 27px;
}

.telega_descr > .part_5 {
    height: 56px;
    width: 270px;
    top: 444px;
    left: 27px;
}

.telega_descr > .part_6 {
    height: 77px;
    width: 225px;
    top: 140px;
    left: 417px;
}

.telega_descr > .part_7 {
    height: 76px;
    width: 222px;
    top: 211px;
    left: 740px;
    padding-right: 50px;
}

.telega_descr > .part_8 {
    height: 36px;
    width: 189px;
    top: 418px;
    left: 781px;
}

.telega_descr > .part_9 {
    height: 56px;
    width: 220px;
    top: 425px;
    left: 529px;
}

.telega_descr > .part_10 {
    height: 36px;
    width: 220px;
    top: 492px;
    left: 439px;
}

.light {
    position: absolute;
    opacity: 0.8!important;
}

.shape_1 {
    top: 32px;
    left: 279px;
    opacity: 0;
}

.shape_2 {
    top: 258px;
    left: 305px;
    opacity: 0;
}

.shape_3 {
    top: 327px;
    left: 301px;
    opacity: 0;
}

.shape_4 {
    top: 280px;
    left: 319px;
    opacity: 0;
}

.shape_5 {
    top: 365px;
    left: 324px;
    opacity: 0;
}

.shape_6 {
    top: 327px;
    left: 464px;
    opacity: 0;
}

.shape_7 {
    top: 327px;
    left: 679px;
    opacity: 0;
}

.shape_8 {
    top: 387px;
    left: 638px;
    opacity: 0;
}

.shape_9 {
    top: 256px;
    left: 340px;
    opacity: 0;
}

.shape_10 {
    top: 378px;
    left: 307px;
    opacity: 0;
}

.shape_1_hover {
    display: none;
    z-index: 10;
    position: absolute;
    left: 530px !important;
}

.shape_1_hover img {
    float: left;
    width: 390px;
    border-radius: 10px;
}

.shape_2_hover {
    display: none;
    z-index: 10;
    position: absolute;
    left: 530px !important;
}

.shape_2_hover img {
    float: left;
    width: 390px;
    border-radius: 10px;
}

.shape_3_hover {
    display: none;

    z-index: 10;
    position: absolute;
    left: 530px !important;
}

.shape_3_hover img {
    float: right;
    width: 390px;
    border-radius: 10px;
}

.shape_4_hover {
    display: none;
    z-index: 10;
    position: absolute;
    left: 530px !important;

}

.shape_4_hover img {
    float: right;
    width: 390px;
    border-radius: 10px;
}

.shape_5_hover {
    display: none;
    z-index: 10;
    position: absolute;
    left: 530px !important;

}

.shape_5_hover img {
    float: right;
    width: 390px;
    border-radius: 10px;
}

.shape_6_hover {
    display: none;
    z-index: 10;
    position: absolute;
    left: 530px !important;

}

.shape_6_hover img {
    float: right;
    width: 390px;
    border-radius: 10px;
}

.shape_7_hover {
    display: none;
    z-index: 10;
    position: absolute;
    left: inherit !important;

}

.shape_7_hover img {
    float: left !important;
    width: 330px;
    border-radius: 10px;

}

.shape_9_hover {
    display: none;
    z-index: 10;
    position: absolute;
    left: 730px !important;

}

.shape_9_hover img {
    float: right;
    width: 390px;
    border-radius: 10px;
}

.shape_10_hover {
    display: none;
    z-index: 10;
    position: absolute;
    left: inherit !important;

}

.shape_10_hover img {
    float: left;
    width: 390px;
    border-radius: 10px;
}

.shape_17_hover {
    display: none;
    z-index: 10;
    position: absolute;
    left: inherit !important;

}

.shape_17_hover img {
    float: left;
    width: 390px;
    border-radius: 10px;
}

.shape_8_hover {
    display: none;
    z-index: 10;
    position: absolute;
    left: inherit !important;

}

.shape_8_hover img {
    float: left;
    width: 390px;
    border-radius: 10px;
}

@media screen and (max-device-width: 1080px) {
    .shape_17_hover {
        display: none;
        z-index: 10;
        position: absolute;
        left: 530px !important;
    }

    .shape_17_hover img {
        float: left;
        width: 290px;
        border-radius: 10px;
    }

    .shape_1_hover {
        display: none;
        z-index: 10;
        position: absolute;
        left: 530px !important;
    }

    .shape_1_hover img {
        float: left;
        width: 290px;
        border-radius: 10px;
    }

    .shape_2_hover {
        display: none;
        z-index: 10;
        position: absolute;
        left: 530px !important;
    }

    .shape_2_hover img {
        float: left;
        width: 290px;
        border-radius: 10px;
    }

    .shape_3_hover {
        display: none;
        z-index: 10;
        position: absolute;
        left: 530px !important;
    }

    .shape_3_hover img {
        float: right;
        width: 290px;
        border-radius: 10px;
    }

    .shape_4_hover {
        display: none;
        z-index: 10;
        position: absolute;
        left: 530px !important;

    }

    .shape_4_hover img {
        float: right;
        width: 290px;
        border-radius: 10px;
    }

    .shape_5_hover {
        display: none;
        z-index: 10;
        position: absolute;
        left: 530px !important;

    }

    .shape_5_hover img {
        float: right;
        width: 290px;
        border-radius: 10px;
    }

    .shape_6_hover {
        display: none;
        z-index: 10;
        position: absolute;
        left: 530px !important;

    }

    .shape_6_hover img {
        float: right;
        width: 290px;
        border-radius: 10px;
    }

    .shape_8_hover {
        display: none;
        z-index: 10;
        position: absolute;
        left: inherit !important;

    }

    .shape_8_hover img {
        float: left;
        width: 280px;
        border-radius: 10px;
    }

    .shape_7_hover {
        display: none;
        z-index: 10;
        position: absolute;
        left: inherit !important;

    }

    .shape_7_hover img {
        float: left;
        width: 280px;
        border-radius: 10px;
    }

    .shape_10_hover {
        display: none;
        z-index: 10;
        position: absolute;
        left: inherit !important;

    }

    .shape_10_hover img {
        float: left;
        width: 280px;
        border-radius: 10px;
    }
}

/*  END Telega Descr    */


/*popup-compare*/
.fancybox-close {
    background-image: url(/n_images/close.png) !important;
    -webkit-background-size: cover;
    background-size: cover;
}
.popup-compare {
    font-size: 16px;
    display: none;
    padding: 15px 5px;
    background: #fff;
    border-radius: 10px;
    z-index: 102;
    width: 400px;
}
.popup-compare,
.popup-compare * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.popup-compare__title {
    width: auto;
    padding: 0 0 15px;
    color: #444;
    font-size: 24px;
    text-align: left;
}
.popup-compare__sub-title {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}
.popup-compare__group {
    display: block;
    margin-top: 20px;
}
.popup-compare__label {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}
.popup-compare__label.--center {
    line-height: 20px;
    margin-bottom: 0;
    text-align: center;
}
.popup-compare .popupi {
    margin: 0;
    width: 100%;
    height: 48px;
    border-radius: 4px;
}
.popup-compare .popupi:focus,
.popup-compare .popupi:hover {
    outline: none;
    border-width: 2px;
}
.popup-compare .popupi::-webkit-input-placeholder {
  color: transparent !important;
}
.popup-compare .popupi::-moz-placeholder {
  color: transparent !important;
}
.popup-compare .popupi:-moz-placeholder {
  color: transparent !important;
}
.popup-compare .popupi:-ms-input-placeholder {
  color: transparent !important;
}
.popup-compare .popupi:focus::-webkit-input-placeholder {
  color: transparent!important;
}
.popup-compare .popupi:focus::-moz-placeholder {
  color: transparent!important;
}
.popup-compare .popupi:focus:-moz-placeholder {
  color: transparent!important;
}
.popup-compare .popup-compare__btn {
    font-size: 16px;
    border: none;
    display: block;
    width: 100%;
    height: 48px;
    color: white !important;
    background: #FFA837;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 0 10px 0;
    padding: 0;
}
.popup-compare__btn:hover {
    background-color: #F9C223;
}
.popup-compare__link {
   font-size: inherit;
   color: #2f80ed;
   text-decoration: underline;
}
.btn-compare {
    font-size: 14px;
    color: #000;
    border: 1px solid #FFA837;
    display: block;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    margin-top: 10px;
    padding: 5px;
}
.btn-compare:hover {
    border-color: rgb(254, 171, 1, .3);
    background-color: rgb(254, 171, 1, .3);
}
#popupl {
    z-index: 8011;
}



/* stock-section */
a {
    color: #0d86cc;
    text-decoration: underline;
}
a:hover {
    -webkit-filter: brightness(95%);
    filter: brightness(95%);
    text-decoration: none;
}

.stock-section {
    padding: 40px 0 70px;
}
.stock-section__title {
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: 1px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    max-width: 675px;
}
.stock-section__title span {
    color: #FFA837;
}
.eTimer {
    font-size: 16px;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
.eTimer .etTitle {
    font-size: 16px !important;
    margin: 0 24px 0 0 !important;
}
.eTimer .etUnit .etNumber {
    margin: 0 2px !important;
    width: 32px !important;
    padding: 7px 0 0 0 !important;
}
.eTimer .etUnit {
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important;
    -ms-align-items: center;
    align-items: center;
    margin-right: 11px !important;
}
.eTimer .etUnit .etSign {
    margin-left: 6px;
}
.num {
    font-size: 40px;
    font-weight: bold;
    border: 4px solid #FFA837;
    border-radius: 50%;
    display: inline-block;
    padding: 6px 17px;
    margin-right: 8px;
}
.stock-caption {
    margin: 40px 0 50px;
}
.stock-caption,
.stock-caption__item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.stock-caption__item {
    width: 33.3333%;
}
.stock-caption__item p {
    line-height: 1.4;
    margin: 0;
}
.stock-form {
    text-align: center;
}
.stock-form__button {
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    padding: 16px 25px;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    background: #FFA837;
    border-radius: 4px;
}
.stock-form__button:hover {
    -webkit-filter: brightness(95%);
    filter: brightness(95%);
}
.header__promo {
    display: block;
    padding: 10px 0;
    z-index: 1;
    position: relative;
}

.header__promo-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: 600;
}
.header__promo-text--mobile {
    display: none;
}
@media screen and (max-width: 768px) {
    .header__promo-text {
        display: none;
    }
    .header__promo-text--mobile {
        display: block;
    }
    .header__promo-inner {
        padding-left: 10px;
        padding-right: 10px;
    }
}
/**************************************/
html,
body {
    background: #242424;
    font-family: 'Manrope', sans-serif;
}

.phonetime .tel-link {
    font-size: 18px;
    color: #fff;
}

.phonetime>span.time {
    color: #fff;
    font-size: 12px;
}

.btn {
    background: #C78C14;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 12px 18px;
    font-weight: 700;
}

.btn:hover {
    background: #a57108;
}

#home {
    background: url(/img/new-design/slide.jpg) no-repeat 50% 0;
    width: 100%;
    max-width: 1080px;
    height: 593px;
    border-radius: 10px;
    margin: 0 auto;
    overflow: hidden;
}

#home img {
    position: absolute;
    top: 0;
    left: -40px;
}

#home>.text {
    margin-left: 40px;
    text-align: left;
    padding-top: 35px;
    position: relative;
}

#home>.text>span.big {
    text-transform: none;
    font-size: 64px;
    line-height: 72PX;
    letter-spacing: -1.3px;
}

.home-form {
    display: flex;
    margin: 0 auto;
    max-width: 1080px;
    padding-bottom: 30px;
}

.home-form-text {
    background: url(/img/new-design/garanties.png) no-repeat 48px 40px;
    padding: 40px 0 0 160px;
    color: #fff;
    flex: 0 0 380px;
    font-weight: 400;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -0.6px;
}

.home-form .inputs {
    margin: 40px 48px 30px 90px;
}

.home-form input {
    width: 100%;
    height: 54px;
    text-transform: none;
    margin-bottom: 14px;
}

.home-form .button {
    width: 216px;
    color: #fff;
    text-transform: uppercase;
    font: 700 16px/1 'Manrope', sans-serif;
    height: 55px;
    background: #C78C14;
    border: none;
}

.home-form .button:hover {
    background: #a57108;
}

.home-form-confid {
    font-size: 14px;
    color: #fff;
    text-align: left;
    letter-spacing: -0.3px;
    margin: 0;
}

.home-form-confid a {
    color: #F2A812;
    text-decoration: none;
}

.new-title {
    position: relative;
    color: #fff;
    font: 44px/1 'Manrope', sans-serif;
    letter-spacing: -0.9px;
    margin-bottom: 15px;
    text-align: left;
}

.new-title:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 4px;
    background: #F2A812;
    left: -140px;
    top: 20px;
}

.content--about-img {
    padding: 60px 5px;
}

.content--about-img .new-title {
    margin-bottom: 40px;
}
.content.content--contacts .new-title {
    margin-bottom: 19px;
}


.telega_descr>.descr:hover {
    border-color: #C78C14;
    background: #C78C14;
}

.bfImg {
    /*width: 987px;*/
    width: 100%;
    height: 556px;
    /*margin-left: 15px;*/
}

.best-price {
    background: #FF3941;
    color: #fff;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

.tBlockOne>div>span>.tBlockOneModel {
    border-radius: 5px 5px 0 0;
    width: 100%;
}

.tBlockOne>div>span .best-price {
    background: #FF3941;
    border-radius: 5px 5px 0 0;
    width: 268px;
    padding: 6px 0px;
    margin: 0 auto;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
}

.tBlockOne>div>span>.tBlockOneModel>span.name {
    padding: 24px 0 10px;
    font-size: 24px;
    line-height: 33px;
    font-weight: 700;
    text-align: center;
    display: block;
}

.tBlockOne>div>span>.tBlockOnePhoto>table>tbody>tr>td {
    padding-bottom: 2px;
    color: #000;
    line-height: 1.2;
}

.tBlockOnePrice {
    position: relative;
}

.tBlockOnePrice img {
    position: absolute;
    top: -10px;
    right: 18px;
    image-rendering: pixelated;
}
.block-forshab .tBlockOnePrice img {
    top: -23px;
}


.tBlockOne>div>span .tBlockOnePrice>span {
    margin-left: 25px;
    padding-top: 0px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.tBlockOne>div {
    width: 317px;
    height: 550px;
    overflow: visible;
}

.tBlockOne .btn-c {
    border-radius: 0 0 5px 5px;
    background: #fff;
    display: block;
    padding: 10px 24px 20px;
    padding-bottom: 25px;
}
.block-forshab .tBlockOne .btn-c {
    padding-top: 7px;
    padding-bottom: 25px;
}

.contactForm {
    background: none;
    margin: 0 0 120px;
    height: auto;
}
.contactForm.contactForm--two {
    margin-bottom: 28px;
}
.contactForm .content {
    background: #F2A812 url(/img/new-design/bg_yellow.jpg) no-repeat 100% 100%;
    background-size: 100% auto;
    border-radius: 8px;
    padding: 0;
    margin-top: 60px
}
.contactForm--two .content {
    margin-top: 50px;
}
.contactForm .h {
    font-size: 44px;
    letter-spacing: -0.9px;
    padding: 0 0 5px;
}

.contactForm .p {
    font-size: 16px;
    line-height: 24px;
    max-width: 430px;
    letter-spacing: -0.3px;
    margin: 0 0 41px;
}

.contactForm input {
    width: 446px;
    height: 44px;
    text-transform: none;
    margin-right: 7px;
    font: 14px/1 'Manrope', sans-serif;
}

.contactForm input::placeholder {
    color: #8A8783;
}

.contactForm .button {
    background: #000;
    color: #fff;
    width: auto;
    height: auto;
    margin-top: 16px;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.1px;
    text-align: left;
    padding: 16px 32px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin-right: 0px;
}

.contactForm .button:hover {
    background: #000;
    opacity: 0.9;
}

.contactForm .flex {
    display: flex;
}

.contactForm .confid {
    font-size: 14px;
    margin: 23px 0 0 15px;
}

.contactForm .confid a {
    color: #000;
}
.contactForm .h {
    width: 100%;
}

.contactForm .p {
    max-width: 100%;
    width: 100%;
}

.contactForm .p p {
    max-width: 430px;
    margin: 0;
}

.contactForm .body_form input[type="text"], .contactForm .body_form input[type="tel"] {
    width: calc(50% - 6px);
    height: 44px;
    margin: 0;
}

.contactForm .body_form input[type="text"] {
    margin-right: 7px;
}

.contactForm .popupcard-form__policy {
    color: #000;
    width: calc(100% - 218px - 16px);
}

.contactForm .popupcard-form__policy a {
    color: #000;
}
.compare .content {
    position: relative;
}

.compare-vert-text1,
.compare-vert-text2 {
    font-size: 16px;
    transform: rotate(-90deg);
    color: #fff;
    letter-spacing: -0.3px;
}

.compare-vert-text1 {
    position: absolute;
    top: 318px;
    left: -53px;
}

.compare-vert-text2 {
    position: absolute;

}
.compare-vert-text2 span:first-child {
    position: absolute;
    right: 275px;
    top: 41px;
}
.compare-vert-text2 span:last-child {
    position: absolute;
    right: 105px;
    top: 41px;
}
.compare-title {
    text-align: center;
    color: #fff;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.compare-title,
.compareModels>.modelsLine>.modelBlock {
    display: block;
    width: 304px;
    margin: 6px 0 10px 16px;
}


.compareModels>.modelsLine>.modelBlock:nth-child(1),
.compare-title:nth-child(1) {
    width: 264px;
}
.compare-title:first-of-type, 
.compareModels>.modelsLine>.modelBlock:first-of-type {
    margin-left: 0;
}

.compareModels>.modelsLine>.modelBlock>img {
    width: auto;
    height: auto;
}


.compare-title .h {
    font-size: 20px;
    font-weight: 700;
    padding: 6px 0 9px;
    text-align: left;
}

.compare-title .p {
    font-size: 14px;
    text-align: left;
    line-height: 20px;
}


#hhbutton {
    background: #C78C14;
    color: #FFF;
    padding: 12px 18px;
    height: auto;
    width: 250px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}

#hhbutton:hover {
    background: #a57108;
}
.block-truckves {
   padding: 126px 0 32px;
}
.block-truckves .tBlockOne {
    margin-top: 46px;
}
.block-forshab .tBlockOne {
    margin-top: 46px;
}
.block-truckves .tBlockOne > div > span > .tBlockHatNoStand, .block-forshab .tBlockOne > div > span > .tBlockHat {
    background: #fff;
    border-radius: 7px 7px 0 0;
    width: auto;
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    padding: 24px 22px 10px;
    color: #000;
}
.block-forshab .tBlockOne > div > span > .tBlockHat {

}
.block-truckves .tBlockOnePrice img {
    top: -10px;
}
.tBlockOne > div {
    height: auto;
}
.block-truckves .tBlockOne .btn-c {
    padding-top: 10px;
}
.block-tables .new-title {
    margin-bottom: 45px;
}   
.block-tables .tBlockOne > div > span > .tBlockOneModel > span.name {
    color: #000;
}
.block-tables .tBlockOne > div > span > .tBlockOnePhoto {
    height: 260px;
    overflow: hidden;
}
.block-tables .tBlockOne .btn-c {
    padding-top: 7px;
}
.block-tables .tBlockOne > div > span .tBlockOnePrice > span.oldPrice {
    padding-top: 18px;
}
.block-tables .tBlockOnePrice img {
    top: -23px;
}
.block-tables .btn_order {
    margin-top: 0;
}
.contactForm .h1 {
    font-size: 32px; 
    letter-spacing: -0.64px;
    padding-bottom: 33px;
}

.why .row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.why .row > div {
    background: linear-gradient(238.72deg, #3C3C3C -4.68%, #2C2C2C 91.88%);
    border-radius: 8px;
    height: 251px;
    width: calc(100%/4 - 12px);
    position: relative;
}
.why .row > div:last-child {
    margin-right: 0;
}
.why .row > div .arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 48px;
    height: 48px;
    display: block;
    background: #F2A812;
    border-radius: 0 0 8px 0;
    padding: 0;
}
.why .row > div.yellow-bg {
    background: #F2A812;
}
#reviews {
    position: relative;
    margin-top: 56px;
    margin-bottom: 68px;
}
#reviews * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#reviews .slick-prev, #reviews .slick-next {
    background: url(../img/new-design/arrow-left-white.svg) no-repeat 0 0;
    width: 18px;
    height: 35px;
    border: none;
    color: transparent;
    position: absolute;
    cursor: pointer;
    top: 193px;
}

#reviews .slick-prev {
    transform: rotate(180deg);
    left: -55px;
  }
#reviews .slick-next {
    left: auto;
    right: -55px;
}
.review {
    background: linear-gradient(238.72deg, #3C3C3C -4.68%, #2C2C2C 91.88%);
    border-radius: 8px;    
    padding: 32px;
    color: #fff;
    min-height: 420px;
/*    min-height: 350px;*/
    position: relative;
}
#reviews .slick-list {
    margin: 0 -10px;
}
#reviews .slick-slide {
    margin: 0 10px;
}
.review .left {
    display: flex;
    align-items: start;
}
.review .nameandcity span {
    display: block;
}
@font-face {
    font-family: 'Bebas Neue';
    src: local('Bebas Neue Regular'), local('BebasNeueRegular'), 
    url('../fonts/bebasneueregular.woff2') format('woff2'), 
    url('../fonts/bebasneueregular.woff') format('woff'), 
    url('../fonts/bebasneueregular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
.review .nameandcity .name {
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Bebas Neue', sans-serif;
}
.review .city {
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Bebas Neue', sans-serif;
    color: #636363;
    position: absolute;
    left: 32px;
    bottom: 36px;
}
.review .nameandcity .model {
    font-size: 14px;
    color: #B3B3B3;
}
.review .top img {
    border-radius: 50%;
    margin-right: 17px;
}
.review .bottom {
    margin-top: 24px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.review .bottom .right {
    display: none;
}



/* --- REVIEWS FIXES --- */

#reviews .slick-track {
	display: flex;
}

#reviews .slick-slide {
	height: auto;
}

#reviews .review {
	height: 100%;
	min-height: auto;
	padding: 32px 32px 60px;
	word-break: break-word;
}

.slick-slide div:first-child:not(.review):not(.top):not(.left) {
	height: 100%;
}

.review .city {
    bottom: 24px;
}



@media (max-width: 767px) {
	
    #reviews .review {
        height: auto;
		padding: 32px;
    }
	
}

/* */



.b-about {
    background: linear-gradient(238.72deg, #3C3C3C -4.68%, #2C2C2C 91.88%);
    padding: 20px 0 1px;
}
.b-about .new-title {
    margin-bottom: 46px;
}
.b-about-text p.text {
    color: #fff;
    font-size: 16px;
    margin: 0 0 25px;
    line-height: 1.5;
    letter-spacing: -0.3px;
}
.b-about-text img {
    float: right;  
    margin-left:60px;
    border-radius: 8px;
}
.regVsSmartService > div > div.service-center-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
}
.service-center-list > div {
    width: calc(33.3% - 15px);
    background: linear-gradient(238.72deg, #3C3C3C -4.68%, #2C2C2C 91.88%);
    border-radius: 8px;
    color: #fff;
    margin: 0 15px 15px 0;
    min-height: 252px;
    box-sizing: border-box;
    padding: 24px;
    position: relative;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.3px; 
}
.service-center-list > div:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(/img/new-design/ok.png) no-repeat 100% 100%;
}
.service-center-list > div p {
    margin: 0;
}
.service-center-list > div p:not(:last-child) {
    margin-bottom: 25px;
}
.regVsSmartService .new-title {
    margin-bottom: 45px;
}
.contacts-text {
    color: #fff;
    margin: 0 0 41px;
    letter-spacing: -0.3px;
}
.contacts-info {
    display: flex;
    background: linear-gradient(238.72deg, #3C3C3C -4.68%, #2C2C2C 91.88%);
    border-radius: 8px;
    padding: 32px 40px;
    margin: 0 0 40px;
}
.contacts-info-phone {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 44px;
    line-height: 56px;
    letter-spacing: -0.9px;
    color: #fff;
    text-decoration: none;
    margin-right: 182px;
}
.contacts-info-right {
    color: #fff;
    letter-spacing: -0.3px;
}
.contacts-info-right a {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    letter-spacing: -0.5px;
    display: inline-block;
    margin-bottom: 5px;
}
.map-section {
    color: #fff;
    margin-right: 40px;
}
.map-container {
    display: flex;
}
.map-section-title {
    min-height: 50px;
    margin-bottom: 24px;
}
.map-section .map-section-title span {
    letter-spacing: -0.3px;
}
.map-section .b {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 5px;
}
.map-section-frame {
    border-radius: 8px;
    overflow: hidden;
    margin: 0;
}
.contactForm-after-map .h {
    font-size: 32px;
    margin: 0 0 30px;
}
.footer {
    background: linear-gradient(238.72deg, #3C3C3C -4.68%, #2C2C2C 91.88%);
    color: #fff;
    padding: 40px 0 40px;
}
.footer-row {
    display: flex;
    margin-bottom: 25px;
}
.footer-row p {
    margin: 0;
}
.footer-text-right p:first-child {
    margin-bottom: 4px;
}
.footer-text {
    width: 670px;
    flex: 0 0 670px;
    font-size: 14px;
}
.footer-text a {
    color: #F2A812;
    text-decoration: none;
}
.footer-text-title {
    font-size: 24px;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
}
.footer-text-right {
    font-size: 14px;
    line-height: 20px;
}
.footer-text-right .btn {
    margin: 16px 0;
    text-decoration: none;
}
#topLogo {
    /*width: 120px;*/
}
/*LOADER для кнопок после отправки письма*/
.loader {
    width: 160px;
    height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.dot {
    width: 24px;
    height: 24px;
    background: #fbc144;
    border-radius: 100%;
    display: inline-block;
    animation: slide 1s infinite;
}
.dot:nth-child(1) {
    animation-delay: 0.1s;
    background: #32c144;
}
.dot:nth-child(2) {
    animation-delay: 0.2s;
    background: #64c144;
}
.dot:nth-child(3) {
    animation-delay: 0.3s;
    background: #96c144;
}
.dot:nth-child(4) {
    animation-delay: 0.4s;
    background: #c8c144;
}
.dot:nth-child(5) {
    animation-delay: 0.5s;
    background: #fac144;
}
@-moz-keyframes slide {
    0% {
      transform: scale(1);
  }
  50% {
      opacity: 0.3;
      transform: scale(2);
  }
  100% {
      transform: scale(1);
  }
}
@-webkit-keyframes slide {
    0% {
      transform: scale(1);
  }
  50% {
      opacity: 0.3;
      transform: scale(2);
  }
  100% {
      transform: scale(1);
  }
}
@-o-keyframes slide {
    0% {
      transform: scale(1);
  }
  50% {
      opacity: 0.3;
      transform: scale(2);
  }
  100% {
      transform: scale(1);
  }
}
@keyframes slide {
    0% {
      transform: scale(1);
  }
  50% {
      opacity: 0.3;
      transform: scale(2);
  }
  100% {
      transform: scale(1);
  }
}

.is-submit .loader {
    display: flex!important;
    justify-content: center;
    align-items: center;
}
.form-invalid ~ .b-form-submit.is-submit .loader {
    display: none !important;
}
.form-invalid ~ .b-form-submit [type="submit"] + .manual_popup,
.form-invalid ~ .b-form-submit [type="submit"] {
    display: block !important;
}
.b-form-submit {
    position: relative;
}
.contactForm .b-form-submit {
    width: fit-content;
}
.is-submit input[type='submit'] {
    display: none!important;
}

.lblock .is-tel-form .loader {
    margin: auto;
    position: relative;
    height: 60px;
}
.popupcard .is-tel-form .loader {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*END LOADER*/
.popupcard .body_form,
.popupcardNOStand .body_form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.popupcard .body_form input,
.popupcardNOStand .body_form input {
    text-transform: none;
}
.popupcard .body_form input[type='submit'].sord,
.popupcardNOStand .body_form input[type='submit'].sord {
    width: 256px;
}

.popupcard .body_form > * {
    margin-right: auto;
}

.popupcard .b-form-submit,
.popupcardNOStand .b-form-submit {
    margin-top: 16px;
    margin-right: 0;
}

.popupcard .body_form .loader {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.popupcard .body_form p:not(.popupcard-form__policy) {
    display: none;
}
p.thx_text {
    display: none;
    color: #fff;
    font-size: 22px;
    width: 100%;
    margin: 7px 0;
}
.contactForm p.thx_text  {
    color: #000;
}
.home-form p.thx_text {
    margin-bottom: 99px;
}
.popupcard .body_form .loader,
.popupcardNOStand .body_form .loader,
.contactForm .body_form .loader {
    width: 256px;
    height: 50px;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
}
.contactForm .body_form .loader {
    margin-top: 16px;
    width: 218px;
}
.home-form .body_form .loader {
    height: 55px;
    position: relative;
}
.popupcard-form__policy {
    width: calc(100% - 256px - 16px);
    margin: 0;
    margin-top: 16px;
    margin-left: 16px;
    color: #fff;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.popupcard-form__policy a {
    color: #F2A812;
}
.popupcard .body_form input[type="text"],
.popupcard .body_form input[type="tel"],
.popupcardNOStand .body_form input[type="text"],
.popupcardNOStand .body_form input[type="tel"] {
    width: calc(50% - 6px);
    height: 44px;
}

.popupcard .body_form input[type="text"],
.popupcardNOStand .body_form input[type="text"] {
    margin-right: 12px;
}

.popupcard .body_form input[type="tel"],
.popupcardNOStand .body_form input[type="tel"] {
    margin-right: 0;
}
.cardblock-switch {
    margin-bottom: 20px;
}
.cardblock-switch__inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 12px;
}
.cardblock-switch .sPhotoBlock {
    width: calc(100%/3 - 12px);
    text-align: center;
}
.cardblock-switch .cardblock-switch__inner span {
    display: block;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #818181;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.36px;
    cursor: pointer;
}
.cardblock-switch .cardblock-switch__inner span.active {
    background: #F2A812;
    border-color: #F2A812;
}
.cardblock-switch .cardblock-switch__inner span:hover {
    border-color: #F2A812;
}
/*
 * disable auto-zoom on iphone input field focus 
 * http://www.456bereastreet.com/archive/201212/ios_webkit_browsers_and_auto-zooming_form_controls/
*/
input[type='text']:focus,
input[type='number']:focus,
textarea:focus {
    font-size: 16px;
}

/* disable auto-zoom on iphone input field focus */
@media screen and (-webkit-min-device-pixel-ratio:0) {

    select:focus,
    textarea:focus,
    input:focus {
        font-size: 16px;
    }
}

/*WHOLESALE*/

/*INPUT RANGE*/
input[type=range].styled-slider {
  height: 20px;
  -webkit-appearance: none;
}

/*progress support*/
input[type=range].styled-slider.slider-progress {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--value) - var(--min)) / var(--range));
  --sx: calc(0.5 * 20px + var(--ratio) * (100% - 20px));
}

input[type=range].styled-slider:focus {
  outline: none;
}

/*webkit*/
input[type=range].styled-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 44px;
  background: #fff;
  border: 6px solid #F2A812;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.16);
  margin-top: calc(6px * 0.5 - max(20px * 0.5,6px));
}

input[type=range].styled-slider::-webkit-slider-runnable-track {
  height: 6px;
  border: none;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: none;
}

input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
  background: linear-gradient(#F2A812,#F2A812) 0/var(--sx) 100% no-repeat, rgba(0, 0, 0, 0.1);
}

/*mozilla*/
input[type=range].styled-slider::-moz-range-thumb {
  width: max(calc(20px - 6px - 6px),0px);
  height: max(calc(20px - 6px - 6px),0px);
  border-radius: 44px;
  background: #fff;
  border: 6px solid #F2A812;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.16);
}

input[type=range].styled-slider::-moz-range-track {
  height: 6px;
  border: none;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: none;
}

input[type=range].styled-slider.slider-progress::-moz-range-track {
  background: linear-gradient(#F2A812,#F2A812) 0/var(--sx) 100% no-repeat, rgba(0, 0, 0, 0.1);
}

/*ms*/
input[type=range].styled-slider::-ms-fill-upper {
  background: transparent;
  border-color: transparent;
}

input[type=range].styled-slider::-ms-fill-lower {
  background: transparent;
  border-color: transparent;
}

input[type=range].styled-slider::-ms-thumb {
  width: 20px;
  height: 20px;
  border-radius: 44px;
  background: #fff;
  border: 6px solid #F2A812;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.16);
  margin-top: 0;
  box-sizing: border-box;
}

input[type=range].styled-slider::-ms-track {
  height: 6px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1);
  border: none;
  box-shadow: none;
  box-sizing: border-box;
}

input[type=range].styled-slider.slider-progress::-ms-fill-lower {
  height: 6px;
  border-radius: 4px 0 0 4px;
  margin: -undefined 0 -undefined -undefined;
  background: #F2A812;
  border: none;
  border-right-width: 0;
}


.wholesale {
    background: #F2A812 url(/img/new-design/wholesale_bg.png) no-repeat 100% 100%;
}
.wholesale * {
    box-sizing: border-box;
}
.personal_discount {
    display: none;
}
.wholesale .content {
    padding: 80px 0;
}

.wholesale .title {
    font-style: normal;
    font-weight: 400;
    font-size: 44px;
    line-height: 56px;
    letter-spacing: -0.02em;
    color: #3C3C3C;
}

.wholesale__block--text {
    margin-top: 24px;
}

.wholesale__block--text p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    margin: 0;
    color: #3C3C3C;
}

ul.product_option {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

ul.product_option li {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #3C3C3C;
    padding: 7px 12px;
    border: 1px solid #3C3C3C;
    border-radius: 4px;
}

ul.product_features {
    padding: 0;
    margin: 0;
    margin-top: 24px;
    list-style: none;
    margin-bottom: 20px;
}

ul.product_features li {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    padding-left: 40px;
    margin-bottom: 12px;
    color: #3C3C3C;
}
ul.product_features li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS43NzYyIDAuMDgwODI1NkwxMi41MDk5IDEuMTM3OTdDMTIuMTc4NyAxLjI0NTk3IDExLjgyMTIgMS4yNDU5NyAxMS40OTEyIDEuMTM3OTdMOC4yMjQ5NSAwLjA4MDgyNTZDNy40NTIxOSAtMC4xNjg3NjIgNi42MTEwMyAwLjE3OTIyMSA2LjI0MjY1IDAuOTAxNTg0TDQuNjgwMzMgMy45NTkwM0M0LjUyMTkzIDQuMjY5ODEgNC4yNjk5NSA0LjUyMTggMy45NTkxNiA0LjY4MDE5TDAuOTAyOTE4IDYuMjQxMzFDMC4xNzkzNTUgNi42MTA4OSAtMC4xNjg2MjggNy40NTIwNSAwLjA4MDk1OTUgOC4yMjQ4MUwxLjEzODExIDExLjQ4OThDMS4yNDQ5IDExLjgyMSAxLjI0NDkgMTIuMTc3NCAxLjEzODExIDEyLjUwODZMMC4wODA5NTk1IDE1Ljc3NDhDLTAuMTY5ODI4IDE2LjU0NzYgMC4xNzgxNTUgMTcuMzg3NSAwLjkwMTcxOCAxNy43NTcxTDMuOTU5MTYgMTkuMzE5NUM0LjI2OTk1IDE5LjQ3NzggNC41MjE5MyAxOS43MzEgNC42ODAzMyAyMC4wNDA2TDYuMjQxNDUgMjMuMDk4MUM2LjYxMTAzIDIzLjgyMDQgNy40NTA5OSAyNC4xNjk2IDguMjIzNzUgMjMuOTE4OEwxMS40OSAyMi44NjE3QzExLjgyMTIgMjIuNzU0OSAxMi4xNzc1IDIyLjc1NDkgMTIuNTA4NyAyMi44NjE3TDE1Ljc3NSAyMy45MTg4QzE2LjU0NzcgMjQuMTY5NiAxNy4zODc3IDIzLjgyMTYgMTcuNzU3MyAyMy4wOTgxTDE5LjMxOTYgMjAuMDQwNkMxOS40NzggMTkuNzI5OCAxOS43MzEyIDE5LjQ3NzggMjAuMDQwNyAxOS4zMTk1TDIzLjA5ODIgMTcuNzU4M0MyMy44MjA2IDE3LjM4ODcgMjQuMTY5NyAxNi41NDg4IDIzLjkxODkgMTUuNzc2TDIyLjg2MTggMTIuNTA5OEMyMi43NTUgMTIuMTc4NiAyMi43NTUgMTEuODIyMiAyMi44NjE4IDExLjQ5MUwyMy45MDU4IDguMjY1NjFDMjQuMTYzNyA3LjQ2ODg1IDIzLjgwNSA2LjYwMjQ5IDIzLjA1OTggNi4yMjIxMUwyMC4wNDA3IDQuNjgwMTlDMTkuNzMgNC41MjE4IDE5LjQ3OCA0LjI2ODYxIDE5LjMxOTYgMy45NTkwM0wxNy43NTg1IDAuOTAxNTg0QzE3LjM4ODkgMC4xNzkyMjEgMTYuNTQ4OSAtMC4xNjk5NjIgMTUuNzc2MiAwLjA4MDgyNTZaTTE2LjU0NjggOS45MTI1M0MxNi44MzAxIDkuNjEwMzQgMTYuODE0OCA5LjEzNTcyIDE2LjUxMjYgOC44NTI0MkMxNi4yMTA0IDguNTY5MTIgMTUuNzM1OCA4LjU4NDQzIDE1LjQ1MjUgOC44ODY2MUwxMC40OTk2IDE0LjE2OTdMNy43NDY3OSAxMS4yMzMzQzcuNDYzNDkgMTAuOTMxMSA2Ljk4ODg2IDEwLjkxNTggNi42ODY2OCAxMS4xOTkxQzYuMzg0NDkgMTEuNDgyNCA2LjM2OTE4IDExLjk1NyA2LjY1MjQ4IDEyLjI1OTJMOS45NTI0OCAxNS43NzkyQzEwLjA5NDMgMTUuOTMwNCAxMC4yOTIzIDE2LjAxNjIgMTAuNDk5NiAxNi4wMTYyQzEwLjcwNjkgMTYuMDE2MiAxMC45MDUgMTUuOTMwNCAxMS4wNDY4IDE1Ljc3OTJMMTYuNTQ2OCA5LjkxMjUzWiIgZmlsbD0iIzNDM0MzQyIvPgo8L3N2Zz4K");
}

ul.product_features li:last-child {
    margin-bottom: 0;
}
ul.product_features ~ p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #3C3C3C;
    letter-spacing: 0;
}
.wholesale__block.wholesale__block--form {
    background: #FFFFFF;
    border-radius: 8px;
    width: 400px;
    flex-shrink: 0;
    margin-left: 80px;
    padding: 24px;
}

.wholesale__wrapper {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
}
.wholesale_form p {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #3C3C3C;
    margin: 0;
    margin-bottom: 12px;
}

.range__wrapper {
    position: relative;
    padding-top: 19px;
}

.range__wrapper span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #969696;
}

.range__wrapper span:first-child {
    position: absolute;
    left: 0;
    top: 0px;
}

.range__wrapper span:last-child {
    position: absolute;
    top: 0;
    right: 0;
}

.range__wrapper input {
    padding: 0;
    width: 100%;
    border: none;
}

.range_text__wrapper {
    display: flex;
    align-items: center;
    margin-top: 4px;
    margin-bottom: 24px;
}

.range_text__wrapper input {
    border: 1px solid #E7E7E7;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #333333;
    padding: 12px;
    height: 44px;
    width: 100%;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.range_text__wrapper label {
    background: rgba(0, 0, 0, 0.1);
    padding: 12px 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #3C3C3C;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.range_text__wrapper input[type='number']:focus {
    font-size: 14px;
}

.range_text__wrapper ~ p {
    letter-spacing: 0;
}
.discount_block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(97.81deg, #B7AF0B 1.91%, #E8DE0E 103.95%);
    border-radius: 4px;
    padding: 12px 16px;
    margin-bottom: 24px;
}

.discount_block p {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
    max-height: 56px;
}

.discount_block p.pr_discount {
    font-size: 24px;
    line-height: 56px;
}

.discount_block p.pr_discount span {
    font-size: 44px;
    margin-left: 7px;
}

.discount_block p.personal_discount {
    position: absolute;
    right: 8px;
    bottom: -8px;
    padding: 4px 28px 4px 8px;
    background: #C78C14;
    border-radius: 44px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
}

.discount_block p.personal_discount:after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTk5MTYgOS44NDUyOEw4LjY3MzE2IDExLjI1MDZDOS4xOTM4MyAxMS41MjM5IDkuODAxODMgMTEuMDgxOSA5LjcwMjUgMTAuNTAyNkw5LjE5MTgzIDcuNTI1MjhMMTEuMzU1OCA1LjQxNzk1QzExLjc3NzIgNS4wMDcyOCAxMS41NDUyIDQuMjkxOTUgMTAuOTYyNSA0LjIwNzI4TDcuOTczMTYgMy43NzI2MUw2LjYzNjUgMS4wNjI2MUM2LjM3NjUgMC41MzUyODEgNS42MjM4MyAwLjUzNTI4MSA1LjM2MzgzIDEuMDYyNjFMNC4wMjY1IDMuNzcyNjFMMS4wMzcxNiA0LjIwNzI4QzAuNDU1MTYzIDQuMjkxOTUgMC4yMjI0OTYgNS4wMDcyOCAwLjY0MzgzIDUuNDE3OTVMMi44MDc4MyA3LjUyNTI4TDIuMjk3MTYgMTAuNTAyNkMyLjE5NzgzIDExLjA4MTkgMi44MDU4MyAxMS41MjQ2IDMuMzI2NSAxMS4yNTA2TDUuOTk5MTYgOS44NDUyOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
    width: 11px;
    height: 11px;
    top: 6px;
    right: 11px;
}

.btn--discount {
    display: inline-block;
    color: #ffffff;
    cursor: pointer;
    vertical-align: top;
    background: #000000;
    border-radius: 4px;
    border: none;
    padding: 16px;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
}

.btn--discount:hover {
    opacity: 0.9;
}

.wholesale__special {
    position: relative;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 24px;
    padding-left: 96px;
    display: flex;
    align-items: center;
}

.wholesale__special p {
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #3C3C3C;
    margin-right: 24px;
}

.wholesale__special:before {
    content: '';
    position: absolute;
    top: 30px;
    left: 28px;
    width: 42px;
    height: 38px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA0MiAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMjdIMTEiIHN0cm9rZT0iIzNDM0MzQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjMgMzNINUMyLjc5IDMzIDEgMzEuMjEgMSAyOVYxMC4xMzhDMSA5LjU5OCAxLjExIDkuMDYyIDEuMzIyIDguNTY2TDMuNTE4IDMuNDI4QzQuMTQ4IDEuOTU2IDUuNTk0IDEgNy4xOTYgMUgyNi44MDRDMjguNDA2IDEgMjkuODUyIDEuOTU2IDMwLjQ4MiAzLjQyOEwzMi42NzggOC41NjZDMzIuODkgOS4wNjQgMzMgOS41OTggMzMgMTAuMTM4VjE3LjIiIHN0cm9rZT0iIzNDM0MzQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTcgMVY5Ljg4IiBzdHJva2U9IiMzQzNDM0MiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMyLjk4IDkuODc5ODhIMSIgc3Ryb2tlPSIjM0MzQzNDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zOC4wNzExIDE5LjkyODlDNDEuOTc2MyAyMy44MzQyIDQxLjk3NjMgMzAuMTY1OCAzOC4wNzExIDM0LjA3MTFDMzQuMTY1OCAzNy45NzYzIDI3LjgzNDIgMzcuOTc2MyAyMy45Mjg5IDM0LjA3MTFDMjAuMDIzNyAzMC4xNjU4IDIwLjAyMzcgMjMuODM0MiAyMy45Mjg5IDE5LjkyODlDMjcuODM0MiAxNi4wMjM3IDM0LjE2NTggMTYuMDIzNyAzOC4wNzExIDE5LjkyODkiIHN0cm9rZT0iIzNDM0MzQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzEgMjNWMzEiIHN0cm9rZT0iIzNDM0MzQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzUgMjdIMjciIHN0cm9rZT0iIzNDM0MzQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.btn--spesial {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    background: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    color: #3C3C3C;
    border: 1px solid #3C3C3C;
    border-radius: 4px;
    padding: 12px 18px;
}

.btn--spesial:hover {
    background: #C78C14;
    border-color: #C78C14;
    color: #fff;
}

.popupcard.pp_wholesale 
 .cardblock {
    width: 600px;
    box-sizing: border-box;
}


.pp_wholesale__wrapper > p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}

.pp_wholesale__wrapper .pp_wholesale__title {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 12px;
}

.pp_wholesale__wrapper .pp_wholesale__title + p {
    margin-bottom: 32px;
}

.pp_wholesale__wrapper .pp_wholesale__title + p + p {
    font-weight: 700;
    margin-bottom: 12px;
}

.pp_wholesale__wrapper .discount_block {
    margin-bottom: 32px;
}

.popupcard .pp_wholesale__wrapper .b-form-submit {
    width: 100%;
}

.popupcard .pp_wholesale__wrapper .body_form input[type='submit'].sord {
    width: 100%;
}

.pp_wholesale__wrapper .popupcard-form__policy {
    width: 100%;
}

.popupcard .pp_wholesale__wrapper .body_form .loader {
    width: 100%;
}
.tBlockFlex {
    display: flex;
    background: #fff;
    position: relative;
    padding-top: 15px;
    margin-bottom: -1px;
    align-items: /*flex-start*/flex-end;
}
.tBlockFlex .tBlockOnePrice {
    position: static;
}
.tBlockFlex .info, .bottomLineFlex .info {
    display: none;
    position: absolute;
    background: #f6f5f5;
    color: #3C3C3C;
    margin-top: 0;
    z-index: 100;
    padding: 10px;
    margin-left: 10px;
    margin-top: 20px;
    width: 285px;
    border-radius: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    right: -110px;
    line-height: 1.45;
}
.tBlockPromo {
    margin-top: 17px;
    margin-right: 24px;
    flex: 0 0 120px;
    background: #E73938;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 5px 10px;
    color: #fff;
    font-size: 11px;
    border: none !important
}
.block-forshab .tBlockPromo {
    margin-bottom: 5px;
}
.tBlockPromo .price {
    font-weight: 600;
    font-size: 16px;
    display: block;
    margin-bottom: 3px;
}
.info-icon {
    display: inline-block;
    background: url(/img/info.svg) no-repeat 0 0;
    width: 18px;
    height: 16px;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 5px;
}
.info-icon:hover + .info {
    display: block;
}
.tBlockPromo .info:after, .bottomLineFlex .info:after {
    content: "";
    position: absolute;
    left: calc(50% - 10px);
    top: -18px;
    border: 10px solid transparent;
    border-bottom: 10px solid #f6f5f5;
}
.bottomLineFlex .info {
    right: -83px;
    margin-top: 150px;
}
@media(max-width: 1200px) {
    .tBlockFlex .info {
        right: -20px;
    }
    .tBlockPromo .info:after {
        left: 76%;
    }
}
@media(max-width: 1024px) {
    .bottomLineFlex .info {
        right: 40px;
    }
    .bottomLineFlex .info:after {
        left: 86%;
    }

    .popupcard > .cardblock .bottomLineFlex .promo, .popupcardNOStand > .cardblock .bottomLineFlex .promo {
        font-size: 14px;
    }
    .tBlockOne > div > span > .tBlockOnePrice {
        padding-bottom: 0 !important;
        padding-top: 4px !important;
    }

}
@media(max-width: 767px) {
    .tBlockOne>div>span .tBlockOnePrice>span {
        margin-left: 15px;
    }
    .tBlockOne > div > span .tBlockOnePrice > span.oldPrice {
        font-size: 12px;
    }
    .tBlockOne>div>span .tBlockOnePrice>span {
        font-size: 20px;
    }
    .tBlockPromo {
        margin-top: 15px;
        /*margin-right: 67px;*/
        margin-right: 15px;
        margin-bottom: 5px;
    }
    .tBlockPromo .price {
        line-height: 1;
        margin-bottom: 0;
    }
    .tBlockFlex {
        margin-bottom: -6px;
    }
    .tBlockOne .btn_order {
        position: relative;
    }
    .popupcard > .cardblock .bottomLineFlex, .popupcardNOStand > .cardblock .bottomLineFlex {
        flex-wrap: wrap;
        /*margin-right: 10px;*/
    }
    .popupcard > .cardblock .bottomLineFlex .prices, .popupcardNOStand > .cardblock .bottomLineFlex .prices {
        margin-bottom: 4px;
    }
    .popupcard > .cardblock .bottomLineFlex .prices, .popupcard > .cardblock .bottomLineFlex .promo, 
    .popupcardNOStand > .cardblock .bottomLineFlex .prices, .popupcardNOStand > .cardblock .bottomLineFlex .promo {
        flex: 0 0 100%;
    }
    .popupcard > .cardblock > .bottomLine, .popupcardNOStand > .cardblock > .bottomLine {
        padding-left: 10px;
    }
    .popupcard > .cardblock .bottomLineFlex .prices .line, .popupcardNOStand > .cardblock .bottomLineFlex .prices .line {
        font-size: 32px;
    }
    .popupcard > .cardblock .bottomLineFlex .promo, .popupcardNOStand > .cardblock .bottomLineFlex .promo {
        font-size: 12px;
    }
    .popupcard > .cardblock .bottomLineFlex .promo .price, .popupcardNOStand > .cardblock .bottomLineFlex .promo .price {
        border-right: none;
        width: 100%;
        display: block;
        margin-bottom: 2px;
    }
    .popupcard > .cardblock .bottomLineFlex .info-icon,  .popupcardNOStand > .cardblock .bottomLineFlex .info-icon {
        float: none;
        display: inline-block;
        margin: 0 0 0 5px;
    }
    .bottomLineFlex .info {
        right: auto;
        left: 34px;
    }
    .bottomLineFlex .info:after {
        left: 75%;
    }
    .tBlockFlex .info {
        display: none !important;
    }
    .popupcard > .cardblock .bottomLineFlex .promo, .popupcardNOStand > .cardblock .bottomLineFlex .promo {
        display: block;
    }
    .bottomLineFlex .info {
        margin-top: 10px;
    }
}
 .popupcardNOStand > .cardblock .bottomLineFlex { 
    margin-top: 15px;
}
.headertop {
    background: #242424;
    color: #fff;
    font-size: 12px;
}
.headertop .container {
    max-width: 982px;
    margin: 0 auto;
    padding: 9px 15px;
}
.headertop .phone {
    float: right;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.5px;
}
.headertop .email {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    margin-right: 12px;
    letter-spacing: 0.3px;
}
@media(max-width: 767px) {
    .headertop {
        display: none;
    }
    .mobile-nav-toggle--open  {
        background: url(/img/close.svg) no-repeat 0 0;
        width: 22px;
        border: none;
        left: 20px !important;
    }
    .mobile-nav-toggle--open > span {
        display: none !important;
    }
    .mobile-menu li:nth-child(1) {
        padding-bottom: 4px;
    }
 
}
.about-prices {
    display: none;
}
.no-sale .tBlockOne > div > span .tBlockOnePrice > span.oldPrice {
    /*color: #000;
    font-size: 24px;
    text-decoration: none;
    margin-top: 8px;*/
    display: none;
}/*
.no-sale .tBlockOne>div>span .tBlockOnePrice>span:nth-child(2) {
    display: none;
}*/
.no-sale .tBlockPromo {
    margin-left: 25px;
    margin-right:25px;
    flex: 1 0 calc(100% - 50px);
    text-align: center;
     
}
.no-sale .tBlockOne > div > span .tBlockOnePrice {
    height: 43px;
    display: none !important;
}
.no-sale .popupcard > .cardblock .bottomLineFlex .prices .red, .no-sale .popupcardNOStand > .cardblock .bottomLineFlex .prices .red {
    /*font-size: 24px;
    color: #fff;
    text-decoration: none;*/
    display: none !important;
}/*
.no-sale .popupcard > .cardblock .bottomLineFlex .prices .line, .no-sale .popupcardNOStand > .cardblock .bottomLineFlex .prices .line {
    display: none !important;
}*/
.no-sale .popupcard > .cardblock .bottomLineFlex, .no-sale .popupcardNOStand > .cardblock .bottomLineFlex {
    align-items: center;
}
.no-sale .popupcard > .cardblock .bottomLineFlex .prices .line, .no-sale .popupcardNOStand > .cardblock .bottomLineFlex .prices .line {
    display: none !important
}
.no-sale .popupcard > .cardblock .bottomLineFlex .promo, .no-sale .popupcardNOStand > .cardblock .bottomLineFlex .promo {
    flex: 1 0 100%;
}
.no-sale .popupcard > .cardblock .bottomLineFlex .prices, .no-sale .popupcardNOStand > .cardblock .bottomLineFlex .prices {
    display: none !important
}
.no-sale .about-prices {
    background: #E73938;
    padding: 6px 10px 8px;
    color: #fff;
    text-align: center;
    display: block;
    max-width: 1080px;
    margin: 15px auto 0;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 21px;
}