html * {
    box-sizing: border-box
}

.header_text_h2 {
    color: #7e4100;
    font-size: 24px;
    text-align: left;
}

.grid-svai4.header-block {
    padding-top: 50px;
}

.section-sv .header-sv {
    display: none
}

body {
    font-family: 'Futura PT', sans-serif;
    overflow-x: hidden;
    margin: 0;
    position: relative;
    line-height: 1.5
}

.left-column .title {
    font-family: 'Futura PT',sans-serif;
    font-size: 62px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0;
    opacity: 0;
    animation: fadeIn 1s ease-in forwards;
}

.left-column .title-2{
    font-family:'Futura PT',sans-serif;
    font-size:66px;
    font-weight:400;
    line-height: 1.1;
    margin: 0;
    opacity:0;
    animation:fadeIn 1s ease-in 0.2s forwards;
}
.left-column .title-3 {
  font-family: 'Futura PT',sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 10px;
  opacity: 0;
  animation: fadeIn 1s ease-in 0.4s forwards;
}
.left-column .title-4 {
  font-family: 'Futura PT',sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
  margin-top: 0;
  color: #7e4100;
  opacity: 0;
  animation: fadeIn 1s ease-in 0.6s forwards;
}

.arrow {
    position: fixed;
    left: 40px;
    bottom: 40px;
    transform: rotate(-90deg);
    background: rgba(204, 204, 204, .8);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-size: 34px;
    z-index: 9999999
}

.container {
    width: 1140px;
    margin: 0 auto;
    position: relative
}

.clear {
    height: 0;
    clear: both
}

img {
    max-width: 100%
}

#menu-icon {
    display: none
}

.header_text h1 {
    font-family: 'Futura PT', sans-serif;
    font-display: swap;
    color: #000;
    font-weight: 900
}

.footer-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.butt1 {
    text-align: left;
    text-decoration: none;
    display: inline-block;
    position: relative;
    -webkit-box-shadow: 0 20px 30px 0 rgba(50, 50, 50, .15);
    -moz-box-shadow: 0 20px 30px 0 rgba(50, 50, 50, .15);
    box-shadow: 0 20px 30px 0 rgba(50, 50, 50, .15);
    border: 0 none;
    background: 0 0;
    padding: 0;
    transition: .4s;
    width: 100%;
}

.butt1 span {
    font-family: 'Montserrat-Medium';
    font-display: swap;
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    width: 256px;
    border-radius: 4px;
    background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%);
    font-display: swap;
    font-family: 'Futura PT', sans-serif;
    color: #fff;
/*    url(../images/ico3.png) 272px center no-repeat;*/
    padding: 0 10px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    transition: .4s;
}

.butt1:hover span {
    background: #BE7E04 url(../images/ico3.png) 272px center no-repeat
}

.butt1 i {
    content: "";
    width: 320px;
    height: 58px;
    border: 1px solid #fff;
    border-radius: 4px;
    display: block;
    position: absolute;
    left: -10px;
    top: 10px;
    z-index: 1
}

h3 {
    font-family: 'Futura PT', sans-serif;
    color: #000;
    font-size: 48px;
    line-height: 55px;
    font-weight: 700;
    text-align: center;
    background: url(../images/bg2.png) top center no-repeat;
    padding: 15px 0 11px 107px;
    margin: 0 0 10px -107px
}

header {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative
}

header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .1)
}

.made {
    font-display: swap;
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 10px
}

.copyright {
    margin-top: 20px;
    font-size: 12px
}

.logo {
    font-display: swap;
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 10px;
    line-height: 15px;
    text-decoration: none;
    background: url(../images/logo_footer.webp) top left no-repeat;
    padding: 0 0 0 62px;
    margin: 20px 0 30px
}

header .logo {
    float: left
}

.logo b {
    font-family: 'Montserrat-Black';
    font-display: swap;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
    display: block
}

.contact {
    font-display: swap;
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 14px;
    line-height: 14px;
    margin: 20px 0 0
}

header .contact {
    float: right
}

.contact .mail {
    background: url(../images/ico1.png) top left no-repeat;
    padding: 0 0 0 29px;
    margin: 0 55px 0 0;
    color: #fff;
    float: left
}

.contact .mail a {
    font-display: swap;
    font-family: 'Montserrat-Medium';
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    margin: 15px 0 0;
    display: block
}

.contact .mail a:hover {
    text-decoration: none
}

.contact .phone {
    background: url(../images/ico2.png) top left no-repeat;
    padding: 0 0 0 25px;
    margin: 0;
    color: #fff;
    float: left
}

.contact .phone a {
    font-display: swap;
    font-family: 'Montserrat-Bold';
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    text-decoration: none;
    margin: 9px 0 0;
    display: block
}

.header_text {
    width: 600px;
    margin: 10px 0 50px;
    clear: both;
    float: left;
}

.form-sec {
    float: right;
    width: calc(100% - 540px);
    max-width: 400px
}

@media(max-width:970px) {
    .form-sec {
        float: left;
        width: 100%;
        margin-bottom: 50px
    }
}

.form-form {
    background: #fff;
    border-radius: 4px;
    padding: 22px;
    display: flow-root
}

.forms {
    border: 1px solid #ffdf39;
    padding: 20px;
    height: calc(100% - 40px);
    text-align: center
}

.forms input {
    font-display: swap;
    font-family: 'Montserrat-Medium';
    color: #000;
    font-size: 16px;
    line-height: 40px;
    width: calc(100% - 40px);
    height: 40px;
    margin: 0 0 20px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 3px
}

.form-title {
    font-display: swap;
    font-family: 'Montserrat-Black';
    font-size: 20px;
    margin-bottom: 10px
}

.forms .submit {
    font-display: swap;
    font-family: 'Montserrat-Medium';
    color: #000;
    font-size: 16px;
    cursor: pointer;
    line-height: 60px;
    border-radius: 4px;
    background: #ffdf39;
    padding: 0 20px;
    display: inline-block;
    position: relative;
    z-index: 2;
    transition: .4s
}

.sub-form-title {
    font-size: 13px;
    margin-bottom: 30px
}

.bazzy {
    margin-top: 10px;
    font-size: 10px
}

.header_text h1 {
    font-size: 40px;
    line-height: 60px;
    margin: 0 0 23px
}

.header_text p {
    font-display: swap;
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 36px;
    line-height: 27px;
    font-weight: 600;
    margin: 0 0 24px
}

.header_text p strong {
    font-display: swap;
    font-family: 'Montserrat-Bold';
    font-weight: 400
}

.services {
    background: url(../images/bg3.webp) left bottom no-repeat, url(../images/bg4.webp) right bottom no-repeat;
    padding: 60px 0 100px
}

.services .desc {
    font-display: swap;
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    width: 670px;
    margin: 0 auto 35px
}

.services .items {
    font-size: 0;
    text-align: center
}

.services .item {
    width: 273px;
    background: #fff;
    margin: 0 16px 15px 0;
    text-align: left;
    position: relative;
    z-index: 1;
    vertical-align: top;
    display: inline-block;
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0/30%);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 20px 0 rgb(0 0 0/30%)
}

.services .item .item_img {
    width: 100%;
    height: 182px;
    margin: 0;
    overflow: hidden
}

.services .item:nth-of-type(4n+4) {
    margin: 0 0 15px
}

.services .item .item_img img {
    min-width: 100%;
    float: right;
    height: 100%;
    vertical-align: bottom
}

.services .item .item_text {
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 17px 25px 25px;
    float: left
}

.services .item .item_text .title {
    font-display: swap;
    font-family: 'Montserrat-Bold';
    color: #000;
    font-size: 16px;
    line-height: 17px;
    min-height: 34px;
    text-decoration: none;
    margin: 0 0 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.services .item .item_text .title:hover {
    text-decoration: underline
}

.services .item .item_text p {
    font-family: 'Montserrat-Regular';
    font-display: swap;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    margin: 0 0 10px;
    overflow: hidden
}

.services .item .item_text .link {
    font-family: 'Montserrat-Regular';
    font-display: swap;
    color: #39a0ff;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    background: url(../images/arr1.png) right center no-repeat;
    padding: 0 21px 0 0;
    margin: 0;
    display: inline-block
}

.services .item .item_text .link:hover {
    text-decoration: underline
}

.services .item .item_text .butt1 {
    width: 100%;
    margin: 15px 0 0;
    display: none
}

.services .item .item_text .butt1 span {
    font-size: 14px;
    width: calc(100% - 30px);
    background: #ffdf39 url(../images/ico3.png) 191px center no-repeat;
    padding: 0 15px
}

.services .item .item_text .butt1:hover span {
    background: #fee254 url(../images/ico3.png) 191px center no-repeat
}

.services .item .item_text .butt1 i {
    width: 222px
}

.services .item:hover .item_text .butt1 {
    display: block
}

.services .item:hover {
    margin-bottom: -75px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    z-index: 2
}

.services .services_info {
    font-family: 'Montserrat-Bold';
    font-display: swap;
    color: #000;
    font-size: 24px;
    line-height: 35px;
    margin: 12px 44px 0 0;
    display: inline-block
}

.services .clear {
    height: 10px
}

.services .butt {
    position: relative;
    z-index: 1
}

.advantages {
    padding: 0
}

.advantages h3 {
    margin: 0 0 85px -107px
}

/*.advantages ul {
    font-size: 0;
    margin: 0 0 -80px
}*/

/*.advantages li {
    width: 376px;
    margin: 0 100px 80px 0;
    padding: 0 0 0 124px;
    vertical-align: top;
    display: inline-block
}

.advantages li:nth-of-type(2n+2) {
    margin: 0 0 80px
}*/

.advantages li b {
    font-display: swap;
    font-family: 'Montserrat-Bold';
    color: #000;
    font-size: 25px;
    line-height: 37px;
    font-weight: 400;
    margin: 0 0 13px;
    display: block
}

.advantages li p {
    font-display: swap;
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 16px;
    line-height: 27px;
    margin: 0
}

.advan-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0;
}

.advan-wrap li{
    margin-bottom: 20px;
    flex: 0 0 31%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 4px 4px 15px -8px #666;
}
.advan-wrap li:nth-of-type(1){
    background: #fffcec;
}

