html, body {
    overflow-x: hidden;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #575757;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow-x: hidden;
    background: #fff;
    overflow-y: visible;
}
div, p, input, button, form, span, a, ul, li {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
.btn-tel, .contains {
    display: none;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    color: #575757;
}
.wraper-header-mobile {
    display: none;
}
.container {
    margin: 0 auto;
    padding: 0;
    width: 1260px;
    position: relative;
    z-index: 22;
}
.wraper-header, .box-one, .box-two, .box-three{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}
.box-three {
    margin-right: -50px;
}
.opis-adress {
    color: #575757;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.5%; 
    letter-spacing: 2.5px;
    margin: 0;
    margin-left: 20px;
}
.box-circle {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    background-color: #18B13D ;
    position: absolute;
    top: 36%;
    left: 36%;
    border-radius: 50%;
}
.text-online {
    color: #18B13D;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 101%;
    text-transform: uppercase;
    margin: 0;
    margin-left: 11px;
}
.tel-header {
    background-color: #ffffff;
    background-image: linear-gradient(90deg, #575757 0%, rgba(87, 87, 87, 0.00) 67.55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 300;
    line-height: 142.5%;
    letter-spacing: 2.5px;
    text-transform: capitalize;
    margin: 0;
    margin-right: 20px;
}
.btn {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    padding: 11px 30px;
    border-radius: 8px;
    background: #BE8C55;
    border: 2px solid #BE8C55;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.btn:hover {
    transition: 0.3s ease-in-out;
    color: #BE8C55;
    background: #be8b5500;
    border: 2px solid #BE8C55;
}
.box-line {
    width: 100%;
    height: 2px;
    background: #EAEAEA;
    margin: 0;
    margin: 25px 0;
}
.wraper-icon-stars {
    display: flex;
    align-items: center;
    justify-content: center;
}
.stars-google {
    margin: 0;
    margin: 2px;
}
h1 {
    font-size: 103px;
    font-style: normal;
    font-weight: 300;
    line-height: 109%; /* 112.27px */
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    margin-top: 35px; 
}
.box-text {
    margin: 0;
    margin-top: 50px;
}
.opish2 {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.5%; /* 25.65px */
    letter-spacing: 2.5px;
    text-transform: capitalize;
    margin: 0;
}
h2 {
    color: #575757;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 101%; /* 30.3px */
    text-transform: uppercase;
}
.wraper-ofer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    margin-top: 50px;
}
.h2-ofer {
    width: 572px;
    font-size: 60px;
    font-weight: 400;
    line-height: 101%; /* 60.6px */
    text-transform: uppercase; 
    margin-bottom: 30px;
}
.box-right>img {
    margin-left: -92px;
}
.opis-ofer {
    width: 470px;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 128.5%; /* 23.13px */
    margin-bottom: 20px;
}
.form-style {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 50px;
    border-radius: 7px;
    background: #3C3C3B;
}
h4 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 101%; /* 24.24px */
    text-transform: uppercase;
}
.opis-h4 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 122.5%; /* 25.65px */
    letter-spacing: 2px;
    width: 452px;
    margin-top: 25px;
}
.form-get {
    position: relative;
}
.form-get>input {
    width: 570px;
    padding: 25px;
    outline: none;
    border-radius: 7px;
    color: rgba(255, 255, 255, 0.40);
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.05);
}

