@media screen and (min-width:660px) {
    * {
        margin: 0;
        padding: 0;
        outline: 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    
    }
    html {
        min-width: 1200px;
        line-height: 145%;
        overflow-x: hidden;
    }
    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    body {
        color: #333333;
        font-family: 'roboto', sans-serif!important;
        -webkit-overflow-scrolling: touch;
        font-weight: 400;
        font-style: normal;
        -webkit-text-size-adjust: 100%;
    }
    .container {
        max-width: 1200px;
        min-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }
    .container2 {
        max-width: 1200px;
        width: 100%;
        min-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
       
    }
    p {
        font-weight: 400;
    }
    .cd-auto-hide-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 90px;
        transition: transform .5s;
        z-index: 30;
        display: flex;
        align-items: center;
      }
      .cd-auto-hide-header.is-hidden {
        transform: translateY(0%);
      }
      .animate {
        background-color: #fff;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05);
      }
    section {
        padding: 90px 0;
    }
    header {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0.95) 100%), url(../img/bg1.jpg);
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center center;
        position: relative;
        padding-bottom: 90px;
        overflow: hidden;
    }

    .bg {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0.95) 100%), url(../img/bg1.jpg);
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center center;
    }
    
    h3 {
        font-size: 36px;
        font-weight: 600;
        text-align: center;
        line-height: 125%;
        width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    h3 small {
        display: block;
        font-size: 19px;
        font-weight: 400;
        line-height: 160%;
        margin-top: 20px;
    }

    .button {
        cursor: pointer;
        border-radius: 5px;
        position: relative;

        cursor: pointer;
        z-index: 10;
        width: 400px;
    
    }
    .button button {
        padding: 30px 30px;
        background-image: linear-gradient(to top, #d0974b, #d0a771, #d0974b);
        font-family: 'roboto', sans-serif!important;
        border-radius: 10px;
        cursor: pointer;
        border: none;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        transition: background 0.2s ease;
        box-shadow: 0 -4px rgb(182, 137, 78) inset;
        width: 100%;
        transition: 0.3s;
        z-index: 2;
        position: relative;
    }
    .button button p {
        position: relative;
        z-index: 1;
    }
 
    .button button:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        background-image: linear-gradient(to top, #d0974b, #d0974b);
        box-shadow: 0 -4px rgb(182, 137, 78) inset;
        opacity: 0;
        transition: 0.3s;
      }
      .button button:hover:before {
        opacity: 1;
      }

      /*HEADER*/

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

      .logo {
          display: flex;
          align-items: center;
      }

      .logo img {
          width: 180px;
      }

      .logo p {
          width: 230px;
          font-size: 14px;
          line-height: 150%;
          margin-left: 30px;
      }


      .adr {
          display: flex;
          align-items: center;
          margin-left: auto;
          margin-right: 30px;
      }

      .adr img {
          width: 55px;
          border-radius: 50%;
      }
      .adr p {
          width: 170px;
          font-size: 14px;
          line-height: 150%;
          margin-left: 15px;
      }

      .tel {
          text-align: right;
      }
      .tel p {
          font-size: 15px;
          margin-bottom: 3px;
      }

      .tel a {
          font-size: 22px;
          color: #333;
          text-decoration: none;
          font-weight: 600;
      }

      .main {
          padding-top: 170px;
          display: flex;
          justify-content: space-between;
          position: relative;
      }

      .main_left {
        width: 675px;
      }

      h1 {
          font-size: 41px;
          line-height: 125%;
      }

      h1 span {
          color: #b58546;
      }
      .main_plusi {
          display: flex;
          justify-content: space-between;
          margin-top: 30px;
      }
      .main_plus {
          display: flex;
          align-items: center;
      }
      .main_plus img {
          width: 65px;
          height: auto;
      }
      .main_plus p {
          width: 235px;
          font-size: 18px;
          line-height: 150%;
          margin-left: 15px;
      }

      .zamer {
          margin-top: 60px;
          position: relative;
      }
      .zamer p {
          font-size: 18px;
          line-height: 150%;
          margin-left: 115px;
      }

      .main_zamershik {
          width: 130px;
          position: absolute;
          top: 20px;
          object-fit: cover
          
      }


      .button_block {
          margin-top: 48px;
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
      }

      .button_dop p {
          font-size: 14px;
          color: #838383;
          width: 170px;
          line-height: 145%;
          font-style: italic;
          margin-left: -60px;
          margin-bottom: 10px
      }
      .button_dop img {
          width: 100px;
          height: auto;
          object-fit: cover;
      }

      .line_button {
          width: 150px;
          position: absolute;
          right: -120px;
          top: -20px;
          transform: rotate(-10deg);

      }

      .main_right {
          height: 587px;
          display: flex;
          object-fit: cover;
          margin-left: 100px;
          border-radius: 50px 0 0 0;
          overflow: hidden;
          position: absolute;
          right: -770px;
          margin-top: -20px;
          width: 100%;
      }

      .main_right img {
          display: flex;
          object-fit: cover;
          align-items: flex-start;
      }



      /*BLOCK2*/

      .block2 {
          display: flex;
          justify-content: space-between;
          position: relative;
      }

      .block2_left {
            height: 580px;
          display: flex;
          object-fit: cover;
          margin-left: 100px;
          border-radius: 0 50px 0px 0;
          overflow: hidden;
          position: absolute;
          right: 735px;
          margin-top: 0px;
          width: 100%;
      }

      .block2_left img {
        display: flex;
        object-fit: cover;
        align-items: flex-start;
        width: 100%;
    }

      .block2_right {
          width: 650px;
          margin-left: auto;
      }

      .block2_right > h3 {
          font-weight: 600;
          text-align: left;
          line-height: 125%;
          margin-left: 0;
          margin-right: 0;
          width: 100%;
      }
      
      .block2_right .block2_p p {
          font-size: 18px;
          line-height: 170%;
          margin-top: 30px;
      }

      .block2_plusi {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          margin-top: 45px;
      }

      .bloc2_plus {
          display: flex;
          align-items: center;  
      }
      .bloc2_plus:nth-child(n+3) {
          margin-top: 40px;
      }
      .bloc2_plus p {
          margin-left: 15px;
          width: 240px;
          font-size: 18px;
          line-height: 160%;
      }

      .block2_right .button {
          margin-top: 60px;
      }
      .block2_right .button b {
          display: block;
          font-size: 20px;
          margin-bottom: 3px;
          font-weight: 500;
      }
      .block2_right .button p {
          font-size: 16px;
          font-weight: 300;
      }

      .opilok {
          width: 180px;
          position: absolute;
          right: -300px;
          top: 30px;
      }
      


      /*BLOCK3*/
      .cases_all {
          margin-top: 60px;
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
      }
      .case {
          display: flex;
          background-color: #fff;
          padding: 30px;
          box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
          border-radius: 10px;
          width: 100%;
          
      }

      .cases {
        width: 865px!important;
      }

      .case_img {
          width: 400px;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          margin-right: 32px;
      }
      .case_img img {
          width: 100%;
      }
      .case_img .case_img_big {
          width: 100%;
          border-radius: 10px;
          overflow: hidden;
          display: flex;
          object-fit: cover;
          height: 285px;
      }
      .case_img .case_img_big a img{
        width: 100%;
        display: flex;
        object-fit: cover;
        align-items: flex-start;
        justify-content: center;
    }

      .case_img .case_img_small {
          width: 30%;
          border-radius: 10px;
          overflow: hidden;
          display: flex;
          object-fit: cover;
          margin-top: 15px;
          height: 80px;
      }

      .case_img .case_img_small a img{
          width: 100%;
          display: flex;
          object-fit: cover;
      }

      .case_info {
          width: 370px;
      }
      .case_info h4 {
          font-size: 20px;
          margin-bottom: 15px;
      }

      .case_info .case_opis b {
          display: block;
          font-size: 15px;
      }
      .case_info .case_opis {
        display: block;
        font-size: 14px;
        line-height: 165%;
    }
      .case_info .case_opis:nth-child(n+2) {
          margin-top: 15px;
      }

      .case_parametr {
          display: flex;
          justify-content: space-between;
          width: 100%;
          border-bottom: 1px solid #d0a771;
          padding-bottom: 7px;
          font-size: 14px;
      }

      .case_parametr:nth-child(n+2) {
          margin-top: 12px;
      }

      .case_parametr b {
          text-align: left;
          width: max-content;
          display: block;
          width: 175px;
      }


      .master_cases {
          width: 275px;
          flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      .master_cases .button {
          width: 100%;
      }

      .master {
          margin-bottom: -10px;
          position: relative;
          z-index: 11;
      }

      .master_cases .button button p{
        transform: skew(0deg);
        display: block;
        font-size: 18px;
    }
      
      .master_cases img {
          width: 90%;
          margin-left: auto;
          margin-right: auto;
          display: block;
          margin-bottom: -20px;
      }
      .master_name {
        box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
        background-color: #fff;
        border-radius: 10px;
        transform: skew(-15deg);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
      }

      .master_name > b {
        transform: skew(15deg);
        display: block;
        font-size: 16px;
      }

      .master_name > p {
        transform: skew(15deg);
        display: block;
        font-size: 14px;
      }

      .master_name p {
          margin-top: -3px;
      }

      /*BLOCK4*/

      .gotovie {
          margin-top: 60px;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
      }

      .gotov {
          width: 30%;
          padding: 30px;
          box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
          border-radius: 10px;
          background-color: #f0f0f0;
          display: flex;
          flex-direction: column;
      }
      
      .gotov .case_info {
          margin-top: 20px;
          width: 100%;
      }

      .gotov .case_img {
        margin-top: 0px;
        width: 100%;
    }
    .gotov .button {
        width: 100%;
        margin-top: 20px;
    }

      .gotov:nth-child(n+4) {
          margin-top: 50px;
      }

      .gotov_img {
          width: 100%; 
          flex-wrap: wrap;
          justify-content: space-between;
          object-fit: cover;
          display: flex;
          
      }

      .gotov_img img:first-child {
          width: 100%;
          border-radius: 10px;
          object-fit: cover;
          display: flex;
          height: 220px;
      }

      .gotov_img img:nth-child(n+2){
        width: 30%;
        border-radius: 10px;
        margin-top: 13px;
        object-fit: cover;
          display: flex;

          height: 70px;
    }

    .gotov_info h5 {
        font-size: 20px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .gotov_info > p {
        text-align: center;
        line-height: 160%;
    }
    .gotov_info .button {
        width: 100%;
        margin-top: 15px;
    }

    .gotov .case_img_big {
        height: 200px;
    }

    .gotov .case_img_small {
        height: 60px;
        object-fit: cover;
    }

    .last {
        margin-right: auto;
        margin-left: 17px;
    }


    /*SMETA*/
    .block_smeta {
        margin-top: 60px;
        padding: 60px 70px;
        border-radius: 10px;
        box-shadow: 0 4px 20px rgb(0 0 0 / 5%);
        display: flex;
        justify-content: space-between;

        background: linear-gradient(to bottom, rgba(240, 240, 240, 0.9) 0%, rgba(240, 240, 240, 0.9) 50%, rgba(240, 240, 240, 0.9) 90%, rgba(240, 240, 240, 0.9) 100%), url(../img/smeta_bg.jpg);
        background-size: cover;
        background-position: center center;
    }
    .block_smeta_left {
        width: 580px;
    }

    .block_smeta_left h4 {
        font-size: 36px;
        line-height: 120%;
    }

    .block_smeta_left p img {
        width: 150px;
    }

    .block_smeta_left > p {
        display: flex;
        justify-content: space-between;
        font-size: 20px;
        line-height: 150%;
        margin-top: 25px;
    }


    .block_smeta_left_master p {
        font-size: 18px;
        line-height: 150%;
        margin-left: -20px;
    }

    .block_smeta_left_master {
        display: flex;
        margin-top: 30px;
        margin-bottom: -60px;
    }
    .block_smeta_left_master img {
        width: 190px;
        margin-left: -30px;
    }

    .block_smeta_right {
        position: relative;
    }



    .ruletka {
        width: 550px;
        position: absolute;
        left: -480px;
        bottom: -180px;
    }
    /*FORMA*/

    .forma form {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-direction: column;
        position: relative;
        z-index: 5;
    }


    .forma {
        width: 350px;
        padding: 25px 30px;
        background-color: #fff;
        box-shadow: 0 7px 16px rgb(36 44 51 / 7%);
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        transition: all 0.3s;
        z-index: 2;
    }


    .forma .button {
        width: 100%;
        margin-top: 15px;
    }

    .forma .button button {
        padding: 20px 20px;
        font-size: 18px;
    }

    .forma:after {
        content: '';
        position: absolute;
        display: block;
        top: 7px;
        left: 7px;
        bottom: 7px;
        right: 7px;
        border: 1px solid #dfdfdf;
        border-radius: 10px;
        z-index: 2;
    }

    .forma input {
        width: 100%;
    }
    .forma input:nth-child(n+2) {
        margin-top: 18px;
    }

    .forma .button_red {
        width: 100%;
        margin-top: 18px;
    }

    .forma h4 {
        font-size: 18px;
        text-align: center;
        line-height: 120%;
        color: #333;
    }
    .forma > p {
        font-size: 14px;
        text-align: center;
        line-height: 140%;
        margin-top: 8px;
        margin-bottom: 15px;
        color: #939393;
    }

    form input {
        padding: 20px 20px; 
        font-size: 18px;
        border-radius: 10px;
        border: none;
        background-color: #f8f8f8;
        box-shadow: inset 0px 0px 15px rgba(0,0,0,0.05);
        font-family: 'roboto', sans-serif!important;
        font-weight: 400;
        color: #777777;
        z-index: 10;
        width: 31%;
    }

    .forma_long form small {
        width: 100%;
    }

    textarea {
        max-height: 80px;
        min-height: 80px;
        max-width: 100%;
        min-width: 100%;
        background-color: #f8f8f8;
        box-shadow: inset 0px 0px 15px rgba(0,0,0,0.05);
        font-family: 'roboto', sans-serif!important;
        font-weight: 400;
        color: #777777;
        border: none;
        border-radius: 10px;
        padding: 20px;
        font-size: 16px;
    }


    input::placeholder {
        color: #b0b0b0!important;
    }
    textarea::placeholder {
        color: #b0b0b0!important;
        font-size: 16px;
    }

    .forma_modal.forma form input {
        padding: 25px 20px!important;
    }
    
    form input:focus {
        box-shadow: inset 0px 0px 20px rgba(95, 116, 164,0.2);
    }
    form input:hover {
        box-shadow: inset 0px 0px 20px rgba(95, 116, 164,0.2);
    }
    form textarea:focus {
        box-shadow: inset 0px 0px 20px rgba(95, 116, 164,0.2);
    }
    form textarea:hover {
        box-shadow: inset 0px 0px 20px rgba(95, 116, 164,0.2);
    }



    /*BLOCK5*/


    .otzivi {
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
    }

    .otzivi img {
        width: 25%;
    }
    

    /*BLOCK6*/

    .shagi_all {
        margin-top: 60px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .shag {
        display: flex;
    }

    .shag:nth-child(n+2) {
        margin-top: 70px;
    }

    .cifra {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 4px solid #d0974b;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        font-weight: 600;
    }

    .shag p {
        font-size: 18px;
        line-height: 160%;
        width: 300px;
        margin-left: 25px;
        font-weight: 400;
    }

    /*CONTACTS*/
    .contacts_all {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }
    .contacts {
        width: 400px;
        background-color: #fff;
        padding: 40px;
        border-radius: 10px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    }

    .contacts h3 {
        width: max-content;
        text-align: left;
        margin: 0 auto 30px 0;
    }

    .contacts a {
        font-size: 20px;
        font-weight: 600;
        color: #333;
        text-decoration: none;
        line-height: 140%;
    }
    .contacts span {
        font-size: 20px;
        font-weight: 600;
        color: #333;
        text-decoration: none;
        line-height: 140%;
    }

    .cont:nth-child(n+2) {
        margin-top: 30px;
    }
    .contacts .button {
        width: 100%;
        margin-top: 40px;
    }
    .mmap {
        width: 690px;
        border-radius: 10px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        overflow: hidden;
    }
    .callback-bt-tel {
        display: none!important;
    }

    .recv {
        width: 600px;
        margin-right: auto;
        
    }
    .bottom_dop {
        margin-top: 50px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    /*OWL*/

    .owl-next, .owl-prev {
		width: 22px;
		height: 40px;
		margin-top: -20px;
		position: absolute;
		top: 50%;
	}

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: block!important;
    }

	.owl-theme .owl-dots, .owl-theme .owl-nav {
		text-align: center;
		-webkit-tap-highlight-color: transparent;
		margin-top: 40px;
	}

	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background: #00534b!important;
	}

	.owl-prev {
		left: -35px;
		transition: ease-in-out 0.2s;
	}

	.owl-prev:hover {
		transform: translate(-5px);
		transition: ease-in-out 0.2s;
	}

	.owl-next:hover {
		transform: translate(5px);
		transition: ease-in-out 0.2s;
	}

	.owl-next {
		right: -35px;
		transition: ease-in-out 0.2s;
	}

	.owl-theme .owl-nav [class*=owl-]:hover {
		background: none!important;
		color: #FFF;
		text-decoration: none;
	}

	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
		background: 0 0;
		color: inherit;
		border: none;
		padding: 0!important;
		font: inherit;
		width: 60px;
        
	}

    .owl-nav img {
        box-shadow: none!important;
    }

    .mobile {
        display: none;
    }

    .callback-bt-tel {
        display: none!important;
    }

    .socseti {
        text-align: center;
        margin-top: 20px;
        display: flex;
        align-items: center;
    }

    .soc_seti_icon {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100px;
        margin-left: 10px;
        margin-right: auto;
        margin-top: 10px;
    }

    .soc_seti_icon img {
        width: 30px;
    }

    }

    @media screen and (max-width:1200px) and (min-width:993px) {

        html {
            min-width: 993px
        }
        body {
            zoom: 80%;
           
        }
        .callback-bt-tel {
            display: none!important;
        }
        .mobile {
            display: none!important;
        }
    
    }


    @media screen and (max-width:992px) and (min-width:700px) {
        * {
            margin: 0;
            padding: 0;
            outline: 0 !important;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        
        }
        html {
            min-width: 700px;
            line-height: 145%;
            overflow-x: hidden;
        }
        *:before, *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        body {
            color: #333333;
            font-family: 'roboto', sans-serif!important;
            -webkit-overflow-scrolling: touch;
            font-weight: 400;
            font-style: normal;
            -webkit-text-size-adjust: 100%;
            overflow: hidden;
        }
        .container {
            max-width: 700px;
            min-width: 700px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .container2 {
            max-width: 700px;
            width: 100%;
            min-width: 700px;
            margin: 0 auto;
            padding: 0 20px;
           
        }
        .cd-auto-hide-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 85px;
            transition: transform .5s;
            z-index: 30;
            display: flex;
            align-items: center;
          }
          .cd-auto-hide-header.is-hidden {
            transform: translateY(0%);
          }
          .animate {
            background-color: #fff;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
          }
        section {
            padding: 90px 0;
        }
        header {
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0.95) 100%), url(../img/bg1.jpg);
            -webkit-background-size: cover;
            background-size: cover;
            background-position: center center;
            position: relative;
            padding-bottom: 90px;
            overflow: hidden;
        }
    
        .bg {
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0.95) 100%), url(../img/bg1.jpg);
            -webkit-background-size: cover;
            background-size: cover;
            background-position: center center;
        }
        
        h3 {
            font-size: 36px;
            font-weight: 600;
            text-align: center;
            line-height: 125%;
            width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        h3 small {
            display: block;
            font-size: 19px;
            font-weight: 400;
            line-height: 160%;
            margin-top: 20px;
        }
    
        .button {
            cursor: pointer;
            border-radius: 5px;
            position: relative;
    
            cursor: pointer;
            z-index: 10;
            width: 400px;
        
        }
        .button button {
            padding: 30px 30px;
            background-image: linear-gradient(to top, #d0974b, #d0a771, #d0974b);
            font-family: 'roboto', sans-serif!important;
            border-radius: 10px;
            cursor: pointer;
            border: none;
            color: #fff;
            font-size: 20px;
            font-weight: 500;
            transition: background 0.2s ease;
            box-shadow: 0 -4px rgb(182, 137, 78) inset;
            width: 100%;
            transition: 0.3s;
            z-index: 2;
            position: relative;
        }
        .button button p {
            position: relative;
            z-index: 1;
        }
     
        .button button:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 10px;
            background-image: linear-gradient(to top, #d0974b, #d0974b);
            box-shadow: 0 -4px rgb(182, 137, 78) inset;
            opacity: 0;
            transition: 0.3s;
          }
          .button button:hover:before {
            opacity: 1;
          }
    
          /*HEADER*/
    
          .menu {
              display: flex;
              align-items: center;
              justify-content: space-between;
          }
    
          .logo {
              display: flex;
              align-items: center;
          }
    
          .logo img {
              width: 170px;
          }
    
          .logo p {
              width: 230px;
              font-size: 15px;
              line-height: 150%;
              margin-left: 30px;
              display: none;
          }
    
    
          .adr {
              display: flex;
              align-items: center;
              margin-left: 0;
              margin-right: 0;
          }
    
          .adr img {
              width: 50px;
              border-radius: 50%;
          }
          .adr p {
              width: 170px;
              font-size: 14px;
              line-height: 150%;
              margin-left: 15px;
          }
    
          .tel {
              text-align: right;
          }
          .tel p {
              font-size: 14px;
              margin-bottom: 3px;
          }
    
          .tel a {
              font-size: 22px;
              color: #333;
              text-decoration: none;
              font-weight: 600;
          }
    
          .main {
              padding-top: 140px;
              display: flex;
              justify-content: space-between;
              position: relative;
          }
    
          .main_left {
            width: 675px;
          }
    
          h1 {
              font-size: 40px;
              line-height: 125%;
          }
    
          h1 span {
              color: #b58546;
          }
          .main_plusi {
              display: flex;
              justify-content: space-between;
              margin-top: 30px;
          }
          .main_plus {
              display: flex;
              align-items: center;
          }
          .main_plus img {
              width: 65px;
              height: auto;
          }
          .main_plus p {
              width: 235px;
              font-size: 18px;
              line-height: 150%;
              margin-left: 15px;
          }
    
          .zamer {
              margin-top: 60px;
              position: relative;
          }
          .zamer p {
              font-size: 18px;
              line-height: 150%;
              margin-left: 115px;
          }
    
          .main_zamershik {
              width: 130px;
              position: absolute;
              top: 20px;
              object-fit: cover
              
          }
    
    
          .button_block {
              margin-top: 48px;
              display: flex;
              align-items: flex-end;
              justify-content: space-between;
          }
    
          .button_dop p {
              font-size: 14px;
              color: #838383;
              width: 170px;
              line-height: 145%;
              font-style: italic;
              margin-left: -60px;
              margin-bottom: 10px
          }
          .button_dop img {
              width: 100px;
              height: auto;
              object-fit: cover;
          }
    
          .line_button {
              width: 150px;
              position: absolute;
              right: -120px;
              top: -20px;
              transform: rotate(-10deg);
    
          }
    
          .main_right {
              height: 587px;
              display: flex;
              object-fit: cover;
              margin-left: 0px;
              border-radius: 50px 0 0 0;
              overflow: hidden;
              position: relative;
              height: 300px;
              right: 0;
              margin-top: 50px;
              width: 100%;
          }
    
          .main_right img {
              display: flex;
              object-fit: cover;
              align-items: flex-start;
              width: 100%;
          }
    
    
    
          /*BLOCK2*/
    
          .block2 {
              display: flex;
              justify-content: space-between;
              position: relative;
          }
    
          .block2_left {
                height: 580px;
              display: flex;
              object-fit: cover;
              margin-left: 0px;
              border-radius: 0 50px 0px 0;
              overflow: hidden;
              position: relative;
              right: 0px;
              margin-top: 40px;
              width: 100%;
              height: 300px;
          }
    
          .block2_left img {
            display: flex;
            object-fit: cover;
            align-items: flex-start;
            width: 100%;
        }
    
          .block2_right {
              width: 650px;
              margin-left: auto;
          }
    
          .block2_right > h3 {
              font-weight: 600;
              text-align: left;
              line-height: 125%;
              margin-left: 0;
              margin-right: 0;
              width: 100%;
          }
          
          .block2_right .block2_p p {
              font-size: 18px;
              line-height: 170%;
              margin-top: 30px;
          }
    
          .block2_plusi {
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
              margin-top: 45px;
          }
    
          .bloc2_plus {
              display: flex;
              align-items: center;  
          }
          .bloc2_plus:nth-child(n+3) {
              margin-top: 40px;
          }
          .bloc2_plus p {
              margin-left: 15px;
              width: 240px;
              font-size: 18px;
              line-height: 160%;
          }
    
          .block2_right .button {
              margin-top: 60px;
          }
          .block2_right .button b {
              display: block;
              font-size: 20px;
              margin-bottom: 3px;
              font-weight: 500;
          }
          .block2_right .button p {
              font-size: 16px;
              font-weight: 300;
          }
    
          .opilok {
              width: 180px;
              position: absolute;
              right: -300px;
              top: 30px;
          }
          
    
    
          /*BLOCK3*/
          .cases_all {
              margin-top: 60px;
              display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: column;
          }
          .case {
              display: flex;
              flex-direction: column;
              background-color: #fff;
              padding: 30px;
              box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
              border-radius: 10px;
              width: 450px!important;
              
          }
    
          .cases {
            width: 450px!important;
          }
    
          .case_img {
              width: 400px;
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
              margin-right: 32px;
          }
          .case_img img {
              width: 100%;
          }
          .case_img .case_img_big {
              width: 100%;
              border-radius: 10px;
              overflow: hidden;
              display: flex;
              object-fit: cover;
          }
    
          .case_img .case_img_small {
              width: 30%;
              border-radius: 10px;
              overflow: hidden;
              display: flex;
              object-fit: cover;
              margin-top: 15px;
          }
    
          .case_info {
              width: 100%;
              margin-top: 20px;
          }
          .case_info h4 {
              font-size: 20px;
              margin-bottom: 25px;
          }
    
          .case_parametr {
              display: flex;
              justify-content: space-between;
              width: 100%;
              border-bottom: 1px solid #d0a771;
              padding-bottom: 7px;
              font-size: 14px;
          }
    
          .case_parametr:nth-child(n+2) {
              margin-top: 12px;
          }
    
          .case_parametr b {
              text-align: left;
              width: max-content;
              display: block;
              width: 175px;
          }
    
    
          .master_cases {
              width: 275px;
              flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-top: 40px;
          }
    
          .master_cases .button {
              width: 100%;
          }
    
          .master {
              margin-bottom: -10px;
              position: relative;
              z-index: 11;
          }
    
          .master_cases .button button p{
            transform: skew(0deg);
            display: block;
            font-size: 18px;
        }
          
          .master_cases img {
              width: 90%;
              margin-left: auto;
              margin-right: auto;
              display: block;
              margin-bottom: -20px;
          }
          .master_name {
            box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
            background-color: #fff;
            border-radius: 10px;
            transform: skew(-15deg);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 10px 0;
          }
    
          .master_name > b {
            transform: skew(15deg);
            display: block;
            font-size: 16px;
          }
    
          .master_name > p {
            transform: skew(15deg);
            display: block;
            font-size: 14px;
          }
    
          .master_name p {
              margin-top: -3px;
          }
    
          /*BLOCK4*/
    
          .gotovie {
              margin-top: 60px;
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
              align-items: flex-start;
          }
    
          .gotov {
              width: 48%!important;
              padding: 30px;
              box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
              border-radius: 10px;
              background-color: #f0f0f0;
          }

          .case .gotov {
              width: 48%;
          }

          .case_info .case_opis b {
            display: block;
            font-size: 15px;
        }
        .case_info .case_opis {
          display: block;
          font-size: 14px;
          line-height: 165%;
      }
        .case_info .case_opis:nth-child(n+2) {
            margin-top: 15px;
        }
    
          .gotov:nth-child(n+3) {
              margin-top: 50px;
          }
    
          .gotov_img {
              width: 100%; 
              flex-wrap: wrap;
              justify-content: space-between;
              object-fit: cover;
              display: flex;
              
          }
    
          .gotov_img img:first-child {
              width: 100%;
              border-radius: 10px;
              object-fit: cover;
              display: flex;
              height: 220px;
          }
    
          .gotov_img img:nth-child(n+2){
            width: 30%;
            border-radius: 10px;
            margin-top: 13px;
            object-fit: cover;
              display: flex;
    
              height: 70px;
        }
    
        .gotov_info h5 {
            font-size: 20px;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 10px;
        }
        .gotov_info > p {
            text-align: center;
            line-height: 160%;
        }
        .gotov_info .button {
            width: 100%;
            margin-top: 15px;
        }
    
    
        /*SMETA*/
        .block_smeta {
            margin-top: 60px;
            padding: 60px 70px;
            border-radius: 10px;
            box-shadow: 0 4px 20px rgb(0 0 0 / 5%);
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            background: linear-gradient(to bottom, rgba(240, 240, 240, 0.9) 0%, rgba(240, 240, 240, 0.9) 50%, rgba(240, 240, 240, 0.9) 90%, rgba(240, 240, 240, 0.9) 100%), url(../img/smeta_bg.jpg);
            background-size: cover;
            background-position: center center;
        }
        .block_smeta_left {
            width: 100%;
        }
    
        .block_smeta_left h4 {
            font-size: 36px;
            line-height: 120%;
        }
    
        .block_smeta_left p img {
            width: 150px;
        }
    
        .block_smeta_left > p {
            display: flex;
            justify-content: space-between;
            font-size: 20px;
            line-height: 150%;
            margin-top: 25px;
        }
    
    
        .block_smeta_left_master p {
            font-size: 18px;
            line-height: 150%;
            margin-left: -20px;
        }
    
        .block_smeta_left_master {
            display: flex;
            margin-top: 30px;
            margin-bottom: -60px;
        }
        .block_smeta_left_master img {
            width: 190px;
            margin-left: -30px;
        }
    
        .block_smeta_right {
            position: relative;
        }
    
    
    
        .ruletka {
            width: 550px;
            position: absolute;
            left: -0px;
            bottom: -200px;
        }
        /*FORMA*/
    
        .forma form {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            flex-direction: column;
            position: relative;
            z-index: 5;
        }
    
    
        .forma {
            width: 350px;
            padding: 25px 30px;
            background-color: #fff;
            box-shadow: 0 7px 16px rgb(36 44 51 / 7%);
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            transition: all 0.3s;
            z-index: 2;
            margin-left: auto;
            margin-right: auto;
            margin-top: 40px;
        }
    
    
        .forma .button {
            width: 100%;
            margin-top: 15px;
        }
    
        .forma .button button {
            padding: 20px 20px;
            font-size: 18px;
        }
    
        .forma:after {
            content: '';
            position: absolute;
            display: block;
            top: 7px;
            left: 7px;
            bottom: 7px;
            right: 7px;
            border: 1px solid #dfdfdf;
            border-radius: 10px;
            z-index: 2;
        }
    
        .forma input {
            width: 100%;
        }
        .forma input:nth-child(n+2) {
            margin-top: 18px;
        }
    
        .forma .button_red {
            width: 100%;
            margin-top: 18px;
        }
    
        .forma h4 {
            font-size: 18px;
            text-align: center;
            line-height: 120%;
            color: #333;
        }
        .forma > p {
            font-size: 14px;
            text-align: center;
            line-height: 140%;
            margin-top: 8px;
            margin-bottom: 15px;
            color: #939393;
        }
    
        form input {
            padding: 20px 20px; 
            font-size: 18px;
            border-radius: 10px;
            border: none;
            background-color: #f8f8f8;
            box-shadow: inset 0px 0px 15px rgba(0,0,0,0.05);
            font-family: 'roboto', sans-serif!important;
            font-weight: 400;
            color: #777777;
            z-index: 10;
            width: 31%;
        }
    
        .forma_long form small {
            width: 100%;
        }
    
        textarea {
            max-height: 80px;
            min-height: 80px;
            max-width: 100%;
            min-width: 100%;
            background-color: #f8f8f8;
            box-shadow: inset 0px 0px 15px rgba(0,0,0,0.05);
            font-family: 'roboto', sans-serif!important;
            font-weight: 400;
            color: #777777;
            border: none;
            border-radius: 10px;
            padding: 20px;
            font-size: 16px;
        }
    
    
        input::placeholder {
            color: #b0b0b0!important;
        }
        textarea::placeholder {
            color: #b0b0b0!important;
            font-size: 16px;
        }
    
        .forma_modal.forma form input {
            padding: 25px 20px!important;
        }
        
        form input:focus {
            box-shadow: inset 0px 0px 20px rgba(95, 116, 164,0.2);
        }
        form input:hover {
            box-shadow: inset 0px 0px 20px rgba(95, 116, 164,0.2);
        }
        form textarea:focus {
            box-shadow: inset 0px 0px 20px rgba(95, 116, 164,0.2);
        }
        form textarea:hover {
            box-shadow: inset 0px 0px 20px rgba(95, 116, 164,0.2);
        }
    
    
    
        /*BLOCK5*/
    
    
        .otzivi {
            display: flex;
            justify-content: space-between;
            margin-top: 60px;
        }
    
        .otzivi img {
            width: 25%;
        }
        
    
        /*BLOCK6*/
    
        .shagi_all {
            margin-top: 60px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-direction: column;
        }
    
        .shag {
            display: flex;
        }

        .shagi_all img {
            margin: 60px 0;
        }
    
        .shag:nth-child(n+2) {
            margin-top: 70px;
        }
    
        .cifra {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            border: 4px solid #d0974b;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            font-weight: 600;
        }
    
        .shag p {
            font-size: 18px;
            line-height: 160%;
            width: 300px;
            margin-left: 25px;
            font-weight: 400;
        }
    
        /*CONTACTS*/
        .contacts_all {
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            flex-direction: column;
        }
        .contacts {
            width: 400px;
            background-color: #fff;
            padding: 40px;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            margin-left: auto;
            margin-right: auto;
            margin-bottom: -30px;
            z-index: 10;
        }
    
        .contacts h3 {
            width: max-content;
            text-align: left;
            margin: 0 auto 30px 0;
        }
    
        .contacts a {
            font-size: 20px;
            font-weight: 600;
            color: #333;
            text-decoration: none;
            line-height: 140%;
        }
        .contacts span {
            font-size: 20px;
            font-weight: 600;
            color: #333;
            text-decoration: none;
            line-height: 140%;
        }
    
        .cont:nth-child(n+2) {
            margin-top: 30px;
        }
        .contacts .button {
            width: 100%;
            margin-top: 40px;
        }
        .mmap {
            width: 690px;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            overflow: hidden;
        }
        .callback-bt-tel {
            display: none!important;
        }
    
        .recv {
            width: 600px;
            margin-right: auto;
            
        }
        .bottom_dop {
            margin-top: 50px;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }
    
        /*OWL*/
    
        .owl-next, .owl-prev {
            width: 22px;
            height: 40px;
            margin-top: -20px;
            position: absolute;
            top: 50%;
        }
    
        .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
            display: block!important;
        }
    
        .owl-theme .owl-dots, .owl-theme .owl-nav {
            text-align: center;
            -webkit-tap-highlight-color: transparent;
            margin-top: 40px;
        }
    
        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #00534b!important;
        }
    
        .owl-prev {
            left: -35px;
            transition: ease-in-out 0.2s;
        }
    
        .owl-prev:hover {
            transform: translate(-5px);
            transition: ease-in-out 0.2s;
        }
    
        .owl-next:hover {
            transform: translate(5px);
            transition: ease-in-out 0.2s;
        }
    
        .owl-next {
            right: -35px;
            transition: ease-in-out 0.2s;
        }
    
        .owl-theme .owl-nav [class*=owl-]:hover {
            background: none!important;
            color: #FFF;
            text-decoration: none;
        }
    
        .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
            background: 0 0;
            color: inherit;
            border: none;
            padding: 0!important;
            font: inherit;
            width: 60px;
            
        }
    
        .owl-nav img {
            box-shadow: none!important;
        }

        .owl-carousel .owl-stage-outer {
            position: relative;
            overflow: visible!important;
            -webkit-transform: translate3d(0,0,0);
        }

        .desctop {
            display: none;
        }
        .mobile {
            display: block;
        }

    }
    
    @media screen and (max-width:700px) { 
        * {
            margin: 0;
            padding: 0;
            outline: 0 !important;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        
        }
        html {
            min-width: 320px;
            line-height: 145%;
            overflow-x: hidden;
        }
        *:before, *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        body {
            color: #333333;
            font-family: 'roboto', sans-serif!important;
            -webkit-overflow-scrolling: touch;
            font-weight: 400;
            font-style: normal;
            -webkit-text-size-adjust: 100%;
            overflow: hidden;
        }
        .container {
            max-width: 350px;
            min-width: 320px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .container2 {
            max-width: 350px;
            width: 100%;
            min-width: 320px;
            margin: 0 auto;
            padding: 0 20px;
           
        }
        .cd-auto-hide-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 65px;
            transition: transform .5s;
            z-index: 30;
            display: flex;
            align-items: center;
          }
          .cd-auto-hide-header.is-hidden {
            transform: translateY(0%);
          }
          .animate {
            background-color: #fff;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
          }
        section {
            padding: 90px 0;
        }
        header {
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0.95) 100%), url(../img/bg1.jpg);
            -webkit-background-size: cover;
            background-size: cover;
            background-position: center center;
            position: relative;
            padding-bottom: 90px;
            overflow: hidden;
        }
    
        .bg {
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0.95) 100%), url(../img/bg1.jpg);
            -webkit-background-size: cover;
            background-size: cover;
            background-position: center center;
        }
        
        h3 {
            font-size: 21px;
            font-weight: 600;
            text-align: center;
            line-height: 140%;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
        h3 small {
            display: block;
            font-size: 14px;
            font-weight: 400;
            line-height: 160%;
            margin-top: 20px;
        }
    
        .button {
            cursor: pointer;
            border-radius: 5px;
            position: relative;
    
            cursor: pointer;
            z-index: 10;
            width: 400px;
        
        }
        .button button {
            padding: 30px 20px;
            background-image: linear-gradient(to top, #d0974b, #d0a771, #d0974b);
            font-family: 'roboto', sans-serif!important;
            border-radius: 10px;
            cursor: pointer;
            border: none;
            color: #fff;
            font-size: 20px;
            font-weight: 500;
            transition: background 0.2s ease;
            box-shadow: 0 -4px rgb(182, 137, 78) inset;
            width: 100%;
            transition: 0.3s;
            z-index: 2;
            position: relative;
        }
        .button button p {
            position: relative;
            z-index: 1;
        }
     
        .button button:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 10px;
            background-image: linear-gradient(to top, #d0974b, #d0974b);
            box-shadow: 0 -4px rgb(182, 137, 78) inset;
            opacity: 0;
            transition: 0.3s;
          }
          .button button:hover:before {
            opacity: 1;
          }
    
          /*HEADER*/
    
          .menu {
              display: flex;
              align-items: center;
              justify-content: space-between;
          }
    
          .logo {
              display: flex;
              align-items: center;
          }
    
          .logo img {
              width: 120px;
          }
    
          .logo p {
              width: 230px;
              font-size: 15px;
              line-height: 150%;
              margin-left: 30px;
              display: none;
          }
    
    
          .adr {
              display: flex;
              align-items: center;
              margin-left: 0;
              margin-right: 0;
              display: none;
          }
    
          .adr img {
              width: 50px;
              border-radius: 50%;
          }
          .adr p {
              width: 170px;
              font-size: 14px;
              line-height: 150%;
              margin-left: 15px;
          }
    
          .tel {
              text-align: right;
          }
          .tel p {
              font-size: 11px;
              margin-bottom: -2px;
          }
    
          .tel a {
              font-size: 18px;
              color: #333;
              text-decoration: none;
              font-weight: 600;
          }
    
          .main {
              padding-top: 140px;
              display: flex;
              justify-content: space-between;
              position: relative;
          }
    
          .main_left {
            width: 100%;
          }
    
          h1 {
              font-size: 21px;
              line-height: 135%;
          }
    
          h1 span {
              color: #b58546;
          }
          .main_plusi {
              display: flex;
              justify-content: space-between;
              margin-top: 30px;
              flex-direction: column;
          }
          .main_plus {
              display: flex;
              align-items: center;
          }
          .main_plus:nth-child(n+2) {
              margin-top: 25px;
          } 
          .main_plus img {
              width: 65px;
              height: auto;
          }
          .main_plus p {
              width: 235px;
              font-size: 16px;
              line-height: 150%;
              margin-left: 15px;
          }
    
          .zamer {
              margin-top: 60px;
              position: relative;
          }
          .zamer p {
              font-size: 16px;
              line-height: 150%;
              margin-left: 0px;
          }
    
          .main_zamershik {
              width: 130px;
              position: absolute;
              top: 150px;
              object-fit: cover
              
          }
    
    
          .button_block {
              margin-top: 48px;
              display: flex;
              align-items: flex-end;
              justify-content: space-between;
              flex-direction: column;
          }

          .button_block .button {
              width: 100%;
              order: 2;
          }
    
          .button_dop p {
              font-size: 14px;
              color: #838383;
              width: 170px;
              line-height: 145%;
              font-style: italic;
              margin-left: -60px;
              margin-bottom: 10px
          }
          .button_dop img {
              width: 100px;
              height: auto;
              object-fit: cover;
          }
          .button_dop {
              margin-bottom: 10px;
          }
    
          .line_button {
              width: 150px;
              position: absolute;
              right: 80px;
              top: -10px;
              transform: rotate(105deg);
              display: none;
    
          }
    
          .main_right {
              height: 587px;
              display: flex;
              object-fit: cover;
              margin-left: 0px;
              border-radius: 50px 0 0 0;
              overflow: hidden;
              position: relative;
              height: 175px;
              right: 0;
              margin-top: 50px;
              width: 100%;
          }
    
          .main_right img {
              display: flex;
              object-fit: cover;
              align-items: flex-start;
              width: 100%;
          }
    
    
    
          /*BLOCK2*/
    
          .block2 {
              display: flex;
              justify-content: space-between;
              position: relative;
          }
    
          .block2_left {
                height: 100%;
              display: flex;
              object-fit: cover;
              margin-left: 0px;
              border-radius: 0 50px 0px 0;
              overflow: hidden;
              position: relative;
              right: 0px;
              margin-top: 40px;
              width: 100%;
              height: 175px;
          }
    
          .block2_left img {
            display: flex;
            object-fit: cover;
            align-items: flex-start;
            width: 100%;
        }
    
          .block2_right {
              width: 100%;
              margin-left: auto;
          }
    
          .block2_right > h3 {
              font-weight: 600;
              text-align: left;
              line-height: 125%;
              margin-left: 0;
              margin-right: 0;
              width: 100%;
          }
          
          .block2_right .block2_p p {
              font-size: 16px;
              line-height: 170%;
              margin-top: 30px;
          }
    
          .block2_plusi {
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
              margin-top: 45px;
          }
    
          .bloc2_plus {
              display: flex;
              align-items: center;  
          }
          .bloc2_plus:nth-child(n+2) {
              margin-top: 40px;
          }
          .bloc2_plus p {
              margin-left: 15px;
              width: 100%px;
              font-size: 16px;
              line-height: 160%;
          }
          .bloc2_plus img {
              width: 55px;
          }
    
          .block2_right .button {
              margin-top: 60px;
              width: 100%;
          }
          .block2_right .button b {
              display: block;
              font-size: 20px;
              margin-bottom: 3px;
              font-weight: 500;
          }
          .block2_right .button p {
              font-size: 16px;
              font-weight: 300;
          }
    
          .opilok {
              width: 100px;
              position: absolute;
              right: -0px;
              top: 140px;
          }
          
    
    
          /*BLOCK3*/
          .cases_all {
              margin-top: 60px;
              display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: column;
          }
          .case {
              display: flex;
              flex-direction: column;
              background-color: #fff;
              padding: 30px;
              box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
              border-radius: 10px;
              width: 100%!important;
              
          }

          p {
              font-weight: 400;
          }
    
          .cases {
            width: 100%!important;
          }
    
          .case_img {
              width: 100%;
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
              margin-right: 32px;
          }
          .case_img img {
              width: 100%;
          }
          .case_img .case_img_big {
              width: 100%;
              border-radius: 10px;
              overflow: hidden;
              display: flex;
              object-fit: cover;
              height: 150px;
          }
    
          .case_img .case_img_small {
              width: 30%;
              border-radius: 10px;
              overflow: hidden;
              display: flex;
              object-fit: cover;
              margin-top: 12px;
              height: 50px;
          }

          .last {
              margin-right: auto;
              margin-left: 13px;
          }

          .case_img .case_img_small a{
            object-fit: cover;
            width: 100%;
          }
    
          .case_info {
              width: 100%;
              margin-top: 20px;
          }
          .case_info h4 {
              font-size: 20px;
              margin-bottom: 25px;
          }
    
          .case_parametr {
              display: flex;
              justify-content: center;
              flex-direction: column;
              width: 100%;
              border-bottom: 1px solid #d0a771;
              padding-bottom: 7px;
              font-size: 14px;
          }
    
          .case_parametr:nth-child(n+2) {
              margin-top: 12px;
          }
    
          .case_parametr b {
              text-align: left;
              width: max-content;
              display: block;
              width: 175px;
          }
    
    
          .master_cases {
              width: 275px;
              flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-top: 40px;
          }
    
          .master_cases .button {
              width: 100%;
          }
    
          .master {
              margin-bottom: -10px;
              position: relative;
              z-index: 11;
          }
    
          .master_cases .button button p{
            transform: skew(0deg);
            display: block;
            font-size: 18px;
        }
          
          .master_cases img {
              width: 90%;
              margin-left: auto;
              margin-right: auto;
              display: block;
              margin-bottom: -20px;
          }
          .master_name {
            box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
            background-color: #fff;
            border-radius: 10px;
            transform: skew(-15deg);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 10px 0;
          }
    
          .master_name > b {
            transform: skew(15deg);
            display: block;
            font-size: 16px;
          }
    
          .master_name > p {
            transform: skew(15deg);
            display: block;
            font-size: 14px;
          }
    
          .master_name p {
              margin-top: -3px;
          }
    
          /*BLOCK4*/
    
          .gotovie {
              margin-top: 60px;
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
              align-items: flex-start;
          }
    
          .gotov {
              width: 100%;
              padding: 20px;
              box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
              border-radius: 10px;
              background-color: #f0f0f0;
          }


          .case_info .case_opis b {
            display: block;
            font-size: 15px;
        }
        .case_info .case_opis {
          display: block;
          font-size: 14px;
          line-height: 165%;
          font-weight: 400;
      }
        .case_info .case_opis:nth-child(n+2) {
            margin-top: 15px;
        }
        
        .gotov .case_info  .button {
            width: 100%;
            margin-top: 20px;
        }
    
          .gotov:nth-child(n+2) {
              margin-top: 50px;
          }
    
          .gotov_img {
              width: 100%; 
              flex-wrap: wrap;
              justify-content: space-between;
              object-fit: cover;
              display: flex;
              
          }
    
          .gotov_img img:first-child {
              width: 100%;
              border-radius: 10px;
              object-fit: cover;
              display: flex;
              height: 170px;
          }
    
          .gotov_img img:nth-child(n+2){
            width: 30%;
            border-radius: 10px;
            margin-top: 13px;
            object-fit: cover;
              display: flex;
    
              height: 50px;
        }
    
        .gotov_info h5 {
            font-size: 18px;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 10px;
        }
        .gotov_info > p {
            text-align: center;
            line-height: 160%;
            font-size: 14px;
        }
        .gotov_info .button {
            width: 100%;
            margin-top: 15px;
        }
    
    
        /*SMETA*/
        .block_smeta {
            margin-top: 60px;
            padding: 20px 30px;
            border-radius: 10px;
            box-shadow: 0 4px 20px rgb(0 0 0 / 5%);
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            background: linear-gradient(to bottom, rgba(240, 240, 240, 0.9) 0%, rgba(240, 240, 240, 0.9) 50%, rgba(240, 240, 240, 0.9) 90%, rgba(240, 240, 240, 0.9) 100%), url(../img/smeta_bg.jpg);
            background-size: cover;
            background-position: center center;
        }
        .block_smeta_left {
            width: 100%;
        }
    
        .block_smeta_left h4 {
            font-size: 21px;
            line-height: 120%;
        }
    
        .block_smeta_left p img {
            width: 120px;
            margin-left: auto;
            margin-top: 10px;
        }
    
        .block_smeta_left > p {
            display: flex;
            justify-content: space-between;
            font-size: 16px;
            line-height: 150%;
            margin-top: 20px;
            flex-direction: column;
        }
    
    
        .block_smeta_left_master p {
            font-size: 14px;
            line-height: 150%;
            margin-left: 0px;
        }
    
        .block_smeta_left_master {
            display: flex;
            margin-top: 30px;
            margin-bottom: -0px;
            align-items: flex-end;
        }
        .block_smeta_left_master img {
            width: 120px;
            margin-left: -40px;
            height: auto;
            margin-bottom: -20px;
        }
    
        .block_smeta_right {
            position: relative;
        }
    
    
    
        .ruletka {
            width: 350px;
            position: absolute;
            left: -0px;
            bottom:auto;
            top: -150px;
        }
        /*FORMA*/
    
        .forma form {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            flex-direction: column;
            position: relative;
            z-index: 5;
        }
    
    
        .forma {
            width: 100%;
            padding: 25px 30px;
            background-color: #fff;
            box-shadow: 0 7px 16px rgb(36 44 51 / 7%);
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            transition: all 0.3s;
            z-index: 2;
            margin-top: 80px;
        }
    
    
        .forma .button {
            width: 100%;
            margin-top: 15px;
        }
    
        .forma .button button {
            padding: 20px 20px;
            font-size: 18px;
        }
    
        .forma:after {
            content: '';
            position: absolute;
            display: block;
            top: 7px;
            left: 7px;
            bottom: 7px;
            right: 7px;
            border: 1px solid #dfdfdf;
            border-radius: 10px;
            z-index: 2;
        }
    
        .forma input {
            width: 100%;
        }
        .forma input:nth-child(n+2) {
            margin-top: 18px;
        }
    
        .forma .button_red {
            width: 100%;
            margin-top: 18px;
        }
    
        .forma h4 {
            font-size: 18px;
            text-align: center;
            line-height: 120%;
            color: #333;
        }
        .forma > p {
            font-size: 14px;
            text-align: center;
            line-height: 140%;
            margin-top: 8px;
            margin-bottom: 15px;
            color: #939393;
        }
    
        form input {
            padding: 20px 20px; 
            font-size: 18px;
            border-radius: 10px;
            border: none;
            background-color: #f8f8f8;
            box-shadow: inset 0px 0px 15px rgba(0,0,0,0.05);
            font-family: 'roboto', sans-serif!important;
            font-weight: 400;
            color: #777777;
            z-index: 10;
            width: 31%;
        }
    
        .forma_long form small {
            width: 100%;
        }
    
        textarea {
            max-height: 80px;
            min-height: 80px;
            max-width: 100%;
            min-width: 100%;
            background-color: #f8f8f8;
            box-shadow: inset 0px 0px 15px rgba(0,0,0,0.05);
            font-family: 'roboto', sans-serif!important;
            font-weight: 400;
            color: #777777;
            border: none;
            border-radius: 10px;
            padding: 20px;
            font-size: 16px;
        }
    
    
        input::placeholder {
            color: #b0b0b0!important;
        }
        textarea::placeholder {
            color: #b0b0b0!important;
            font-size: 16px;
        }
    
        .forma_modal.forma form input {
            padding: 25px 20px!important;
        }
        
        form input:focus {
            box-shadow: inset 0px 0px 20px rgba(95, 116, 164,0.2);
        }
        form input:hover {
            box-shadow: inset 0px 0px 20px rgba(95, 116, 164,0.2);
        }
        form textarea:focus {
            box-shadow: inset 0px 0px 20px rgba(95, 116, 164,0.2);
        }
        form textarea:hover {
            box-shadow: inset 0px 0px 20px rgba(95, 116, 164,0.2);
        }
    
    
    
        /*BLOCK5*/
    
    
        .otzivi {
            display: flex;
            justify-content: space-between;
            margin-top: 60px;
        }
    
        .otzivi img {
            width: 25%;
        }
        
    
        /*BLOCK6*/
    
        .shagi_all {
            margin-top: 60px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-direction: column;
        }
    
        .shag {
            display: flex;
            align-items: flex-start;
        }

        .shagi_all img {
            margin: 60px 0;
            width: 60%;
        }
    
        .shag:nth-child(n+2) {
            margin-top: 70px;
        }

    
        .cifra {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            border: 4px solid #d0974b;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            font-weight: 600;
        }
    
        .shag p {
            font-size: 16px;
            line-height: 160%;
            width: 220PX;
            margin-left: 15px;
            font-weight: 400;
        }
    
        /*CONTACTS*/
        .contacts_all {
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            flex-direction: column;
        }
        .contacts {
            width: 100%;
            background-color: #fff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            margin-left: auto;
            margin-right: auto;
            margin-bottom: -30px;
            z-index: 10;
        }
    
        .contacts h3 {
            width: max-content;
            text-align: left;
            margin: 0 auto 30px 0;
        }
    
        .contacts a {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            text-decoration: none;
            line-height: 140%;
        }
        .contacts span {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            text-decoration: none;
            line-height: 140%;
        }
    
        .cont:nth-child(n+2) {
            margin-top: 30px;
        }
        .contacts .button {
            width: 100%;
            margin-top: 40px;
        }
        .mmap {
            width: 100%;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            overflow: hidden;

            height: 400px;
        }
        .callback-bt-tel {
            display: none!important;
        }
    
        .recv {
            width: 600px;
            margin-right: auto;
            
        }
        .bottom_dop {
            margin-top: 50px;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }
    
        /*OWL*/
    
        .owl-next, .owl-prev {
            width: 22px;
            height: 40px;
            margin-top: -20px;
            position: absolute;
            top: 50%;
        }
    
        .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
            display: block!important;
        }
    
        .owl-theme .owl-dots, .owl-theme .owl-nav {
            text-align: center;
            -webkit-tap-highlight-color: transparent;
            margin-top: 40px;
        }
    
        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #00534b!important;
        }
    
        .owl-prev {
            left: -20px;
            transition: ease-in-out 0.2s;
        }
    
        .owl-prev:hover {
            transform: translate(-5px);
            transition: ease-in-out 0.2s;
        }
    
        .owl-next:hover {
            transform: translate(5px);
            transition: ease-in-out 0.2s;
        }
    
        .owl-next {
            right: -20px;
            transition: ease-in-out 0.2s;
        }
    
        .owl-theme .owl-nav [class*=owl-]:hover {
            background: none!important;
            color: #FFF;
            text-decoration: none;
        }
    
        .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
            background: 0 0;
            color: inherit;
            border: none;
            padding: 0!important;
            font: inherit;
            width: 40px;
            
        }
    
        .owl-nav img {
            box-shadow: none!important;
        }

        .owl-carousel .owl-stage-outer {
            position: relative;
            overflow: visible!important;
            -webkit-transform: translate3d(0,0,0);
        }

        .desctop {
            display: none;
        }
        .mobile {
            display: block;
        }

        .callback-bt-tel {
            display: block!important;
        }

        .callback-bt-desctop {
            display: none!important;
        }

        .socseti {
            text-align: center;
            margin-top: 20px;
            display: flex;
            align-items: center;
        }
    
        .soc_seti_icon {
            display: flex;
            justify-content: space-around;
            align-items: center;
            width: 100px;
            margin-left: 10px;
            margin-right: auto;
            margin-top: 10px;
        }
    
        .soc_seti_icon img {
            width: 30px;
        }
    }


    
    input[type=tel], input[type=submit], input[type=text], input[type=name],  textarea{
        -webkit-appearance: none;
    }
    img {
        pointer-events: none!important;
    }

    img {
        opacity: 1;
        transition: opacity 0.4s;
      }
       
      img[data-src] {
        opacity: 0;
      }


    /* начало кнопки звонка */
    .callback-bt-tel {
        background:#d0974b;
        border:2px solid #d0974b;
        border-radius:50%;
        box-shadow:0 8px 10px rgba(208,151,75,0.3);
        cursor:pointer;
        height:50px;
        text-align:center;
        width:50px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 5%;
        bottom: 5%;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 2s infinite;
        animation:hoverWave linear 2s infinite;
        position: fixed;
}