.advan-wrap li .advan-icon{
    display: block;
    width: 40px;
    height: 40px;
    flex: 0 0 40px; 
    margin-right: 15px;
}
.advan-info {
  flex: 0 0 80%;
}
.advan-wrap li:nth-child(1) .advan-icon{
    background: url(../images/ico4.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.advan-wrap li:nth-child(2) .advan-icon{
    background: url(../images/ico5.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.advan-wrap li:nth-child(3) .advan-icon{
    background: url(../images/ico6.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.advan-wrap li:nth-child(4) .advan-icon{
    background: url(../images/ico7.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.advan-wrap li:not(:nth-child(3n)){
    margin-right: 20px;
}

/*.advantages li:nth-of-type(1) {
    padding: 40px 20px 40px 164px;
    margin: -40px 80px 40px -40px;
    background: #fffcec url(../images/ico4.png) 40px 40px no-repeat
}

.advantages li:nth-of-type(2) {
    background: url(../images/ico5.png) left top no-repeat
}

.advantages li:nth-of-type(3) {
    background: url(../images/ico6.png) left top no-repeat
}

.advantages li:nth-of-type(4) {
    background: url(../images/ico7.png) left top no-repeat
}
*/
.text_block {
    padding: 100px 0 500px;
    background: url(../images/bg5.webp) bottom center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.text_block h3 {
    margin: 0 0 25px -107px
}

.text_block .column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    vertical-align: top
}

.text_block .column p {
    font-family: 'Montserrat-Regular';
    font-display: swap;
    color: #000;
    font-size: 16px;
    line-height: 27px;
    margin: 0 0 30px
}

.reviews {
    padding: 80px 0 0
}

.reviews h3 {
    margin: 0 0 20px -107px
}

.reviews .jcarosel {
    width: 1140px;
    margin: 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
    float: left
}

.reviews .jcarosel .owl-carousel {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.reviews .jcarosel li {
    position: relative;
    z-index: 1;
    float: left
}

.reviews .video {
    width: 582px;
    float: left
}

.reviews .video .name {
    margin: 80px 0 40px;
    float: left;
    position: relative;
    right: -107px
}

.reviews .video .name p {
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 14px;
    line-height: 14px;
    margin: 70px 40px 0 0;
    float: left
}

.reviews .video .name p b {
    font-family: 'Montserrat-Bold';
    color: #000;
    font-size: 26px;
    line-height: 26px;
    margin: 0 0 11px;
    display: block
}

.reviews .video .name .photo {
    width: 191px;
    height: 191px;
    border-radius: 100%;
    overflow: hidden;
    float: left
}

.reviews .video .name .photo img {
    width: 100%;
    min-height: 191px;
    vertical-align: bottom
}

.reviews .video .name .bg1 {
    width: 98px;
    height: 81px;
    background: url(../images/bg7.webp) left top no-repeat;
    margin: 55px 0 0 -25px;
    float: left
}

.reviews .video .play {
    width: 582px;
    height: 516px;
    margin: 0;
    float: left;
    position: relative
}

.reviews .video .play img {
    width: 100%;
    min-height: 516px;
    vertical-align: bottom;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.reviews .video .play .play2 {
    font-family: 'Montserrat-Bold';
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    text-decoration: none;
    min-height: 90px;
    padding: 40px 0 0 160px;
    background: url(../images/bg6.webp) left top no-repeat;
    display: block;
    position: absolute;
    bottom: 68px;
    left: 30px;
    z-index: 2
}

.reviews .video .play .play2 i {
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    line-height: 16px;
    font-style: normal;
    margin: 0 0 5px;
    display: block
}

.reviews .video .play .play2:hover {
    opacity: .9
}

.reviews .text {
    width: 460px;
    background: #fff;
    padding: 70px 30px 50px 208px;
    margin: 20px 10px 20px -150px;
    border-radius: 5px;
    float: left;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
}

.reviews .text p {
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 16px;
    line-height: 27px;
    margin: 0 0 25px
}

.reviews .text .butt1 span {
    text-align: center;
    width: 394px;
    background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%)
}

.reviews .text .butt1:hover span {
    background: #C08005 url(../images/ico3.png) 411px center no-repeat
}

.reviews .text .butt1 i {
    width: 458px
}

.reviews .photos1 {
    width: 215px;
    margin: 0 20px 0 0;
    float: left
}

.reviews .photos1_img {
    width: 100%;
    height: 150px;
    margin: 0 20px 20px 0;
    overflow: hidden
}

.reviews .photos1_img img {
    width: 100%;
    min-height: 150px;
    vertical-align: bottom
}

.reviews .photos2_img {
    width: 225px;
    height: 320px;
    margin: 0 0 20px;
    overflow: hidden
}

.reviews .photos2_img img {
    width: 100%;
    min-height: 320px;
    vertical-align: bottom
}

.reviews .photos3_img {
    width: 100%;
    margin: 0 0 20px
}

.reviews .photos3_img img {
    width: 100%;
    vertical-align: bottom
}

.reviews .container {
    position: relative
}

.reviews .reviews1 .arrs {
    width: 100%;
    float: right;
    position: absolute;
    top: 400px
}

.reviews .reviews1 .arrs .jcarousel-control-prev {
    -webkit-box-shadow: 0 0 20px 0 rgba(50, 50, 50, .45);
    -moz-box-shadow: 0 0 20px 0 rgba(50, 50, 50, .45);
    box-shadow: 0 0 20px 0 rgba(50, 50, 50, .45);
    width: 70px;
    height: 70px;
    background: #fff url(../images/arr2.png) center center no-repeat;
    position: relative;
    z-index: 2;
    margin-left: -35px;
    float: left
}

.reviews .reviews1 .arrs .jcarousel-control-next {
    -webkit-box-shadow: 0 0 20px 0 rgba(50, 50, 50, .45);
    -moz-box-shadow: 0 0 20px 0 rgba(50, 50, 50, .45);
    box-shadow: 0 0 20px 0 rgba(50, 50, 50, .45);
    width: 70px;
    height: 70px;
    background: #fff url(../images/arr3.png) center center no-repeat;
    position: relative;
    z-index: 2;
    margin-right: -25px;
    float: right
}

.reviews2 {
    padding: 330px 0 0;
    margin: -220px 0 0;
    background: #f6f6f6 url(../images/bg8.webp) top center repeat-x
}

.reviews2 .li {
    width: 455px;
    background: #fff;
    padding: 0 40px 20px;
    margin: 0 40px 55px 10px;
    float: left;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
}

.reviews2 .li:nth-of-type(2n+2) {
    margin: 0 0 55px 10px
}

.all {
    font-family: 'Montserrat-Medium';
    color: #000;
    font-size: 16px;
    line-height: 70px;
    text-align: center;
    text-decoration: none;
    width: 450px;
    border-radius: 4px;
    border: 1px solid #000;
    margin: 0 auto;
    position: relative;
    top: -15px;
    display: block
}

.all:hover {
    opacity: .8
}

.reviews2 .li .reviews2_photo {
    width: 82px;
    height: 82px;
    margin: -41px 0 16px;
    border-radius: 100%;
    overflow: hidden
}

.reviews2 .li .reviews2_photo img {
    width: 100%;
    min-height: 82px;
    vertical-align: bottom
}

.reviews2 .li b {
    font-family: 'Montserrat-Bold';
    font-display: swap;
    color: #000;
    font-size: 26px;
    line-height: 25px;
    font-weight: 400;
    display: block
}

.reviews2 .li i {
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 14px;
    line-height: 14px;
    font-style: normal;
    margin: 10px 0 24px;
    display: block
}

.reviews2 .li p {
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 16px;
    line-height: 27px;
    margin: 0 0 25px
}

.reviews2 .li ul {
    font-size: 0
}

.reviews2 .li li {
    width: 107px;
    height: 107px;
    margin: 0 9px 20px 0;
    vertical-align: top;
    display: inline-block
}

.reviews2 .li li img {
    width: 100%;
    min-height: 107px;
    margin: 0 0 20px;
    vertical-align: bottom
}

.reviews2 .li li:nth-of-type(4n+4) {
    margin: 0 0 20px
}

.about {
    min-height: 700px;
    padding: 730px 0 0;
    margin: -700px 0 0;
    background: url(../images/bg11.webp) top center no-repeat
}

.about .about_text {
    width: 470px;
    margin: 120px 0 0;
    float: left
}

.about .about_text h3 {
    margin: 0 0 25px -107px
}

.about .about_text p {
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 16px;
    line-height: 27px;
    margin: 0 0 30px
}

.about .about_video {
    width: 630px;
    height: 630px;
    background: url(../images/bg9.webp) top center no-repeat;
    position: relative;
    float: right
}

.about .about_video div {
    width: 130px;
    height: 130px;
    background: url(../images/bg10.webp) top center no-repeat;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -65px;
    margin-top: -65px;
    display: block
}

.about .about_video div:hover {
    opacity: .9
}

.form1 .form2 {
    border-radius: 10px;
    padding: 22px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    position: relative
}

.form3 {
    margin: 90px 0 40px
}

.form1 form {
    padding: 65px 0 70px 360px;
    border: 1px solid #6E4800;
    border-radius: 10px;
    display: block
}

.form1 .man {
    width: 400px;
    height: 70%;
    position: absolute;
    left: 60px;
    top: 45px;
    z-index: 2
}

.form1 .form1_name {
    font-family: 'Montserrat-Regular';
    font-display: swap;
    color: #000;
    font-size: 11px;
    line-height: 11px;
    position: absolute;
    left: 230px;
    bottom: 240px;
    z-index: 2
}

.form1 .form1_name b {
    font-family: 'Montserrat-Bold';
    color: #000;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    margin: 0 0 7px;
    display: block
}

.form1 p {
    font-family: 'Montserrat-Black';
    color: #000;
    font-size: 40px;
    line-height: 49px;
    margin: 0 0 22px
}

.form1 input[type=text] {
    font-family: 'Montserrat-Medium';
    font-display: swap;
    color: #000;
    font-size: 16px;
    line-height: 60px;
    width: 165px;
    border: 0 none;
    border-radius: 4px;
    background: #f3f3f3;
    padding: 0 20px;
    margin: 0 15px 0 0;
    float: left
}

.form1 .butt1 span {
    width: 206px;
    display: flex;
    background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%)
}

.form1 .butt1:hover span {
    background: #C08005 url(../images/ico3.png) 222px center no-repeat
}

.form1 .butt1 i {
    width: 270px
}

.form1 input[type=checkbox],
.popup1 input[type=checkbox],
.form-sec input[type=checkbox] {
    display: none
}

.form1 input[type=checkbox]+label span,
.popup1 input[type=checkbox]+label span,
.form-sec input[type=checkbox]+label span {
    width: 15px;
    height: 15px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #dfdfdf;
    cursor: pointer;
    float: left
}

.form1 input[type=checkbox]:checked+label span,
.popup1 input[type=checkbox]:checked+label span,
.form-sec input[type=checkbox]:checked+label span {
    background: #fff url(../images/ico8.png) center center no-repeat
}

.form1 label,
.popup1 label,
.form-sec label {
    font-family: 'Montserrat-Regular';
    font-display: swap;
    color: #000;
    font-size: 11px;
    line-height: 17px;
    margin: 14px 0 0;
    float: left;
    text-align: left
}

.bread {
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 40px
}

.bread a {
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 14px;
    line-height: 20px
}

.centarl {
    text-align: center;
    display: flow-root
}

.centarl img {
    margin: 5px !important;
    float: none !important
}

.bread a:hover {
    text-decoration: none
}

.news {
    padding: 60px 0 65px
}

.news2 {
    padding: 80px 0 0;
}

.news h3 {
    margin: 0 0 50px -107px
}

.news2 h3 {
    margin: 0 0 20px -107px
}

.news2 img {
    height: auto;
    margin: 0 0 20px;
    vertical-align: bottom
}

.dert {
    margin: 0 0 20px !important
}

.news2 p {
    font-family: 'Montserrat-Regular';
    font-display: swap;
    color: #000;
    font-size: 16px;
    line-height: 27px;
    margin: 0 0 30px
}

.news2 p strong {
    font-family: 'Montserrat-Bold';
    font-weight: 400
}

.news2 ul {
    margin: 0 0 30px
}

.news2 li {
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 16px;
    line-height: 27px;
    list-style: disc inside;
    margin: 0 0 5px
}

.news ul {
    font-size: 0
}

.news li {
    width: 267px;
    height: 267px;
    margin: 0 20px 0 0;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    border-radius: 10px;
    display: inline-block
}

.news li:nth-of-type(4n+4) {
    margin: 0 0 24px
}

.news li img {
    min-height: 267px;
    vertical-align: bottom
}

.news li p {
    font-family: 'Montserrat-Medium';
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 10px
}

.news li i {
    font-family: 'Montserrat-Regular';
    color: #eaeaea;
    font-size: 11px;
    line-height: 11px;
    font-style: normal;
    display: block
}

.news .news_text {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    z-index: 3
}

.news .news_bg {
    width: 100%;
    height: 100%;
    background: url(../images/bg12.webp);
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2
}

.news li a {
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 4
}

.news li:hover p {
    text-decoration: underline
}

.news .all {
    top: 0
}

.map {
    width: 100%;
/*    height: 590px;*/
    margin: 0;
    position: relative;
    z-index: 1
}

.map .map1 {
    width: 100%;
    height: 590px;
    position: absolute;
    overflow: hidden;
    top: 0;
    z-index: 1
}

.map .map1 img {
    width: 100%;
    height: 100%;
    object-position: left;
    object-fit: cover
}

.map .panel {
    width: 270px;
    padding: 32px 30px 40px;
    background: #fff;
    position: absolute;
    z-index: 2;
    top: 41px;
    -webkit-box-shadow: 0 0 40px 0 rgba(50, 50, 50, .35);
    -moz-box-shadow: 0 0 40px 0 rgba(50, 50, 50, .35);
    box-shadow: 0 0 40px 0 rgba(50, 50, 50, .35)
}

.map .panel b {
    font-family: 'Montserrat-Black';
    color: #384b51;
    font-size: 40px;
    line-height: 49px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    display: block
}

.map .map u {
    font-family: 'Montserrat-Medium';
    color: #ababab;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    padding: 0;
    margin: 15px 0 7px;
    display: block
}

.map .panel .phone {
    font-family: 'Montserrat-Bold';
    color: #384b51;
    font-size: 22px;
    line-height: 22px;
    text-decoration: none;
    padding: 0;
    margin: 0 0 18px;
    display: block
}

.map .panel .mail {
    font-family: 'Montserrat-Medium';
    color: #384b51;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    padding: 0;
    margin: 0 0 18px;
    display: block
}

.map .panel p {
    font-family: 'Montserrat-Medium';
    color: #000;
    font-size: 16px;
    line-height: 24px;
    padding: 0;
    margin: 0 0 18px
}

.map .panel ul {
    margin: 5px 0 24px
}

.map .panel li {
    margin: 0 12px 0 0;
    vertical-align: top;
    display: inline-block
}

.map .panel li a {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
    display: block
}

.map .panel li .vk {
    background: url(../images/vk.png) no-repeat
}

.map .panel li .ins {
    background: url(../images/ins.png) no-repeat
}

.map .panel li .whatsapp {
    background: url(../images/whatsapp.png) no-repeat
}

.map .panel li .ok {
    background: url(../images/ok.png) no-repeat
}

.map .butt1 span {
    width: 100%;
    background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%);
/*    ) 222px center no-repeat;*/
    transition: .4s;
    display: flex;

}

.map .butt1:hover span {
    background: #C08005 url(../images/ico3.png) 222px center no-repeat
}

.map .butt1 i {
    width: 270px
}

.popup1 {
    width: 15vw;
    margin: auto;
    display: block;
    left: 0;
    right: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    padding: 10px 20px 15px;
    border-radius: 10px;
    text-align: center;
    z-index: 1001;
    background: #fff
}

.overlay:target+.popup1 {
    top: 20%;
    opacity: 1;
    visibility: visible
}

.overlay:target {
    visibility: visible;
    opacity: 1
}

.overlay {
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1000;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.popup1 .close1 {
    width: 20px;
    height: 20px;
    background: url(../images/close2.png) no-repeat;
    background-size: 20px 20px;
    margin: 0 -10px 0 0;
    float: right
}

.popup1 p {
    font-family: 'Montserrat-Bold';
    font-display: swap;
    color: #000;
    font-size: 24px;
    line-height: 28px;
    margin: 25px 0 20px
}

.popup1 input {
    font-family: 'Montserrat-Medium';
    color: #000;
    font-size: 16px;
    line-height: 40px;
    width: 238px;
    height: 40px;
    margin: 0 0 20px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 3px;
    float: left
}

.popup1 textarea {
    font-family: 'Montserrat-Medium';
    color: #000;
    font-size: 16px;
    line-height: 20px;
    width: 238px;
    height: 80px;
    margin: 0 0 20px;
    padding: 10px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 3px;
    float: left;
    resize: none
}

.popup1 button {
    font-family: 'Montserrat-Medium';
    color: #000;
    font-size: 16px;
    line-height: 50px;
    width: 100%;
    border-radius: 4px;
    background: #ffdf39;
    border: 0 none
}

.popup1 button:hover {
    background: #fee254
}

#menu-none {
    width: 100%;
    background: #fffffff7;
    position: fixed;
    top: 0;
    display: none;
    z-index: 50;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

#menu-none ul {
    margin: 0;
    text-align: center;
    float: left
}

#menu-none li {
    margin: 0 25px 0 0;
    vertical-align: top;
    display: inline-block
}

#menu-none li a {
    font-family: 'Montserrat-Regular';
    font-display: swap;
    color: #000;
    font-size: 16px;
    line-height: 60px;
    text-decoration: none;
    display: block
}

#menu-none li a:hover {
    text-decoration: underline
}

#menu-none .butt2 {
    font-family: 'Montserrat-Medium';
    color: #000;
    font-size: 16px;
    line-height: 60px;
    text-decoration: none;
    text-align: center;
    width: 230px;
    background: #ffdf39;
    float: right;
    transition: .4s
}

#menu-none .butt2:hover {
    background: #fee254
}

#menu-none .logo {
    font-size: 7px;
    line-height: 11px;
    background: url(../images/logo72.png) top left no-repeat;
    background-size: 27px;
    padding: 0 0 0 37px;
    margin: 12px 65px 0 0
}

#menu-none .logo b {
    font-size: 14px;
    line-height: 14px
}