.form-get>button {
    position: absolute;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    padding: 19px 54px;
    border-radius: 8px;
    background: #BE8C55;
    border: 2px solid #BE8C55;
    transition: 0.3s ease-in-out;
    right: 0%;
    top: 0;
    cursor: pointer;
}
.form-one {
    margin: 0;
    margin: 55px 0;
}
.wraper-uslugi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    margin-bottom: 20px;
}
.one-usluga {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 625px;
    height: 259px;
    padding: 40px 30px;
    border-radius: 7px;
    border: 2px solid #BE8C55;
}
.box-left {
    width: 60%;
}
.title-usluga {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 101%; /* 24.24px */
    text-transform: uppercase;
    margin-bottom: 20px;
}
.box-left>ul {
    margin: 0 15px;
}
.box-left>ul>li {
    width: 378px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.5%; /* 25.65px */
    letter-spacing: 2.5px;
}
.action-section-bg {
    background: #3C3C3B;
    position: relative;
    height: 398px;
    width: 100%;
    margin: 0;
    padding: 0;
    margin: 55px 0;
}
.action-img {
    position: absolute;
    right: 0;
    top: 0;
}
.wraper-action {
    display: flex;
    height: 398px;
    align-items: center;
}
.action-h2 {
    width: 70%;
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 101%; /* 30.3px */
    text-transform: uppercase;
    margin-bottom: 25px;
}
.opis-h2-action {
    width: 710px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 200;
    line-height: 142.5%; /* 25.65px */
}
.logo-name {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}
.name-revius {
    color: #575757;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
    text-transform: capitalize;
    margin: 20px 0;
}
.opis-slider-revius {
    color: #575757;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 34px; /* 200% */
}
.box-icon-star {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin: 0 0 20px 0;
}
.box-one-slider {
    display: flex !important;
    align-items: center;
    flex-direction: column;
    height: auto;
    padding: 0;
    margin: 0;
    padding: 30px;
    border-radius: 7px !important;
    background: #E4E4E4;
}
.line-brown {
    width: 50px;
    height: 2px;
    margin: 0;
    margin-bottom: 20px;
    background: #BE8C55;
}
.bg-ritual {
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, #3C3C3B 98%);
}
.catalog-sc {
    background:#3C3C3B;
    padding-top: 150px;
    overflow: visible;
}
.color-white {
    color: #FFF;
}
.bg-catalog {
    width: 96%;
    margin: 0 auto;
    padding: 100px 0 90px 0;
    border-radius: 1px;
    background: #BE8C55;
    position: relative;
}
.catalog-img {
    position: absolute;
    top: -150px;
    right: -50px;
    z-index: 2;
}
.btn-active {
    background: none;
    color: #FFF;
    border: 2px solid #FFF;
    transition: 0.3s ease-in-out;
    margin-top: 55px;
}
.btn-active:hover {
    transition: 0.3s ease-in-out;
    background: #FFF;
    color: #BE8C55;
    border: 2px solid #BE8C55;
}
.block-catalog-ofer {
    width: 450px;

}
.catalog-item-title {
    font-size: 60px;
    font-style: normal;
    font-weight: 300;
    line-height: 101%; /* 60.6px */
    text-transform: uppercase;
}
.catalog-item-opis {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 150% */
    letter-spacing: 0.16px;
    width: 100%;
    margin: 25px 0 35px 0;
}
.uslugi-p {
    background: #3C3C3B;
    padding: 0;
    padding-top: 250px;
}
.h2-cenas {
    margin: 0 auto;
    width: 659px;
    text-align: center;
    color: #FFF;
    font-size: 60px;
    font-style: normal;
    font-weight: 300;
    line-height: 101%; /* 60.6px */
    text-transform: uppercase;
}
.wraper-usl {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0;
    margin-top: 60px;
}
.box-text-item {
    width: 346px;
    height: auto;
    padding: 40px;
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.83);
}
.box-one-konst, .box-text-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.cenas {
    color: #ADADAD;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 100% */
    text-transform: capitalize; 
    margin: 0;
    margin-bottom: 20px;
}
.iten-cenas {
    color: #3C3C3B;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 20px;
}
.opis-item-cenas {
    width: 100%;
    color: #585C7B;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 150% */
    letter-spacing: 0.16px;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 20px;
}
.const-img {
    margin-bottom: -35px;
    z-index: 9;
}
.active {
    color: #3C3C3B;
}
footer {
    background: #3C3C3B;
    padding: 50px 0;
}

.wraper-footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.tetx-opis-footer {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */ 
    width: 235px;
    margin-top: 30px;
}
.menu-footer>ul {
    color: #BE8C55;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 32px */
    margin-top: 25px;
    list-style: none;
}
.menu-footer>ul>:first-child {
    margin-top: 30px;
}
.menu-footer>ul>li {
    color:#FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 191.5%; /* 34.47px */
}
.line-dop-materials {
    display: flex;
    align-items: flex-end;
}
.mg {
    margin-left: 100px;
}
.line-footer {
    margin: 0 auto;
    width: 98%;
    height: 2px;
    background-color: #BE8C55;
    margin-bottom: 30px;
}



/* humburger */
body.no-scroll {
    overflow: hidden !important;
}
.section-ot {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
}
.section-in {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}


.navigation {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: -100%;
    background: #E3E6EC;
    border-top: 1px solid #C4C4C4;
    transition: all .5s ease;
    z-index: 98;
    overflow: hidden;
}
.navigation.open_gam {
    left: 0%;
    z-index: 99!important;
}
.navigation a {
    color: #696060;
    text-decoration: none;
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}
.navigation a:hover {
    color: #000000;
}
.hamburglar {
    right: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    margin: 0;
    position: relative;
    top: 2px;
    display: block;
    width: 50px;
    height: 50px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    z-index: 999;
}
.hamburglar svg {
    width: 100%;
    height: 100%;
    display: block;
}
#hamburgertop, #hamburgerbottom {
    position: absolute;
    display: block;
    height: 4px;
    width: 30px;
    border-radius: 50px;
    background: #000000;
}
#hamburgertop {
    top: 12px;
    left: 10px;
}
#hamburgerbottom {
    top: 34px;
    left: 10px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