.callback-bt-tel .text-call{
        height:58px;
        width:48px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
        display: flex;
        justify-content: center;
        align-items: center;
}

.callback-bt-tel .text-call span {
    text-align: center;
    color:#d0974b;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 4px;
        top: 22px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .6s linear;
}
.fa-phone {

}

.callback-bt-tel .text-call:hover span {
    opacity: 1;
        font-size: 11px;
}
.callback-bt-tel:hover i {
    
}

.callback-bt-tel i {
        color:#fff;
        transition:.3s;
        line-height: 65px;
        transition: .5s ease-in-out;
}

.callback-bt-tel i  {
    animation: 1200ms ease 0s normal none 1 running shake;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake;
        -webkit-animation-iteration-count: infinite;
}
/*call desc*/
.callback-bt-desctop {
    background:#d0974b;
    border:2px solid #d0974b;
    border-radius:50%;
    box-shadow:0 8px 10px rgba(208,151,75,0.3);
    cursor:pointer;
    height:70px;
    text-align:center;
    width:70px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 5%;
    bottom: 5%;
    z-index:999;
    transition:.3s;
    -webkit-animation:hoverWave linear 2s infinite;
    animation:hoverWave linear 2s infinite;
    position: fixed;
}

.callback-bt-desctop .text-call{
    height:58px;
    width:58px;        
    border-radius:50%;
    position:relative;
    overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.callback-bt-desctop .text-call span {
text-align: center;
color:#d0974b;
opacity: 0;
font-size: 0;
    position:absolute;
    right: 4px;
    top: 22px;
line-height: 14px;
    font-weight: 600;
text-transform: uppercase;
transition: opacity .6s linear;
}
.fa-phone {
margin-right: 3px;
margin-top: 3px;
}

.callback-bt-desctop .text-call:hover span {
opacity: 1;
    font-size: 11px;
}
.callback-bt-desctop:hover i {

}

.callback-bt-desctop i {
    color:#fff;
    font-size:32px;
    transition:.3s;
    line-height: 85px;
    transition: .5s ease-in-out;
    margin-left: 4px;
    margin-top: 10px;
}

.callback-bt-desctop i  {
animation: 1200ms ease 0s normal none 1 running shake;
    animation-iteration-count: infinite;
    -webkit-animation: 1200ms ease 0s normal none 1 running shake;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(208,151,75,0.3),0 0 0 0 rgba(208,151,75,0.2),0 0 0 0 rgba(208,151,75,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(208,151,75,0.3),0 0 0 10px rgba(208,151,75,0.2),0 0 0 0 rgba(208,151,75,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(208,151,75,0.3),0 0 0 15px rgba(208,151,75,0),0 0 0 12px rgba(208,151,75,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(208,151,75,0.3),0 0 0 15px rgba(208,151,75,0),0 0 0 25px rgba(208,151,75,0.0)
}
}@keyframes hoverWave {
    0% {
        box-shadow:0 8px 10px rgba(208,151,75,0.3),0 0 0 0 rgba(208,151,75,0.2),0 0 0 0 rgba(208,151,75,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(208,151,75,0.3),0 0 0 10px rgba(208,151,75,0.2),0 0 0 0 rgba(208,151,75,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(208,151,75,0.3),0 0 0 15px rgba(208,151,75,0),0 0 0 12px rgba(208,151,75,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(208,151,75,0.3),0 0 0 15px rgba(208,151,75,0),0 0 0 25px rgba(208,151,75,0.0)
}
}

/* animations icon */

@keyframes shake {
    0% {
        transform: rotateZ(10deg);
            -ms-transform: rotateZ(10deg);
            -webkit-transform: rotateZ(10deg);
    }
    
    50% {
        transform: rotateZ(-2deg);
            -ms-transform: rotateZ(-2deg);
            -webkit-transform: rotateZ(-2deg);
    }
    
    100% {
        transform: rotateZ(10deg);
            -ms-transform: rotateZ(10deg);
            -webkit-transform: rotateZ(10deg);
    }
}

@-webkit-keyframes shake {
    0% {
        transform: rotateZ(10deg);
            -ms-transform: rotateZ(10deg);
            -webkit-transform: rotateZ(10deg);
    }
    
    50% {
        transform: rotateZ(-2deg);
            -ms-transform: rotateZ(-2deg);
            -webkit-transform: rotateZ(-2deg);
    }
    
    100% {
        transform: rotateZ(10deg);
            -ms-transform: rotateZ(10deg);
            -webkit-transform: rotateZ(10deg);
    }
}
/* конец кнопки звонка */