#menu {
    width: 100%;
    background: #fffffff7;
    z-index: 50;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

#menu.fixed {
    position: fixed;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#menu ul {
    margin: 0;
    text-align: center;
    float: left
}

#menu li {
    margin: 0 25px 0 0;
    vertical-align: top;
    display: inline-block
}

#menu li a {
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 16px;
    line-height: 60px;
    text-decoration: none;
    display: block
}

#menu li a:hover {
    text-decoration: underline
}

#menu .butt2 {
    font-family: 'Montserrat-Medium';
    color: #000;
    font-size: 16px;
    line-height: 60px;
    text-decoration: none;
    text-align: center;
    width: 230px;
    background: #ffdf39;
    float: right;
    transition: .4s
}

#menu .butt2:hover {
    background: #fee254
}

#menu .logo {
    font-size: 7px;
    line-height: 11px;
    background: url(../images/logo72.png) top left no-repeat;
    background-size: 27px;
    padding: 0 0 0 37px;
    margin: 12px 65px 0 0
}

#menu .logo b {
    font-size: 14px;
    line-height: 14px
}

.nb1 {
    background: url(../images/bgn1.png?1) top center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.nb1 .header_text {
    width: 640px;
    margin: 40px 0 150px
}

.nb1 .header_text h1 {
    font-size: 48px;
    line-height: 42px
}

.nb1 .header_text h1 span {
    font-size: 20px;
    display: block
}

.nicons {
    font-size: 0;
    padding: 0 0 10px
}

.nicons li {
    font-family: 'Montserrat-Regular';
    font-size: 15px;
    line-height: 24px;
    color: #000;
    width: 266px;
    padding: 0 0 0 80px;
    margin: 0 50px 0 0;
    vertical-align: top;
    display: inline-block
}

.nicons li:nth-of-type(1) {
    background: url(../images/ni1.png) left top no-repeat
}

.nicons li:nth-of-type(2) {
    background: url(../images/ni2.png) left top no-repeat
}

.nicons li:nth-of-type(3) {
    background: url(../images/ni3.png) left top no-repeat;
    margin: 0
}

.nicons li b {
    font-family: 'Montserrat-Black';
    font-size: 20px;
    line-height: 30px;
    color: #000;
    font-weight: 400;
    margin: 0 0 8px;
    display: block
}

.services2 .items2 {
    font-size: 0;
    text-align: center
}

.services2 .items2 li {
    text-align: left;
    width: 366px;
    margin: 0 20px 20px 0;
    display: inline-block;
    position: relative
}

.services2 .items2 li:nth-of-type(3n+3) {
    margin: 0 0 20px
}

.services2 .items2 li .nimg {
    width: 100%;
    height: 244px;
    overflow: hidden
}

.services2 .items2 li .nimg img {
    width: 100%;
    min-height: 244px;
    vertical-align: bottom
}

.services2 .items2 li .ntext {
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 17px 25px 25px
}

.services2 .items2 li p {
    font-family: 'Montserrat-Bold';
    font-size: 20px;
    line-height: 29px;
    color: #000;
    height: 58px;
    margin: 0 0 17px
}

.services2 .items2 li .price {
    font-family: 'Montserrat-Bold';
    font-size: 16px;
    line-height: 29px;
    color: #000;
    margin: 0
}

.services2 .items2 li .price b {
    font-family: 'Montserrat-Bold';
    font-size: 28px;
    line-height: 29px;
    color: #000;
    font-weight: 400
}

.services2 .items2 li .butt1 {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -115px;
    top: 92px;
    z-index: 1
}

.services2 .items2 li:hover .butt1 {
    display: inline-block
}

.services2 .items2 li .butt1 span {
    width: 170px;
    background: #ffdf39 url(../images/ico3.png) 186px center no-repeat
}

.old {
    width: 1140px;
    border-radius: 4px;
    padding: 20px 0;
    margin: 0 auto 70px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
}

.old .container {
    width: 1060px;
    border-radius: 4px;
    border: 1px solid #ffdf39;
    padding: 60px 0 60px 40px;
    margin: 0 auto;
    position: relative
}

.old b {
    font-family: 'Montserrat-Black';
    font-size: 38px;
    line-height: 46px;
    color: #000;
    font-weight: 400;
    margin: 0 0 18px;
    display: block
}

.old b span {
    font-size: 54px;
    color: #ff4b4b
}

.old p {
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    line-height: 27px;
    color: #000;
    width: 700px;
    margin: 0 0 20px
}

.old img {
    width: 496px;
    height: 399px;
    vertical-align: bottom;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1
}

.scheme {
    padding: 0;
    margin: 0 0 -45px;
    background: url(../images/bgn2.png) top center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.scheme .desc {
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    width: 670px;
    margin: 0 auto 35px
}

.scheme ul {
    font-size: 0;
    padding: 15px 0 0
}

.scheme li {
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 16px;
    line-height: 27px;
    width: 240px;
    padding: 75px 0 0;
    margin: 0 60px 50px 0;
    position: relative;
    vertical-align: top;
    display: inline-block
}

.scheme li:nth-of-type(1) {
    background: url(../images/ni4.png) left top no-repeat
}

.scheme li:nth-of-type(2) {
    background: url(../images/ni5.png) left top no-repeat
}

.scheme li:nth-of-type(3) {
    background: url(../images/ni6.png) left top no-repeat
}

.scheme li:nth-of-type(4) {
    background: url(../images/ni7.png) left top no-repeat
}

.scheme li:nth-of-type(5) {
    background: url(../images/ni8.png) left top no-repeat
}

.scheme li:nth-of-type(6) {
    background: url(../images/ni9.png) left top no-repeat
}

.scheme li:nth-of-type(7) {
    background: url(../images/ni10.png) left top no-repeat
}

.scheme li:nth-of-type(8) {
    background: url(../images/ni11.png) left top no-repeat
}

.scheme li:nth-of-type(4n+4) {
    margin: 0 0 50px
}

.scheme li b {
    font-family: 'Montserrat-Bold';
    color: #000;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    max-width: 200px;
    margin: 0 0 17px;
    display: block
}

.scheme .butt1 {
    margin: 25px 0 0
}

.scheme .butt1 span {
    width: 178px;
    background: #ffdf39 url(../images/ico3.png) 194px center no-repeat;
    padding: 0 33px
}

.scheme .butt1:hover span {
    background: #fee254 url(../images/ico3.png) 194px center no-repeat
}

.scheme .butt1 i {
    width: 240px
}

.scheme .text3 {
    position: relative;
    z-index: 2
}

.scheme u {
    font-family: 'Montserrat-Bold';
    color: #fff;
    font-size: 130px;
    line-height: 130px;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 1
}

.scheme .arr0 {
    width: 50px;
    height: 8px;
    background: url(../images/a1.png) right top no-repeat;
    position: absolute;
    top: 82px;
    right: 0;
    z-index: 1
}

.about2 ul {
    font-size: 0;
    text-align: center;
    padding: 30px 0 70px
}

.about2 li {
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    width: 313px;
    padding: 80px 0 0;
    margin: 0 100px 60px 0;
    vertical-align: top;
    display: inline-block
}

.about2 li:nth-of-type(1) {
    background: url(../images/ni12.png) left top no-repeat
}

.about2 li:nth-of-type(2) {
    background: url(../images/ni13.png) left top no-repeat
}

.about2 li:nth-of-type(3) {
    background: url(../images/ni14.png) left top no-repeat;
    margin: 0 0 60px
}

.about2 li:nth-of-type(4) {
    background: url(../images/ni15.png) left top no-repeat
}

.about2 li:nth-of-type(5) {
    background: url(../images/ni16.png) left top no-repeat;
    margin: 0 0 60px
}

.about2 li b {
    font-family: 'Montserrat-Bold';
    color: #000;
    font-size: 26px;
    line-height: 38px;
    font-weight: 400;
    margin: 0 0 17px;
    display: block
}

.big {
    padding: 60px 0 50px
}

.connected-carousels {
    padding: 35px 0 0
}

.connected-carousels .stage {
    width: 1140px;
    position: relative
}

.connected-carousels .navigation {
    width: 1140px;
    margin: 10px auto 0;
    position: relative
}

.connected-carousels .carousel {
    overflow: hidden;
    position: relative
}

.connected-carousels .carousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.connected-carousels .carousel li {
    float: left
}

.connected-carousels .carousel-stage ul li {
    width: 1140px;
    height: 488px;
    overflow: hidden
}

.connected-carousels .carousel-stage ul li img {
    width: 100%;
    min-height: 488px;
    vertical-align: bottom
}

.connected-carousels .carousel-navigation {
    width: 1140px
}

.connected-carousels .carousel-navigation li {
    width: 154px;
    height: 154px;
    overflow: hidden;
    margin: 0 10.33px 0 0;
    cursor: pointer
}

.connected-carousels .carousel-navigation li img {
    width: 364px;
    min-height: 154px;
    display: block
}

.connected-carousels .navigation .prev-navigation {
    width: 32px;
    height: 32px;
    background: url(../images/aa1.png) left top no-repeat;
    border-radius: 32px;
    margin: -93px 0 0 15px;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 2
}

.connected-carousels .navigation .next-navigation {
    width: 32px;
    height: 32px;
    background: url(../images/aa2.png) left top no-repeat;
    border-radius: 32px;
    margin: -93px 15px 0 0;
    overflow: hidden;
    float: right;
    position: relative;
    z-index: 2
}
.map .panel .phone{
    font-size: 24px;
    font-family: 'FuturaPT', Arial, sans-serif;
    font-weight: 400;
}

@media(max-width:1170px) {
    #menu .logo {
        display: none
    }
    #menu-none .logo {
        display: none
    }
    .container {
        width: 940px
    }
    .advantages li {
        width: 276px
    }
    .reviews .jcarosel {
        width: 940px
    }
    .reviews .jcarosel li {
        width: 940px
    }
    .reviews .video {
        width: 382px
    }
    .reviews .video .play {
        width: 382px;
        height: 338px
    }
    .reviews .video .play img {
        min-height: 338px
    }
    .reviews .video .name {
        margin: 80px 0 40px;
        right: -30px
    }
    .reviews .video .name p {
        margin: 24px 40px 0 0
    }
    .services .item:nth-of-type(3n+3) {
        margin: 0 0 15px
    }
    .services .item:nth-of-type(4n+4) {
        margin: 0 16px 15px 0
    }
    .reviews .video .name .photo {
        width: 100px;
        height: 100px
    }
    .reviews .video .name .photo img {
        min-height: 100px
    }
    .reviews .video .name .bg1 {
        display: none
    }
    .reviews .video .play .play2 {
        font-size: 20px;
        line-height: 24px;
        min-height: 45px;
        padding: 0 0 0 65px;
        background: url(../images/bg6.webp) left top no-repeat;
        background-size: 45px
    }
    .reviews2 .li {
        width: 355px
    }
    .reviews2 .li li {
        width: 82px;
        height: 82px
    }
    .reviews2 .li li img {
        min-height: 82px
    }
    .about {
        min-height: 500px
    }
    .about .about_text {
        margin: 30px 0 0
    }
    .about .about_video {
        width: 430px;
        height: 430px;
        background: url(../images/bg9.webp) top center no-repeat;
        background-size: 430px
    }
    .form1 input[type=text] {
        width: 195px;
        margin: 0 15px 20px 0
    }
    .form1 label {
        margin: 30px 0 0
    }
    .news li {
        width: 217px;
        height: 217px;
        overflow: hidden
    }
    .news li img {
        min-height: 217px
    }
    .news .news_text {
        bottom: 20px;
        left: 20px;
        right: 20px
    }
    .news li p {
        font-size: 18px;
        line-height: 17px
    }
    .form3 {
        margin: 40px 0
    }
    .nb1 .header_text {
        width: 510px;
        margin: 10px 0 150px
    }
    .nicons li {
        width: 220px;
        padding: 0 0 0 80px;
        margin: 0 20px 0 0
    }
    .services2 .items2 li {
        width: 366px;
        margin: 0 20px 20px 0
    }
    .services2 .items2 li:nth-of-type(3n+3) {
        margin: 0 20px 20px 0
    }
    .services2 .items2 li:nth-of-type(2n+2) {
        margin: 0 0 20px
    }
    .old {
        width: 940px
    }
    .old .container {
        width: 820px;
        padding: 60px 40px
    }
    .old b {
        width: 450px
    }
    .old p {
        width: 450px
    }
    .scheme ul {
        text-align: center
    }
    .scheme li {
        text-align: left
    }
    .scheme li:nth-of-type(4n+4) {
        margin: 0 60px 50px 0
    }
    .scheme li:nth-of-type(3n+3) {
        margin: 0 0 50px
    }
    .scheme li:nth-of-type(8) {
        margin: 0 0 50px
    }
    .about2 li {
        width: 300px;
        padding: 80px 0 0;
        margin: 0 20px 60px 0
    }
    .connected-carousels .stage {
        width: 940px
    }
    .connected-carousels .navigation {
        width: 940px
    }
    .connected-carousels .carousel-stage ul li {
        width: 940px;
        height: 402px
    }
    .connected-carousels .carousel-stage ul li img {
        min-height: 402px
    }
    .connected-carousels .carousel-navigation {
        width: 940px
    }
}

