@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Syne:wght@400..800&display=swap');

body {
    direction: ltr;
    font-family: 'Lora',
    sans-serif !important;
    font-size: 17px;
    margin: 0;
    padding: 0px;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
p {
    margin: 0;
    padding: 0;
    list-style: none;
}
img,
video {
    max-width: 100%;
}
nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    cursor: pointer;
}
.sectionPad {
    padding-top: 51px;
    padding-bottom: 51px;
}
.sectionMar {
    padding-top: 51px;
    padding-bottom: 51px;
}
.titleStile {
    text-align: center;
    color: #351F39;
    padding: 27px 0;
}
.header {
    display: flex;
    justify-content: space-between;
    color: #351F39;
    align-items: center;
}
.header-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    gap: 11px;
    padding: 11px;
}
.logo-title {
    font-size: 19px;
    padding: 9px;
}
.logo img {
    height: 40;
}
.dropdown {
    display: flex;
    align-items: center;
    gap: 11px;
}
.dropdown-menu {
    width: 320px;
}
.dropdown a {
    white-space: break-spaces;
    color: #351F39;
}
.dropdown button {
    color: #351F39;
}
.osnova {
    display: flex;
    gap: 25px;
    height: 60%;
    position: relative;

    &::before{
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("backgrounds/photograph_header_680a2eed146979.47196343.jpg") no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 1;
    }
}