#hamburgertop, #hamburgerbottom {
    -webkit-transform-origin: 31px 2px;
    transform-origin: 31px 2px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
    transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
}
#hamburgercircle {
    stroke-width: 5;
    fill: none;
    stroke:  #000000;
    stroke-linecap: round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
    stroke-dasharray: 0 100 33 300;
    stroke-dashoffset: 101;
    -webkit-transition: all 750ms ease;
    transition: all 750ms ease;
}
.hamburglar.is-open #hamburgercircle {
    stroke-dasharray: 1 100 190 300;
    stroke-dashoffset: 1;
    z-index: 99;
}
.hamburglar.is-open #hamburgertop {
    -webkit-transform: translateX(-4.5px) rotate(-45deg);
    transform: translateX(-4.5px) rotate(-45deg);
    z-index: 99;
}
.hamburglar.is-open #hamburgerbottom {
    -webkit-transform: translateX(-4.5px) rotate(45deg);
    transform: translateX(-4.5px) rotate(45deg);
    z-index: 99;
}


#hamburgertop1, #hamburgerbottom1 {
    position: absolute;
    display: block;
    height: 4px;
    width: 30px;
    border-radius: 50px;
    background: #000000;
}
#hamburgertop1 {
    top: 12px;
    left: 10px;
}
#hamburgerbottom1 {
    top: 34px;
    left: 10px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
#hamburgertop1, #hamburgerbottom1 {
    -webkit-transform-origin: 31px 2px;
    transform-origin: 31px 2px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
    transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
}
#hamburgercircle1 {
    stroke-width: 5;
    fill: none;
    stroke:  #000000;
    stroke-linecap: round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
    stroke-dasharray: 0 100 33 300;
    stroke-dashoffset: 101;
    -webkit-transition: all 750ms ease;
    transition: all 750ms ease;
}
.hamburglar.is-open #hamburgercircle1 {
    stroke-dasharray: 1 100 190 300;
    stroke-dashoffset: 1;
    z-index: 99;
}
.hamburglar.is-open #hamburgertop1 {
    -webkit-transform: translateX(-4.5px) rotate(-45deg);
    transform: translateX(-4.5px) rotate(-45deg);
    z-index: 99;
}
.hamburglar.is-open #hamburgerbottom1 {
    -webkit-transform: translateX(-4.5px) rotate(45deg);
    transform: translateX(-4.5px) rotate(45deg);
    z-index: 99;
}


#hamburger1 {
    position: absolute;
    right: 50px;
    top: 20px;
}
/* humburger end */

.logo-gam {
    margin-bottom: 50px;
  }
  
  
  .bg-asd {
    background:#3c3c3b ;
}
  .map-ip {
    width: 100%;
    height: 450px;
    margin: 100px 0;
  }
  
  
  
  
  
  
  .h3-dopclass {
    width: 572px;
    font-size: 60px;
    font-weight: 400;
    line-height: 101%;
    text-transform: uppercase;
    margin-bottom: 30px;
  }
.p-h3-dop-class {
    width: 470px;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 128.5%;
    margin-bottom: 20px;
}
.sender-review-holder {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 450px;
}
.opis-revew, .name-opis {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 128.5%;
    margin-bottom: 20px;
    width: 90%;
}
.name-opis {
    font-size: 20px;
    width: 250px;
    font-weight: 800;
}
.col-md-6 {
    width: 500px !important;
}
.rows {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
/* 992px - 1200px */
@media screen and (max-width: 1200px) {
    .h3-dopclass {
        width: 382px;
        font-size: 35px;
      }
      .slick-next {
        right: -25px !important;
    }
    .slick-prev {
        top: auto !important;
        left: -54px !important;
        bottom: -22px !important;
    }
    .slick-next {
        top: auto !important;
        right: auto !important;
        left: 45px !important;
        bottom: -22px !important;
    }
}
/* 768px - 992px */
@media screen and (max-width: 992px) {
    .rows {
        flex-direction: column;
    }
    .h3-dopclass, .p-h3-dop-class {
        width: 100%;
    }
    .dop-rew {
        padding-bottom: 100px;
    }
    .dopdiv {
        margin-top: 50px;
    }
    .col-md-6 {
        width: 700px !important;
    }
    }
    /* 576px - 768px */
@media screen and (max-width: 768px) {
    .col-md-6 {
        width: 700px !important;
    }
}
/* 320px - 576px */
@media screen and (max-width: 576px) {
    .dop-rew {
        padding-top: 50px;
    }
    .h3-dopclass {
        font-size: 30px;
    }
    .col-md-6 {
        width: 380px !important;
    }
    
}
.logo, .logo-footer {
            width: 107px;
    }