@media(max-width:970px) {
    .container {
        width: 750px
    }
    #menu li {
        margin: 0 15px 0 0
    }
    #menu li a {
        font-size: 15px;
        line-height: 50px
    }
    #menu .butt2 {
        font-size: 15px;
        line-height: 50px;
        width: 180px
    }
    #menu-none li {
        margin: 0 15px 0 0
    }
    #menu-none li a {
        font-size: 15px;
        line-height: 50px
    }
    #menu-none .butt2 {
        font-size: 15px;
        line-height: 50px;
        width: 180px
    }
    .header_text h1 {
        font-size: 38px;
        line-height: 49px
    }
    .contact .mail {
        margin: 0 30px 0 0
    }
    .contact .phone a {
        font-size: 20px;
        line-height: 20px
    }
    .services .services_info {
        margin: 12px 0 20px
    }

    .advantages li b {
        font-size: 22px;
        line-height: 32px
    }
    .advantages li p {
        font-size: 15px;
        line-height: 25px
    }
    
    .reviews h3 {
        margin: 0 0 30px -107px
    }
    .reviews .jcarosel {
        width: 750px
    }
    .reviews .jcarosel li {
        width: 750px
    }
    .reviews .video {
        width: 290px
    }
    .reviews .video .play {
        width: 290px;
        height: 255px
    }
    .reviews .video .play img {
        min-height: 255px
    }
    .reviews .video .name {
        margin: 0 0 40px;
        right: 0
    }
    .reviews .video .name p {
        margin: 24px 40px 0 0
    }
    .reviews .video .name .photo {
        width: 100px;
        height: 100px;
        margin: 20px 0 0
    }
    .reviews .video .name .photo img {
        min-height: 100px
    }
    .reviews .video .name .bg1 {
        display: none
    }
    .reviews .video .play .play2 {
        font-size: 20px;
        line-height: 24px;
        min-height: 45px;
        padding: 0 0 0 65px;
        background: url(../images/bg6.webp) left top no-repeat;
        background-size: 45px
    }
    .reviews .text {
        width: 360px;
        padding: 30px 30px 50px;
        margin: 20px 10px 20px 30px
    }
    .reviews .photos1 {
        width: 165px;
        margin: 0 20px 0 0
    }
    .reviews .photos1_img {
        height: 115px
    }
    .reviews .photos1_img img {
        min-height: 115px
    }
    .reviews .photos2_img {
        width: 175px;
        height: 250px
    }
    .reviews .photos2_img img {
        min-height: 250px
    }
    .reviews .reviews1 .arrs {
        width: 100%
    }
    .reviews .reviews1 .arrs .jcarousel-control-prev {
        font-size: 13px
    }
    .reviews .reviews1 .arrs .jcarousel-control-next {
        font-size: 13px
    }
    .reviews .text .butt1 span {
        width: 294px;
        background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%)
    }
    .reviews .text .butt1:hover span {
        background: #C08005 url(../images/ico3.png) 311px center no-repeat
    }
    .reviews .text .butt1 i {
        width: 358px
    }
    .reviews2 .li {
        width: 265px
    }
    .reviews2 .li li {
        width: 82px;
        height: 82px
    }
    .reviews2 .li li img {
        min-height: 82px
    }
    .about {
        min-height: 500px
    }
    .about .about_text {
        margin: 40px 0 0
    }
    .about .about_video {
        width: 240px;
        height: 240px;
        background: url(../images/bg9.webp) top center no-repeat;
        background-size: 240px;
        margin: 40px 0 0
    }
    .form1 p {
        font-size: 26px;
        line-height: 35px;
        margin: 0 0 22px
    }
    .form1 form {
        padding: 45px 0 70px 360px
    }
    .form1 input[type=text] {
        width: 232px;
        margin: 0 15px 20px 0
    }
    .form1 label {
        margin: 30px 0 0
    }
    .news ul {
        text-align: center
    }
    .news li {
        text-align: left;
        width: 300px;
        height: 300px;
        margin: 0 15px 24px
    }
    .news li:nth-of-type(4n+4) {
        margin: 0 15px 24px
    }
    .news li img {
        height: 300px
    }
    .news .news_text {
        bottom: 20px;
        left: 20px;
        right: 20px
    }
    .news li p {
        font-size: 16px;
        line-height: 23px
    }
    .form3 {
        margin: 30px 0 40px
    }
    .nb1 .header_text {
        width: 450px;
        margin: 10px 0 150px
    }
    .nicons li {
        width: 160px;
        padding: 0 0 0 80px;
        margin: 0 15px 0 0
    }
    .services2 .items2 li {
        width: 366px;
        margin: 0 18px 20px 0
    }
    .services2 .items2 li:nth-of-type(3n+3) {
        margin: 0 18px 20px 0
    }
    .services2 .items2 li:nth-of-type(2n+2) {
        margin: 0 0 20px
    }
    .old {
        width: 750px
    }
    .old .container {
        width: 630px;
        padding: 60px 40px
    }
    .old img {
        width: 400px;
        height: 320px
    }
    .old b {
        width: 350px
    }
    .old p {
        width: 350px
    }
    .scheme ul {
        text-align: center
    }
    .scheme li {
        text-align: left
    }
    .scheme li:nth-of-type(4n+4) {
        margin: 0 60px 50px 0
    }
    .scheme li:nth-of-type(3n+3) {
        margin: 0 60px 50px 0
    }
    .scheme li:nth-of-type(2n+2) {
        margin: 0 0 50px
    }
    .scheme li:nth-of-type(8) {
        margin: 0 0 50px
    }
    .about2 li {
        width: 300px;
        padding: 80px 0 0;
        margin: 0 20px 60px 0
    }
    .connected-carousels .stage {
        width: 750px
    }
    .connected-carousels .navigation {
        width: 750px
    }
    .connected-carousels .carousel-stage ul li {
        width: 750px;
        height: 320px
    }
    .connected-carousels .carousel-stage ul li img {
        min-height: 320px
    }
    .connected-carousels .carousel-navigation {
        width: 750px
    }
}

@media(max-width:780px) {
    .container {
        width: 300px
    }
    h3 {
        font-size: 26px;
        line-height: 32px;
        background: url(../images/bg2.png) top left no-repeat;
        padding: 15px 0 11px 107px;
        margin: 0 0 10px -107px
    }
    #menu .butt2 {
        display: none
    }
    #menu li a {
        color: #000;
        font-size: 16px;
        line-height: 20px
    }
    #menu-none .butt2 {
        display: none
    }
    #menu-none li a {
        color: #000;
        font-size: 16px;
        line-height: 20px
    }
    header {
        padding: 0 0 120px
    }
    .logo {
        margin: 20px 0 0
    }
    .contact .mail {
        margin: 0 0 15px
    }
    .contact .mail a {
        margin: 5px 0 0
    }
    .contact .phone a {
        font-size: 20px;
        line-height: 20px;
        margin: 5px 0 0
    }
    .header_text {
        width: 90%;
        margin: 30px 0 20px
    }
    .header_text h1 {
        font-size: 26px;
        line-height: 1.5;
        margin: 0 0 20px;
        text-transform: uppercase;
    }
    .header_text p {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 24px
    }
    .header_text .butt1 span {
        font-size: 15px;
        width: 234px;
        background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%)
    }
    .header_text .butt1:hover span {
        background: #C08005 url(../images/ico3.png) 251px center no-repeat
    }
    .header_text .butt1 i {
        width: 298px
    }
    .services {
        padding: 20px 15px 30px;
    }
    .services .desc {
        font-size: 14px;
        line-height: 22px;
        width: 100%;
        margin: 0 0 20px
    }
    .services .item {
        margin: 0 0 15px
    }
    .services .item:hover {
        margin: 0 0 -60px
    }
    .services .services_info {
        font-size: 18px;
        line-height: 25px;
        margin: 0 0 10px
    }
    .services .butt span {
        font-size: 15px;
        width: 234px;
        background: #ffdf39 url(../images/ico3.png) 251px center no-repeat
    }
    .services .butt:hover span {
        background: #fee254 url(../images/ico3.png) 251px center no-repeat
    }
    .services .butt i {
        width: 298px
    }
    .advantages h3 {
        margin: 0 0 40px -107px
    }
    .advantages ul {
        margin: 0
    }

    .advantages li b {
        font-size: 22px;
        line-height: 32px
    }
    .advantages li p {
        font-size: 15px;
        line-height: 25px
    }
    
    .text_block {
        padding: 0 15px 250px;
    }
    .text_block h3 {
        margin: 0 0 0 -107px
    }
    .text_block .column {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }
    .text_block .column p {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 20px
    }
    .reviews {
        padding: 20px 0 0
    }
    .reviews h3 {
        margin: 0 0 10px -107px
    }
    .reviews .jcarosel {
        width: 300px;
        margin: 20px 0 0
    }
    .reviews .jcarosel li {
        width: 300px
    }
    .reviews .video {
        width: 300px
    }
    .reviews .video .play {
        width: 300px;
        height: 265px
    }
    .reviews .video .play img {
        min-height: 265px
    }
    .reviews .video .name {
        margin: 0 0 20px;
        right: 0
    }
    .reviews .video .name p {
        width: 300px;
        margin: 0
    }
    .reviews .video .name .photo {
        width: 100px;
        height: 100px;
        margin: 20px 0 0
    }
    .reviews .video .name .photo img {
        min-height: 100px
    }
    .reviews .video .name .bg1 {
        display: none
    }
    .reviews .video .play .play2 {
        font-size: 20px;
        line-height: 24px;
        min-height: 45px;
        padding: 0 0 0 65px;
        background: url(../images/bg6.webp) left top no-repeat;
        background-size: 45px
    }
    .reviews .text {
        width: 240px;
        padding: 20px 20px 50px;
        margin: 20px 10px
    }
    .reviews .text p {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 20px
    }
    .reviews .photos1 {
        width: 240px;
        margin: 0
    }
    .reviews .photos1_img {
        height: 165px
    }
    .reviews .photos1_img img {
        min-height: 165px
    }
    .reviews .photos2_img {
        width: 240px;
        height: 340px
    }
    .reviews .photos2_img img {
        min-height: 340px
    }
    .reviews .reviews1 .arrs {
        width: 100%;
        top: 250px
    }
    .reviews .reviews1 .arrs .jcarousel-control-prev {
        font-size: 0;
        margin-left: -10px
    }
    .reviews .reviews1 .arrs .jcarousel-control-next {
        font-size: 0;
        margin-right: -10px
    }
    .reviews .text .butt1 span {
        text-align: left;
        width: 174px;
        background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%)
    }
    .reviews .text .butt1:hover span {
        background: #C08005 url(../images/ico3.png) 191px center no-repeat
    }
    .reviews .text .butt1 i {
        width: 238px
    }
    .reviews2 {
        margin: -220px 0 0
    }
    .reviews2 .li {
        width: 260px;
        padding: 0 20px;
        margin: 0 0 55px
    }
    .reviews2 .li li {
        width: 82px;
        height: 82px
    }
    .reviews2 .li:nth-of-type(2n+2) {
        margin: 0 0 55px
    }
    .reviews2 .li li img {
        min-height: 82px
    }
    .reviews2 .li b {
        font-size: 22px;
        line-height: 20px
    }
    .reviews2 .li p {
        font-size: 14px;
        line-height: 20px
    }
    .all {
        font-size: 16px;
        line-height: 50px;
        width: 298px;
        position: relative;
        top: -25px
    }
    .about {
        min-height: 100%;
        margin: -740px 0 0
    }
    .about .about_text {
        width: 300px;
        margin: 20px 0 0
    }
    .about .about_text h3 {
        margin: 0 0 0 -107px
    }
    .about .about_text p {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 20px
    }
    .about .about_video {
        width: 240px;
        height: 240px;
        background: url(../images/bg9.webp) top center no-repeat;
        background-size: 240px;
        margin: 40px 0 0
    }
    .about .butt1 span {
        font-size: 15px;
        width: 234px;
        background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%)
    }
    .about .butt1:hover span {
        background: #C08005 url(../images/ico3.png) 251px center no-repeat
    }
    .about .butt1 i {
        width: 298px
    }
    .about .about_video {
        width: 300px;
        height: 300px;
        background: url(../images/bg9.webp) top center no-repeat;
        background-size: 300px
    }
    .form1 {
        margin: 20px 0 0
    }
    .form1 form {
        padding: 20px 20px 80px
    }
    .form1 .man {
        display: none
    }
    .form1 .form1_name {
        display: none
    }
    .form1 p {
        font-size: 26px;
        line-height: 35px;
        margin: 0 0 22px
    }
    .form1 input[type=text] {
        width: 172px;
        line-height: 50px;
        margin: 0 0 20px
    }
    .form1 label {
        margin: 30px 0 0
    }
    .form1 .butt1 span {
        text-align: center;
        font-size: 14px;
        width: 212px;
        background: #ffdf39;
        padding: 0
    }
    .form1 .butt1:hover span {
        background: #fee254
    }
    .form1 .butt1 i {
        width: 210px
    }
    .news {
        padding: 20px 0
    }
    .news h3 {
        margin: 0 0 20px -107px
    }
    .news ul {
        text-align: center
    }
    .news li {
        text-align: left;
        width: 300px;
        height: 300px;
        margin: 0 0 20px
    }
    .news li:nth-of-type(4n+4) {
        margin: 0 0 20px
    }
    .news li img {
        min-height: 300px
    }
    .news .news_text {
        bottom: 20px;
        left: 20px;
        right: 20px
    }
    .news li p {
        font-size: 16px;
        line-height: 23px
    }
    .map .panel {
        width: 260px;
        padding: 20px
    }
    .map .panel b {
        font-size: 30px;
        line-height: 39px
    }
    .map .butt1 span {
        width: 194px;
        background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%);
        display: flex;
    }
    .butt1 span {
        display: flex;
    }
    .butt1{
        height: 40px;
    }
    .map .butt1:hover span {
        background: #C08005 url(../images/ico3.png) 210px center no-repeat
    }
    .map .butt1 i {
        width: 248px;
    }
    footer {
        padding: 0 0 20px
    }
    .news2 {
        padding: 20px 0 0;
    }
    .bread {
        margin: 0 0 20px
    }
    .news2 h3 {
        margin: 0 0 20px -107px
    }
    .news2 p {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 20px
    }
    .news2 ul {
        margin: 0 0 20px
    }
    .news2 li {
        font-size: 14px;
        line-height: 20px
    }
    .form3 {
        margin: 20px 0
    }
    .nb1 {
        padding: 0 0 50px
    }
    .nb1 .header_text {
        width: 80%;
        margin: 30px 0 20px
    }
    .nb1 .header_text h1 {
        font-size: 25px;
        line-height: 1.5;
    }
    .nb1 .header_text h1 span {
        font-size: 16px
    }
    .nicons li {
        width: 220px;
        padding: 0 0 0 80px;
        margin: 0 0 20px
    }
    .services2 .items2 li {
        width: 300px;
        margin: 0 0 15px
    }
    .services2 .items2 li:nth-of-type(3n+3) {
        margin: 0 0 20px
    }
    .services2 .items2 li .nimg {
        width: 100%;
        height: 200px
    }
    .services2 .items2 li .nimg img {
        min-height: 200px
    }
    .services2 .items2 li .ntext {
        padding: 17px 25px 25px
    }
    .services2 .items2 li p {
        font-size: 14px;
        line-height: 17px;
        height: 34px;
        margin: 0 0 10px
    }
    .services2 .items2 li .price {
        font-size: 16px;
        line-height: 29px
    }
    .services2 .items2 li .price b {
        font-size: 28px;
        line-height: 29px
    }
    .services2 .items2 li .butt1 {
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -117px;
        top: 70px;
        z-index: 1
    }
    .services2 .items2 li:hover .butt1 {
        display: inline-block
    }
    .services2 .items2 li .butt1 span {
        width: 170px;
        background: #ffdf39 url(../images/ico3.png) 186px center no-repeat
    }
    .services2 .items2 li:nth-of-type(2n+2) {
        margin: 0 0 20px
    }
    .old {
        width: 300px;
        margin: 0 auto 20px
    }
    .old .container {
        width: 220px;
        padding: 20px 20px 240px
    }
    .old b {
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 15px
    }
    .old b span {
        font-size: 33px
    }
    .old img {
        width: 240px;
        height: 200px
    }
    .old b {
        width: 220px
    }
    .old p {
        width: 220px
    }
    .old .butt1 span {
        width: 186px;
        background: #ffdf39 url(../images/ico3.png) 172px center no-repeat;
        padding: 0 18px
    }
    .old .butt1:hover span {
        background: #fee254 url(../images/ico3.png) 172px center no-repeat
    }
    .old .butt1 i {
        width: 220px
    }
    .scheme .desc {
        width: 300px;
        margin: 0 auto
    }
    .scheme ul {
        text-align: center;
        margin: 0 0 20px
    }
    .scheme li {
        width: 300px;
        margin: 0 0 20px;
        text-align: left
    }
    .scheme li:nth-of-type(4n+4) {
        margin: 0 0 20px
    }
    .scheme li:nth-of-type(3n+3) {
        margin: 0 0 20px
    }
    .scheme li:nth-of-type(2n+2) {
        margin: 0 0 20px
    }
    .scheme li:nth-of-type(8) {
        margin: 0 0 20px
    }
    .about2 ul {
        padding: 0
    }
    .about2 li {
        width: 300px;
        padding: 80px 0 0;
        margin: 0 0 20px
    }
    .about2 li:nth-of-type(3) {
        margin: 0 0 20px
    }
    .about2 li:nth-of-type(5) {
        margin: 0 0 20px
    }
    .big {
        padding: 20px 0
    }
    .connected-carousels {
        padding: 20px 0 0
    }
    .connected-carousels .stage {
        width: 300px
    }
    .connected-carousels .navigation {
        width: 300px
    }
    .connected-carousels .carousel-stage ul li {
        width: 300px;
        height: 130px
    }
    .connected-carousels .carousel-stage ul li img {
        width: 100%;
        min-height: 130px
    }
    .connected-carousels .carousel-navigation {
        width: 300px
    }
    .connected-carousels .carousel-navigation li {
        width: 140px;
        height: 140px;
        margin: 0 20px 0 0
    }
    .connected-carousels .carousel-navigation li img {
        min-height: 140px
    }
}

