@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap&subset=cyrillic');
/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */

 .slicknav_btn,
 .slicknav_nav .slicknav_item {
     cursor: pointer
 }
 
 .slicknav_menu,
 .slicknav_menu * {
     box-sizing: border-box
 }
 
 .slicknav_btn {
     position: relative;
     display: block;
     float: right;
     padding: .438em .625em;
     line-height: 1.125em
 }
 
 .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
     margin-top: .188em
 }
 
 .slicknav_menu .slicknav_menutxt {
     display: block;
     line-height: 1.188em;
     float: left;
     color: #fff;
     font-weight: 700;
     text-shadow: 0 1px 3px #000
 }
 
 .slicknav_menu .slicknav_icon {
     float: left;
     width: 1.125em;
     height: .875em;
     margin: .188em 0 0 .438em
 }
 
 .slicknav_menu .slicknav_icon:before {
     background: 0 0;
     width: 1.125em;
     height: .875em;
     display: block;
     content: "";
     position: absolute
 }
 
 .slicknav_menu .slicknav_no-text {
     margin: 0
 }
 
 .slicknav_menu .slicknav_icon-bar {
     display: block;
     width: 1.125em;
     height: .125em;
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
     box-shadow: 0 1px 0 rgba(0, 0, 0, .25)
 }
 
 .slicknav_menu:after,
 .slicknav_menu:before {
     content: " ";
     display: table
 }
 
 .slicknav_menu:after {
     clear: both
 }
 
 .slicknav_nav li,
 .slicknav_nav ul {
     display: block
 }
 
 .slicknav_nav .slicknav_arrow {
     font-size: .8em;
     margin: 0 0 0 .4em
 }
 
 .slicknav_nav .slicknav_item a {
     display: inline
 }
 
 .slicknav_nav .slicknav_row,
 .slicknav_nav a {
     display: block
 }
 
 .slicknav_nav .slicknav_parent-link a {
     display: inline
 }
 
 .slicknav_menu {
     font-size: 16px;
     background: #4c4c4c;
     padding: 5px
 }
 
 .slicknav_nav,
 .slicknav_nav ul {
     list-style: none;
     overflow: hidden;
     padding: 0
 }
 
 .slicknav_menu .slicknav_icon-bar {
     background-color: #fff
 }
 
 .slicknav_btn {
     margin: 5px 5px 6px;
     text-decoration: none;
     text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     background-color: #222
 }
 
 .slicknav_nav {
     clear: both;
     color: #fff;
     margin: 0;
     font-size: .875em
 }
 
 .slicknav_nav ul {
     margin: 0 0 0 20px
 }
 
 .slicknav_nav .slicknav_row,
 .slicknav_nav a {
     padding: 5px 10px;
     margin: 2px 5px
 }
 
 .slicknav_nav .slicknav_row:hover {
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     background: #ccc;
     color: #fff
 }
 
 .slicknav_nav a {
     text-decoration: none;
     color: #fff
 }
 
 .slicknav_nav a:hover {
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     background: #ccc;
     color: #222
 }
 
 .slicknav_nav .slicknav_txtnode {
     margin-left: 15px
 }
 
 .slicknav_nav .slicknav_item a,
 .slicknav_nav .slicknav_parent-link a {
     padding: 0;
     margin: 0
 }
 
 .slicknav_brand {
     float: left;
     color: #fff;
     font-size: 18px;
     line-height: 30px;
     padding: 7px 12px;
     height: 44px
 }
 
 @font-face {
     font-family: Circe;
     font-weight: 300;
     font-style: normal;
     src: url(../fonts/Circe/Circe-Light.eot);
     src: url(../fonts/Circe/Circe-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/Circe/Circe-Light.woff) format("woff"), url(../fonts/Circe/Circe-Light.ttf) format("truetype")
 }
 
 @font-face {
     font-family: Circe;
     font-weight: 400;
     font-style: normal;
     src: url(../fonts/Circe/Circe-Regular.eot);
     src: url(../fonts/Circe/Circe-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Circe/Circe-Regular.woff) format("woff"), url(../fonts/Circe/Circe-Regular.ttf) format("truetype")
 }
 
 @font-face {
     font-family: Geometria;
     font-weight: 400;
     font-style: normal;
     src: url(../fonts/Geometria/Geometria.eot);
     src: url(../fonts/Geometria/Geometria.eot?#iefix) format("embedded-opentype"), url(../fonts/Geometria/Geometria.woff) format("woff"), url(../fonts/Geometria/Geometria.ttf) format("truetype")
 }
 
 @font-face {
     font-family: Geometria;
     font-weight: 700;
     font-style: normal;
     src: url(../fonts/Geometria/Geometria-Bold.eot);
     src: url(../fonts/Geometria/Geometria-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Geometria/Geometria-Bold.woff) format("woff"), url(../fonts/Geometria/Geometria-Bold.ttf) format("truetype")
 }
 
 @font-face {
     font-family: Geometria;
     font-weight: 500;
     font-style: normal;
     src: url(../fonts/Geometria/Geometria-Medium.eot);
     src: url(../fonts/Geometria/Geometria-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/Geometria/Geometria-Medium.woff) format("woff"), url(../fonts/Geometria/Geometria-Medium.ttf) format("truetype")
 }
 
 @font-face {
     font-family: Geometria;
     font-weight: 800;
     font-style: normal;
     src: url(../fonts/Geometria/Geometria-ExtraBold.eot);
     src: url(../fonts/Geometria/Geometria-ExtraBold.eot?#iefix) format("embedded-opentype"), url(../fonts/Geometria/Geometria-ExtraBold.woff) format("woff"), url(../fonts/Geometria/Geometria-ExtraBold.ttf) format("truetype")
 }
 
 @font-face {
     font-family: Geometria;
     font-weight: 900;
     font-style: normal;
     src: url(../fonts/Geometria/Geometria-Heavy.eot);
     src: url(../fonts/Geometria/Geometria-Heavy.eot?#iefix) format("embedded-opentype"), url(../fonts/Geometria/Geometria-Heavy.woff) format("woff"), url(../fonts/Geometria/Geometria-Heavy.ttf) format("truetype")
 }
 
 * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }
 
 :after,
 :before {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }
 
 ::-webkit-input-placeholder {
     color: #666;
     opacity: 1
 }
 
 :-moz-placeholder {
     color: #666;
     opacity: 1
 }
 
 ::-moz-placeholder {
     color: #666;
     opacity: 1
 }
 
 :-ms-input-placeholder {
     color: #666;
     opacity: 1
 }
 
 body input:focus:required:invalid,
 body textarea:focus:required:invalid {
     color: #666
 }
 
 body input:required:valid,
 body textarea:required:valid {
     color: #666
 }
 
 body,
 html {
     height: 100%
 }
 
 body {
     font-size: 14px;
     min-width: 320px;
     position: relative;
     font-family: Geometria, sans-serif
 }
 
 .body-wrap {
     overflow-x: hidden
 }
 
 .text-center {
     text-align: center
 }
 
 .text-right {
     text-align: right
 }
 
 h1,
 h2,
 p {
     margin: 0;
     padding: 0
 }
 
 a {
     text-decoration: none
 }
 
 a:focus,
 a:hover {
     text-decoration: none
 }
 
 ul {
     margin: 0;
     padding: 0;
     list-style: none
 }
 
 ::-moz-selection {
     background-color: orange;
     color: #fff
 }
 
 ::selection {
     background-color: orange;
     color: #fff
 }
 
 i.icon {
     -webkit-background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     display: inline-block
 }

.clearfix:after {
    display: table;
    content: '';
    clear: both;
}

 i.icon.mail {
     width: 16px;
     height: 12px;
     background-image: url(../img/custom//mail.png)
 }
 
 i.icon.phone {
     width: 12px;
     height: 10px;
     background-image: url(../img/custom//phone_red.png)
 }
 
 .text-right {
     text-align: right
 }
 
 .btn.callback {
     -webkit-border-radius: 12px;
     border-radius: 12px;
     padding: 5.5px 15px;
     display: inline-block;
     -webkit-transition: .1s all ease;
     -o-transition: .1s all ease;
     transition: .1s all ease;
     cursor: pointer;

     border: 1px solid #fff;
     background-color: #e5322d
 }
 
 .btn.callback p {
     color: #fff;
     font-size: 11px;
     -webkit-transition: .1s all ease;
     -o-transition: .1s all ease;
     transition: .1s all ease;
     font-weight: 300;
     line-height: 11px;
     text-transform: uppercase
 }
 
 .btn.callback:hover {
    border: 1px solid #fff;
    background-color: #36373c;   
 }
 
 .btn.callback:hover p {
     color: #fff
 }
 
 header {
     max-height: 40px;
     padding: 8px 0;
     background-color: #4d4e50
 }
 
 @media only screen and (max-width:991px) {
     header {
         max-height: unset
     }
 }
 
 @media only screen and (max-width:767px) {
     header {
         text-align: center
     }
 }
 
 @media only screen and (max-width:479px) {
     header {
         padding-top: 0;
         padding-bottom: 0
     }
 }
 
 @media only screen and (max-width:991px) {
     header .email-wrap {
         margin-top: 13px
     }
 }
 
 header .email-wrap i {
     vertical-align: middle;
     margin-right: 9px
 }
 
 header .email-wrap a {
     color: #fff;
     font-family: Circe;
     font-size: 13px;
     font-weight: 300;
     display: inline-block;
     vertical-align: middle;
     line-height: 24px
 }
 
 header .button-wrap {
     margin-left: 50px;
     display: inline-block;
     vertical-align: middle
 }
 
 @media only screen and (max-width:767px) {
     header .button-wrap {
         width: 100%;
         margin-left: 0;
         margin-top: 10px;
         margin-bottom: 20px;
         text-align: center
     }
     header .button-wrap .btn {
         display: inline-block
     }
     .inform-zavod .video-box {
         margin-bottom: 30px;
     }
 }
 
 header .phone-wrap {
     display: inline-block;
     vertical-align: middle
 }
 
 @media only screen and (max-width:767px) {
     header .phone-wrap {
         display: inline-block;
         width: 100%;
         text-align: center;
         margin-top: 10px
     }
 }
 
 header .phone-wrap:first-child {
     margin-right: 30px
 }
 
 header .phone-wrap .phone>* {
     display: inline-block;
     vertical-align: middle
 }
 
 header .phone-wrap .phone i {
     margin-right: 2px
 }
 
 header .phone-wrap .phone p {
     color: #fff;
     font-family: Circe;
     font-weight: 400;
     font-size: 14px;
     line-height: 24px;
     text-transform: uppercase
 }
 
 @media only screen and (max-width:991px) {
     header .phone-wrap .phone p {
         display: block
     }
 }
 
 header .phone-wrap .phone a {
     color: #fff;
     font-family: Circe;
     font-size: 14px;
     font-weight: 300;
     line-height: 24px
 }
 
 @media only screen and (max-width:767px) {
     .hidden-xs {
         display: none!important
     }
 }
 
 @media screen and (max-width:991px) and (min-width:767px) {
     .hidden-sm {
         display: none!important
     }
 }
 
 @media screen and (max-width:1199px) and (min-width:991px) {
     .hidden-md {
         display: none!important
     }
 }
 
 @media only screen and (min-width:1200px) {
     .hidden-lg {
         display: none!important
     }
 }
 
 section.subheader {
     height: 60px;
     background-color: #eaebf1
 }
 
 @media only screen and (max-width:479px) {
     section.subheader {
         height: auto
     }
 }
 
 section.subheader .logo {
     float: left;
     margin-top: 12px
 }
 
 @media only screen and (max-width:767px) {
     section.subheader .logo {
         float: none
     }
 }
 
 section.subheader .logo .subtext,
 section.subheader .logo a {
     display: inline-block;
     vertical-align: middle
 }
 
 @media only screen and (max-width:767px) {
     section.subheader .logo .subtext,
     section.subheader .logo a {
         width: 100%;
         text-align: center;
         margin-bottom: 20px;
         margin-left: 0!important
     }
 }
 
 section.subheader .logo .subtext {
     margin-left: 15px
 }
 
 section.subheader .logo .subtext h5 {
     margin-top: -5px;
     color: #4d4e50;
     font-family: Geometria;
     font-weight: 900;
     text-transform: uppercase;
     font-size: 20px;
     line-height: 21px
 }
 
 section.subheader .logo .subtext h5 span {
     font-size: 12px;
     line-height: 0
 }
 
 section.subheader .slicknav_nav {
     z-index: 99;
     position: relative;
     background-color: #000
 }
 
 section.subheader .slicknav-menu-wrap {
     position: absolute;
     top: 50%;
     right: 15px;
     display: inline-block;
     height: 100%;
     z-index: 99;
     margin-top: 5px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%)
 }
 
 section.subheader .slicknav_menu {
     background: 0 0
 }
 
 section.subheader nav.visible-lg {
     float: right;
     text-align: right
 }
 
 section.subheader nav.visible-lg>ul {
     list-style: none;
     padding: 0;
     margin: 0
 }
 
 section.subheader nav.visible-lg>ul>li {
     margin-right: 36px;
     display: inline-block;
     font-family: Geometria;
     font-size: 14px;
     font-weight: 800;
     line-height: 24px;
     text-transform: uppercase;
     position: relative
 }
 
 section.subheader nav.visible-lg>ul>li:last-of-type {
     margin-right: 0
 }
 
 section.subheader nav.visible-lg>ul>li:hover>a {
     color: #e3322e
 }
 
 section.subheader nav.visible-lg>ul>li:hover:before {
     background-color: #e3322e
 }
 
 section.subheader nav.visible-lg>ul>li:before {
     content: "";
     display: block;
     width: 8px;
     height: 8px;
     background-color: #4d4e50;
     -webkit-border-radius: 100%;
     border-radius: 100%;
     -webkit-transition: .1s all ease;
     -o-transition: .1s all ease;
     transition: .1s all ease;
     position: absolute;
     top: 50%;
     left: -14px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%)
 }
 
 section.subheader nav.visible-lg>ul>li a {
     color: #4d4e50;
     padding: 18px 0;
     display: inline-block;
     width: 100%;
     -webkit-transition: .1s all ease;
     -o-transition: .1s all ease;
     transition: .1s all ease;
     text-decoration: none
 }
 
 section.subheader nav.visible-lg>ul>li>ul {
     display: none;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     position: absolute;
     z-index: 2;
     top: 60px;
     left: -webkit-calc(50% - 14px);
     left: calc(50% - 14px);
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     background-color: #36373c;
     border: 1px solid #818287;
     width: 234px;
     text-align: left
 }
 
 section.subheader nav.visible-lg>ul>li>ul:after {
     display: block;
     content: '';
     width: 11px;
     height: 5px;
     border: 8px solid transparent;
     border-bottom: 8px solid #36373c;
     position: absolute;
     top: -15px;
     left: 50%
 }
 
 section.subheader nav.visible-lg>ul>li>ul>li {
     width: 100%;
     border-bottom: 1px solid #818287
 }
 
 section.subheader nav.visible-lg>ul>li>ul>li a {
     color: #fff;
     font-family: Geometria;
     font-size: 14px;
     font-weight: 500;
     line-height: 14px;
     text-transform: uppercase;
     width: 100%;
     padding: 10.5px 25px;
     display: inline-block;
     -webkit-transition: .1s all ease;
     -o-transition: .1s all ease;
     transition: .1s all ease
 }
 
 section.subheader nav.visible-lg>ul>li>ul>li a:hover {
     color: #e3322e
 }
 
 section.subheader nav.visible-lg>ul>li>ul>li:last-of-type {
     border-bottom: 0
 }
 
 section.subheader nav.visible-lg>ul>li:hover>ul {
     display: block
 }
 
 section.mainnew {
     -webkit-background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-color: #3a3c40;
     background-position: bottom;
     text-align: center;
     position: relative;
     overflow: hidden;
 }

 section.mainnew .mainwrap {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
 }
 
 @media only screen and (max-width:767px) {
     section.mainnew .wrap-warning {
         margin-top: 0 !important
     }
     section.mainnew {
         overflow: unset;
     }
     section.subheader {
        height: auto
     }
 }

 @media only screen and (max-width: 320px) {
    section.subheader .slicknav-menu-wrap {
        right: 0 !important;
    }
 }
 
 section.mainnew .submain {
     background-color: #4d4e50;
     padding: 44px 0
 }
 
 section.mainnew .submain a,
 section.mainnew .submain p {
     color: #fff;
     font-family: Geometria;
     text-decoration: none;
     font-size: 30px;
     font-weight: 500;
     line-height: 30px
 }
 
 @media only screen and (max-width:767px) {
     section.mainnew .submain a,
     section.mainnew .submain p {
         font-size: 18px
     }
 }
 
 @media only screen and (max-width:479px) {
     section.mainnew .submain a,
     section.mainnew .submain p {
         font-size: 16px;
         line-height: 24px
     }
 }
 
 section.mainnew .opacity {
     position: absolute;
     top: 22px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%)
 }
 
 #vide.delivery {
     opacity: .7;
 }
 
 @media only screen and (max-width:767px) {
     section.mainnew .opacity {
         display: none
     }
 }
 
 section.mainnew .wrap-warning {
     background-color: #eaebf1;
     position: relative;
     text-align: center;
     overflow: hidden;
     margin-top: 151px;
 }
 
 @media only screen and (max-width:991px) {
     section.mainnew .wrap-warning {
         padding-left: 30px;
         padding-right: 30px
     }
 }
 
 @media only screen and (max-width:767px) {
     section.mainnew .wrap-warning {
         padding-left: 15px;
         padding-right: 15px
     }
 }
 
 section.mainnew .wrap-warning .text-wrap {
     padding: 18px 0 18px 0;
     position: relative;
     height: 100%;
     display: inline-block
 }
 
 section.mainnew .wrap-warning img {
     height: -webkit-calc(100% + 4px);
     height: calc(100% + 4px);
     position: absolute;
     top: -2px;
     z-index: 0
 }
 
 section.mainnew .wrap-warning img.left {
    left: calc(100% + 15px)
 }
 
 section.mainnew .wrap-warning img.right {
     /* right: -427px; */
    right: calc(100% + 15px)
 }
 
 section.mainnew .wrap-warning h1 {
     color: #e5322d;
     font-family: Geometria;
     font-size: 48px;
     font-weight: 900;
     line-height: 48px;
     position: relative;
     z-index: 1;
     text-transform: uppercase;
     margin-top: -3px;
 }
 
 @media only screen and (max-width:991px) {
     section.mainnew .wrap-warning h1 {
         line-height: 58px
     }
 }
 
 @media only screen and (max-width:767px) {
     section.mainnew .wrap-warning h1 {
         font-size: 32px;
         line-height: 40px
     }
 }
 
 @media only screen and (max-width:479px) {
     section.mainnew .wrap-warning h1 {
         font-size: 24px;
         line-height: 32px
     }
 }
 
 section.mainnew .wrap-warning p {
     color: #4d4e50;
     position: relative;
     z-index: 1;
     font-family: Geometria;
     font-size: 18px;
     font-weight: 800;
     margin-top: 10px;
     line-height: 18px;
     text-transform: uppercase
 }
 
 @media only screen and (max-width:767px) {
     section.mainnew .wrap-warning p {
         font-size: 14px
     }
 }
 
 .form-wrap-lead .heading,
 section.mainnew .form-wrap .heading {
     margin-top: 70px;
     margin-bottom: 110px;
     position: relative
 }
 
 @media only screen and (max-width:767px) {
     .form-wrap-lead .heading,
     section.mainnew .form-wrap .heading {
         margin-top: 50px;
         margin-bottom: 40px
     }
 }
 
 .form-wrap-lead .heading:after,
 section.mainnew .form-wrap .heading:after {
     display: block;
     content: '';
     width: 27px;
     height: 24px;
     background-image: url(../img/custom//angledown.png);
     background-repeat: no-repeat;
     bottom: -69px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     position: absolute
 }
 
 @media only screen and (max-width:767px) {
     .form-wrap-lead .heading:after,
     section.mainnew .form-wrap .heading:after {
         display: none
     }
 }
 
 .form-wrap-lead .heading h3,
 section.mainnew .form-wrap .heading h3 {
     color: #e5322d;
     font-family: Geometria;
     font-size: 40px;
     font-weight: 900;
     text-transform: uppercase;
     margin-bottom: 10px;
     margin-top: 5px
 }
 
 @media only screen and (max-width:767px) {
     .form-wrap-lead .heading h3,
     section.mainnew .form-wrap .heading h3 {
         font-size: 32px;
         line-height: 40px
     }
 }
 
 @media only screen and (max-width:479px) {
     .form-wrap-lead .heading h3,
     section.mainnew .form-wrap .heading h3 {
         font-size: 24px;
         line-height: 28px;
         margin-top: 15px;
         margin-bottom: 20px
     }
 }
 
 .form-wrap-lead .heading span,
 section.mainnew .form-wrap .heading span {
     color: #eaebf1;
     font-family: Geometria;
     font-size: 18px;
     line-height: 18px;
     display: block;
     font-weight: 700;
     text-transform: uppercase
 }
 
 @media only screen and (max-width:991px) {
     .form-wrap-lead .heading span,
     section.mainnew .form-wrap .heading span {
         font-size: 16px
     }
 }
 
 @media only screen and (max-width:767px) {
     .form-wrap-lead .heading span,
     section.mainnew .form-wrap .heading span {
         font-size: 14px;
         line-height: 24px
     }
 }
 
 @media only screen and (max-width:991px) {
     .form-wrap-lead form,
     section.mainnew .form-wrap form {
         display: inline-block;
         max-width: 397px;
         text-align: center
     }
 }
 
 @media only screen and (max-width:479px) {
     .form-wrap-lead form,
     section.mainnew .form-wrap form {
         padding: 0 15px;
         width: 100%
     }
 }

 .no-overflow {
     overflow: visible !important;
 }
 
 .form-wrap-lead form input,
 section.mainnew .form-wrap form input {
     -webkit-border-radius: 3px;
     border-radius: 3px;
     border: 1px solid #eaebf1;
     background-color: rgba(64, 67, 72, .6);
     padding: 18px 30px 18px 59px;
     font-family: Geometria;
     font-size: 18px;
     font-weight: 400;
     height: auto !important;
     line-height: 18px;
     -webkit-transition: .1s all ease;
     -o-transition: .1s all ease;
     transition: .1s all ease;
     text-align: left
 }

 .form-wrap-lead form input.error,
 section.mainnew .form-wrap form input.error {
    border: 1px solid #f44336
 }
 
 .form-wrap-lead form input:focus,
 section.mainnew .form-wrap form input:focus,
 .form-wrap-lead form input:hover,
 section.mainnew .form-wrap form input:hover {
     border: 1px solid #0f0f10;
     background-color: #eaebf1
 }
 
 .form-wrap-lead form input.name,
 section.mainnew .form-wrap form input.name {
     background-image: url(../img/custom//user.png);
     background-position: top 18px left 20px;
     background-repeat: no-repeat
 }
 
 .form-wrap-lead form input.phone,
 section.mainnew .form-wrap form input.phone {
     background-image: url(../img/custom//call-answer.png);
     background-position: top 18px left 20px;
     background-repeat: no-repeat
 }
 
 .form-wrap-lead form input:last-of-type,
 section.mainnew .form-wrap form input:last-of-type {
     margin-left: 21px
 }
 
 .form-wrap-lead form input::-webkit-input-placeholder,
 section.mainnew .form-wrap form input::-webkit-input-placeholder {
     color: rgba(131, 134, 140, .75)
 }
 
 .form-wrap-lead form input::-moz-placeholder,
 section.mainnew .form-wrap form input::-moz-placeholder {
     color: rgba(131, 134, 140, .75)
 }
 
 .form-wrap-lead form input::-ms-input-placeholder,
 section.mainnew .form-wrap form input::-ms-input-placeholder {
     color: rgba(131, 134, 140, .75)
 }
 
 .form-wrap-lead form input::placeholder,
 section.mainnew .form-wrap form input::placeholder {
     color: rgba(131, 134, 140, .75)
 }
 
 @media only screen and (max-width:991px) {
     .form-wrap-lead form input,
     section.mainnew .form-wrap form input {
         margin-left: 0!important;
         margin-right: 0!important;
         display: inline-block;
         width: 100%
     }
     .form-wrap-lead form input:last-of-type,
     section.mainnew .form-wrap form input:last-of-type {
         margin-top: 20px
     }
 }
 
 @media only screen and (max-width:767px) {
     .form-wrap-lead form input,
     section.mainnew .form-wrap form input {
         font-size: 14px
     }
 }
 
 .form-wrap-lead form .btn.att,
 section.mainnew .form-wrap form .btn.att {
     color: #fff;
     font-family: Geometria;
     font-size: 18px;
     font-weight: 500;
     line-height: 18px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     border: 1px solid #eaebf1;
     background-color: #e5322d;
     text-align: center;
     width: 566px;
     display: inline-block;
     text-transform: uppercase;
     outline: 0;
     margin-top: 30px;
     padding: 20.5px 30px;
     -webkit-transition: .1s all ease;
     -o-transition: .1s all ease;
     transition: .1s all ease;
     margin-bottom: 112px;
 }
 
 .form-wrap-lead form .btn.att:hover,
 section.mainnew .form-wrap form .btn.att:hover {
     background-color: #ff4540
 }
 
 @media only screen and (max-width:991px) {
     .form-wrap-lead form .btn.att,
     section.mainnew .form-wrap form .btn.att {
         width: 100%;
         font-size: 14px
     }
 }
 
 @media only screen and (max-width:479px) {
     .form-wrap-lead form .btn.att,
     section.mainnew .form-wrap form .btn.att {
         font-size: 10px;
         margin-top: 20px;
         line-height: 18px
     }
 }
 
 section.serviceswrap {
     background-color: #212325;
     padding-top: 66px;
     padding-bottom: 80px
 }
 
 @media only screen and (max-width:991px) {
     section.serviceswrap {
         padding-top: 30px
     }
 }
 
 section.serviceswrap .wrap {
     text-align: center
 }
 
 @media only screen and (max-width:991px) {
     section.serviceswrap .wrap {
         margin-top: 30px
     }
 }
 
 section.serviceswrap .wrap p {
     margin-top: 27px;
     color: #fff;
     font-family: Geometria;
     font-size: 18px;
     font-weight: 500
 }
 
 @media only screen and (max-width:767px) {
     section.serviceswrap .wrap p {
         font-size: 14px;
         line-height: 24px;
         margin-top: 20px
     }
     section.mainnew .form-wrap form .btn.att {
         margin-bottom: 50px;
     }
 }
 
 section.serviceswrap .wrap .img {
     height: 122px;
     position: relative
 }
 
 section.serviceswrap .wrap .img img {
     position: absolute;
     top: 50%;
     left: 50%;
     max-width: 100%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
 }
 
 section.infowrap {
     background-color: #4d4e50;
     padding: 80px 0;
     position: relative
 }
 
 section.infowrap .byrow {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex
 }
 
 @media only screen and (max-width:991px) {
     section.infowrap .byrow {
         display: block
     }
 }
 
 section.infowrap .video-box {
     -webkit-box-shadow: 0 4px 10px 1px rgba(0, 0, 0, .6);
     box-shadow: 0 4px 10px 1px rgba(0, 0, 0, .6);
     background-color: #1a1a1a;
     background-repeat: no-repeat;
     background-size: cover;
     width: -webkit-calc(100% - 470px - 21px);
     width: calc(100% - 470px - 21px);
     margin-left: 21px;
     position: relative
 }

 section.infowrap .video-box .replace {
    background-image: url(../img/custom//videoopacity.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
 }
 
 @media only screen and (max-width:991px) {
     section.infowrap .video-box {
         display: block;
         height: 350px;
         width: 100%!important;
         margin-left: 0;
         margin-right: 0;
         margin-top: 70px
     }
 }
 
 @media only screen and (max-width:767px) {
     section.infowrap .video-box {
         height: 300px
     }
 }
 
 @media only screen and (max-width:479px) {
     section.infowrap .video-box {
         height: 220px
     }
 }
 
 section.infowrap .video-box .play {
     background-image: url(../img/custom//play.svg);
     background-repeat: no-repeat;
     -webkit-background-size: contain;
     background-size: contain;
     background-position: center;
     width: 76px;
     height: 64px;
     cursor: pointer;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
 }
 
 section.infowrap .rectanglebg {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     -webkit-transform: translateX(-32%);
     -ms-transform: translateX(-32%);
     transform: translateX(-32%)
 }
 
 section.infowrap .wrap-text {
     -webkit-border-radius: 10px;
     border-radius: 10px;
     border: 1px solid #abaeb5;
     background-color: #edeff2;
     width: 470px;
     padding: 15px;
     position: relative
 }
 
 @media only screen and (max-width:991px) {
     section.infowrap .wrap-text {
         width: 100%
     }
 }
 
 section.infowrap .wrap-text:after,
 section.infowrap .wrap-text:before {
     height: 3px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     background-color: #edeff2;
     display: block;
     width: -webkit-calc(100% - 30px);
     width: calc(100% - 30px);
     position: absolute;
     content: ''
 }
 
 section.infowrap .wrap-text:before {
     top: -34px
 }
 
 section.infowrap .wrap-text:after {
     bottom: -34px
 }
 
 section.infowrap .wrap-text .text p {
     color: #212325;
     font-family: Circe;
     font-size: 18px;
     font-weight: 400
 }
 
 @media only screen and (max-width:991px) {
     section.infowrap .wrap-text .text p {
         font-size: 16px
     }
 }
 
 @media only screen and (max-width:767px) {
     section.infowrap .wrap-text .text p {
         font-size: 14px;
         line-height: 24px
     }
 }
 
 section.infowrap .wrap-text .text .signature {
     margin-top: 30px;
     display: inline-block;
     position: relative;
     margin-bottom: 10px
 }
 
 @media only screen and (max-width:767px) {
     section.infowrap .wrap-text .text .signature {
         margin-top: 15px
     }
 }
 
 section.infowrap .wrap-text .text .signature p {
     display: inline-block
 }
 
 section.infowrap .wrap-text .text .signature img {
     position: absolute;
     right: -96px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%)
 }
 
 @media screen and (max-width:1199px) {
     header .phone-wrap:first-child {
         margin-right: 10px
     }
     section.subheader nav>ul>li {
         margin-right: 20px
     }
     section.subheader nav>ul>li a {
         font-size: 12px
     }
 }
 
 .slicknav_menu .slicknav_menutxt {
     display: none!important
 }

 #vide {
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: .99;
    
 }

 #vide > div {
    background-image: url(../img/custom//zavod.png) !important;
    background-color: #3a3c40 !important;
    /* z-index: 0 !important; */
 }

section.yellow.sertificat-box .owl-nav {
    display: none;
}

body.product .beton-info {
    padding-bottom: 0 !important;
}

section.citylist {
    padding: 70px 0; 
}

.button-tabs {
    border-bottom: 1px solid #ebedf6;
    border-left: 1px solid #ebedf6;
    margin-bottom: 50px;

}

.button-tabs .tab {
    display: inline-block;
    position: relative;
    float: left;
    border-right: 1px solid #ebedf6;
    cursor: pointer;
    background-color: #f6f7fc;
    padding: 13px 30px;
    border-top: 1px solid #ebedf6;    
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    transition: 100ms background ease;
    bottom: -1px;
}

.button-tabs .tab.active,
.button-tabs .tab:hover {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

section.citylist .listcus {
    list-style: none;
    position: relative;
    height: 300px;
    overflow: hidden;
    margin-bottom: 50px;
}

section.citylist .listcus:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 80px;
    background: linear-gradient(to bottom,rgba(255,255,255,.5) 0,#fff 100%);
    z-index: 1;
}

section.citylist .listcus.active {
    height: 100%;
    overflow: none;
}

section.citylist .listcus.active:after {
    display: none;
}
section.citylist .listcus .visibility button {
    color: #0e1328;
    font-size: 16px;
    line-height: 30px;
    background: none;
    outline: none;
    border: none;
    text-decoration: underline;
    font-size: 16px;
    margin-top: 30px;
    display: inline-block;
    transition: 100ms all ease;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    
}
section.citylist .listcus .visibility {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 2;
    background: linear-gradient(to bottom,rgba(255,255,255,.5) 0,#fff 100%);
    border-bottom: 1px solid #ebedf6;
    padding-bottom: 10px;
}
section.citylist .listcus.active .visibility {
    display: none;
}

section.citylist .listcus li { 
    float: left;
    width: 50%;
}
@media screen and (max-width: 480px) {
    section.citylist .listcus li {
        width: 100%;
        float: none;
    }
    .inform-zavod .float-right {
        padding-left: 0;
        padding-right: 0;
    }
    section.citylist .listcus li a {
        font-size: 14px;
    }
}
section.citylist .listcus li a {
    color: #0e1328;
    transition: 100ms all ease;
    font-size: 16px;
    line-height: 30px;
}

section.citylist .listcus .visibility button:hover,
section.citylist .listcus li a:hover {
    color: #fc1c29;    
}

.content.cus ol,
.content.cus ul {
    margin: 30px 0;
    padding-left: 30px;
}

.content.cus ol {
    list-style: decimal;
}

.content.cus ol li, 
.content.cus ul li { 
    margin-bottom: 10px;
}
.content.cus ul li:before{
    position: absolute;
    height: 7px;
    width: 7px;
    background-color: #ff0000;
    border-radius: 100%;
    top: 0px;
    left: -2px;
    display: block;
    content: '';
}

.content.cus li {
    margin-top: 0;
    position: relative;
}

@media all and (max-width:375px) {
    .content.cus ul li:before {
        top: -3px;
    }
    .content.cus ol,
    .content.cus ul {
        padding-left: 20px;
    }
}

.beton-info h2 {
    margin-bottom: 30px;
}

.float-right {
    float: right !important;
}

section.lead-form {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 175px;
    background-image: url(../cimages/lead/background-form.jpg);
}

section.lead-form h2 {
    color: #ffffff;
    font-family: Geometria;
    font-size: 48px;
    font-weight: 700;
}
section.lead-form .left {
    float: left;
    position: relative;
}
section.lead-form .right {
    float: right;
    position: relative;
}
section.lead-form .form-wrap-lead {
    width: 397px;
}
section.lead-form .form-wrap-lead button {
    width: 100% !important;
    margin: 0 !important;
}
section.lead-form .form-wrap-lead input {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 13px;
}
section.lead-form .form-wrap-lead input:last-of-type {
    margin-bottom: 32px;
}
section.lead-form .wrap {
    padding: 0 92px;
    margin-top: 72px;
}

section.lead-form .free p span {
    color: #e5322d;
    font-weight: 800;
    display: inline-block;
    background: #fff;
    padding: 3px 12px;
    margin-right: 5px;
}
section.lead-form .free p {
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    font-family: Geometria;
}
section.lead-form .free ul { }
section.lead-form .free ul li {
    margin-bottom: 50px;
}
section.lead-form .free ul li:last-of-type {
    margin-bottom: 0;
}
section.lead-form .free ul { }
section.lead-form .free ul li .img {
    text-align: center;
    width: 68px;
}
section.lead-form .free ul li .img img {
    display: inline-block;
}
section.lead-form .free ul li > * {
    display: inline-block;
    vertical-align: middle;
}
section.lead-form .warn > * {
    display: inline-block;
    vertical-align: middle;
}
section.lead-form .warn img {
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: -2px;
}
section.lead-form .warn p {
    color: #efc70f;
    font-family: Geometria;
    font-size: 18px;
    white-space: nowrap;
    font-weight: 400;
}
section.lead-form .warn-wrap {
    position: absolute;
    left: calc(-100% - 69px);
    bottom: -13px;
}
section.lead-form .warn {
    border-radius: 5px;
    display: inline-block;
    padding: 13px 20px;
    border: 2px solid #efc70f;
}
section.lead-form .warn-wrap .arrow {
    position: absolute;
    bottom: -68px;
    right: -85px;

}

@media screen and (max-width: 1199px) {
    section.lead-form .wrap > * {
        float: none;
        display: block;
        width: 100%;
    }
    section.lead-form .wrap > .left {
        margin-bottom: 50px;
    }
    section.lead-form .warn-wrap {
        position: static;
        width: 100%;
        margin-top: 30px;
        text-align: center; 
    } 
    section.lead-form .warn-wrap img {
        display: none;
    }

    section.lead-form {
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 991px) {
    section.lead-form h2 {
        font-size: 36px;
        line-height: 40px;
    }

    section.lead-form {
        padding: 75px 0;
    }

    section.lead-form .wrap {

    }

    section.lead-form .form-wrap-lead {
        text-align: center;
    }

    section.lead-form .form-wrap-lead form {
        width: 600px;
    }
}

@media screen and (max-width: 768px) {
    section.lead-form .free {
        text-align: center;
    }
    section.lead-form .form-wrap-lead form {
        width: 100%;
    } 
    section.lead-form {
        padding: 50px 0;
    }
    section.lead-form .wrap {
        margin-top: 40px;
        margin-bottom: 40px;
        padding-left: 0;
        padding-right: 0;
    }
    section.lead-form h2 {
        font-size: 28px;
        line-height: 30px;
    }
    section.lead-form .free p {
        font-size: 18px;
        line-height: 28px;
    }
    section.lead-form .free ul li:last-of-type {
        margin-bottom: 0;
    }
    section.lead-form .free ul li {
        margin-bottom: 20px;
    }
    section.lead-form .free ul {
        display: inline-block;
    }
}

@media screen and (max-width: 480px) {
    section.lead-form .free ul li .img {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    section.lead-form {
        padding: 35px 0;
    }
    section.lead-form h2 {
        font-size: 24px;
        line-height: 30px;
    } 
    section.lead-form form {
        padding-left: 0;
        padding-right: 0;
    }
    section.lead-form .free p {
        font-size: 16px;
        line-height: 24px;
    }
    section.lead-form .warn p {
        white-space: unset;
        font-size: 14px;
        line-height: 18px;
    }
    section.map {
        margin-bottom: 10px;
    }
    section.map .box-map .button-lite {
        width: 100%;
        display: block;
        text-align: center;
    }
}

section.map .box-map p.title,
.inform-zavod .box-map p.title {
    color: #67718a;
    margin-bottom: 10px;

    font-size: 16px;
}
section.map .box-map,
.inform-zavod .box-map {
    padding: 20px 15px;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    background-color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

section.map .box-map .button-lite,
.inform-zavod .box-map .button-lite {
    margin-top: 20px;
}

section.map .box-map .button-lite {
    display: inline-block;
}

section.map {
    margin-bottom: 30px;
}

section.mainnew .submain .tel {
    text-decoration: underline;
}

.cursp {
    cursor: pointer;
}

.inline {
    display: inline-block;
    margin-top: 30px;
}

.inline p {
    padding: 15px 30px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    line-height: 24px;
}

section.new-price {
    padding-bottom: 70px;
}
section.new-price table {
    border-collapse: collapse;
    width: 100%;
}
section.new-price table {}
section.new-price table thead {}
section.new-price table thead {}
section.new-price table thead tr {}
section.new-price table thead tr {
    background-color: #a9adc0;
    height: 30px;

}
section.new-price table th {
    border: 1px solid #fff;
}

section.new-price table th span {
    font-size: 11px;
}

section.new-price table thead tr th {
    color: #ffffff;
    font-family: "Roboto Condensed";
    font-size: 16px;
    text-align: center;
    font-weight: 400;
}

section.new-price table tbody tr:nth-child(even){
    background: #edeff6;
}

section.new-price table tbody tr:nth-child(odd){
    background: #e7e8f0;
}

section.new-price table tbody tr td {
    border: 1px solid #fff; 
    color: #6b6b6b;
    font-family: "Roboto";
    font-size: 16px;
    text-align: center;
    font-weight: 400;
}

section.new-price table tbody tr td:first-child {
    color: #6b6b6b;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    width: 80px;
}

section.new-price table tbody tr td:nth-child(3),
section.new-price table tbody tr td:nth-child(4) {
    width: 166px
}

section.new-price table tbody tr td:first-child a {
    color: #d60f0f;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
}

section.new-price table tbody .in-box .minus-plus {
    width: 34px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    height: 30px;
    border: 1px solid rgba(222, 222, 222, 0.65);
    background-color: #ececec;
    color:  #787a7d;
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 2;
    right: -29px;
    cursor: pointer;
}

section.new-price table tbody .in-box .minus-plus.minus {
    font-size: 26px;
    line-height: 26px;
    left: -29px;    
}
 
section.new-price table tbody .in-box {
    width: 74px;
    height: 30px;
    position: relative;
    display: inline-block;
    margin: 10px 0;
    
}
section.new-price table tbody .in-box input {
    color: #787a7d;
    font-family: "Roboto";
    z-index: 1;
    font-size: 18px;
    font-weight: 500;
    width: 74px;
    text-align: center;
    position: relative;
    display: inline-block;
    height: 100%;
    border: 1px solid rgba(222, 222, 222, 0.65);
    background-color: #f9fafd;
    margin: 0;
}

section.new-price input[type="number"]::-webkit-outer-spin-button, 
section.new-price input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
section.new-price input[type="number"] {
    -moz-appearance: textfield;
}

section.new-price .tablet .title-box {
    color: #ffffff;
    font-family: Geometria;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
    text-transform: uppercase;
    width: 100%;
    display: block;
    background-color:#4d4e50;
    text-align: center;
    padding: 9px 0;
}

section.new-price .num-item {
    background-image: url(../img/rectangle_calc.svg);
    background-size: cover;
    padding: 20px;
    text-align: center;
    display: inline-block;
}

section.new-price .gray-box {
    text-align: center;
}

section.new-price .gray-box p {
    color: #6b6b6b;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

section.new-price .gray-box p span {
    color: #ff0000;
    font-size: 18px;
}

section.new-price .summa {
    background-color: #e7e8f0;
    padding: 20px 0;
    display: inline-block;
    margin-left: 2px;
}

section.new-price .shadow {
    display: flex;
    justify-content: flex-end;
    transition: 100ms;
    flex-wrap: wrap;
}

section.new-price .shadow .num-item {
    width: 367px;
}

section.new-price .shadow .summa {
    width: 250px;
}

section.new-price .shadow .button-buy {
    background-color: #ff0000;
    border-left: 2px solid #fff;
    display: inline-block;
    position: relative;
    width: 250px;
    text-align: center;
    padding: 22px 0;
    display: none;
    cursor: pointer;
}

section.new-price .shadow .button-buy.active {
    display: block;
}

section.new-price .shadow .button-buy p {
    color: #fefffe;
    font-family: Roboto;
    /* left: 50%; */
    /* position: absolute; */
    /* top: 50%; */
    /* transform: translate(-50%, -50%); */
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

section.new-price .fixed-over {
    position: fixed;
    width: 1150px;
    z-index: 999;
    margin: auto!important;
    top: -100%;
}

section.new-price .fixed-over .shadow .wrap  {
    box-shadow: 3px 5px 7px 1px rgba(29, 29, 29, 0.73);
    display: flex;
    flex-wrap: wrap;
}

section.new-price .fixed-over .shadow .num-item {
    background-image: none;
    background: #e7e8f0;
}

section.new-price .fixed-over .shadow .summa {
    margin-left: -2px;
    border-left: 2px solid #fff;
}

section.new-price .fixed-over.active {
    position: fixed;
    top: -1px;
}

section.new-price .title {
    margin-top: 100px;
    margin-bottom: 56px;
}

section.new-price .title h2 {
    color: #000000;
    font-family: "Geometria";
    font-size: 26px;
    font-weight: 900;
    text-transform: uppercase;
}

.mfp-close {
    display: none !important;
}

.close-mag {
    background-image: url(../img/closep.svg);
    width: 37px;
    height: 37px;
    background-color: #edeff6;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 5px;
}

.discount-popup .title {
    padding-bottom: 25px;
}

.discount-popup .title span {
    color: #4d4e50;
    font-family: "Geometria";
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
}
.discount-popup .title .h2 {
    color: #4d4e50;
    font-family: "Geometria";
    font-size: 48px;
    line-height: 48px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.discount-popup .title .h3 {
    color: #4d4e50;
    font-family: "Geometria";
    font-size: 30px;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
}

.discount-popup .wrap {
    background-color: #edeff6;
    padding: 60px;
}
.discount-popup table {
    width: 100%;
    border-collapse: collapse;
}

.discount-popup table tr td {
    color: #ffffff;
    background-color: #4d4e50;
    font-family: Roboto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    border: 1px solid #edeff6;
    max-height: 50px;
}
.discount-popup table tr td:first-child {
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 80px
}

.discount-popup table tr td:nth-child(2) {
    padding-left: 37px;
    padding-right: 25px;
}

.discount-popup table tr td:nth-child(3),
.discount-popup table tr td:nth-child(4) {
    width: 166px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.discount-popup .table .bott {
    margin-top: 10px;
}

.discount-popup .table .bott .add p {
    display: inline-block;
    vertical-align: middle;
    color: #4d4e50;
    font-family: "Geometria";
    font-size: 16px;
    font-weight: 700;
    margin-left: 18px;
    text-transform: uppercase;
}

.discount-popup .table .bott .add .add-button {
    background-image: url(../img/addb.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    border: 2px solid #4d4e50;
    background-color: #edeff6;
}

.discount-popup .table .bott .add {
    float: left;
    cursor: pointer;
}

.discount-popup .table .bott .total {
    float: right;
}

.discount-popup .table .bott .total p {
    display: inline-block;
    vertical-align: middle;
    color: #4d4e50;
    font-family: Geometria;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.discount-popup .table .bott .total p span {
    background-color: #ff0000;
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
    margin-left: 18px;
    padding: 14px 10px;
    width: 166px;
    text-align: center;
}

.discount-popup .getcontact {
    margin-top: 58px;
}

.discount-popup .getcontact .title {
    margin-bottom: 40px;
    padding-bottom: 0;
}

.discount-popup form {}
.discount-popup form input {
    width: 457px;
    border: 1px solid #4d4e50;
    background-color: #edeff6;
    color: #4d4e50;
    font-family: "Geometria";
    font-size: 18px;
    font-weight: 400;
    padding: 19px 27px;
    border-radius: 0px;
    line-height: 18px;
    height: auto;
    transition: 100ms all ease;
}

.discount-popup form input:last-of-type {
    margin-left: 10px;
}

.discount-popup form input.error {
    border-color: #ff0000;
}

.discount-popup form .sub:focus {
    outline: none;
}
.discount-popup form .sub {
    background-color: #ff0000;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
    padding: 19.5px 67px;
    outline: none;
    border: none;
    margin-top: 30px;
    color: #edeff6;
    font-family: "Geometria";
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

@media screen and (max-width: 1199px) {
    .discount-popup form input {
        width: 400px;
    }

    section.new-price .fixed-over {
        width: 1070px;
    }

    section.new-price .fixed-over .shadow {
        width: 100%;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width: 991px) {

    section.new-price {
        padding: 40px 0;
    }
    
    section.new-price .title {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    section.new-price .title h2 {
        font-size: 24px;
        line-height: 28px;
    }

    section.new-price .tablet tr th:last-of-type,
    section.new-price .tablet tr td:last-of-type {
        display: none;
    }

    #button-buy,
    section.new-price .shadow {
        display: none;
    }

    section.new-price .tablet th,
    section.new-price .tablet td {
        font-size: 14px !important;
        padding: 5px;
    }
    section.new-price table tbody tr td a {
        font-size: 14px !important;
    }

    section.new-price .tablet tr th:nth-child(3) span {
        display: block;
    }

    section.new-price .tablet tr td:nth-child(3) {
        width: 80px;
    }
}

@media screen and (max-width: 767px) {
    .const-min .row-center .title {
        margin: 0;
        padding: 50px 0 10px;
    }
}

@media screen and (max-width: 479px) {
    section.new-price .title h2 {
        font-size: 20px;
        line-height: 28px;
    }

    section.new-price {
        padding: 35px 0;
    }

    section.new-price .tablet th,
    section.new-price .tablet td {
        font-size: 12px !important;
        padding: 4px;
    }

    section.new-price table tbody tr td a {
        font-size: 12px !important;
    }

    section.new-price .tablet tr td:nth-child(1),
    section.new-price .tablet tr td:nth-child(3) {
        width: 50px;
    }

    section.new-price .tablet tr td:nth-child(2) {
        font-size: 10px !important;
    }

    .const-min .row-center a {
        font-size: 24px;
    }
}