.header-text {

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 25px;
    padding: 100px 27px;
    position: relative;
    z-index: 2;
    color: #fff;
    text-shadow: 3px 3px 10px #111, -3px -3px 10px #111, -3px 3px 10px #111, 3px -3px 10px #111;
}
.header-text-osnova {
    text-align: center;
    font-size: 37px;
}
.service-main {
    display: flex;
    gap: 25px;
}
.service-box {
    flex: 1;
    padding: 25px;
}
.vr {
    display: inline;
    height: 170px;
    margin: 28px;
    border-left: 2px solid #351F39;
}
.twoblock {
    display: flex;
}
.main {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.main-osnova {
    flex: 1;
    display: flex;
    gap: 25px;
    justify-content: center;
    align-items: center;
}
.main-text {
    flex: 1;
    text-align: justify;
}
.main-text p {
    margin-bottom: 11px;
}
.main-text li {
    margin-bottom: 11px;
    list-style: circle;
}
.main-text ul {
  list-style: circle;
  padding-inline: 20px;
}
.main-img:hover {
    transform: skew(-5deg)
}
.main-price {
    color: #351F39;
    font-size: 28px
}
.main-yslygi {
    display: flex;
    gap: 20px;
}
.yslygi-box {
    display: flex;
    gap: 25px;
    align-items: flex-start;
}
.yslygi-img {
    flex: 1;
    overflow: hidden;
}
.yslygi-img:hover {
    transform: scale(1.1);
}
.yslygi-img img {
    height: 333px;
    width: 100%;
    object-fit: contain;
    display: flex;
    transition: transform 0.25s;
}
.yslygi-osnova {
    flex: 1;
    display: flex;
    gap: 25px;
    padding: 25px;
}
.yslygi-osnova-title {
    color: #351F39;
    font-size: 21px
}
.yslygi-osnova-more {
    color: #f05945;
    font-size: 19px
}
.otziv-back {
    background: url("backgrounds/view_header_680a2eed146bb4.16827709.jpg") no-repeat fixed ;
    background-position: center;
    background-size: cover;
    height: auto;
    overflow: hidden;
}
.otziv-main {
    background-color: #222222;
}
.otziv-main-title {
    text-align: center;
    color: #ffffff;
    padding: 27px 0;
}
.responsive {
    color: #ffffff;
    text-align: center;
}
.kov i {
    font-size: 53px
}
.slider__item {
    align-items: center;
    overflow: hidden;
    position: relative;
    counter-increment: slide;
    height: auto;
    margin: 11px;
    padding: 25px;
    gap: 25px;
}
.slider__item_new {
    display: flex;
    align-items: center;
    gap: 25px;
}
.slider__item_img img {
    height: auto;
    max-width: 100%;
    border-radius: 0%;
}
.slider__item_img {
    flex: 0 0 110px;
    max-width: 110px;
    display: none;
}
.lider__item_text {
    padding: 25px 0;
}
.lider__item_title {
    padding: 25px 0;
    font-size: 28px;
    display: flex;
    align-items: center;
    gap: 25px;
}
.slick-prev {
    color: black;
}
.slick-arrow {
    color: black;
}
.slick-prev:before {
    content: '←';
}
.slick-next {
    position: absolute;
    bottom: 55%;
}
.slick-prev {
    position: absolute;
    top: 40%;
}
.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-next:before {
    content: '→';
}
.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.reasons-main {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}
.reasons-main-title {
    text-align: center;
    color: #351F39;
}
.reasons-osnova {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    position: relative;
}
.content i {
    font-size: 53px;
}
.reasons-osnova {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.reasons-osnova .card {
    position: relative;
    cursor: pointer;
}
.reasons-osnova .card .face {
    width: 300px;
    height: 200px;
    transition: 0.4s;
}
.face {
    border-radius: 15px;
}
.reasons-osnova .card .face.face1 {
    position: relative;
    background: #222222;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(100px);
    color: #ffffff;
}
.reasons-osnova .card:hover .face.face1 {
    background: #f05945;
    transform: translateY(0);
}
.reasons-osnova .card .face.face1 .content {
    opacity: 0.2;
    transition: 0.4s;
}
.reasons-osnova .card:hover .face.face1 .content {
    opacity: 1;
}
.reasons-osnova .card .face.face1 .content img {
    max-width: 100px;
}
.reasons-osnova .card .face.face1 .content h3 {
    margin: 11px 0 0;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 29px;
}
.reasons-osnova .card .face.face2 {
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    box-sizing: border-box;
    box-shadow: 0 20px 56px rgba(58, 58, 58, 0.4);
    transform: translateY(-100px);
}
.reasons-osnova .card:hover .face.face2 {
    transform: translateY(0);
}
.reasons-osnova .card .face.face2 .content p {
    margin: 0;
    padding: 0;
}
.reasons-osnova .card .face.face2 .content a {
    margin: 15px 0 0;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    color: #222222;
    padding: 4px;
}
.reasons-osnova .card .face.face2 .content a:hover {
    background: #222222;
    color: #f05945;
}
.card {
    border: solid 0px !important;
}
.blog-block {
    background: #222222;
}
.blog-block-title {
    color: #ffffff;
    padding: 20px 0;
    text-align: center;
}
.blog-main {
    display: flex;
    gap: 25px;
}
.blog-box {
    display: flex;
    gap: 25px;
}
.blog {
    display: flex;
    flex: 1;
    border-radius: 15px;
    background-color: #ffffff;
}
.blog-img {
    flex: 1;
    display: flex;
    align-items: center;
}
.blog-img img {
    width: 100%;
    height: 347px;
    object-fit: contain;
}
.blog-osnova {
    flex: 1;
    display: flex;
    gap: 25px;
    flex-direction: column;
    padding: 25px;
    justify-content: space-between;
}
.blog-osnova-title {
    color: #351F39;
    font-size: 21px
}
.blog-osnova-link {
    display: flex;
    justify-content: flex-end;
}
.blog-osnova-link i {
    color: #351F39;
    font-size: 21px
}
.blog-osnova-link i:hover {
    color: #f05945;
}
.blog-osnova-link:before {
    content: " ";
    font-family: 'FontAwesome';
    font-size: 22px;
    line-height: 22px;
    color: #351F39;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.empla-blocka {
    display: flex;
    flex-direction: row;
    gap: 25px;
    overflow: hidden;

}
.work {
    display: flex;
    flex: 1;
    background-color: #d8eeda;
    border-radius: 15px;
}
.empla-boxa {
    display: flex;
    gap: 25px;
    align-items: center;
    padding: 25px;
}
.prcv-box h1, .prcv-box h2, .prcv-box h3, .prcv-box h4{
    margin: 25px 0px;
}
.podval-karta iframe{
    height: 100%;
    border: 0;
}
.empla-kartinka img {
    overflow: hidden;
    object-fit: cover;
    height: 347px;
    width: 100%;
}
.empla-kartinka:hover {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
.empla-firstname {
    font-size: 19px;
    color: #222222;
}
.work-new {
    display: flex;
}
.podval-main {
    display: flex;
    gap: 25px;
}
.podval-form {
    flex: 1;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05),
        0 4px 15px rgba(0, 0, 0, 0.03);
    padding: 25px;
    gap: 25px;
}
.form-check {
    padding: 25px;
}
.check {
    color: #222222;
    border-bottom: solid 2px #222222;
}
.podval-karta {
    flex: 1;
    display: flex;
    align-items: center;
}
.footer {
    display: flex;
}
.footer-contact {
    display: flex;
    gap: 25px;
    justify-content: space-around
}
.footer-box {
    flex: 1;
    display: flex;
    gap: 25px;
}
.footer-box i {
    font-size: 47px;
    color: #222222;
}
.footer-box-osnova {
    display: flex;
    gap: 25px;
    flex-direction: column;
}
.footer-niz {
    background-color: #222222;
}
.footer-niz-bac {
    display: flex;
    gap: 25px;
    padding: 25px;
}
.footer-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    gap: 11px;
}
.footer-logo-title {
    font-size: 19px;
    padding: 9px;
    color: white;
    color: #d8eeda;
}
.footer-logo-img img {
    height: 40;
}
.footer-politic {
    display: flex;
    padding: 11px;
    gap: 11px;
    align-items: center;
    justify-content: center;

}
.footer-privacy a {
    color: #d8eeda;
}
.page-prosmotr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 25px;
    gap: 9px;
    color: #351F39;
}
.page-prosmotr i {
    font-size: 29px;
}
.page-prosmotr-bloc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
    gap: 9px;
    color: #351F39;
}
.footer-box-contact {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
}
.footer-box-osnova-contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: inherit;
}
.footer-box-osnova-text{
    color: inherit;
}
.main-osnova-page {
    display: flex;
    flex-direction: column;
    gap: 25px;
    flex: 1;
}
.main-osnova-chast {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;

}
.podval-main-contact {
    display: flex;
    flex-direction: column;
}
.contact-new {
    display: flex;
    gap: 25px;
}
.footer-contact-bac {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05), 0 4px 15px rgba(0, 0, 0, 0.03);
    display: flex;
    justify-content: space-evenly;
}
@media (max-width: 1200px) {
  
      .reasons-main {
          flex-direction: column !important;
      }
    }