@media screen and (max-width:780px) {
    #nav-wrap {
        width: 300px;
        position: relative;
        float: left
    }
    #menu-icon {
        font-family: 'Montserrat-Medium';
        font-size: 22px;
        line-height: 37px;
        color: #000;
        width: 57px;
        height: 37px;
        background: url(../images/menu-icon.png) no-repeat left center;
        padding: 0 10px 0 42px;
        cursor: pointer;
        display: block;
        clear: both;
        margin: 0
    }
    #nav {
        clear: both;
        position: absolute;
        width: 100%;
        z-index: 10000;
        background: #ffdf39;
        opacity: .95;
        margin-top: 0;
        display: none
    }
    #nav li {
        font-family: 'Roboto-Regular';
        text-align: center;
        width: 100%;
        clear: both;
        float: none;
        margin: 4px 0
    }
    #nav li ul {
        display: none
    }
    #nav a,
    #nav ul a {
        letter-spacing: 2px;
        color: #fff;
        font: inherit;
        background: 0 0;
        display: inline;
        padding: 0;
        border: none
    }
    #nav a:hover,
    #nav ul a:hover {
        background: 0 0
    }
    #nav ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit
    }
}

@media screen and (min-width:781px) {
    #nav {
        display: block !important
    }
}

.heada {
    position: relative;
    padding-bottom: 30px
}

.heada .socialka {
    position: absolute;
    bottom: 20px;
    right: 0;
    height: 50px;
    width: 130px
}
.heada .flex-svai2{
    display: flex;
    justify-content: space-between;
}
.heada .flex-svai2 div:nth-child(1) {
  animation-delay: 1s;
}
.heada .flex-svai2 div {
  width: 40%;
/*  opacity: 0;*/
  animation: slideIn 0.8s ease-in forwards;
}

.heada .flex-svai2 ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAClElEQVRYhc2YvWtTURiHn552dCkasXMLAdvgIgguClEnKSJOIikoiNap4L/g3Mk6ODWjINSPybbSyclFQoVA61YUMnTJJLTKG34nxHvuTc3pTW4eyJJzz/s+536c854z8XzzPBHMADeA68A8MAtMA5PAEXAI7AO7wA6wBfwcNM1U8E82E8AisCwxl3GlCZ7T7wrwEDiW4BrwHvgT9EohK0GSKvAN2ABuDdDP49RvQ3GqwRUpnJTkDLCuUVeC1jgqireu+Jn0k5sDvgK1oCUfaoo/lxUtS85G9wUoBy35Ulae1KeSJmcj2QZKQctwKClfcAeTcvYOfByhmKekvP+8g0m5lyN4lFmUlT9VrjrEl/9/qfVOM17OJtjVgsU8q/Lpyi1mfTEFUJFPV255TMQ8HR/Xs4iPE+Yz405YxIvCfG46lT3D4AC4D7yKjH1tSvVY3hxo0HvAZ+BpRPx5p0IxT3rFbEp4ERl71qmCjeV3ol9SzIrLR5Gxp50q1xhuA2eBD33Enpxi4JNONX8MP4A2cA94nbOYceS0GYnhjaoJe7SPcxYzDp12STEs6Ev05VWeYsa+0/YtlgVt/e4C9RzFjF2n4KfhIvAWeJCjmLHjtBM6DpqKpbPPddqJb42ZXOeEwC/4a0FzsXR8vJwdETTGRKwhn66cnV2sBJcVw4o/S+mt47Y1HRRJXR4k5YxnQLMguabyd0nKtbWgt4Kuw6WlvO1+cmiNrI5QsKV8e8mGNDn0xVwdwSNuKk/qTJElh0ZyeYgfSV3xgzvm6SeH3oEl3fbU0UXQ0I5vKfmODSrnsdLoEnAH+BSxFtv11s/6W5zudNGPQQ6sbWJ8p98F21eq+rWqxM7Wkqfp9ri+q+rZBH4NNBzgLxdZg5lqp+qVAAAAAElFTkSuQmCC') no-repeat center/cover;
}
.heada .flex-svai2 ul li {
  list-style: none;
  padding-left: 25px;
  font-size: 22px;
  font-family: 'Futura PT',sans-serif;
  font-weight: 400;
  position: relative;
  margin-bottom: 10px;
}


@media screen and (max-width:781px) {
    .heada .socialka {
        left: 0;
        right: auto;
        bottom: -55px
    }
}

.heada .socialka a {
    height: 40px;
    width: 40px;
    display: inline-block
}

.heada .socialka .vk {
    background: url(../images/vk.png) no-repeat
}

.heada .socialka .whatsapp {
    background: url(../images/whatsapp.png) no-repeat
}

.heada .socialka .ins {
    background: url(../images/ins.png) no-repeat
}

footer .logo {
    color: #000;
    flex: 0 0 30%
}

footer .contact {
    flex: 0 0 65%
}

footer .phone {
    color: #000 !important
}

footer .phone a {
    color: #000 !important
}

footer .mail {
    color: #000 !important
}

footer .mail a {
    color: #000 !important
}

.error-page {
    display: flex;
    height: 100vh;
    width: 100vw;
    background-color: #fff;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: center left
}

.error-page a {
    margin-top: 20px;
    display: inline-block;
    color: #39a0ff
}

.error-page .content {
    margin: auto;
    text-align: center;
    padding: 20px
}

.error-page .code-error {
    font-size: 120px;
    font-family: 'Montserrat-Black';
    color: var(--one-color)
}

.error-page .logo {
    position: absolute;
    width: 200px;
    top: 100px;
    left: calc(50% - 100px)
}

@media(max-width:500px) {
    .error-page .logo {
        top: 70px
    }
}

@media(max-width:350px) {
    .error-page .logo {
        top: 50px
    }
}

.error-page .go-to-home {
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    margin-top: 20px;
    text-decoration: none;
    transition: .5s;
    border-radius: 25px;
    font-family: 'Montserrat-Black';
    color: #fff;
    background: var(--one-color)
}

.error-page .go-to-home:hover {
    background: var(--two-color)
}

.action-section {
    font-family: 'Montserrat-Medium';
    color: #000;
    font-size: 16px;
    cursor: pointer;
    line-height: 60px;
    border-radius: 4px;
    background: #ffdf39;
    padding: 0 15px;
    display: inline-block;
    position: relative;
    z-index: 2;
    transition: .4s
}

.menu-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.menu-hide #menu .menu-wrap .logo {
    color: #000;
    line-height: 1.5;
    padding-left: 50px;
    margin: 12px 0 0
}

#menu .logo b {
    font-size: 18px;
    line-height: 1.5
}

#menu .logo {
    font-size: 8px;
    background-size: 21%;
    padding-left: 55px;
    margin: 12px 0 0;
    display: block;
    line-height: 1.5
}

.menu-hide #menu-none .menu-wrap .logo {
    color: #000;
    line-height: 1.5;
    padding-left: 50px;
    margin: 12px 0 0
}

#menu-none .logo b {
    font-size: 18px;
    line-height: 1.5
}

#menu-none .logo {
    font-size: 8px;
    background-size: 21%;
    padding-left: 55px;
    margin: 12px 0 0;
    display: block;
    line-height: 1.5
}

.error-window {
    font-size: 18px;
    color: #090
}

#menu .container {
    padding: 20px 0
}

#menu .butt2:hover,
.butt1:hover,
.services .item:hover .item_text .butt1,
.forms .submit:hover,
.action-section:hover,
.map .butt1 span:hover,
.form1 .butt1 span:hover,
.butt1 span:hover {
    box-shadow: inset 2px 2px 10px #fff, inset -2px -2px 10px #fff
}

#menu-none .container {
    padding: 20px 0
}

#menu-none .butt2:hover,
.butt1:hover,
.services .item:hover .item_text .butt1,
.forms .submit:hover,
.action-section:hover,
.map .butt1 span:hover,
.form1 .butt1 span:hover,
.butt1 span:hover {
    box-shadow: inset 2px 2px 10px #fff, inset -2px -2px 10px #fff
}

.portfolio {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.news2 .portfolio-item img {
    width: 100%
}

.portfolio-item {
    flex: 0 0 23%;
    margin: 0 20px 20px 0
}

@media screen and (max-width:1380px) {
    footer {
        height: 180px
    }
}

@media screen and (max-width:1170px) {
    footer .contact {
        line-height: 1.5;
        display: flex;
        flex-direction: column
    }
    footer .contact .phone {
        margin-top: 20px
    }
    footer .contact .mail {
        margin-right: 0
    }
}

#menu-none>.container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#menu-none>.container .logo {
    color: #000
}

