.modal1 {
   
   /* Скрываем окна  */
   opacity: 0;
   visibility: hidden;
   
   
   /*  Установаем ширину окна  */
   width: 100%;
   max-width: 500px;
   
   /*  Центрируем и задаем z-index */
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 30; /* Должен быть выше чем у подложки*/
   
   /*  Побочные стили   */
   box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2); 
   text-align: center;
   padding: 30px;
   border-radius: 3px;
   background-color: #fff;
   transition: 0.3s all;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: local('Gilroy-Medium'),
        url('../fonts/Gilroy-Mediumd41d.eot') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff2') format('woff2'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype'),
        url('../fonts/Gilroy-Medium.svg') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.eot');
    src: local('Gilroy-SemiBold'),
        url('../fonts/Gilroy-SemiBoldd41d.eot') format('embedded-opentype'),
        url('../fonts/Gilroy-SemiBold.woff2') format('woff2'),
        url('../fonts/Gilroy-SemiBold.woff') format('woff'),
        url('../fonts/Gilroy-SemiBold.ttf') format('truetype'),
        url('../fonts/Gilroy-SemiBold.svg') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: local('Gilroy-Bold'),
        url('../fonts/Gilroy-Boldd41d.eot') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype'),
        url('../fonts/Gilroy-Bold.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.eot');
    src: local('Gilroy-Regular'),
        url('../fonts/Gilroy-Regulard41d.eot') format('embedded-opentype'),
        url('../fonts/Gilroy-Regular.woff2') format('woff2'),
        url('../fonts/Gilroy-Regular.woff') format('woff'),
        url('../fonts/Gilroy-Regular.ttf') format('truetype'),
        url('../fonts/Gilroy-Regular.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

body {
    background-color: #FFFFFF;
    font-family: 'Gilroy';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #212529;
}

a, a:focus, a:active {
    border-bottom: none
}

button.btn {
    background-color: #fb086e;
background-image: linear-gradient(to left,#4a1ec5,#cc0aba);
    border-radius: 15px 0;
    transition: 0.3s;
}
button.btn > span {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    padding: 2rem 5.5rem 1.875rem;
    border-radius: 15px 0;
    transition: 0.3s;
}
button.btn:hover span {
    box-shadow: 0rem 0.375rem 2rem 0 #521dc5;
}
.table {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    background: transparent;
    width: auto;
}
.table-hover tbody tr:hover {
    background-color: transparent;
}
table.table td {
    padding: 0;
    vertical-align: top;
    border: none !important;
    min-width: 0 !important;
}
.table-bordered th, .table-bordered td, .table-bordered, .table {
    border: none !important;
    margin-bottom: 0;
}
    
.heading {
    margin: 5rem 0 3rem;
}
.heading.center {
    text-align: center;
}
.heading.invert h2,
.heading.invert p {
    color: #fff;
}
.heading h2 {
    font-size: 2.375rem;
    color: #212529;
    font-weight: 400;
    margin-bottom: 1rem;
}
.heading h2 > span {
    color: #3b1ece;
    font-weight: 700;
}
.heading p {
    font-size: 1.25rem;
    font-weight: 400;
    color: #212529;
    margin: 0;
}
.heading p > strong,
.heading h2 > span {
    font-weight: 700;
}

.language_header{						
}

.language_header .text_language_header {						
font-size: 14px;
width: 25px;
text-align: center;
}

.text_language_header a{
}

.text_language_header a:hover{
    border-bottom: 1px solid #2A6BD2;
}

.menu_phone .text_menu {
display:none;
}

.menu .text_menu {
}

.text_menu a{
margin-left: 12px;
font-weight: 500;
border-bottom: 1px solid #2a6bd200;
}

.text_menu a:before{

}

.text_menu a:hover{
    border-bottom: 1px solid #4f1ec5;
    color: #4e1ec5;;
}
.label_item {
position: absolute;
    background-color: #3b1ecee8;
    padding: 9px;
    margin-top: -10px;
    margin-left: -9px;
    border-radius: 35px;
    /* box-shadow: 0 0 25px 1px #3b1ece; */
    transform: rotate( 
0deg);
    box-shadow: 0 0 0 4px #3b1ece70, 0 0 0 9px #3b1ece42, 0 0 0 14px #3b1ece2e;
    padding: 5px;
}


/* DEMO-SPECIFIC STYLES */
.typewriter h1 {
  color: #fff;
  font-family: monospace;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(30, end),
    blink-caret .5s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}
.label_item span {
    display: block;
    margin-top: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
}
.label_item_two {
position: absolute;
    margin-top: -10px;
    margin-left: -9px;
    border-radius: 35px;
    transform: rotate( 
0deg);
    background-color: #f3ce1e;
    box-shadow: 0 0 0 5px #f3ce1e8c, 0 0 0 10px #f3ce1e57, 0 0 0 15px #f3ce1e40;
    padding: 5px;
}
.label_item_two span {
    display: block;
    margin-top: 0px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
}

.label_item_two img {
    display: block;
    height: auto;
    width: 26px;
 min-width: 24px;
 min-height: 20px;
}
.background_1 {
    background: url(../i/background_1.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
}
.background_1::before {
    content: "";
    position: absolute;
    width: 779px;
    height: 519px;
    top: 100px;
    left: 47%;
    background-image: url(../i/blick.png);
    background-size: contain;
    animation: speed 3s infinite ease-in-out;
    opacity: 0;
    pointer-events: none;
}
@keyframes speed {
    from {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    15% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    35% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    55% {
        opacity: 1;
    }
    85% {
        opacity: 0;
    }
    to {
        opacity: 0;
    }
  }
.background_2 {
    background: url(../i/background_.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.background_3 {
    background: url(../i/background_3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 6rem 0 6rem;
    margin-top: 110px;
}
.background_4 {
    background: url(../i/background_4.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0 0 16rem;
}
.background_6 {
    background: url(../i/background_6.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.background_7 {
    background: url(../i/background_7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 3rem 0 0;
    position: relative;
    z-index: 7;
}
.background_8 {
    background: url(../i/background_8.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 3rem 0 5rem;
    position: relative;
}



.wrapper {
    overflow-x: hidden;
}


.logo {
    top: 5px;
    left: 45px;
}

.logo img {
    height: 38px;
    width: auto;
}


.header_front_page {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.header_front_page > .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.header_front_page > .left > .logotype {
    transition: 0.3s;
    margin-bottom: 0.4rem;
}
.header_front_page > .left > .logotype:hover {
    opacity: 0.75;
}
.header_front_page > .left > .text {
    font-size: 0.80rem;
    font-weight: 500;
    width: 219px;
    margin-left: 1.5rem;
    cursor: default;
}
.header_front_page > .right {
    display: flex;
    justify-content: flex-end;
    align-items: center
}
.header_front_page > .right > .city {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-right: 3rem;
    line-height: 1.3;
}
.header_front_page > .right > .city > .up > span {
    font-size: 0.875rem;
    color: #212529;
}
.header_front_page > .right > .city > a {
    font-size: 1.125rem;
    margin-top: 2px;
    font-weight: 700;
    transition: 0.3s;
    border-bottom: none
}
.header_front_page > .right > .city > a:hover {
    opacity: 0.75;
}
.header_front_page > .right > .city > button {
    font-size: 0.75rem;
    color: #2A6BD2;
    font-weight: 600;
    padding: 0;
    margin: 0;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #2A6BD2;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
}
.header_front_page > .right > .city > button:hover {
    border-bottom-color: transparent;
}
.header_front_page > .right > .socials {
    margin-left: 2rem;
}
.header_front_page > .right > .socials > a {
    margin: 0 0.5rem;
}
.header_front_page > .right > .socials > a:hover {
    opacity: 0.5;
}
.right_mobile {
    display: none;
}







.first_block {
    padding-bottom: 24rem;
    padding-top: 7rem;
}
.first_block > .h1 {
    cursor: default;
}
.first_block > .h1 > h1 {
    font-size: 3.25rem;
    font-weight: 400;
    line-height: 1.1;
}
.first_block > .h1 > h1 > span {
    font-weight: 700;
    color: #3b1ece;
}
.first_block > .h1 > p {
    font-size: 1.375rem;
}
.first_block > .h1 > p > strong {
    font-weight: 700;
}
.first_block > .h1 > .down {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 4rem;
}
.first_block > .h1 > .down > p {
    margin-left: 3.5rem;
    position: relative;
    font-size: 1rem;
    line-height: 1.4;
    color: #555555;
}
.first_block > .h1 > .down > p > strong {
    color: 424242;
    font-weight: 700
}
.first_block > .h1 > .down > p::before {
    content: "";
    position: absolute;
    left: -5.5rem;
    top: -2.25rem;
    width: 104px;
    height: 30px;
    background-image: url('../i/button_line.svg');
    background-repeat: no-repeat;
    background-position: center top;
}








.two_block::before {
    content: "";
    position: absolute;
    background-image: url(../i/back12.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 421px;
    width: 179px;
    left: -23rem;
    top: 8rem;
    pointer-events: none;
    z-index: -1;
}
.two_block::after {
    content: "";
    position: absolute;
    background-image: url(../i/back13.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 241px;
    width: 243px;
    right: -22rem;
    top: 23rem;
    pointer-events: none;
    z-index: -1;
    transform: rotate(-7deg);
}
.two_block {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: -16rem;
    position: relative;
}
.two_block > .item {
    width: 270px;
    text-align: center;
    padding: 0 2rem 1rem;
    position: relative;
}
.two_block > .item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 3rem;
    background-color: #fff;
    border-radius: 10px;
    z-index: -1;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}
.two_block > .item > .img {
    height: 200px;
}
.two_block > .item > p {
    font-size: 1rem;
    font-weight: 500;
    color: #212529;
    cursor: default;
}


.two_block2::before {
    content: "";
    position: absolute;
    background-image: url(../i/back12.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 421px;
    width: 179px;
    left: -23rem;
    top: 8rem;
    pointer-events: none;
    z-index: -1;
}
.two_block2::after {
    content: "";
    position: absolute;
    background-image: url(../i/back13.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 241px;
    width: 243px;
    right: -22rem;
    top: 23rem;
    pointer-events: none;
    z-index: -1;
    transform: rotate(-7deg);
}
.two_block2 {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
}
.two_block2 > .item {
    width: 270px;
    text-align: center;
    padding: 0 2rem 1rem;
    position: relative;
}
.two_block2 > .item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 3rem;
    background-color: #fff;
    border-radius: 10px;
    z-index: -1;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}
.two_block2 > .item > .img {
    height: 200px;
}
.two_block2 > .item > p {
    font-size: 1rem;
    font-weight: 500;
    color: #212529;
    cursor: default;
}




#three_block button.btn {
    display: flex;
    margin: 6rem auto 2rem;
}
.three_block {
    padding: 2rem 5rem;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 0px 25px 0px #d8d8d8;
    border-radius: 1rem;
    max-width: 1170px;
    margin: auto;
}
.three_block > .arrows {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    top: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.three_block > .arrows > button {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to top, #3b1ece, #3b1ece);
    border-radius: 50%;
    border: none;
    outline: none;
    opacity: 0.7;
    transition: 0.3s;
    position: relative;
}
.three_block > .arrows > button:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    margin-left: -3px;
}
.three_block > .arrows > button:hover {
    opacity: 1;
    cursor: pointer;
}
.three_block > .arrows > button.three_block_slider_prev:before {
    transform: rotate(135deg);
    margin-left: 3px;
}
.three_block_slider_next {
    margin-right: -35px;
}
.three_block_slider_prev {
    margin-left: -35px;
}
.three_block_slider .item {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.three_block_slider .item > .left {
    width: 57%;
    padding-right: 1rem;
}
.three_block_slider .item > .left > .img {
    border-radius: 1rem;
    overflow: hidden;
}
.three_block_slider .item > .left > .imgs {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 1.5rem;
}
.three_block_slider .item > .left > .imgs > img {
    width: 30%;
    border-radius: 1rem;
    max-width: 170px;
}
.three_block_slider .item > .right {
    width: 43%;
    padding-left: 1rem;   
}

.three_block_slider .item > .right > .up {
    border-bottom: 1px solid #ACACAC;
    padding-bottom: 1.51rem;
}
.three_block_slider .item > .right > .up > p {
    font-size: 1.835rem;
    font-weight: 500;
    color: #212529;
    margin-bottom: 0;
}
.three_block_slider .item > .right > .up td {
    padding-top: 1rem;
    padding-right: 0.5rem;
}
.three_block_slider .item > .right > .up td:nth-child(1),
.three_block_slider .item > .right > .main td:nth-child(1) {
    color: #8A8E93;
    font-size: 1rem;
    font-weight: 400;
}
.three_block_slider .item > .right > .up td:nth-child(2),
.three_block_slider .item > .right > .main td:nth-child(2) {
    color: #212529;
    font-size: 1.125rem;
    font-weight: 500;
}
.three_block_slider .item > .right > .main {
    padding-top: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.three_block_slider .item > .right > .main > table {
    margin-right: 1rem;
}
.three_block_slider .item > .right > .main > table:last-child {
    margin-right: 0;
}
.three_block_slider .item > .right > .main tr > td:first-child {
    padding-top: 1.3rem;
}
.three_block_slider .item > .right > .up tr > td:first-child {
    padding-top: 1.3rem;
}
.three_block_slider .item > .right > .main td {
    padding-top: 1.125rem;
    padding-right: 0.5rem;
}
.three_block_slider .item > .right > .down {
    padding-top: 1.5rem;
}
.three_block_slider .item > .right > .down > span {
    font-size: 1.125rem;
    color: #212529;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 0.5rem;
}
.three_block_slider .item > .right > .down > p {
    margin-top: 0;
    color: #8A8E93;
    line-height: 1.5;
}
.three_block_slider_dots {
    position: absolute;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -5rem;
    left: 0;
    right: 0;
    margin: auto;
}
.three_block_slider_dots > li {
    display: flex;
}
.three_block_slider_dots > li > button {
    font-size: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #E5E5E5;
    border: none;
    outline: none;
    margin: 0 0.25rem;
    cursor: pointer;
}
.three_block_slider_dots > li > button:hover {
    background-color: #b9b9b9;
}
.three_block_slider_dots > li.slick-active > button {
    background-color: #2A6BD2;
    cursor: default;
}






#four_block .heading {
    position: relative;
}
#four_block .heading::before {
    content: "";
    position: absolute;
    background-image: url(../i/back10.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 345px;
    width: 316px;
    left : -22rem;
    top: -14rem;
    pointer-events: none;
    z-index: -1;
}
#four_block .heading::after {
    content: "";
    position: absolute;
    background-image: url(../i/back11.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 185px;
    width: 742px;
    right : -50rem;
    top: -25rem;
    pointer-events: none;
    z-index: -1;
}
.four_block > .down {
    position: relative;
}
.four_block > .down::before {
    content: "";
    position: absolute;
    background-image: url(../i/back9.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 176px;
    width: 175px;
    left : -7rem;
    top: -5rem;
    pointer-events: none;
    z-index: -1;
}
.four_block > .up {
    padding: 2rem;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 0px 25px 0px #d8d8d8;
    border-radius: 1rem;
    max-width: 1170px;
    margin: auto;
    margin-bottom: 2rem;
    position: relative;
    z-index: 3;
    display: flex;
}
.four_block > .up::before {
    content: "";
    position: absolute;
    width: 215px;
    height: 215px;
    bottom: -98px;
    border-radius: 3rem 0 0 0;
    background-color: white;
    transform: rotate(-56deg) matrix(1, 1, 0.4, 1.1, 0, 0);
    z-index: -1;
    left: 132px;
    box-shadow: 0px 0px 15px -10px #d8d8d8;
}
.four_block > .up::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #fff;
    z-index: 1;
    border-radius: 2rem;
}
.four_block > .up > .left {
    width: 42%;
    position: relative;
    z-index: 10;
}
.four_block > .up > .left,
.four_block > .down > .left {
    padding-left: 2rem;
    padding-right: 4rem;
}
.four_block > .up > .left > p,
.four_block > .down > .left > p {
    font-size: 1.875rem;
    font-weight: 400;
    color: #212529;
    line-height: 1.2;
}
.four_block > .up > .left > p > strong,
.four_block > .down > .left > p > strong {
    font-weight: 700;
}
.four_block > .up > .left > ul > li,
.four_block > .down > .left > ul > li {
    position: relative;
    font-size: 1.125rem;
    margin-top: 1.5rem;
    line-height: 1.8;
}
.four_block > .up > .left > ul > li::before,
.four_block > .down > .left > ul > li::before {
    content: "";
    position: absolute;
    left: -1.75rem;
    top: 0.75rem;
    background-image: url(../i/li-ok.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 16px;
    height: 13px;
}
.four_block > .down > .left > ul > li::before {
    background-image: url(../i/li-no.svg);
}
.four_block > .up > .right {
    width: 58%;
    position: relative;
    z-index: 10;
}
.four_block > .up > .right img {
    border-radius: 1rem;
}

.four_block > .down {
    padding: 2rem;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 0px 25px 0px #d8d8d8;
    border-radius: 1rem;
    max-width: 1170px;
    z-index: 1;
    display: flex;
    flex-direction: flex-start;
    align-items: flex-start;
    margin: auto;
}
.four_block > .down > .left {
    width: 42%;
    position: relative;
    z-index: 10;
    padding-top: 2rem;
}
.four_block > .down > .right {
    min-width: 639px;
    width: 58%;
    position: relative;
    z-index: 10;
}

.four_block_slider {
}
.four_block_slider .slick-slide {
    transition: 0.5s;
    transform: scale(0.75);
    opacity: 0.4;
}
.four_block_slider .slick-slide img {
    border-radius: 1rem;
}
.four_block_slider .slick-slide.slick-current.slick-center {
    transform: scale(1);
    position: relative;
    z-index: 10;
    opacity: 1;
}
.four_block > .down > .right > .arrows {
    position: absolute;
    left: 50%;
    right: 0;
    height: 100%;
    width: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding: 3.7rem 0;
}
.four_block > .down > .right > .arrows > button {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to top, #2A6BD2, #4386EE);
    border-radius: 50%;
    border: none;
    outline: none;
    opacity: 1;
    transition: 0.3s;
    position: relative;
}
.four_block > .down > .right > .arrows > button:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-135deg);
    margin-left: 0px;
    margin-top: 3px;
}
.four_block > .down > .right > .arrows > button:hover {
    opacity: 0.9;
    cursor: pointer;
}
.four_block > .down > .right > .arrows > button.four_block_slider_next:before {
    transform: rotate(45deg);
    margin-top: -3px;
}








.five_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.five_block > .right {
    width: 470px;
    background-color: #fff;
    border-radius: 1rem;
    padding: 3.5rem 2.8rem 3rem 2.8rem;
    position: relative;
}
.five_block > .right::before {
    content: "";
    position: absolute;
    left: 0.75rem;
    right: 0.75rem;
    top: 0.75rem;
    bottom: 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid #D8D8D8;
    z-index: 1;
    pointer-events: none;
}
.five_block > .left {
    flex: 1;
    color: #fff;
}
.five_block > .left > h2 {
    font-size: 2.375rem;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 1rem;
}
.five_block > .left > h2 > strong {
    font-weight: 700;
}
.five_block > .left > p {
    font-size: 1.25rem;
    line-height: 1.4;
}
.five_block > .right::after {
    content: "";
    position: absolute;
    right: 92%;
    top: 10rem;
    width: 823px;
    height: 648px;
    background-image: url(../i/notebook.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
}

.right_phone {
    font-size: 1.525rem;
    margin-top: 2em;
    align-items: center;
}

.right_phone > .city_phone >.up_phone > a {
    margin-bottom: 23px;	
    font-weight: 500;
}

.right_phone > .city_phone > .up_phone {
    display: inline-grid;
    text-align: center;
}

.form .form-header {
    font-size: 1.875rem;
    color: #3b1ece;
    line-height: 1.4;
}
.form .form-desk {
    line-height: 1.7;
    color: #212529;
    font-size: 1.125rem;
}
.form-group {
    border-radius: 1rem;
    background: #FCFCFC;
    border: 1px solid #EDEDED;
}
.hideLabels .form-control {
    padding-left: 2rem;
}
.hideLabels .form-group label {
    left: 2rem;
}
.agreement-label {
    font-size: 12px;
    font-weight: 500;
}
.agreement-label a {
    color: #2A6BD2;
    border-bottom: 1px solid #2A6BD2 !important;
}
.agreement-label a:hover {
    border-color: transparent !important;
}
form > .button > button {
    width: 100%;
}






.six_block::before {
    content: "";
    position: absolute;
    background-image: url(../i/back8.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 345px;
    width: 262px;
    left : -16rem;
    top: -26rem;
    pointer-events: none;
    z-index: -1;
}
.six_block {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.six_block > button.btn {
    display: flex;
    margin: 3rem auto 2rem;
}
.six_block > .text {
    position: absolute;
    left: 0;
    top: 4rem;
    width: 400px;
    z-index: 1;
}
.six_block > .text::before {
    content: "";
    position: absolute;
    right: 3.5rem;
    bottom: -2.45rem;
    width: 68px;
    height: 30px;
    /* background-image: url(../i/button_line.svg); */
    background-repeat: no-repeat;
    background-position: center top;
    transform: rotate(222deg);
}
.six_block > .text > p {
    font-size: 1rem;
    color: #8A8E93;
    line-height: 1.5;
}
.six_block > .img {
    margin-top: 4rem;
    position: relative;
}
.six_block > .img > img {
    margin-left: -2rem;
}
.six_block > .info {
    position: absolute;
    right: 0;
    bottom: 12rem;
    color: #212529;
}
.six_block > .info::before {
    content: "";
    position: absolute;
    left: -3rem;
    top: -1rem;
    background-image: url(../i/cursor.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 36px;
    height: 36px;
}
.six_block > .info strong {
    font-weight: 600;
}
.six_block > .img > .item {
    position: absolute;
    border-radius: 100px;
    padding: 1rem 2rem;
    height: 80px;
    width: 80px;
    cursor: pointer;
}
.six_block > .img > .item::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    background: linear-gradient(to top, #4386EE, #2A6BD2);
    box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.6);
    border-radius: 50%;
    z-index: 2;
}
.six_block > .img > .item::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: url(../i/plus.svg);
    top: 33px;
    left: 33px;
    transform: rotate(0deg);
    transition: 0.3s;
    z-index: 22;

}
.six_block > .img > .item > span {
    position: absolute;
    width: fit-content;
    width: max-content;
    background-color: #fff;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    padding-left: 5rem;
    padding-right: 2rem;
    border-radius: 0;
    border-radius: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.2);
}
.six_block > .img > .item:hover span {
    opacity: 1;
    pointer-events: all;
    z-index: 20;
}
.six_block > .img > .item:hover {
    z-index: 21;
}
.six_block > .img > .item:hover:before {
    z-index: 22;
}
.six_block > .img > .item:hover:after {
    transform: rotate(180deg);
    z-index: 23;
}

.six_block > .img > .item.i1 {
    left: 1rem;
    bottom: 7rem;
}
.six_block > .img > .item.i2 {
    left: 8rem;
    bottom: 13rem;
}
.six_block > .img > .item.i3 {
    left: 10rem;
    top: 7rem;
}
.six_block > .img > .item.i4 {
    left: 12.4rem;
    top: 10.8rem;
}
.six_block > .img > .item.i5 {
    left: 13rem;
    bottom: 10.3rem;
}
.six_block > .img > .item.i6 {
    left: 13.6rem;
    bottom: 5rem;
}
.six_block > .img > .item.i7 {
    left: 17rem;
    top: 9rem;
}
.six_block > .img > .item.i8 {
    left: 21rem;
    bottom: 14rem;
}
.six_block > .img > .item.i9 {
    left: 28rem;
    bottom: 12rem;
}
.six_block > .img > .item.i10 {
    left: 29.9rem;
    top: 4rem;
}
.six_block > .img > .item.i11 {
    left: 33rem;
    top: 9.5rem;
}
.six_block > .img > .item.i12 {
    left: 36.7rem;
    top: 4.4rem;
}








.seven_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}
.seven_block > .center > .text {
    position: relative;
    padding: 1.5rem 6rem;
    text-align: center;
}
.seven_block > .center > .text::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    transform: skew(-15deg);
    border-radius: 1rem;
    background-color: #fff;
    z-index: 0;
    box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.2);
}
.seven_block > .center > .text > p {
    position: relative;
    z-index: 1;
    font-size: 0.875rem;
}
.seven_block > .center > .text > p > strong {
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.seven_block > .left,
.seven_block > .right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    font-size: 1.125rem;
    text-align: center;
}
.seven_block > .left > .item {
    margin-top: 4rem;
}
.seven_block > .right > .item {
    margin-top: 2rem;
}
.seven_block > .center > .img {
    position: relative;
}
.seven_block > .center > .img::before {
    content: "";
    position: absolute;
    width: 900px;
    height: 900px;
    background-color: #F4F4F4;
    margin: auto;
    border-radius: 50%;
    left: -250px;
    top: -75px;
    z-index: -1;
}
.seven_block > .center > .img::after {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    background-color: #FFFFFF;
    margin: auto;
    border-radius: 50%;
    left: -150px;
    top: 25px;
    z-index: -1;
}




.eight_block {
    position: relative;
}
.eight_block::before {
    content: "";
    position: absolute;
    background-image: url(../i/back7.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 677px;
    width: 453px;
    left : -27rem;
    top: 2rem;
    pointer-events: none;
    z-index: -1;
}
.eight_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
}
.eight_block > .item {
    max-width: 32%;
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.2);
    margin-bottom: 2rem;
}
.eight_block > .item > .img {
    border-radius: 0.75rem 0.75rem 0 0;
    overflow: hidden;
}
.eight_block > .item > .info {
    box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.2);
    padding: 1rem;
    border-radius: 0 0 0.75rem 0.75rem;
}
.eight_block > .item > .info > .bottom {
    border-top: 1px solid #E6E6E6;
    padding-top: 1rem;
    text-align: center;
    margin-top: 1rem;
    padding-bottom: 0.75rem;
    font-size: 1.25rem;
}
.eight_block > .item > .info > .bottom > span {
    font-weight: 500;
}
.eight_block > .item > .info > .bottom > button.btn {
    margin-top: 1rem;
}
.eight_block > .item > .info > .bottom > button.btn > span {
    padding: 1rem 4rem;
    font-size: 1rem;
}
.eight_block > .item > .info > .head {
    padding: 0.25rem 1rem 1rem;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.eight_block > .item > .info > .main {
    position: relative;
    min-height: 120px;
    max-height: 120px;
    overflow: hidden;
}
.eight_block > .item > .info > .main.active {
    overflow: unset;
    z-index: 10;
}
.eight_block > .item > .info > .main.active > ul {
    z-index: 10;
    background-color: #fff;
    border-radius: 0 0 0.75rem 0.75rem;
    box-shadow: 0px 1rem 1rem -0.25rem rgba(0, 0, 0, 0.2);
}
.eight_block > .item > .info > .main.active .open_or_close {
    position: relative;
    height: 46px;
    padding-top: 0rem;
    padding-left: 2rem;
    top: auto;
}
.open_or_close > button:after {
    content: "";
    position: absolute;
    right: -1.5rem;
    top: 0.45rem;
    background-image: url(../i/down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 14px;
    height: 8px;
}
.eight_block > .item > .info > .main.active .open_or_close > button:after {
    transform: rotate(180deg);
    top: 0.475rem;
}
.eight_block > .item > .info > .main.active .open_or_close::before {
    opacity: 0;
}
.eight_block > .item > .info > .main > ul {
    position: absolute;
    top: 0;
    left: -1rem;
    right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.eight_block > .item > .info > .main > ul > li {
    font-size: 14px;
    padding-left: 2rem;
    position: relative;
}
.eight_block > .item > .info > .main > ul > li:before {
    content: "";
    position: absolute;
    top: 0.2rem;
    left: 0.3rem;
    width: 18px;
    height: 14px;
    background-image: url(../i/ok.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.eight_block > .item > .info > .main > ul > li2 {
    font-size: 14px;
    padding-left: 2rem;
    position: relative;
}
.eight_block > .item > .info > .main > ul > li2:before {
    content: "";
    position: absolute;
    top: 0.2rem;
    left: 0.3rem;
    width: 18px;
    height: 14px;
    background-image: url(../i/closed.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.open_or_close {
    position: absolute;
    top: 95px;
    left: 0;
    right: 0;
    padding-left: 3rem;
    height: 35px;
    padding-top: 1px;
    background: linear-gradient(0deg, white, #fffffff4);
}
.open_or_close > button {
    color: #2A6BD2;
    font-size: 0.875rem;
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #2A6BD2;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
}
.open_or_close > button:hover {
    border-color: transparent;
}
.open_or_close::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    box-shadow: 0rem 0.2rem 2rem 4rem #fff;
}



/* --------- calculate start--------- */
.mt-one-half { width: 48%; }
.mt-one-third { width: 30.66%; }
.mt-two-third { width: 65.33%; }
.mt-one-fourth { width: 22%; }
.mt-three-fourth { width: 74%; }
.mt-one-fifth { width: 16.8%; }
.mt-two-fifth { width: 37.6%; }
.mt-three-fifth { width: 58.4%; }
.mt-four-fifth { width: 79.2%; }
.mt-one-sixth { width: 13.33%; }
.mt-five-sixth { width: 82.67%; }
.mt-full-width { width: 100%; }

.mt-one-half,
.mt-one-third,
.mt-two-third,
.mt-three-fourth,
.mt-one-fourth,
.mt-one-fifth,
.mt-two-fifth,
.mt-three-fifth,
.mt-four-fifth,
.mt-one-sixth,
.mt-five-sixth {
    position: relative;
    margin-right: 4%;
    margin-bottom: 20px;
    float: left;
}

.content-area {
padding-top: 0px;
}
.page-title {
    position: relative;
}
.mt-column-last {
margin-right: 0!important;
    clear: right;
}
.mt-three-fourth {
    width: 74%;
}

.btn_calculate {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn_primary_calculate li2 {
}

.btn_primary_calculate{
       color:#fff;background-color:#337ab7;
        border-color:#2e6da4;margin-bottom: 10px;
             }
             .btn_primary_calculate:hover,.btn_primary_calculate:focus,.btn_primary_calculate.focus,.btn_primary_calculate:active,.btn_primary_calculate.active,.open>.dropdown-toggle.btn_primary_calculate{
                color:#fff;
                background-color:#286090;
                border-color:#204d74;


    animation-name: pulse;
    -webkit-animation-name: pulse;  
 
    animation-duration: 1.5s;   
    -webkit-animation-duration: 1.5s;
 
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.suma-schet {
    font-size: 25px !important;
    width: 160px !important;
    background: #F13A13 !important;
    color: #ffffff !important;
    text-align: center;
}
.wpcf7-form input {
    min-height: 20px;
}
.wpcf7-form textarea {
    height: 150px;
}
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
    padding: 10px 15px;
    width: 100%;
    margin-top: 5px;
    font-size: 1em;
}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select, #commentform input, #commentform textarea, #searchform input, .nav-searchform input {
    background: #C7C7C7;
    color: #888888;
}	
    .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select, #commentform input, #commentform textarea, #searchform input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
}
/* --------- calculate stop--------- */



.eight_block_down::before {
    content: "";
    position: absolute;
    background-image: url(../i/back6.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 434px;
    width: 550px;
    right: -24rem;
    top: -16rem;
    pointer-events: none;
    transform: rotate(-11deg);
    z-index: -1;
}
.eight_block_down::after {
    content: "";
    position: absolute;
    background-image: url(../i/back5.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 899px;
    width: 1283px;
    pointer-events: none;
    left: -60rem;
    top: 2rem;
    transform: rotate(-73deg);
    z-index: -1;
}
.eight_block_down {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
}
.eight_block_down > .item {
    background-color: #fff;
    border-radius: 1rem;
    padding: 1rem;
    position: relative;
    max-width: 32%;
    box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    text-align: center;
}
.eight_block_down > .item::before {
    content: "";
    position: absolute;
    left: 1rem;
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    border: 1px solid #D8D8D8;
    border-radius: 0.75rem;
    pointer-events: none;
}
.eight_block_down > .item .img {
    height: 87px;
    margin-top: 1rem;
}
.eight_block_down > .item p {
    font-size: 1.25rem;
}
.eight_block_down > .item p > strong {
    font-weight: 700;
}
.eight_block_down > .item > .down {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #E6E6E6;
    padding-top: 1rem;
    text-align: center;
    margin-top: 1rem;
    font-weight: 500;
    font-size: 1.25rem;
    padding-bottom: 2rem;
}
.eight_block_down > .item > .down > button {
    margin-top: 1rem;
}
.eight_block_down > .item > .down > button > span {
    padding: 1rem 4rem;
    font-size: 1rem;
}






#nine_block {
    position: relative;
    margin-top: 2rem;
}
#nine_block:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 14rem;
    height: 1450px;
    width: 1450px;
    border: 1px solid #EAEAEA;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#nine_block:after {
    content: "";
    position: absolute;
    margin: auto;
    top: 1rem;
    height: 1900px;
    width: 1900px;
    border: 1px solid #EAEAEA;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}
#nine_block .heading {
    position: relative;
}
#nine_block .heading::after {
    content: "";
    position: absolute;
    background-image: url(../i/back4.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 392px;
    width: 239px;
    left: -25rem;
    top: -8rem;
    pointer-events: none;
    z-index: -1;
}
.nine_block {
    position: relative;
}
.nine_block::after {
    content: "";
    position: absolute;
    background-image: url(../i/back3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 133px;
    width: 133px;
    right: -3rem;
    bottom: -1rem;
    pointer-events: none;
    z-index: 1;
}
.nine_block::before {
    content: "";
    position: absolute;
    background-image: url(../i/back3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 133px;
    width: 133px;
    left: -6rem;
    top: -3rem;
    pointer-events: none;
    z-index: -1;
    transform: rotate(180deg);
}
.nine_block_slider {
    position: relative;
}
.nine_block_slider .item {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}
.nine_block_slider .slick-slide > div > div {
    padding: 0.75rem;
}
.nine_block_slider .item:hover {
    margin-top: -0.75rem;
    box-shadow: 0;
}
.nine_block_slider .item:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #2A6BD2;
    opacity: 0;
    transition: 0.3s;
    cursor: pointer;
}
.nine_block_slider .item:hover:before {
    opacity: 0.72;
}
.nine_block_slider .item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 35px;
    height: 35px;
    background-image: url(../i/search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin: auto;
    margin-top: -17px;
    opacity: 0;
    transition: 0.3s;
    cursor: pointer;
}
.nine_block_slider .item:hover:after {
    opacity: 1;
}

.nine_block > .arrows {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    top: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nine_block > .arrows > button {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to top, #2A6BD2, #4386EE);
    border-radius: 50%;
    border: none;
    outline: none;
    opacity: 0.7;
    transition: 0.3s;
    position: relative;
}
.nine_block > .arrows > button:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    margin-left: -3px;
}
.nine_block > .arrows > button:hover {
    opacity: 1;
    cursor: pointer;
}
.nine_block > .arrows > button.nine_block_slider_prev:before {
    transform: rotate(135deg);
    margin-left: 3px;
}
.nine_block_slider_next {
    margin-right: -10px;
}
.nine_block_slider_prev {
    margin-left: -15px;
}
.nine_block_slider_dots {
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: 2rem;
}
.nine_block_slider_dots > li {
    display: flex;
}
.nine_block_slider_dots > li > button {
    font-size: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #E5E5E5;
    border: none;
    outline: none;
    margin: 0 0.25rem;
    cursor: pointer;
}
.nine_block_slider_dots > li > button:hover {
    background-color: #b9b9b9;
}
.nine_block_slider_dots > li.slick-active > button {
    background-color: #2A6BD2;
    cursor: default;
}









.ten_block {
    position: relative;
}
.ten_block:before {
    content: "";
    position: absolute;
    background-image: url(../i/back2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 242px;
    width: 263px;
    right: -26rem;
    top: -3rem;
    pointer-events: none
}
.ten_block_slider .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    padding: 0.75rem;
}
.ten_block_slider .item > .it {
    background-color: #fff;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.2);
}
.ten_block_slider .item > .dop {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.ten_block_slider .item > .dop > .it {
    background-color: #fff;
    padding: 0.75rem;
    border-radius: 0.75rem;
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.2);
    margin-left: 1.5em;
}
.ten_block_slider .item .it {
    position: relative;
    cursor: pointer;
}
.ten_block_slider .item .it > .video:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    height: 78px;
    width: 78px;
    margin-top: -39px;
    background-color: #fff;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    transition: 0.3s;
}
.ten_block_slider .item .it:hover .video:before {
    transform: scale(1.1);
}
.ten_block_slider .item > .dop > .it > .video:before {
    height: 30px;
    width: 30px;
    margin-top: -15px;
}
.ten_block_slider .item .it > .video:after {
    content: "";
    position: absolute;
    left: 5px;
    right: 0;
    top: 50%;
    margin: auto;
    height: 27px;
    width: 22px;
    margin-top: -13px;
    background-image: url(../i/play.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.ten_block_slider .item > .dop > .it > .video:after {
    height: 10px;
    width: 9px;
    margin-top: -5px;
    left: 3px;
}
.ten_block_slider_dots {
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: 2rem;
    width: fit-content;
    width: max-content;
}
.ten_block_slider_dots > li {
    display: flex;
}
.ten_block_slider_dots > li > button {
    font-size: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #E5E5E5;
    border: none;
    outline: none;
    margin: 0 0.25rem;
    cursor: pointer;
}
.ten_block_slider_dots > li > button:hover {
    background-color: #b9b9b9;
}
.ten_block_slider_dots > li.slick-active > button {
    background-color: #2A6BD2;
    cursor: default;
}
.ten_block .arrows {
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 0;
}
.ten_block .arrows button {
    display: block;
    height: 22px;
    width: 25px;
    background: none;
    background-image: url(../i/prev.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    outline: none;
    border: none;
    margin-top: -0.625rem;
    cursor: pointer;
    opacity: 0.5;
    transition: 0.3s;
    z-index: 10;
}
.ten_block .arrows button:hover {
    opacity: 1;
}
.ten_block .arrows button.ten_block_slider_prev {
    margin-left: -2rem;
}

.ten_block .arrows button.ten_block_slider_next {
    margin-right: -2rem;
    transform: rotate(180deg);
}




.eleven_block {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 4rem;
}
.eleven_block > .img {
    display: block;
    width: 880px;
    height: 955px;
    position: absolute;
    left: -20rem;
    top: 6rem;
    z-index: -1;
    pointer-events: none;
}
.eleven_block > .asks {
    max-width: 770px;
    width: 100%;
}
.eleven_block > .asks > .item {
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.2);
    border-radius: 1rem;
    padding: 2rem;
    padding-left: 5rem;
    position: relative;
    margin-bottom: 1.5rem;
    cursor: pointer;
    padding-right: 5.5rem;
    background-color: #fff;
}
.eleven_block > .asks > .item:after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 2rem;
    width: 30px;
    height: 22px;
    background-image: url(../i/prev.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}
.eleven_block > .asks > .item.active:after {
    transform: rotate(90deg);
    filter: grayscale(1);
}
.eleven_block > .asks > .item > .num {
    position: absolute;
    left: 2rem;
    top: 1rem;
    font-size: 3rem;
    font-weight: 700;
    color: #3b1ece;
}
.eleven_block > .asks > .item > .question {
    font-size: 1.25rem;
    font-weight: 500;
}
.eleven_block > .asks > .item > .answer {
    display: block;
    max-height: 0px;
    opacity: 0;
    transition: 0.3s;
    position: relative;
    margin-top: 0rem;
    padding-top: 0rem;
}
.eleven_block > .asks > .item > .answer > p {
    transition-delay: 0.3s;
    transition-duration: 0.3s;
    opacity: 0;
    font-size: 1rem;
}
.eleven_block > .asks > .item.active > .answer > p {
    opacity: 1;
}
.eleven_block > .asks > .item.active > .answer {
    max-height: 1000px;
    opacity: 1;
    margin-top: 1rem;
    padding-top: 1.5rem;
    font-size: 1.125rem;
}
.eleven_block > .asks > .item > .answer::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 60%;
    height: 1px;
    background-color: transparent;
}

.eleven_block > .asks > .item.active > .answer::before {
    background-color: #ACACAC;
}








.twelve_block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.twelve_block > .icon {
    margin-right: 1rem;
}
.twelve_block_img {
    margin-top: -6rem;
}








.thirteen_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.thirteen_block > .right > .form {
    max-width: 470px;
    background-color: #fff;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.2);
    border-radius: 1rem;
    padding: 3rem 3rem 3rem;
    margin-right: 4rem;
    margin-top: 4rem;
    position: relative;
}
.thirteen_block > .right > .form::before {
    content: "";
    position: absolute;
    left: 1rem;
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    border: 1px solid #D8D8D8;
    border-radius: 0.75rem;
    pointer-events: none;
}
.thirteen_block > .right > .form .form-header {
    margin-bottom: 2rem;
    color: #212529;
}
.thirteen_block li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 2rem;
    font-size: 1.25rem;
}
.thirteen_block li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #3b1ece;
    left: 0;
    top: 0.525rem;
}
.thirteen_block > .right > .form:after {
    content: "";
    position: absolute;
    width: 191px;
    height: 427px;
    background-image: url(../i/back1.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    right: -5rem;
    top: -8rem;
    z-index: -1;
}
.wrap-link {
    flex: 1;
    text-align: right;
    font-size: 1rem;
    line-height: 1.5;
    position: relative;
}	

.wrap-link-mob {
    text-align: right;
    margin-top: -22px;
}	
.btn_otziv:hover {
        opacity: 0.75;
    border-bottom-color: transparent;
}
.btn_otziv {
    font-size: 17px;
    color: #5d5e69;
    font-weight: 400;
    padding: 0;
    margin: 0;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #5d5e69;
    cursor: pointer;
    transition: 0.3s;
}

.btn_otziv_mob:hover {
        opacity: 0.75;
    border-bottom-color: transparent;
}
.btn_otziv_mob {
        font-size: 14px;
    color: #2A6BD2;
    font-weight: 100;
    padding: 0;
    margin: 0;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #2A6BD2;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
}


.flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.feedback__rating {
    width: 350px;
    cursor: pointer;
    margin: 0 auto;
    padding-bottom: 15px;
}

.feedback__rating.flex {
    justify-content: space-between
}

.feedback__star {
    color: #696969;;
    text-decoration: none;
    transition: color .4s;
    position: relative;
    margin: 0 8px;
    font-size: 45px;
    padding-bottom: 15px;
    padding-left: 40px;
}

.feedback__star:first-child {
    margin-left: 0
}

.feedback__star.active {
    color: #f9d900
}

.feedback__star:before {
    content: '';
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap;
}

.feedback__star_1:before {
    content: "Плохой"
}

.feedback__star_2:before {
    content: "Так себе"
}

.feedback__star_3:before {
    content: "Нормальный"
}

.feedback__star_4:before {
    content: "Хороший"
}

.feedback__star_5:before {
    content: "Отличный"
}

.comment h3 {
    font-size: 22px;
    line-height: 1.7;
    font-weight: 400;
    margin-bottom: 22px;
    color: #000;
    text-align: center;
}

.comment__item {
border-bottom: 4px dotted #3b1ece;
    padding-top: 20px;
    padding-bottom: 10px
}

.comment__head.flex {
    justify-content: space-between;
    align-items: center
}

.comment__name {
    width: 500px
}

.comment__name.flex {
    align-items: center
}


.comment__name span2 {
    margin-right: 10px;
    font-weight: 700;
    font-size: 16px;
    color: #000;
}

.comment__rating.flex {
    align-items: center
}

.comment__star {
    width: 18px;
    height: 17px;
    background: url(../i/rating.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 2px;
}

.comment__star.active {
    background-image: url(../i/rating-active.png);
    margin-left: 2px;
}

.comment__date {
    width: 150px;
    font-weight: 400;
    font-size: 16px;
    color: #3b1ece;
    font-family: inherit;
    text-align: right;
}

.comment__text {
    margin: 15px 0
}

.comment__text p {
    font-size: 16px;
    line-height: 1.7;
    color: #000;
}

.comment__answ {
    padding-left: 60px;
    width: 100%;
    margin-top: 20px;
    position: relative
}

.comment__answ:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 30px;
    top: 1px;
    background: url(../i/arrow.png);
    background-size: 100% 100%
}

.comment__answname {
    display: inline-block;
    color: #fff;
    padding: 3px 6px;
    border-radius: 3px;
    background: #3b1ece;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 15px;
}

.comment__show {
    font-size: 17px;
    color: #5d5e69;
    font-weight: 400;
    padding: 0;
    margin: 0;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #5d5e69;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 30px;
    cursor: pointer;
}

.comment__show:hover {
opacity: 0.75;
    border-bottom-color: transparent;
}

.commentinfo2 h3{
    font-size: 22px;
    line-height: 1.7;
    font-weight: 400;
    margin-bottom: 22px;
    color: #ffffff;
    text-align: center;
    margin-top: 15px;

}

.comment2 {
    margin: 30px auto;
    width: 980px
}

.comment2__box {
    padding: 0 5px;
    display: none;
}

.comment2__box.active{
    display: block;
}


.comment2__wrapper {
    height: 500px;
    overflow: hidden;
    position: relative;
}

.comment2__wrapper.active{
    height: auto;
    margin-bottom: 35px;
}

.comment2__wrapper.active:before {
    opacity: 0
}

.comment2__wrapper:before {
    content: "";
    position: absolute;
    height: 100px;
    width: 100%;
    /* background: linear-gradient(to top, #fff0, transparent); */
    bottom: 0;
    left: 0;
    z-index: 2;
}

.commentinfo {
    margin: 30px auto;
    width: 980px
}

.commentinfo__title {
    border-width: 0 0 1px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    padding: 19px 25px 18px!important;
    border: 1px solid #e31837;
    color: #fff;
    margin-bottom: 30px;
    border-radius: 10px;
}

.commentinfo__text h3 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #ffffff;
}

.commentinfo__text h4 {
    font-size: 26px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 10px;
}

.commentinfo__text p {
    font-size: 16px;
    font-weight: 300;
    color: #c5c5c5;
    margin-bottom: 20px;
    line-height: 1.7;
}

.star-rating>fieldset {
    border: none;
    display: inline-block;
        margin-bottom: 10px;
}
.star-rating>fieldset:not(:checked)>input {
    position: absolute;
    top: -9999px;
    clip: rect(0,0,0,0);
}
.star-rating>fieldset:not(:checked)>label {
    float: right;
    width: 20px;
    height: 20px;
    margin: 0 3px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}
.star-rating>fieldset:not(:checked)>label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../i/stars.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: auto 20px;
}
.star-rating>fieldset:not(:checked)>label:hover:before, .star-rating>fieldset:not(:checked)>label:hover~label:before, .star-rating>fieldset>input:checked~label:before {
    background-position: 0 0;
}

.button-cart-container {
    visibility: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateY(100%) scale(.5);
    transform: translateY(100%) scale(.5);
    opacity: 0;
    -webkit-box-shadow: 0px 6px 16.38px 1.62px rgb(0 0 0 / 10%);
    box-shadow: 0px 6px 16.38px 1.62px rgb(0 0 0 / 10%);
    margin: 0;
    padding: 20px 15px;
    background-color: rgba(255,255,255,.8);
}
.file-input label input {
    display: none;
}
.file-btn {
font-size: 15px;
    color: #2A6BD2;
    font-weight: 600;
    padding: 0;
    margin: 0;
    outline: none;
    background: none;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
}
.pagination {
    margin-top: 25px
}

.pagination.flex {
    justify-content: flex-end
}

.pagination__item {
    background-color: #f5f5f5;
    color: #1c1c1c;
    margin-left: 1px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    border-radius: 25px;
    margin-left: 3px;
    border-bottom: 1px solid #2a6bd200;
}
.pagination__item:hover {
    color: #000000;
    background: #e4e4e4
}
.pagination__item.active {
    color: #ffffff;
    background: #3b1ece
}

#footer_block {
    background-image: url(../i/background_footer.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    padding: 3rem 0;
}

#footer_block a {
    color: #fff;
}
.footer_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0;
}
.footer_block > .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footer_block > .left > .logotype {
    width: auto;
    height: 36px;
    transition: 0.3s;
}
.footer_block > .left > .logotype:hover {
    opacity: 0.75;
}
.footer_block > .left > .text {
    font-size: 0.875rem;
    font-weight: 500;
    width: 219px;
    margin-left: 2rem;
    cursor: default;
}
.footer_block > .right {
    display: flex;
    justify-content: flex-end;
    align-items: center
}
.footer_block > .right > .city {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-right: 3rem;
    line-height: 1.3;
}
.footer_block > .right > .city > .up > span {
    font-size: 0.875rem;
    color: #fff;
}
.footer_block > .right > .city > a {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    transition: 0.3s;
}
.footer_block > .right > .city img {
    filter: invert(1);
}
.footer_block > .right > .city > a:hover {
    opacity: 0.75;
}
.footer_block > .right > .city > button {
    font-size: 0.75rem;
    color: #2A6BD2;
    font-weight: 600;
    padding: 0;
    margin: 0;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #2A6BD2;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
}
.footer_block > .right > .city > button:hover {
    border-bottom-color: transparent;
}
.footer_block > .right > .socials {
    margin-left: 2rem;
}
.footer_block > .right > .socials > a {
    margin: 0 0.5rem;
}
.footer_block > .right > .socials > a:hover {
    opacity: 0.5;
}
.footer_block > .right > .socials > a > img {
    filter: invert(1);
}
.last_footer_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
}
.last_footer_block > .left > a {
    font-size: 1rem;
    border-bottom: 1px solid #fff !important;
}
.last_footer_block > .left > a:hover {
    border-color: transparent !important;
}








.fancybox-content .form .form-header {
    font-weight: 700;
}
.fancybox-content button.btn > span {
    padding: 2rem 0.5rem 1.875rem;
}



.privacy-policy .background_1 {
    background: #fff;
}
#privacy {
    border: none;
}


.logotype {
    font-weight: 700;
    font-size: 1.75rem;
    font-weight: 700;
    color: #737473;
}
.logotype > em {
    color: #111858;
    font-style: italic;
    padding-right: 0.325rem;
}
#footer_block .logotype,
#footer_block .logotype em{
    color: #fff;
}




body.error404 .background_1 {
    background-image: url(../i/background_1_404.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
}
body.error404 .background_1 .img {
    position: absolute;
    left: 37%;
    width: 1203px;
    height: 652px;
    bottom: 4rem;
    z-index: -1;
    pointer-events: none;
}
@media screen and (max-width: 1279px) {
    body.error404 .background_1 .img {
        left: 40%;
    }
}
@media screen and (max-width: 1149px) {
    body.error404 .background_1 .img {
        bottom: 0rem;
    }
    .first_block > .h1 > img {
        max-width: 300px;
    }
    body.error404 .background_1 .img {
        bottom: -10rem;
    }
}
@media screen and (max-width: 1024px){
    body.error404 .first_block > .h1 {
        cursor: default;
        text-align: center;
    }
    body.error404 .background_1 .img {
        display: none;
    }
    body.error404 .first_block > .h1 > .down {
        justify-content: center;
        align-items: center;
    }
    body.error404 .first_block {
        padding-bottom: 6rem;
        padding-top: 3rem;
    }
}

body.page-id-7 .background_1 {
    background-image: url(../i/background_1_thanks.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
}
body.page-id-7 .background_1 .img {
    position: absolute;
    right: 46%;
    width: 826px;
    height: 746px;
    bottom: 0rem;
}
body.page-id-7 .background_1 .first_block {
    display: flex;
    justify-content: flex-end;
}
@media screen and (max-width: 1459px) {
    body.page-id-7 .background_1 .img {
        width: 616px;
        height: 586px;
    }
    body.page-id-7 .first_block > .h1 {
        padding-top: 3rem;
        
    }
    body.page-id-7 .first_block {
        padding-bottom: 12rem;
    }
}
@media screen and (max-width: 1149px) {
    body.page-id-7 .background_1 .img {
        width: 516px;
        height: 495px;
    }
}
@media screen and (max-width: 1023px) {
    body.page-id-7 .background_1 .img {
        display: none;
    }
    body.page-id-7 .background_1 .first_block {
        justify-content: center;
        padding-bottom: 6rem;
    }
}


.b2b_wrapper{background-color: transparent;padding: 1rem 15px;display:block;width:100%;height:auto;padding:5px 0px 4px 15px;text-align:center;}
.b2b_wrapper>.b2b_text{font-size:0.875rem;display:inline-block;}
.b2b_wrapper>.b2b{display:inline-block;}
.b2b_wrapper>.b2b>img{width:18px;height:18px;margin-bottom:3px;}
.b2b_wrapper>.b2b>a{font-size:1rem;cursor:pointer;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.b2b_wrapper>.b2b>a:hover{text-decoration:underline!important;}


@media screen and (max-width:899px){.b2b_wrapper>.b2b{display:block;padding-top:8px;}}






@media screen and (max-width: 1449px) {
    .eight_block_down::before,
    #four_block .heading::after,
    #four_block .heading::before,
    .six_block::before {
        display: none;
    }
    .first_block {
        padding-bottom: 18rem;
    }
    .first_block > .h1 > h1 {
        font-size: 3rem;
    }
    .first_block > .h1 > p {
        font-size: 1.25rem;
    }
    .first_block > .h1 > h1 {
        margin-bottom: 1.5rem;
    }
    .two_block {
        max-width: 1140px;
        margin: -16rem auto auto auto;
    }
    .first_block {
    padding-top: 7rem;
    }
    .background_1::before {
        top: 19px;
        left: 46%;
    }
}







@media screen and (max-width: 1299px) {
    .three_block_slider .item > .left,
    .three_block_slider .item > .right {
        width: 50%;
    }
    .three_block_slider .item > .right > .up > p {
        margin-bottom: 0rem;
    }
    .three_block_slider .item > .right > .main {
        padding-top: 0.5rem;
    }
    .three_block_slider .item > .right > .down {
        padding-top: 1.5rem;
    }
    .three_block_slider .item > .right > .down > p {
        line-height: 1.6;
    }
    .five_block > .right {
        padding: 2.5rem 2.8rem 3rem 2.8rem;
    }
    .form .form-header {
        line-height: 1.2;
    }
    .form .form-desk {
        line-height: 1.4;
    }
    .five_block > .right::after {
        width: 763px;
        height: 605px;
    }
    .six_block > .img {
        margin-top: 1rem;
    }
    .six_block > .text {
        top: 1rem;
    }
    .six_block > .info {
        bottom: 14rem;
    }
    .seven_block {
        max-width: 1000px;
        margin: auto;
    }
    .thirteen_block > .right > .form {
        margin-right: 6rem;
    }
    .ten_block {
        max-width: 1000px;
        margin: auto;
    }
    .thirteen_block li {
        margin-bottom: 1rem;
        font-size: 1.125rem;
    }
    .seven_block > .center > .img {
        width: 350px;
        margin: auto;
    }
    .seven_block > .left > .item {
        margin-top: 2rem;
    }
    .seven_block > .right > .item {
        margin-top: 0rem;
    }
    .background_4 {
        padding-bottom: 1rem;
    }
    .last_footer_block > .left > a {
        font-size: 0.875rem;
    }
}






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

    .first_block > .h1 > h1 {
        font-size: 2.5rem;
    }
    .first_block > .h1 > .down {
        margin-top: 1rem;
    }
    .first_block > .h1 > .down {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 2rem;
    }
    .first_block > .h1 > .down > p {
        margin: 2rem 0 0;
        width: 400px;
    }
    .first_block > .h1 > .down > p br {
        display: none;
    }
    .first_block > .h1 > .down > p::before {
        left: auto;
        right: -2.9rem;
        top: -2.25rem;
        width: 84px;
        height: 14px;
        transform: rotate(78deg);
    }
    .two_block > .item {
        width: 250px;
    }
    .background_1 {
        background-position: center 90%;
    }
    .heading h2 {
        font-size: 2.25rem;
    }
    .three_block {
        max-width: 1036px;
    }
    .three_block_slider .item > .right > .down > p {
        line-height: 1.4;
    }
    .four_block > .up > .left > ul > li, .four_block > .down > .left > ul > li {
        line-height: 1.5;
        font-size: 1rem;
    }
    .four_block > .down > .right {
        min-width: 562px;
    }
    .five_block > .right::after {
        width: 623px;
        height: 495px;
        top: 13rem;
    }
    .eleven_block > .asks {
        max-width: 657px;
    }
    .thirteen_block > .right > .form {
        margin-right: 3rem;
    }
    .background_1 {
        background-position: 65% 73%;
    }
    .first_block > .h1 > p {
        font-size: 1.125rem;
    }
}






@media screen and (max-width: 1149px) {
    .five_block > .left > p br {
        display: none;
    }
    .five_block > .left > p {
        padding-right: 2rem;
    }
    .first_block > .h1 > p {
        font-size: 1.125rem;
    }
    .header_front_page > .left {
        flex-direction: column;
        align-items: flex-start;
    }
    .header_front_page > .left > .text {
        margin-left: 0.6rem;
        font-size: 0.60rem;
    }
    .two_block > .item {
        width: 224px;
        padding: 0 1rem 1rem;
    }
    .two_block > .item > .img {
        height: 130px;
    }
    .two_block > .item > p {
        margin-bottom: 0.5rem;
    }
    .two_block {
        margin: -10rem auto auto auto;
    }
    .first_block {
        padding-bottom: 14rem;
    }
    .background_1 {
        background-position: center 50%;
    }
    .three_block {
        padding: 2rem 3rem;
    }
    .three_block_slider .item > .right > .up td:nth-child(2), .three_block_slider .item > .right > .main td:nth-child(2) {
        font-size: 1rem;
    }
    .three_block_slider .item > .right > .up {
        padding-bottom: 1rem;
    }
    .three_block_slider .item > .right > .up > p {
        font-size: 1.75rem;
        line-height: 1.2;
    }
    .four_block > .up > .left > p, .four_block > .down > .left > p {
        font-size: 1.5rem;
    }
    .four_block > .down > .right {
        min-width: 503px;
    }
    .four_block > .down::before {
        height: 116px;
        width: 114px;
        left: -2rem;
    }
    .five_block > .left > p {
        font-size: 1.125rem;
    }
    .five_block > .right {
        width: 415px;
        padding: 2rem 2.4rem 2.4rem 2.4rem;
    }
    .five_block > .right::after {
        width: 563px;
        height: 445px;
        top: 13rem;
        right: 93%;
    }
    .form .form-desk {
        font-size: 0.875rem;
    }
    .hideLabels .form-group {
        margin: 0rem auto 1rem;
    }
    .form-desk {
        margin: 1rem 0 1.5rem;
    }
    .five_block > .right button.btn > span {
        font-size: 1.25rem;
        padding: 1.875rem 0.5rem 1.75rem;
    }
    .eight_block > .item > .info > .head {
        font-size: 1.125rem;
    }
    .eleven_block > .asks {
        max-width: 605px;
    }
    .eleven_block > .asks > .item > .question {
        font-size: 1.125rem;
    }
    .eleven_block > .asks > .item {
        padding: 2rem;
        padding-left: 4rem;
        margin-bottom: 1rem;
        padding-right: 4.5rem;
    }
    .eleven_block > .asks > .item > .num {
        left: 1.2rem;
        top: 0.8rem;
    }
    .eleven_block > .asks > .item:after {
        right: 1rem;
    }
    .eleven_block > .img {
        width: 780px;
        height: 855px;
        left: -18rem;
        top: 9rem;
    }
    .footer_block > .left {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer_block > .left > .text {
        margin-left: 0rem;
    }
    .thirteen_block > .right > .form {
        margin-right: 0rem;
    }
    .thirteen_block > .right {
        width: 430px;
    }
    .thirteen_block > .right > .form:after {
        width: 131px;
        height: 307px;
        right: -3rem;
        top: -7rem;
    }
    .thirteen_block button.btn > span {
        padding: 1.875rem 2.5rem 1.75rem;
    }
    #twelve_block .heading {
        margin-top: 3rem;
    }
    .background_1 {
        background-position: 92% 10%;
    }
    .first_block > .h1 > p,
    .first_block > .h1 > .down > p {
        max-width: max-content;
        position: relative;
        color: #000;
    }
    .first_block > .h1 > p::before,
    .first_block > .h1 > .down > p:after {
        content: "";
        position: absolute;
        left: -1rem;
        right: -1rem;
        top: -1rem;
        bottom: -1rem;
        background-color: #f1f2f4;
        filter: blur(25px);
        z-index: -1;
    }
    .background_1::before {
        display: none;
    }
}






@media screen and (max-width: 1023px) {
    .header_front_page > .right > .city {
        flex-direction: column;
        align-items: flex-end;
        margin-right: 0;
        width: 100%;
    }
    .header_front_page > .right {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
    }
    .header_front_page > .right > .socials {
        margin-left: 0;
        margin-top: 2rem;
    }
    .header_front_page {
        align-items: center;
    }
    .header_front_page > .right > .city > a {
    font-size: 13px;

}
.text_menu a {
    font-size: 12px;
}
    .eight_block > .item > .info > .head {
        padding: 0.25rem 0.5rem 1rem;
    }
    .two_block > .item {
        width: 24%;
    }
    .thirteen_block .heading br {
        display: none;
    }
    .thirteen_block .heading {
        width: 450px;
    }
    .background_1 {
        background-position: 43% 50%;
    }
    .first_block {
        padding-top: 7rem;
    }
    .two_block {
        max-width: 100%;
        width: 100%;
    }
    .heading h2 {
        font-size: 1.75rem;
    }
    .three_block {
        max-width: 703px;
    }
    .three_block_slider .item {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .three_block_slider .item > .left, .three_block_slider .item > .right {
        width: 100%;
        padding-left: 0;
    }
    .three_block_slider .item > .left {
        display: flex;
        flex-direction: row;
    }
    .three_block_slider .item > .left > .img {
        width: 420px;
    }
    .three_block_slider .item > .left > .imgs {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 0;
    }
    .three_block_slider .item > .left > .imgs > img {
        width: 163px;
        margin-left: 1rem;
    }
    .four_block > .up,
    .four_block > .down {
        flex-direction: column;
    }
    .four_block > .up > .left,
    .four_block > .down > .left {
        width: 100%;
    }
    .four_block > .up > .right img {
        margin-top: 2rem;
        margin-left: 2rem;
    }
    .four_block > .down > .right > .arrows {
        left: 0;
        right: 0;
        height: 0;
        width: 100%;
        top: 50%;
        flex-direction: row;
        margin-top: 0;
        padding: 0;
    }
    .three_block > .arrows > button,
    .four_block > .down > .right > .arrows > button {
        width: 50px;
        height: 50px;
    }
    .three_block_slider_next {
        margin-right: -25px;
    }
    .three_block_slider_prev {
        margin-left: -25px;
    }
    .four_block_slider_next {
        margin-right: 38px;
        transform: rotate(-90deg);
    }
    .four_block_slider_prev {
        margin-left: 38px;
        transform: rotate(-90deg);
    }
    .four_block > .down > .right {
        min-width: auto;
        width: 100%;
        margin-top: 1.5rem;
    }
    .four_block > .up > .right {
        width: 100%;
    }
    .four_block > .up > .right img {
        margin-top: 1.5rem;
        margin-left: 0rem;
    }
    .five_block > .left > h2 {
        line-height: 1.2;
    }
    .five_block > .right::after {
        width: 363px;
        height: 285px;
        top: 19rem;
    }
    .six_block > .img {
        margin-top: 4rem;
    }
    .six_block > .text {
        top: -0.5rem;
    }
    .six_block > .text::before {
        right: 12.5rem;
        bottom: -3.45rem;
    }
    .six_block > .img > .item.i9 > span,
    .six_block > .img > .item.i10 > span,
    .six_block > .img > .item.i11 > span,
    .six_block > .img > .item.i12 > span {
        top: 0;
        bottom: 0;
        left: auto;
        right: 0;
        padding-right: 5rem;
        padding-left: 2rem;
    }
    .seven_block > .center > .img {
        width: 300px;
    }
    .seven_block > .right > .item,
    .seven_block > .left > .item {
        font-size: 1rem;
    }
    .seven_block > .center > .text {
        padding: 1rem 0rem;
    }
    .seven_block > .center > .img::after {
        width: 400px;
        height: 400px;
        left: -50px;
    }
    .seven_block > .center > .img::before {
        width: 600px;
        height: 600px;
        left: -150px;
    }
    .background_5 {
        margin-top: -2rem;
    }
    .eight_block > .item {
        max-width: 374px;
        width: 48%;
    }
    .eight_block {
        justify-content: space-around;
    }
    .eight_block_down > .item p {
        font-size: 1rem;
    }
    .eight_block_down > .item > .down > button > span {
        padding: 0.75rem 3rem;
    }
    .eleven_block > .asks > .item > .question {
        font-size: 1rem;
    }
    .eleven_block > .asks {
        max-width: 525px;
    }
    .eleven_block > .img {
        width: 632px;
        height: 684px;
        left: auto;
        top: auto;
        right: 52%;
        bottom: -4rem;
    }
    .twelve_block_img {
        margin-top: -6rem;
    }
    #twelve_block .heading {
        margin-top: 0rem;
    }
    .thirteen_block .heading {
        width: 355px;
    }
    .thirteen_block button.btn > span {
        padding: 1.5rem 2.5rem 1.6125rem;
        font-size: 1.125rem;
    }
    .footer_block > .right > .city {
        flex-direction: column;
        align-items: flex-end;
        margin-right: 0;
        width: 50%;
    }
    .footer_block > .right {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
    }
    .footer_block > .right > .socials {
        margin-left: 0;
        margin-top: 2rem;
    }
    .footer_block {
        align-items: flex-start;
    }
    button.btn > span {
        font-size: 1.175rem;
    }
    .three_block_slider .item > .left {
        padding-right: 0rem;
    }
    .background_1 {
        background-position: 78% 0%;
    }
}
 @media (max-width:980px) {
.wrap-link {
display: none;	

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

.menu_phone .text_menu {
display: block;
text-align: center;
margin-bottom: 5px;
}
}

@media screen and (max-width: 767px) {
    .wrap-link {
display: none;	
    }
    .menu .text_menu {
display: none;
}

.menu_phone .text_menu {
display: block;
text-align: center;
margin-bottom: 5px;
}

.text_menu a{
margin-left: 20px;

}

.right_mobile {
    margin-right: -35px;
}
    .btn_otziv_mob {
    font-size: 13px;
    text-transform: none;
        color: #5d5e69;
        border-bottom: 1px solid #5d5e69;
}
    .comment__show {
    font-size: 13px;

  }

.button-cart-container.fixed {
    visibility: visible;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    opacity: 1;
}
.product__basket-btn {
    width: 100%;
    padding: 15px 0;
    text-transform: uppercase;
    #background: #6ec24b;
    font-size: 14px;
    line-height: 2
}
.btn-block {
    display: block;
    width: 100%;
}
.language_phone .text_language_phone {						

}

    .comment2 {
        width: calc(100% - 30px)
    }
    .comment__answ {
        padding-left: 40px
    }
    .comment__answ:before {
        left: 10px
    }
    .comment__name {
        width: calc(100% - 100px)
    }
    .comment__date {
        width: 100px
    }
    .commentinfo {
        width: calc(100% - 30px)
    }

.text_language_phone a{
}	
    .header_front_page > .right {
        position: absolute;
        left: -1rem;
        right: -1rem;
        top: 0;
        margin-top: -300%;
        transition: 0.5s;
        opacity: 0;
        background-color: #fff;
        height: 100vh;
    }
    .header_front_page > .right.active {
        margin-top: 0%;
        opacity: 1;
    }
    .header_front_page > .right > .city:nth-child(1) {
        order: 2;
    }
    .header_front_page > .right > .city:nth-child(2) {
        order: 1;
    }
    .header_front_page > .right > .socials {
        order: 3;
    }
    .right_mobile {
        display: flex;
        flex-direction: row;
    }
    .phone_call_mobile {
        width: 40px;
        height: 40px;
        margin-right: 1rem;
    }
    .right_mobile > button {
        width: 40px;
        height: 40px;
        position: relative;
        background: none;
        outline: none;
        border: none;
    }
    .right_mobile > button > span {
        transition: 0.3s;
    }
    .right_mobile > button > span:nth-child(1) {
        display: block;
        width: 40px;
        height: 2px;
        background-color: #3b1ece;
        border-radius: 4px;
        position: absolute;
        top: 10px;
        right: 0;
    }
    .right_mobile > button > span:nth-child(2) {
        display: block;
        width: 30px;
        height: 2px;
        background-color: #3b1ece;
        border-radius: 4px;
        position: absolute;
        top: 20px;
        right: 0;
    }
    .right_mobile > button > span:nth-child(3) {
        display: block;
        width: 35px;
        height: 2px;
        background-color: #3b1ece;
        border-radius: 4px;
        position: absolute;
        top: 30px;
        right: 0;
    }
    .right_mobile > button.active > span:nth-child(1) {
        transform: rotate(45deg);
        top: 20px;
    }
    .right_mobile > button.active > span:nth-child(2) {
        opacity: 0;
        width: 0;
        transform: 0s;
    }
    .right_mobile > button.active > span:nth-child(3) {
        transform: rotate(-45deg);
        top: 20px;
        width: 40px;
    }
    #header_front_page {
        position: relative;
        z-index: 10;
    }
    .header_front_page > .left {
        position: relative;
        z-index: 10;
    }
    .header_front_page > .right > .city {
        align-items: center;
        margin-bottom: 2rem;
    }
    .header_front_page > .right > .city > .up > span {
    font-size: 0.760rem;
}
    .header_front_page > .right {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-top: 7rem;
    }
    .header_front_page > .right > .socials {
        margin-top: 0rem;
    }
    .background_1 {
        background-position: 22% 50%;
    }
    .first_block > .h1 > h1 {
        font-size: 2.25rem;
        margin-top: 2rem;
    }
    .two_block > .item {
        width: 300px;
        margin-right: 30px;
        white-space: normal;
    }
    .two_block > .item p {
        white-space: normal;
        width: 190px;
    }
    .two_block {
        max-width: 100%;
        flex-wrap: nowrap;
        margin: 10px 0 0;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 1rem;
        padding-right: 0;
    }
    .two_block::before, .two_block::after {
        display: none;
    }
        .two_block2 > .item {
        width: 300px;
        margin-right: 30px;
        white-space: normal;
    }
    .two_block2 > .item p {
        white-space: normal;
        width: 190px;
    }
    .two_block2 {
        max-width: 100%;
        flex-wrap: nowrap;
        margin: 3rem 0 0;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 1rem;
        padding-right: 0;
    }
    .two_block2::before, .two_block::after {
        display: none;
    }
    .first_block {
        padding-top: 5rem;
        padding-bottom: 10px;
    }
    .eight_block::before {
        display: none;
    }
    .three_block_slider_next {
        margin-right: -15px;
    }
    .three_block_slider_prev {
        margin-left: -15px;
    }
    .three_block_slider .item > .left {
        flex-direction: column;
    }
    .three_block_slider .item > .left > .img {
        width: 100%;
    }
    .three_block_slider .item > .left > .imgs {
        flex-direction: row;
    }
    .three_block_slider .item > .left > .imgs > img {
        width: 32%;
        margin-left: 0rem;
        margin-top: 1.5%;
    }
    .four_block > .up::before {
        width: 174px;
        height: 215px;
        bottom: -103px;
        transform: rotate(-57.3deg) matrix(1, 1, 0.4, 1.1, 0, 0);
    }
    .four_block_slider_next {
        margin-right: 10px;
    }
    .four_block_slider_prev {
        margin-left: 10px;
    }
    .five_block {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .five_block > .right {
        margin-top: 2rem;
    }
    .eight_block_down {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .eight_block_down > .item {
        max-width: 100%;
        margin-bottom: 2rem;
    }
    #nine_block {
        margin-top: -2rem;
    }
    .five_block > .left > h2 {
        font-size: 2rem;
        text-align: center;
    }
    .background_3 {
        padding: 4rem 0 5rem;
    }
    .five_block > .right::after {
        display: none;
    }
    .heading p {
        font-size: 1.055rem;
        margin-bottom: 10px;
    }
    .eight_block > .item,
    .eight_block_down > .item {
        max-width: 374px;
        margin: 0 auto 2rem;
    }
    .nine_block > .arrows > button {
        width: 50px;
        height: 50px;
    }
    .ten_block_slider .item {
        flex-wrap: wrap;
    }
    .ten_block_slider .item > .dop {
        flex-direction: row;
    }
    .ten_block_slider .item > .dop > .it {
        padding: 0.5rem;
        margin-left: 0;
        width: 32%;
        margin-top: 1.5%;
    }
    .eleven_block > .img {
        width: 100%;
        height: auto;
        left: auto;
        top: auto;
        position: relative;
        right: auto;
        bottom: auto;
    }
    .eleven_block {
        justify-content: center;
        align-items: center;
        padding-bottom: 0rem;
        flex-direction: column-reverse;
    }
    .twelve_block_img {
        margin-top: 2rem;
    }
    #twelve_block {
        text-align: center;
    }
    .twelve_block {
        justify-content: center;
    }
    .thirteen_block {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .thirteen_block .heading {
        width: 100%;
    }
    .thirteen_block li br, 
    .heading p br {
        display: none;
    }
    .background_8 {
        padding: 0rem 0rem 3rem;
    }
    .thirteen_block > .right > .form:after {
        top: -4rem;
    }
    .footer_block {
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer_block > .right > .city {
        flex-direction: column;
        align-items: center;
        margin-top: 2rem;
    }
    .footer_block > .right {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .last_footer_block {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .seven_block {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-flow: wrap;
    }
    .seven_block > .right {
        order: 3;
        margin-top: 1rem;
    }
    .seven_block > .left {
        order: 2;
        margin-top: 1rem;
    }
    .seven_block > .center {
        order: 1;
        width: 100%;
    }
    .seven_block > .right > .item, .seven_block > .left > .item {
        font-size: 0.875rem;
        height: 200px;
    }
    .seven_block > .right > .item > img , .seven_block > .left > .item > img {
        height: auto;
    }
    .seven_block > .center > .text {
        padding: 1rem 0rem;
        max-width: 330px;
        margin: auto;
    }
    .seven_block > .right > .item {
        margin-top: 2rem;
    }
    .seven_block > .left > .item {
        margin-top: 2rem;
        height: 180px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .background_5 {
        margin-top: 0;
    }
    .background_4 {
        background: none;
    }
    .three_block_slider .item > .right > .up > p {
        font-size: 1.325rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }
    .six_block > .text {
        top: auto;
        left: auto;
        width: 100%;
        position: relative;
        text-align: center;
    }
    .six_block > .text::before {
        display: none;
    }
    .six_block > .img {
        margin-top: 2rem;
    }
    .six_block > .img > img {
        display: none;    
    }
    .six_block > .img > .item {
        position: relative;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin-bottom: 1rem;
    }
        .six_block > .img > .item.i9 > span, .six_block > .img > .item.i10 > span, .six_block > .img > .item.i11 > span, .six_block > .img > .item.i12 > span {
        padding-left: 5rem;
        padding-right: 2rem;
        left: 0 !important;
        top: 0 !important;
        right: auto !important;
        bottom: 0 !important;
    }
    .six_block > .img {
        margin-top: 2rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .six_block > .img > .item span {
        opacity: 1;
        pointer-events: all;
        z-index: 20;
        max-width: 465px;
        font-size: 0.875rem;
    }
    .six_block > .img > .item span br {
        display: none;
    }
    .six_block > .img > .item:before {
        z-index: 22;
    }
    .six_block > .img > .item:after {
        transform: rotate(180deg);
        z-index: 23;
    }
    .six_block > .info {
        display: none;
    }
    .eight_block {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap; /*nowrap если нужно слайдером*/
        align-items: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 1rem 1rem 0;
        white-space: nowrap;
    }
    .eight_block > .item {
        width: 300px;
        margin-right: 2rem;
        max-width: 100%;
    }
    .eight_block > .item > .img,
    .eight_block > .item > .info {
        white-space: normal;
    }
    .eight_block_down {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        white-space: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 1rem;
    }
    .eight_block_down > .item {
        width: 300px;
        white-space: normal;
        margin-right: 2rem;
    }
    .eight_block_down > .item > .down {
        width: 230px;
    }
    .eight_block > .item > .info > .head {
        width: 220px;
    }
    .eight_block_down::after {
        display: none;
    }
    .header_front_page > .right > .city > a {
        display: block;
        font-size: 1.525rem;
        margin: 0.5rem 0 1rem 0rem;
    }
    .header_front_page > .right > .city {
        width: 100%;
    }
    .background_1 {
        background-position: 44% 50%;
    }
    .background_1::before {
        display: none;
    }
    .first_block > .h1 > p {
        font-size: 1.125rem;
        max-width: 405px;
    }
    .background_1::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        animation: none;
        width: 100%;
        z-index: 0;
        opacity: 1;
        height: auto;
        filter: blur(5px);
        background: url(../i/background_1.jpg);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: 82% 43%;
    }
    .background_1::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: rgba(255,255,255,0.7);
    }
    .first_block > .h1 > p::before,
    .first_block > .h1 > .down > p:after {
        display: none;
    }
    .background_1 {
        overflow: hidden;
    }
}



@media screen and (max-width: 576px) {
.socials-container {
    z-index: 8;
    width: calc(1% + 41px);
    position: fixed;
    bottom: 7%;
    left: 4%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: inline-grid;
    justify-content: left;
    margin-bottom: 16px;
}
    .socials-viber {
    width: 41px;
    height: 41px;
    }
    .socials-telegram {
    width: 41px;
    height: 41px;
}
    @keyframes jello{2.2%,20% to,from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}4.4%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform: skewX(6.25deg) skewY(-12.5deg);}6.6%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}8.8%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);-webkit-transform:scale(1.2);transform:scale(1.2)}10.10%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}12.12%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg);-webkit-transform:scale(1.2);transform:scale(1.2)}14.14%{-webkit-transform:skewX(.39063deg) skewY(.39063deg);transform:skewX(.39063deg) skewY(.39063deg)}16.16%{-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);transform:skewX(-.19531deg) skewY(-.19531deg)}}
    .jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}3.64%{-webkit-transform:scale(1.3);transform:scale(1.3)}7.28%{-webkit-transform:scale(1);transform:scale(1)}11%{-webkit-transform:scale(1.3);transform:scale(1.3)}18.2%{-webkit-transform:scale(1);transform:scale(1)}}
.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-delay: 3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

}

@media screen and (max-width: 499px) {
    .right_mobile {
        justify-content: center;
        align-items: center;
    }
    .header_front_page > .left > .text {
        display: none;
    }
    .logo img {
    height: 34px;
}
    .phone_call_mobile {
        width: 35px;
        height: 35px;
    }
    .header_front_page > .left > .logotype {
        margin-top: 5px;
    }
    .right_mobile > button {
        width: 35px;
        height: 38px;
    }
    .first_block > .h1 > h1 {
        font-size: 2rem;
        margin-top: 1rem;
    }
    .first_block > .h1 > h1 br {
        display: none;
    }
    .first_block > .h1 > p br {
        display:  none;
    }
    button.btn > span {
        padding: 1.5rem 5.5rem 1.5125rem;
    }
    .first_block > .h1 > .down > p {
        margin: 2rem 0 0;
        width: 300px;
    }
    .first_block > .h1 > .down > p::before {
        display: none;
    }
    .heading h2 br,
    .heading p br {
        display: none;
    }
    .three_block_slider .item > .right > .main {
        flex-direction: column;
    }
    .four_block > .up > .left > ul > li br, .four_block > .down > .left > ul > li br {
        display: none;
    }
    .four_block > .up > .left, .four_block > .down > .left {
        padding-right: 2rem;
    }
    .four_block > .up::before {
        width: 104px;
        height: 145px;
        bottom: -69px;
        left: 75px;
    }
    .four_block_slider_next {
        margin-right: -22px;
    }
    .four_block_slider_prev {
        margin-left: -22px;
    }
    .five_block > .right {
        width: 100%;
    }
    .six_block > .text > p br {
        display: none;
    }
    .six_block > .img > .item span {
        opacity: 1;
        pointer-events: all;
        z-index: 20;
        max-width: 320px;
        font-size: 0.875rem;
    }
    .thirteen_block > .right {
        width: 100%;
    }
    .heading {
        margin: 3rem 0 3rem;
    }
    .ten_block_slider .item > .it {
        padding: 0.5rem;
    }
    .five_block > .left > p {
        text-align: center;
    }
    .seven_block > .right > .item, .seven_block > .left > .item {
        height: auto;
    }
    .five_block > .left > p br {
        display: none;
    }
    .nine_block_slider .item {
        width: fit-content;
        max-width: max-content;
        margin: auto;
    }
    .background_1 {
        background: none;
        overflow: hidden;
    }
    .background_1::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        animation: none;
        width: 100%;
        z-index: 0;
        opacity: 1;
        height: auto;
        filter: blur(5px);
        background: url(../i/background_1.jpg);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: 61% 43%;
    }
    .background_1::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: rgb(255 255 255 / 0%);
    }
    .first_block > .h1 > h1 {
        font-size: 1.75rem;
    }
    .header_front_page > .left > .logotype {
        margin-top: 3px;
        font-size: 1.5rem;
    }
.eight_block > .item > .info > .main > ul > li {
    font-size: 11px;
}

.eight_block > .item > .info > .main > ul > li2 {
    font-size: 11px;  } 
            .responsive .container                  { width: 300px; }
        .responsive .columns, .responsive .column { margin: 0 0 20px;}

        .responsive .container .one.column,
        .responsive .container .two.columns,
        .responsive .container .three.columns,
        .responsive .container .four.columns,
        .responsive .container .five.columns,
        .responsive .container .six.columns,
        .responsive .container .seven.columns,
        .responsive .container .eight.columns,
        .responsive .container .nine.columns,
        .responsive .container .ten.columns,
        .responsive .container .eleven.columns,
        .responsive .container .twelve.columns { width: 300px; }

        .responsive .container .mt-one-half,
        .responsive .container .mt-one-third,
        .responsive .container .mt-two-third,
        .responsive .container .mt-three-fourth,
        .responsive .container .mt-one-fourth,
        .responsive .container .mt-one-fifth,
        .responsive .container .mt-two-fifth,
        .responsive .container .mt-three-fifth,
        .responsive .container .mt-four-fifth,
        .responsive .container .mt-one-sixth,
        .responsive .container .mt-five-sixth,
        .responsive .mt-custom-col.col-2 .mt-col-inner,
        .responsive .mt-custom-col.col-3 .mt-col-inner,
        .responsive .mt-custom-col.col-4 .mt-col-inner {width: 100%;margin: 0 0 20px;}
    
    }
}






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

   .first_block > .h1 > h1 {
        font-size: 1.75rem;
    }
    button.btn > span {
        padding: 1.5rem 3.5rem 1.5125rem;
    }
    .two_block > .item {
        width: 100%;
    }
    .form .form-header {
        font-size: 1.5rem;
    }
    .five_block > .right {
        padding: 1.5rem 2rem 2rem 2rem;
    }
    .five_block > .right button.btn > span {
        font-size: 1.25rem;
        padding: 1.375rem 0.5rem 1.45rem;
    }
    .six_block > .img > .item span {
        max-width: 290px;
    }
    .footer_block > .right > .city {
        width: 100%;
    }
    .three_block {
        padding: 2rem 2.5rem;
 
 }
}
@media screen and (max-width: 320px) {
.logo img {
    height: 26px;
}
   .first_block {
        padding-top: 6rem;
   }
   .right_mobile {
    margin-right: -25px;
}
 
 }
@media (min-width:980px) {
.wrap-link-mob	 {
    display:none
    
   }
}

@media (min-width:768px) { 
.right_phone	{
    display:none;
    
   }
}

@media (min-width: 1024px) and (max-width: 1024px) {
.pagination {
    margin-right: 30px;
  }
}
@media screen and (min-width:751px) and (max-width:1100px) {
    .info__tabs {
        width: 299px
    }
    .info__info {
        width: 600px
    }
}
@media (min-width: 768px) and (max-width: 768px) {
.pagination {  
  margin-right: 300px;
}
 }
}

@media (min-width: 752px) and (max-width: 1040px) {
.pagination {  
  margin-right: 300px;
 }
}

@media screen and (min-width: 576px) {
.socials-viber {
    display: none;
}
.socials-telegram {
    display: none;
}
}

@media (min-width: 320px) and (max-width: 360px) {
    .btn_otziv_mob {
    font-size: 11px;
}
    .comment__show {
    font-size: 11px;

  }
}
@media (min-width: 280px) and (max-width: 280px) {
    .btn_otziv_mob {
    font-size: 9px;
}
    .comment__show {
    font-size: 9px;

  }
}