@media (max-width: 1100px) {
      .main {
        flex-direction: column !important;
        align-items: center;
    }
     
    .empla-blocka {
        flex-wrap: wrap;
    }
}
@media (max-width: 991px) {
    .header-text-osnova {
        font-size: 28px;
    }
    .service-main {
        flex-direction: column !important;
    }
    .vr {
        display: none;
    }
    .service-box {
        border-bottom: 2px solid;
    }

    .reasons-osnova {
        flex-direction: column !important;
        align-items: center;
    }
    .blog {
        flex-direction: column !important;
        align-items: center;
    }
    .blog-2 {
        flex-direction: column-reverse !important;
    }
    .blog-box {
        flex-direction: column !important;
    }
    .footer-contact {
        flex-direction: column !important;
    }
    .footer-box {
       padding: 25px;
    }
    .dropdown {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media(max-width: 767px) {
    .header {
        flex-direction: column !important;
    }
    .yslygi-box {
        flex-direction: column !important;
        align-items: center;
    }
    .yslygi-box-revers {
        flex-direction: column-reverse !important;
    }
    .empla-blocka {
        flex-direction: column !important;
        align-items: center;
    }
    .podval-main {
        flex-direction: column !important;
    }
    .osnova {
        flex-direction: column !important;
    }
    .header-img {
        width: 100%;
        height: 100%;
    }
    .wrapp__c-p-i-text {
        width: 100% !important;
    }
    .header-text {
        width: 100%;
    }
    .header-text-osnova {
        font-size: 21px;
    }
    .slick-arrow {
        display: none !important;
    }
    .slick-prev {
        display: none !important;
    }
    .slick-next {
        display: none !important;
    }
    .contact-new {
        flex-direction: column !important;
    }
}
@media(max-width: 520px) {
    .dropdown-menu {
        width: 290px;
    }
    .dropdown {
        flex-direction: column !important;
    }
    .footer-politic {
        flex-direction: column !important;
    }
}
.podval-form-main{
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.input-input--component-control{
    display: block;
    width: 100%;
    padding: 9px 11px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.textarea-input--component-control{
    border: 2px solid #ced4da;
    border-radius: 0px;
    padding: 9px 11px;
}

.but, button{
    outline: none;
    border: none;
    background: inherit;
    padding: 11px;
    box-sizing: border-box !important;
  }
  .button-1 {
    background-color: #EA4C89;
    border-radius: 0px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 11px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
  
  .button-1:hover,
  .button-1:focus {
    background-color: #F082AC;
    color: #fff;
  }
  .button-2 {
    all: unset;
    width: 100px;
    font-size: 17px;
    background: transparent;
    border: none;
    position: relative;
    color: #f0f0f0;
    cursor: pointer;
    z-index: 1;
    padding: 11px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
  .button-2:hover{
    color: #fff;
  }
  
  .button-2::after,
  .button-2::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -99999;
    transition: all .4s;
  }
  
  .button-2::before {
    transform: translate(0%, 0%);
    width: 100%;
    height: 100%;
    background: #28282d;
    border-radius: 11px;
  }
  
  .button-2::after {
    transform: translate(11px, 11px);
    width: 35px;
    height: 35px;
    background: #ffffff15;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 0px;
  }
  
  .button-2:hover::before {
    transform: translate(5%, 20%);
    width: 110%;
    height: 110%;
  }
  
  .button-2:hover::after {
    border-radius: 11px;
    transform: translate(0, 0);
    width: 100%;
    height: 100%;
  
  }
  
  .button-2:active::after {
    transition: 0s;
    transform: translate(0, 5%);
  }
  .button-3 {
    appearance: button;
    backface-visibility: hidden;
    background-color: #405cf5;
    border-radius: 0px;
    border-width: 0;
    box-shadow: rgba(50, 50, 93, .1) 0 0 0 2px inset,rgba(50, 50, 93, .1) 0 2px 4px 0,rgba(0, 0, 0, .07) 0 2px 2px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 100%;
    line-height: 1.15;
    margin: 11px 0 0;
    outline: none;
    overflow: hidden;
    padding: 15px 27px;
    position: relative;
    text-align: center;
    text-transform: none;
    transform: translateZ(0);
    transition: all .2s,box-shadow .08s ease-in;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: 100%;
  }
  
  .button-3:disabled {
    cursor: default;
  }
  
  .button-3:focus {
    box-shadow: rgba(50, 50, 93, .1) 0 0 0 2px inset, rgba(50, 50, 93, .2) 0 6px 15px 0, rgba(0, 0, 0, .1) 0 2px 2px 0, rgba(50, 151, 211, .3) 0 0 0 4px;
  }
  .button-3:hover{
    color: #fff;
  }
  .button-4 {
    margin: 11px;
    padding: 15px 27px;
    text-align: center;
    text-transform: inherit;
    transition: 0.4s;
    background-size: 200% auto;
    color: white;
    border-radius: 11px;
    display: block;
    border: 0px;
    font-weight: 700;
    box-shadow: 0px 0px 11px -7px #f09819;
    background-image: linear-gradient(45deg, #FF512F 0%, #F09819  51%, #FF512F  100%);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
  
  .button-4:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
  }
  
  .button-4:active {
    transform: scale(0.95);
  }
  .button-5 {
    align-items: center;
    background-color: #0A66C2;
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    font-size: 17px;
    font-weight: 700;
    justify-content: center;
    line-height: 20px;
    max-width: 480px;
    min-height: 40px;
    min-width: 0px;
    overflow: hidden;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    touch-action: manipulation;
    transition: background-color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
  }
  
  .button-5:hover,
  .button-5:focus {
    background-color: #16437E;
    color: #ffffff;
  }
  
  .button-5:active {
    background: #09223b;
    color: rgb(255, 255, 255, .7);
  }
  
  .button-5:disabled {
    cursor: not-allowed;
    background: rgba(0, 0, 0, .08);
    color: rgba(0, 0, 0, .3);
  }
  .button-6 {
    appearance: button;
    background-color: #1899D6;
    border: solid transparent;
    border-radius: 0px;
    border-width: 0 0 4px;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 20px;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 11px 15px;
    text-align: center;
    text-transform: inherit;
    touch-action: manipulation;
    transform: translateZ(0);
    transition: filter .2s;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
  }
  
  .button-6:after {
    background-clip: padding-box;
    background-color: #1CB0F6;
    border: solid transparent;
    border-radius: 0px;
    border-width: 0 0 4px;
    bottom: -4px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }
  
  .button-6:main,
  .button-6:focus {
    user-select: auto;
  }
  
  .button-6:hover:not(:disabled) {
    filter: brightness(1.1);
    -webkit-filter: brightness(1.1);
  }
  
  .button-6:disabled {
    cursor: auto;
  }
  .button-6 {
    appearance: button;
    background-color: transparent;
    background-image: linear-gradient(to bottom, #fff, #f8eedb);
    border: 0 solid #e5e7eb;
    border-radius: 0px;
    box-sizing: border-box;
    color: #482307;
    column-gap: 1rem;
    cursor: pointer;
    display: flex;
    font-size: 100%;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    outline: 2px solid transparent;
    padding: 1rem 1.5rem;
    text-align: center;
    text-transform: none;
    transition: all .1s cubic-bezier(.4, 0, .2, 1);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    box-shadow: -6px 8px 11px rgba(81,41,10,0.1),0px 2px 2px rgba(81,41,10,0.2);
    display: flex;
    justify-content: center;
  }
  
  .button-6:active {
    background-color: #f3f4f6;
    box-shadow: -2px 2px 4px rgba(81,41,10,0.15),0px 2px 2px rgba(81,41,10,0.15);
    transform: translateY(0.125rem);
  }
  
  .button-6:focus {
    box-shadow: rgba(72, 35, 7, .46) 0 0 0 4px, -6px 8px 11px rgba(81,41,10,0.1), 0px 2px 2px rgba(81,41,10,0.2);
  }
  .button-7 {
    background: #fff;
    backface-visibility: hidden;
    border-radius: .375rem;
    border-style: solid;
    border-width: .125rem;
    box-sizing: border-box;
    color: #212121;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.3;
    padding: .875rem 1.125rem;
    position: relative;
    text-align: left;
    text-decoration: none;
    transform: translateZ(0) scale(1);
    transition: transform .2s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
  
  .button-7:not(:disabled):hover {
    transform: scale(1.05);
  }
  
  .button-7:not(:disabled):hover:active {
    transform: scale(1.05) translateY(.125rem);
  }
  
  .button-7:focus {
    outline: 0 solid transparent;
  }
  
  .button-7:focus:before {
    content: "";
    left: calc(-1*.375rem);
    pointer-events: none;
    position: absolute;
    top: calc(-1*.375rem);
    transition: border-radius;
    user-select: none;
  }
  
  .button-7:focus:not(:focus-visible) {
    outline: 0 solid transparent;
  }
  
  .button-7:focus:not(:focus-visible):before {
    border-width: 0;
  }
  
  .button-7:not(:disabled):active {
    transform: translateY(.125rem);
  }
  .button-7 {
    background-color: #36A9AE;
    background-image: linear-gradient(#37ADB2, #329CA0);
    border: 2px solid #2A8387;
    border-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 17px;
    line-height: 100%;
    margin: 0;
    outline: 0;
    padding: 11px 15px 11px;
    text-align: center;
    transition: all 200s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: 100%;
  }
  
  .button-7:hover {
    box-shadow: rgba(255, 255, 255, 0.3) 0 0 2px inset, rgba(0, 0, 0, 0.4) 0 2px 2px;
    text-decoration: none;
    transition: all 200s ease-in-out;
  }
  
  .button-7:active {
    box-shadow: rgba(0, 0, 0, 0.15) 0 2px 4px inset, rgba(0, 0, 0, 0.4) 0 2px 2px;
  }
  
  .button-7:disabled {
    cursor: not-allowed;
    opacity: .6;
  }
  
  .button-7:disabled:active {
    pointer-events: none;
  }
  
  .button-7:disabled:hover {
    box-shadow: none;
    color: #fff;
  }
  .button-8 {
    align-items: center;
    appearance: none;
    background-color: #FCFCFD;
    border-radius: 0px;
    border-width: 0;
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 11px -2px,#D6D6E7 0 -2px 0 inset;
    box-sizing: border-box;
    color: #36395A;
    cursor: pointer;
    display: inline-flex;
    min-height: 48px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 18px;
  }
  
  .button-8:focus {
    box-shadow: #D6D6E7 0 0 0 1.4px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 11px -2px, #D6D6E7 0 -2px 0 inset;
  }
  
  .button-8:hover {
    box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 11px -2px, #D6D6E7 0 -2px 0 inset;
    transform: translateY(-2px);
  }
  
  .button-8:active {
    box-shadow: #D6D6E7 0 2px 7px inset;
    transform: translateY(2px);
  }
  .button-9 {
    background-color: #0078d0;
    border: 0;
    border-radius: 0px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    outline: 0;
    padding: 15px 21px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
  
  .button-9:before {
    background-color: initial;
    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
    border-radius: 125px;
    content: "";
    height: 50%;
    left: 4%;
    opacity: .5;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 92%;
  }
  
  .button-9:hover {
    box-shadow: rgba(255, 255, 255, .2) 0 2px 15px inset, rgba(0, 0, 0, .1) 0 2px 4px, rgba(0, 0, 0, .1) 0 11px 11px;
    transform: scale(1.05);
    color: #fff;
  }
  
  @media (min-width: 768px) {
    .button-9 {
      padding: 15px 48px;
    }
  }
  .button-10 {
    background: #e62143;
    border-radius: 0px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.15em;
    font-weight: 700;
    justify-content: center;
    line-height: 33.4929px;
    padding: .8em 1em;
    text-align: center;
    text-decoration: none;
    text-decoration-skip-ink: auto;
    text-shadow: rgba(0, 0, 0, .3) 2px 2px 2px;
    text-underline-offset: 1px;
    transition: all .2s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: 100%;
    word-break: break-word;
    border: 0;
  }
  
  .button-10:active,
  .button-10:focus {
    border-bottom-style: none;
    border-color: #dadada;
    box-shadow: rgba(0, 0, 0, .3) 0 2px 2px inset;
    outline: 0;
  }
  
  .button-10:hover {
    border-bottom-style: none;
    border-color: #dadada;
    color: #fff;
  }
  

  @media (max-width: 1399px){
    .first-screen-title {
        font-size: 60px;
        max-width: 460px;
    }
}

@media (max-width: 1199px){
    .first-screen-img {
        max-width: 230px;
    }
    .first-screen-title {
        font-size: 46px;
        max-width: 355px;
    }
    .first-screen-img {
        max-width: 200px;
    }
    .contact-header{
        display: none;
    }
    .header-inner-content{
        flex-basis: 78%;
    }
    .nav-menu {
        flex-basis: 100%;
    }
    .nav-menu ul{
        width: 100%;
    }
    .contact-block-inner{
        flex-direction: column !important;
    }
    .contact-block-title{
        text-align: center;
        margin-bottom: 40px;
    }
    .contact-info-wrapper{
        margin-bottom: 40px;
    }
}



@media (max-width: 991px){
    .first-screen-inner{
        flex-direction: column !important;
    }
    .first-screen-title {
        max-width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }
    .feature-text{
        font-size: 17px;
    }
    .nav-menu{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0, .7);
        align-items: flex-start;
        padding-top: 50px;
        z-index: 9;
        transform: translate(-100%);
        transition: all .3s ease-in-out;
    }
    .nav-menu-active{
        transform: translate(0);
        transition: all .3s ease-in-out;
    }
    .hidden{
        overflow: hidden;
    }
    .nav-menu ul{
        flex-direction: column;
    }
    .nav-menu li{
        border-bottom: 2px solid #fff;
        width: 100%;
       
    }
    .nav-menu .nav-menu-link{
        display: block;
        padding-left: 30px;
        color: #fff;
        font-size: 18px;
    }
    .header-inner-content {
        flex-basis: auto;
    }
    .burger{
        display: flex;
    }
    .close{
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 30px;
        height: 30px;
        background-image: url(../img/close.png);
        background-size: cover;
    }
    .feature-wrapper.flex-column .feature-img{
        width: auto;
        height: 220px
    }
    .about-us-inner{
        flex-direction: column !important;
    }
    .about-us-images-wrapper{
        width: 100%;
        margin-right: 0;
    }
}
@media(max-width: 767px){
    .feature-wrapper.flex-row .feature{
        justify-content: flex-start;
    }
    .feature-content{
        padding: 20px 0px;
    }
    .feature-wrapper.flex-column .feature-img {
        width: auto;
        height: 155px;
    }
}
@media(max-width: 576px){
    .first-screen-title {
        font-size: 29px;
    }
    .feature{
        flex-direction: column !important;
    }
    .feature:nth-child(even){
        flex-direction: column-reverse !important;
    }
    .contact-info-item {
        flex-basis: 100%;
    }
    .contact-block-form form{
        width: 100%;
    }
    .text-field_floating .text-field__label{
        font-size: 13px;
    }
    .feature-wrapper.flex-row .feature {
        flex-basis: 100%;
    }
    .about-us-img{
        border-radius: 11px;
    }
}

.prcv-box{
    padding: 105px 0px;
}


.main-img{
    position: relative;
    float: right;
    margin: 39px;
    width: 40%;
    height: 478px;
    margin: 27px;
    border-radius: 0px;
  }
  
  .main-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  
  @media (max-width: 992px){
    .main-img{
      float: none !important;
      width: 100% !important;
      margin: 0 0 27px 0 !important;
    }
  }
  
  
  @media (max-width: 420px){
  
    .main-img, .blog-img img{
      height: auto;
    }
  
  }