@media screen and (max-width:780px) {
    .menu-hide .container,
    footer .container {
        max-width: 780px;
        width: 100%
    }
    #nav-wrap {
        width: 170px
    }
    .menu-hide #menu .menu-wrap .logo {
        margin: 0 0 0 20px
    }
    .menu-hide #menu-none .menu-wrap .logo {
        margin: 0 0 0 20px
    }
    .ym-advanced-informer {
        display: none
    }
    .footer-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        padding: 0 15px
    }
    .contact .mail a,
    .contact .phone a {
        display: inline-block
    }
    footer .contact .phone {
        display: flex;
        flex-direction: column
    }
    .copyright {
        text-align: center;
        padding: 0 15px;
    }
    .made {
        margin: 10px 0 -10px;
        display: block;
        text-align: center
    }
}

@media screen and (max-width:550px) {
    .footer-wrap {
        grid-template-columns: 1fr;
        justify-items: center
    }
    .contact .mail {
        margin: 0
    }
    footer .contact .phone {
        margin: 10px 0
    }
}

@media screen and (max-width:500px) {
    #menu-icon {
        margin-left: auto;
        margin-right: 15px;
        font-size: 0;
        width: 7px;
        height: 39px;
        padding: 0 10px 0 14px
    }
    #nav-wrap {
        width: 140px
    }
}

@media screen and (max-width:970px) {
    .services .item:nth-of-type(3n+3) {
        margin: 0 16px 15px 0
    }
    .services .item:nth-of-type(2n+2) {
        margin: 0 0 15px
    }
}

@media screen and (max-width:780px) {
    .services .item {
        margin: 0 0 15px
    }
    .services .item:nth-of-type(2n+2) {
        margin: 0 0 15px
    }
    .services .item:nth-of-type(3n+3) {
        margin: 0 0 15px
    }
}

.call-me {
    display: none
}

.slider-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px
}

.slider {
    position: relative;
    width: 100%;
    max-width: 400px;
    height: 400px;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    background: #fff;
    flex: 1 1 100%;
    touch-action: pan-y
}

.slide-container {
    display: flex;
    transition: transform 0.4s ease;
    width: 1200px
}

.slide {
    flex-shrink: 0;
    width: 400px;
    height: 400px
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px 18px;
    cursor: pointer;
    font-size: 20px;
    border-radius: 50%;
    z-index: 10
}

.prev {
    left: 10px
}

.next {
    right: 10px
}

@media (min-width:768px) {
    .slider {
        flex: 1 1 calc(50% - 20px)
    }
}

@media (min-width:1024px) {
    .slider {
        flex: 1 1 calc(33.333% - 20px)
    }
}

body .fone-about {
    display: none;
}

.form2 p {
    margin-left: 100px;
    font-size: 28px;
    font-family: 'Futura PT', sans-serif;
    font-weight: 900
}

.form2 .butt1 {
    margin-left: 100px
}

@media (max-width:600px) {
    .form2 p {
        margin-left: 0;
        font-size: 18px
    }
    .form2 .butt1 {
        margin-left: 0;
        margin-right: 0;
        box-shadow: none;
    }
}

@media (max-width:600px) {
    .contact .mail {
        margin: 10px 0;
        color: #000
    }
    .contact .mail a {
        margin: 10px 0;
        color: #000
    }
    .contact .phone {
        color: #000
    }
    .contact .phone a {
        color: #000
    }
    .header_text h2 {
        font-size: 18px
    }
    .map .butt1 span {
        background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%);
        ) 222px center no-repeat;
        transition: .4s
    }
    .map .butt1:hover span {
        background: #C08005 url(../images/ico3.png) 222px center no-repeat
    }
    .form1 .butt1 span {
        background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%)
    }
    .form1 .butt1:hover span {
        background: #C08005 url(../images/ico3.png) 222px center no-repeat
    }
    .text .butt1 span {
        background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%)
    }
    .text .butt1:hover span {
        background: #C08005 url(../images/ico3.png) 222px center no-repeat
    }
    body .fone-about {
        position: fixed;
        right: 0;
        bottom: 40px;
        display: flex;
        z-index: 9999999;
        animation: pulse 2s infinite ease-in-out;
        background: #fff;
        border-radius: 6px;
        padding: 5px;
    }
    body .fone-about img {
        width: 40px;
        height: 40px
    }
    .arrow {
        left: 2%;
    }
}

.grid-garant {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 10px;
    row-gap: 10px
}

@media (max-width:600px) {
    .grid-garant {
        grid-template-columns: 1fr
    }
}

.grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
    row-gap: 10px
}

@media (max-width:600px) {
    .grid-3 {
        grid-template-columns: 1fr
    }
}

.grid-svai-garant {
    margin-left: -30%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 10px;
    height: 250px
}

@media (max-width:600px) {
    .grid-svai-garant {
        margin-left: 0;
        grid-template-columns: 1fr;
        height: auto;
        box-sizing: border-box;
        padding: 20px
    }
}

.grid-svai {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 10px
}

@media (max-width:600px) {
    .grid-svai {
        grid-template-columns: 1fr
    }
}

.grid-svai2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0;
    row-gap: 10px
}

.grid-svai3 {
    display: grid;
    grid-template-columns: 39% 20% 39%;
    column-gap: 20px;
    row-gap: 10px
}

@media (max-width:600px) {
    .grid-svai3 {
        grid-template-columns: 1fr
    }
}

.grid-svai4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 30px;
    row-gap: 10px
}

.grid-svai4 img {
    height: 200px
}

@media (max-width:600px) {
    .grid-svai4 {
        grid-template-columns: 1fr
    }
    .grid-svai4 .mobi-head {
        display: none
    }
}

.icon-prem {
    background-color: rgba(255, 255, 255, .8);
    border-radius: 10px;
    width: 100%;
    padding: 5px;
    display: table
}

.icon-prem .icon {
    display: table-cell;
    vertical-align: top;
    width: 55px;
    padding: 8px 10px 0 5px;
    text-align: center
}

.icon-prem .icon img {
    width: 50px;
    height: 50px
}

.icon-prem h4 {
    color: #000;
    font-size: 14px;
    margin: 5px 0 1px 0;
    text-align: left
}

.icon-prem h5 {
    color: #000;
    text-align: left;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 400;
    margin: 0
}

.icon-head {
    background-color: rgba(255, 255, 255, .8);
    border-radius: 10px;
    width: 100%;
    padding: 5px;
    display: table
}

.icon-head .icon {
    display: table-cell;
    vertical-align: top;
    width: 35px;
/*    padding: 2px 10px 0 5px;*/
    text-align: center
}

.icon-head .icon img {
    width: 35px;
    height: 35px
}

.icon-head h4 {
    color: #000;
    font-size: 14px;
    margin: 5px 0 1px 0;
    text-align: left
}

.icon-head h5 {
    color: #000;
    text-align: left;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    margin: 0;
    padding-left: 10px;
}

.icon-garant {
    margin: 0;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 5px;
    display: table
}

.icon-garant .icon {
    display: table-cell;
    vertical-align: top;
    width: 50px;
    padding: 8px 2px 0 0;
    text-align: center
}

.icon-garant .icon img {
    width: 45px;
    height: 45px
}

.icon-garant h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 5px;
    text-align: left;
    font-family: 'Futura PT', sans-serif
}

.icon-garant h5 {
    text-align: left;
    font-size: 20px;
    margin: 5px;
    font-weight: 400;
    line-height: 1.3;
    font-family: 'Futura PT', sans-serif
}

.blog-card {
    display: block;
    position: relative;
    top: 0;
    width: 100%;
    height: 300px;
    margin: auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.85);
    border-radius: 10px;
    transition: all 450ms ease-out 0s;
    overflow: hidden
}

.blog-card .blog-img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
    overflow: hidden
}

.blog-card:hover {
    box-shadow: 0 2px 35px rgba(0, 0, 0, 0.85)
}

.blog-card:hover .text-overlay {
    background: rgba(0, 0, 0, 0.8);
    height: 50%;
    top: 50%;
    transition: all 450ms ease-in-out 0s
}

.blog-card:hover p {
    height: 60px;
    transition: all 350ms ease-in-out 0s
}

.blog-card:hover p a {
    visibility: visible
}

.text-overlay {
    color: #fff;
    position: relative;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 30%;
    top: 70%;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.3);
    padding: 0 12px;
    overflow: hidden;
    transition: all 450ms ease-in-out 0s;
    cursor: pointer
}

.text-overlay h2 {
    font-size: 20px;
    width: auto;
    margin: 10px
}

.text-overlay p {
    color: #fff;
    font-size: 16px;
    margin: 10px;
    line-height: 1.25;
    text-overflow: ellipsis;
    overflow: hidden
}

.text-overlay a {
    line-height: 30px;
    font-size: 20px;
    color: #FFDF39;
    text-decoration: none;
    transition: all 350ms linear;
    visibility: hidden
}

.text-overlay a:hover {
    color: #449CC5;
    border-bottom: 1px dotted #47A8F2
}

@media (max-width:600px) {
    .text-overlay a {
        line-height: 20px;
        font-size: 16px
    }
    .text-overlay h2 {
        font-size: 16px
    }
}

.hero {
    position: relative;
    justify-content: center;
    text-align: center;
    min-height: 100vn;
    color: #000
}

.hero h2 {
    font: bold 60px;
    margin-bottom: 15px
}

.hero h3 {
    font: bold 28px;
    margin-bottom: 40px
}

.hero-content-area {
    opacity: 0;
    margin-top: 100px;
    animation: 1s slidefade 1s forwards
}

@keyframes slidefade {
    100% {
        opacity: 1;
        margin: 0
    }
}

.hero .background-image {
    position: absolute;
    top: 30%;
    left: -35%;
    width: 170%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    background-color: #F8B86B
}

@media (max-width:800px) {
    .hero {
        min-height: 600px
    }
    .hero h2 {
        font-size: 48px
    }
    .hero h3 {
        font-size: 24px
    }
}

@media (max-width:600px) {
    .hero .background-image {
        display: none
    }
}

.hero2 {
    position: relative;
    justify-content: center;
    text-align: center;
    min-height: 100vn;
    color: #fff
}

.hero-content-area2 {
    opacity: 0;
    margin-top: 100px;
    animation: 1s slidefade 1s forwards
}

@keyframes slidefade {
    100% {
        opacity: 1;
        margin: 0
    }
}

.hero2 .background-image2 {
    position: absolute;
    top: 0;
    left: -35%;
    width: 170%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    background-color: rgba(248, 184, 107, 0.5)
}

@media (max-width:800px) {
    .hero2 {
        min-height: 600px
    }
}

@media (max-width:600px) {
    .hero2 .background-image2 {
        display: none
    }
}

.grid-hero2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    column-gap: 30px;
    row-gap: 30px;
    padding: 20px 0
}

.grid-hero2 img {
    width: 10px;
    height: 0
}

.grid * {
    box-sizing: border-box
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    column-gap: 10px;
    row-gap: 10px;
    padding: 20px 0
}

.grid-item {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: box-shadow .3s;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer
}

.grid-item .image {
    height: 250px;
    overflow: hidden
}

.grid-item .info {
    position: relative;
    height: calc(100% - 250px);
    padding: 16px 14px 70px 14px;
    background-color: #fff
}

.grid-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 16px 20px rgba(0, 0, 0, 0.2)
}

.grid-item .image img {
    transition: transform 280ms ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.grid-item:hover .image img {
    transform: scale(1.1)
}

.info-text .price {
    font-size: 20px;
    margin: 0;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-stretch: 100%;
    text-transform: none;
    text-decoration: none solid rgb(0, 0, 0);
    text-align: left;
    text-indent: 0
}

.info h2 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-align: left
}

.info-text p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 10px
}

.info-text p:last-child {
    margin-bottom: 0
}

.grid-item .button-wrap {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 14px;
    left: 0;
    text-align: center
}

.atuin-btn {
    display: inline-flex;
    text-decoration: none;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    padding: 8px 30px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%);
    cursor: pointer
}

.atuin-btn:hover,
.atuin-btn:active,
.atuin-btn:focus {
    color: #fff
}

.atuin-btn:after,
.atuin-btn:before {
    position: absolute;
    height: 4px;
    left: 50%;
    background-image: radial-gradient(rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%);
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0
}

.atuin-btn:before {
    top: -6px
}

.atuin-btn:hover:after,
.atuin-btn:hover:before,
.atuin-btn:active:after,
.atuin-btn:active:before,
.atuin-btn:focus:after,
.atuin-btn:focus:before {
    width: 100%;
    left: 0
}

.css-modal-target {
    display: none
}

.css-modal-target:target {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    animation: bg 0.5s ease;
    background: rgba(255, 255, 255, 0.9)
}

.css-modal-target .cmt {
    font-size: 16px;
    padding: 20px;
    width: 70%;
    z-index: 8;
    max-width: 1200px;
    max-height: 100%;
    transition: 0.5s;
    border: 6px solid #FFDF39;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 16px 20px rgba(0, 0, 0, 0.2);
    text-align: left;
    overflow: auto;
    animation: scale 0.5s ease;
    position: relative;
}

.css-modal-close {
    position: relative;
    display: block
}

.css-modal-close:after {
    content: "";
    width: 50px;
    height: 50px;
    border: 6px solid #FFDF39;
    border-radius: 5px;
    position: fixed;
    z-index: 10;
    top: 120px;
    right: 120px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 16px 20px rgba(0, 0, 0, 0.2);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23337AB7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
    background-color: #FFF;
    background-size: cover;
    animation: move 0.5s ease
}

.css-modal-close:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    content: "";
    cursor: default
}

@keyframes scale {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes move {
    0% {
        right: -80px
    }
    100% {
        right: 20px
    }
}

@keyframes bg {
    0% {
        background: rgba(164, 164, 164, 0)
    }
    100% {
        background: rgba(164, 164, 164, 0.7)
    }
}

@media (max-width:600px) {
    .css-modal-close:after {
        top: 120px;
        right: 20px
    }
    .css-modal-target .cmt {
        width: 100%;
        max-width: 600px;
        max-height: 70%;
        transition: 0.5s;
        border: 6px solid #FFDF39;
        border-radius: 12px;
        background: #FFF;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 16px 20px rgba(0, 0, 0, 0.2);
        text-align: left;
        overflow: auto;
        animation: scale 0.5s ease
    }
}

ul,
ol {
    list-style: none
}

.sample04 li:first-child {
    margin-top: 0
}

.sample04 li {
    position: relative;
    padding-left: 1em;
    line-height: 1.5;
    margin-top: .5em
}

.sample04 li::after {
    display: block;
    content: '';
    position: absolute;
    top: .5em;
    left: 0;
    width: 9px;
    height: 9px;
    background-color: #6E4800;
    border-radius: 50%
}

.container-sv {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200%;
    perspective: 1000px
}

.list,
.pechat,
.stamp-mark {
    position: absolute;
    left: -10%;
    top: -25%
}

.list {
    width: 100%;
    height: auto;
    opacity: 1;
    transform: translateZ(0) rotateX(0deg);
    transition: transform 0.7s ease-in-out
}

.pechat {
    position: relative;
    left: -45px;
    top: -100px;
    width: 120px;
    height: auto;
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.5s ease-in-out
}

.stamp-mark {
    position: relative;
    left: -150px;
    top: -10px;
    width: 100px;
    height: auto;
    opacity: 0;
    transform: translateZ(0) translateY(0);
    filter: opacity(0.5) saturate(0) hue-rotate(90deg)
}

.container-sv:hover .list {
    transform: translateZ(50px) rotateX(15deg)
}

.container-sv:hover .pechat {
    animation: stamp 1.5s ease-in-out forwards
}

.container-sv:hover .stamp-mark {
    animation: showStampMark 1.5s ease-in-out forwards
}

@keyframes stamp {
    0% {
        transform: translateY(0)
    }
    33% {
        transform: translateY(-100px)
    }
    66% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-100px)
    }
}

@keyframes showStampMark {
    0% {
        opacity: 0
    }
    65% {
        opacity: 0
    }
    66% {
        opacity: 0.5
    }
    100% {
        opacity: 0.5
    }
}

@media (max-width:600px) {
    .container-sv {
        display: none
    }
}

.header {
    padding: .5rem 1rem;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    background: #E6E7E8;
    width: 100%;
    z-index: 9999;
    font-size: 14px;
    box-sizing: border-box
}

.container-header {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem
}

.nav {
    display: flex;
    align-items: center;
    min-height: 50px
}

.nav img.logo-head {
    height: 50px;
    max-width: 220px;
    width: auto
}

.nav ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    margin-left: 1rem;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center
}

.nav .social-btn-wrapper {
    display: flex;
    gap: 0.5rem;
    align-items: center
}

.nav li {
    padding: 0 .3rem
}

.nav a {
    text-decoration: none;
    color: #000;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 16px;
    height: 40px;
    justify-content: center;
}

.nav .nav-link img {
    width: 24px;
    height: 24px
}

.nav .nav-link:hover {
    color: #000;
    transition: color 0.3s
}

.nav .nav-link::before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -3px;
    right: 0;
    background-color: #000;
    transition: all 0.3s ease-in-out
}

.nav .nav-link:hover::before {
    width: 100%;
    left: 0
}

.btn {
    text-decoration: none;
    padding: 0.4rem 0.8rem;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    font-size: 16px
}

.btn-secondary {
    background-image: radial-gradient(circle, rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%);
    color: #FFFFFF
}

.btn-secondary:hover {
    background: #C08005;
    color: #FFFFFF
}

.menu-toggle {
    display: none;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    color: #000;
    line-height: 40px
}

.phone-top {
    display: none;
    text-decoration: none;
    padding: 0.4rem 0.8rem;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 16px;
    background-image: radial-gradient(circle, rgba(110, 72, 0, 1) 0, rgba(54, 35, 0, 1) 100%);
    transition: background 0.3s ease-in-out
}

.phone-top:hover {
    background: #C08005;
    color: #FFFFFF
}


@media (max-width:1200px) {
    .container-header {
        padding: 0 1rem
    }
    .nav li {
        padding: 0 0.8rem
    }
}

@media (max-width:768px) {
    .menu-toggle {
        display: block
    }
    .phone-top {
        display: inline-flex;
        align-items: center
    }
    .nav {
        flex-wrap: wrap;
        justify-content: space-between
    }
    footer .nav {
        display: none
    }
    .nav ul {
        display: none;
        width: 100%;
        background: #E6E7E8;
        flex-direction: column;
        align-items: center;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out;
        margin-left: 0
    }
    .nav ul.active {
        display: flex;
        max-height: 500px;
        padding: 1rem 0
    }
    .nav li {
        padding: 0.5rem 0;
        width: 100%;
        text-align: center
    }
    .nav li.social-btn-row {
        width: auto;
        padding: 0.5rem 0.5rem
    }
    .nav ul.active .social-btn-wrapper {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        justify-content: center
    }
    .nav a {
        justify-content: center;
        font-size: 16px
    }
    .nav img.logo-head {
        height: 40px
    }
    .btn-secondary {
        font-size: 16px;
        width: auto;
        margin: 0 auto
    }
}

@media (max-width:576px) {
    .nav img.logo-head {
        height: 35px
    }
    .nav a {
        font-size: 14px
    }
    .btn-secondary,
    .phone-top {
        font-size: 14px;
        padding: 0.4rem 0.8rem
    }
    .menu-toggle {
        font-size: 24px;
        width: 35px;
        height: 35px;
        line-height: 35px
    }
}

.services__item {
    width: 100%;
    min-height: 15vw;
    margin: 0.4583333333vw 0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 2.5vw 1.9791666667vw 1.71875vw 1.9791666667vw;
    cursor: pointer
}

.services__item:hover .item-img::after {
    opacity: 0.7
}

.services__item:hover .item-text {
    opacity: 1
}

.services__item:hover .item-bottom__anchor {
    opacity: 1
}

.services__item .item-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.services__item .item-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.4;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 10px
}

.services__item .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none
}

.services__item .item-content {
    position: relative;
    z-index: 5;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff
}

.services__item .item-title {
    width: 28.4583333333vw;
    font-weight: 700;
    font-size: 1.3vw;
    line-height: 1.2
}

.services__item .item-text {
    padding: 0.78125vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1.25vw;
    letter-spacing: 0.04em;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0
}

.grid .services__item .item-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    justify-content: flex-start
}

.grid .services__item .item-bottom__btn {
    width: 10.4166666667vw;
    height: 3.125vw;
    padding: 0 1.3020833333vw !important;
    text-align: center;
    margin-right: 1.1979166667vw
}

.grid .services__item .item-bottom__btn::after {
    width: 1.5625vw
}

.grid .services__item .item-bottom__btn span {
    display: inline-block;
    font-weight: 600;
    font-size: 0.8333333333vw;
    line-height: 0.9895833333vw;
    letter-spacing: 0.05em
}

.services__item .item-bottom__anchor {
    font-weight: 700;
    font-size: 0.8333333333vw;
    line-height: 1.1979166667vw;
    letter-spacing: 0.04em;
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.grid .services__item .item-bottom__anchor:hover .md-line-dotted::after {
    width: 60%;
    right: 40%
}

.grid .services__item .item-bottom__link {
    width: 13.0208333333vw;
    height: 3.125vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1.0416666667vw
}

.grid .services__item .item-bottom__link:hover {
    padding: 0 1.0416666667vw
}

.grid .services__item .item-bottom__link::after {
    width: 1.5625vw
}

.grid .services__item .item-bottom__link span {
    font-weight: 600;
    font-size: 0.8333333333vw;
    line-height: 0.9895833333vw
}

@media (max-width:600px) {
    .services__item {
        height: 180px;
    }
    .services__item .item-title {
        width: 100%;
        font-size: 5.5625vw;
        line-height: 1.2
    }
    .services__item .item-title br {
        display: none
    }
    .services__item .item-text {
        font-size: 3.9375vw;
        line-height: 1.2
    }
}

.form-warning-form {
    width: 100vw;
    height: 100%;
    margin-left: calc(-50vw + 50%);
    padding: 50px 0 80px;
    background-color: #fff
}

.services__item-4 {
    width: 100%;
    min-height: 10vw;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 2.5vw 1.9791666667vw 1.71875vw 1.9791666667vw;
    cursor: pointer
}

.services__item-4:hover .item-img::after {
    opacity: 0.7
}

.services__item-4:hover .item-text {
    opacity: 1
}

.services__item-4:hover .item-bottom__anchor {
    opacity: 1
}

.services__item-4 .item-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.services__item-4 .item-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.4;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 10px
}

.services__item-4 .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none
}

.services__item-4 .item-content {
    position: relative;
    z-index: 5;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff
}

.services__item-4 .item-title {
    width: 28.4583333333vw;
    font-weight: 700;
    font-size: 1vw;
    line-height: 1.2
}

.services__item-4 .item-text {
    padding: 0.78125vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1.25vw;
    letter-spacing: 0.04em;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0
}
.grid-svai2.bottom-column{
    display: none;
}
.section-sv{
    font-family:'Futura PT',sans-serif;
    position:relative;
    top:-30px;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:20px;
    height:842px;
    overflow:hidden;
} 

.left-column .price-button-row .price {
    font-family: 'Futura PT', sans-serif;
    position: absolute;
    top: 20px;
    left: 92%;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    width: 100%;
}
.price-button-row .button{
    font-family:'Futura PT',sans-serif;
    background:radial-gradient(rgba(110,72,0,1) 0,rgba(54,35,0,1) 100%);
    color:#fff;
    width: 80%;
    text-transform:uppercase;
    font-weight:400;
    font-size:18px;
    border:none;
    border-radius:5px;
    cursor:pointer;
    margin-right: 0;
    box-shadow:0 5px 0 0 rgba(28,21,2,1);
    transition:background-color 0.2s ease-in-out;
    animation:pulse 2s infinite ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.left-column .price-button-row .button {
    font-family: 'Futura PT', sans-serif;
    background: radial-gradient(rgba(110, 72, 0, 1) 0%, rgba(54, 35, 0, 1) 100%);
    color: #fff;
    width: 80%;
    padding: 20px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 22px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0px 5px 0px 0px rgba(28, 21, 2, 1);
    transition: background-color 0.2s ease-in-out;
    margin-bottom: 20px;
}
.gwBoxs {
  margin: 80px 0;
}
.feature{display:flex;align-items:center;background-color:#fff;padding:15px;border-radius:15px;box-shadow:0 5px 10px 5px rgba(0,0,0,0.1);width:23%;height:фгещ;position:initial;opacity:0;animation:slideIn 0.8s ease-in forwards}
.title-text{
    font-size:50px;
    font-weight:600;
    margin-top:0;
    line-height:1.2;
    text-align:center;
}

.feature .circle{
    position:absolute;
    width:60px;
    height:60px;
    border:10px solid #543700;
    border-radius:50%;
    top:44px;
    left:5px;
    z-index: 566;
}
.feature img {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}
.feature a {
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
  z-index: 555;
  flex: 0 0 40px;
}
.feature div.feature-info{
    padding-left: 15px;
}
.map-panel iframe{
    height: 590px;
    width: 100%;
}

.map{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #fff;
}
.map-panel,.map-contact-wrap{
    flex: 0 0 50%;
}
.map-contact-wrap h2 {
  font-size: 44px;
  font-weight: 600;
  margin-top: 0;
  line-height: 1.2;
  margin-bottom: 20px;
}
.map-contact-wrap a:hover{
    color: #C08005;
}
.map-contact-wrap a{
    transition: .6s;
}
.map-contact-wrap{
    padding: 20px 40px;
    background: #1a1a1a;
}  
.map-contact-wrap a{
    color: #fff;
    text-decoration: none;
}
.map-contact__address,.map-contact__phone,.map-contact__mail {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}  

.map-contact__phone-icon,.map-contact__mail-icon,
.map-contact__address-icon {
    flex: 0 0 32px;
    margin-right: 15px;
}
.map-contact__phone-icon img,.map-contact__mail-icon img,
.map-contact__address-icon img{
    width: 100%;
    height: 100%;
    display: block;
}

.map-contact__working-label{
    font-weight: 800;
}
.map-contact__address-txt,.phone__link,.mail__link,
.map-contact__working-label,.map-contact__working-txt {
  font-size: 22px;
  margin: 0;
}
.map-contact__social a{
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
}
.map-contact__social a img{
    width: 100%;
    height: 100%;
    display: block;
}
.map-contact__working {
  margin-bottom: 40px;
}


.whatsapp-link{
    position: fixed;
    left: 40px;
    bottom: 40px;
    z-index: 9999999;
    transition: .6s;
    box-shadow: 4px 4px 9px -6px #000;
    border-radius: 50%;
    overflow: hidden;
    display: none;
}
.whatsapp-link:hover .whatsapp-link__enabled{
    opacity: 1;
}
/*.whatsapp-link:hover .whatsapp-link__disabled{
    display: none;
    opacity: 0;
}*/
.whatsapp-link__enabled{
    display: block;
    opacity: .9;
    transition: .6s;
    width: 50px;
    height: 50px;
}
.whatsapp-link__enabled img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: .6s;
}
/*.whatsapp-link__disabled{
    display: block;
    opacity: 1;
    transition: .7s;
    width: 50px;
    height: 50px;
}
.whatsapp-link__disabled img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: .7s;
}*/
.disabled{
    display: none;
}
.cmt .cmt-close{
    width: 25px;
    height: 25px;
  /*  background: url(../images/close2.png) no-repeat;
    background-size: auto;
    background-size: 25px 25px;*/
    display: block;
    position: absolute;
    right: 20px;
    top: 5%;
    z-index: 999;
}
.map-contact__phone-icon {
  transform: rotate(180deg);
}
/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/

@media (max-width: 600px) {
    .services__item-4 {
        width: 95%;
        height: 180px;
    }
    .services__item-4 .item-title {
        width: 100%;
        font-size: 5.5625vw;
        line-height: 1.2
    }
    .services__item-4 .item-title br {
        display: none
    }
    .services__item-4 .item-text {
        position: relative;
        top: -20px;
        font-size: 3.9375vw;
        line-height: 1.2
    }
}

@media screen and (max-width:600px) {
    .news2 img{
        margin: 0;
    }
    .section-sv{
        top: inherit;
    }

    .left-column .grid-svai2{
        display: none;
    }
    .grid-svai2.bottom-column{
        display: flex;
    }
    .advantages li {
        width: 100%;
    }
    .advantages {
        padding: 0 20px;
    }
    .news2 .call-me {
        margin-bottom: 20px;
    }
    .right-column .big-slide img {
        height: 100%
    }
    .big-slide a {
        display: block;
        height: 100%;
        width: 100%;
    }
    .container {
        max-width: 600px;
        width: auto
    }
    .container-header {
        padding: 0;
        width: 100%
    }
    .container.heada {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 60px
    }

    .call-me {
        display: flex;
    	margin-top: 30px;
    	align-items: stretch;
    	justify-content: center;
    	width: 100%;
    	padding: 0 15px;
    }
    .call-me__icon {
        flex: 0 0 40px;
        margin-right: 20px;
        position: relative
    }
    .call-me__info {
	  display: flex;
	  flex-wrap: wrap;
	  align-items: center;
	  justify-content: center;
/*	  padding: 10px 0;*/
	  flex: 0 0 55%;
	}

    .news2 .left-column .title-2{
        font-size: 45px;
    }
    .news2 .left-column .title-3{
       font-size: 24px; 
    }
    .news2 .left-column .title-4{
        font-size: 22px;
    }
    .call-me__icon img {
        width: 100%;
        position: relative;
        z-index: 999
    }
    .call-me__info p {
        line-height: 1.5;
        color: #09bb14;
        font-size: 18px;
        text-decoration: none;
        text-align: center;
        font-family: 'Futura PT', sans-serif;
        margin: 0;
    }
    .grid-svai4.header-block {
        display: none;
    }
    .call-me__info-link {
        font-weight: 900;
        font-family: 'Futura PT', sans-serif;
        color: #000;
        text-decoration: none;
        font-size: 28px;
        display: block;
        text-align: center;
        transition: .7s;
        font-weight: 100;
        font-family: 'Montserrat-Black';
    }
    .slider {
        max-width: 400px
    }
    .slider,
    .slide img {
        width: 100%;
        height: auto;
        aspect-ratio: 2/1.5
    }
    .slide-container {
        width: 100%;
        aspect-ratio: 2/1.5
    }
    .slide {
        aspect-ratio: 2/1.5;
        height: auto
    }
    .section-sv .header-sv {
        display: none
    }
    .news2 .section-sv {
        margin-left: 0;
        padding: 0;
        box-sizing: border-box
    }
    .news2 .bread {
        margin: 0
    }
    header {
        margin-top: 0 !important
    }
    .news2 .bread {
        margin: 0;
        line-height: 1.5
    }
    .bread a {
        line-height: 1.5
    }
    .news2 {
        padding: 80px 15px 0;
    }
    .main-content .left-column {
        top: inherit
    }
    .news2 .main-content {
        margin-top: 0
    }
    .news2 .left-column .title {
        margin: 0;
        font-size: 42px;
    }

    .news2 .left-column .title-2,
    .news2 .left-column .title-3,
    .news2 .left-column .title-4 {
        top: inherit;
        text-align: center;
        margin-top: 0;
        line-height: 1.5
    }
    .news2 .price-button-row {
        left: inherit
    }
    .news2 .t396 {
        left: inherit;
        box-sizing: border-box;
        padding: 0
    }
    .news2 .t396 .block,
    .news2 .t396 .block-3,
    .news2 .t396 .block-4 {
        width: 100%
    }
    .form-warning-form,
    .grid-3 .services__item {
        box-sizing: border-box
    }
    .form-warning-form{
    	margin-top: 0;
    	padding: 0 15px;
    }
    .news2 .big-slider {
        top: inherit
    }
    .news2 .right-column .price-button-row {
        margin-top: 0;
        margin-left: 0
    }
    .news2 .section-sv {
        height: auto
    }
    .news2 .feature-1,
    .news2 .feature-2,
    .news2 .feature-3,
    .news2 .feature-4 {
        top: inherit;
        left: inherit;
        margin-bottom: 20px
    }
    .news2 .features .feature {
        position: relative;
        width: 100%;
        height: auto
    }
    .features .feature .circle {
        top: 34px;
        left: 0;
        display: none;
    }
    .feature img{
        margin-right: 20px;
    }
    .news2 .features {
        position: relative;
        top: inherit
    }
    .grid-3 .services__item {
        height: 200px
    }
    .item-img a,
    .icon a {
        display: block;
    }
    .form-warning-form .container{
        top: inherit;
    }
    .news2 .main-content .right-column .mobile-screw-pile{
        margin: 0 auto 20px;
    }
    .advantages li:nth-of-type(1) {
        width: 100%;
    }
    header {
        padding: 0;
    }

    .about .about_text{
        float: none;
        width: 80%;
        margin: 0 auto;
    }
    .left-column .price-button-row .price {
        position: initial;
    }
    .about .about_video{
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        margin: 40px auto;
        position: initial;
        float: initial;
    }
    .about .about_video div{
        position: initial;
        margin-left: initial;
        margin-top: initial;
    }
    .advan-wrap li:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .advan-wrap li{
        flex: 0 0 100%;    
    }
    .left-column .price-button-row .price a br {
        display: none;
    }
    .gwBoxs {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 80px 0 40px;
    }
    .reviews2 h3{
        margin: 0 auto;
        padding: 0;
        background: none;
    }
    .price-button-row .price{
        margin-bottom: 0;
    }
    .price-button-row .price a{
        font-family: 'Futura PT',sans-serif;
        font-size: 28px;
        font-weight: 500;
    }  
    .title-text{
        font-size: 36px;
    } 
    .img-1{
        width: 50%;
        right: unset;
        left: 50%;
        top: 0;
        transform: none;
    }
    .feature{
        align-items: flex-start;
    }
    .map-panel,.map-contact-wrap{
        flex: 0 0 100%;
    }
    .popup1 {
        width: 70vw;
    }
    .whatsapp-link{
        display: block;
        left: 2%;
    }
    .arrow{
        display: none;
    }
    footer .contact .phone{
        display: none;
    }

}

@media screen and (max-width:576px) {
	.call-me__info{
		flex: 0 0 55%;
	}
	.news2 .call-me{
		padding: 0;
	}
	.news2 img{
		margin: 0;
	}
    .features .feature img {
        margin-right: 20px;
    }
    .header_text h1 br {
        display: none;
    }

}

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

@media screen and (max-width:540px) {
	.news2 .section-sv{
		top: inherit;
	}
}

@media screen and (max-width:515px) {
    .call-me__info {
        flex: 0 0 60%;
    }
    .about .about_text{
        margin: 20px auto 0;
    }
    .about .butt1 span{
        width: 100%;
    }
}

@media screen and (max-width:479px) {
	.call-me{
		padding: 0 15px;
	}
	.call-me__info {
    	flex: 0 0 65%;
  	}
    .nav img.logo-head {
        width: 154px
    }
    .header_text_h2 {
        font-size: 22px;
    }
    .header_text .grid-svai2 {
        grid-template-columns: 1fr;
    }
    .map .panel .phone{
        font-size: 22px;
    }
    .news2 .left-column .title-2 {
        font-size: 44px;
    }
    .news2 .left-column .title-3 {
        font-size: 23px;
    }
    .news2 .left-column .title-4 {
        font-size: 21px;
    }
    .reviews2 .li{
        margin: 0 0 90px;
    }
}

@media screen and (max-width:460px) {
	.news2 .call-me__info {
    	flex: 0 0 70%;
  	}
}

@media screen and (max-width:440px) {
    .text_block {
        padding: 0 20px 250px;
        box-sizing: border-box
    }
    .about .about_text {
        float: inherit
    }
    .about .about_video {
        float: inherit;
        margin: 40px auto 0
    }
    .call-me__info {
    	flex: 0 0 65%;
  	}
    .heada .call-me__info {
        flex: 0 0 75%;
    }
    .left-column .price-button-row .button{
        width: 100%;
    }
}

@media screen and (max-width:429px) {
    .services {
        padding: 20px 15px 30px
    }
    .icon-prem {
        width: 90%;
        margin-right: 0
    }
}

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

	.call-me__info p.call-me__info-slogan{
		font-size: 16px;
	}
	.call-me__info-link{
		font-size: 30px;
	}
    .news2 p.title-3{
        font-family: 'Montserrat-Regular';
        font-size: 15px;
    }
    .call-me__icon{
        margin-right: 10px;
    }
    .news2 .left-column .title{
        font-size: 38px;
    }
    .news2 .left-column .title-2 {
        font-size: 44px;
    }
    .news2 .left-column .title-3 {
        font-size: 17px;
    }
    .news2 .left-column .title-4 {
        font-size: 21px;
    }
    .news2 .call-me__info{
        flex: 0 0 80%;
    }
    .advan-info {
        flex: 0 0 100%;
    }
    .advan-icon{
        margin-bottom: 15px;
    }
}

@media screen and (max-width:390px) {
    .call-me__info-link {
        font-size: 28px;
    }
    .heada .call-me__info {
        flex: 0 0 80%;
    }
    .map-contact-wrap {
        padding: 40px 20px;
    }
    .map-contact__address-txt, .phone__link, .mail__link, 
    .map-contact__working-label, .map-contact__working-txt {
        font-size: 20px;
    }
    .map-contact-wrap h2 {
        font-size: 36px;
    }
    .header_text h2 {
        font-size: 17px;
    }
}

@media screen and (max-width:375px) {
    .heada .header_text {
        width: 90%;
    }
    .news2 .call-me__info {
        flex: 0 0 85%;
    }
    .news2 .left-column .title {
        font-size: 36px;
    }
    .news2 .left-column .title-4 {
        font-size: 20px;
    }
    .header_text h2 {
        font-size: 16px;
    }
}

@media screen and (max-width:360px) {
	.call-me__info {
    	flex: 0 0 70%;
  	}
    .call-me__info-link {
        font-size: 28px;
    }
    .news2 .call-me__info {
        flex: 0 0 85%;
    }
    .news2 .left-column .title-2 {
        font-size: 42px;
    }
    .heada .call-me__info {
        flex: 0 0 85%;
    }
    .header_text h2 {
        font-size: 16px;
    }

}

@media screen and (max-width:350px) {
    .call-me__info p {
        font-size: 15px;
    	flex: 0 0 100%;
    	text-align: left;
    }
    .news2 .call-me,
    .news2 .call-me__info{
    	justify-content: center;
    }

    .news2 .call-me__info p{
    	text-align: center;
    }
    .call-me__info-link {
        font-size: 26px;
    }
    .news2 .left-column .title {
        font-size: 34px;
    }

    .news2 .left-column .title-3 {
        font-size: 16px;
    }
    .news2 .left-column .title-4 {
        font-size: 19px;
    }
    .header_text h2 {
        font-size: 15px;
    }
}

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

    .call-me__info-link {
        font-size: 26px;
    }
    .news2 .left-column .title-2 {
        font-size: 40px;
    }
    .news2 p.title-3 {
        font-size: 15px;
    }

}

@media screen and (max-width:340px) {
    .call-me__info-link {
        font-size: 25px;
    }

    .news2 .left-column .title-2 {
        font-size: 40px;
    }
    .news2 p.title-3 {
        font-size: 14px;
    }
    .news2 .left-column .title-4 {
        font-size: 18px;
    }
}

@media screen and (max-width:330px) {
    .section-sv .left-column .title-4 {
        font-size: 17px;
    }
    .call-me__info-link {
        font-size: 24px;
    }
    .news2 .left-column .title {
        font-size: 32px;
    }
    .news2 .left-column .title-2 {
        font-size: 38px;
    }
    .news2 .left-column .title-3 {
        font-size: 15px;
    }
    .header_text h2 {
        font-size: 14px;
    }

}

.fa,
.fas {
    font-weight: 900
}

.fa,
.far,
.fas {
    font-family: "FontAwesome"
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa,
.fas {
    font-weight: 900
}

.fa,
.far,
.fas {
    font-family: "FontAwesome"
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.header-sv {
    font-family: 'Futura PT', sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.header-sv {
    flex-direction: column;
    text-align: center;
}

.section-sv .iconblock-7 {
    margin: 0;
    padding: 0;
    display: table;
}

.section-sv .iconblock-7 .icon {
    display: table-cell;
    vertical-align: top;
    width: 60px;
    padding: 12px 12px 0 0;
    text-align: center;
}

.section-sv .iconblock-7 .icon img {
    width: 60px;
    height: 60px;
}

@media screen and (max-width: 480px) {
    .section-sv .iconblock-7 .icon {
        width: 40px;
        padding: 0;
    }
}

.header-sv .status {
    color: #00ad1d;
    font-size: 16px;
}

.header-sv .phone {
    font-size: 34px;
    font-weight: 700;
}

.header-sv .phone a {
    color: #000;
    text-decoration: none;
}

@media screen and (max-width: 1199px) {
    .header-sv .phone {
        font-size: 30px;
    }
}

@media screen and (max-width: 479px) {
    .header-sv .status {
        font-size: 14px;
    }
    .header-sv .phone {
        font-size: 30px;
    }
}