body {font-family: 'Circe';margin: 0;font-weight:300;}
a {text-decoration: none;color:black;}
input {width:80%;border-radius: 5px;height:50px; padding: 0 18px;outline:none;border:0;}
select {width:80%;border-radius: 5px;height:60px; padding: 0 18px;
    outline:none;border:0;cursor:pointer;box-sizing: content-box;line-height:1.33;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
    .container {
        text-align: center!important;
    }
    .flexy {display: flex;}
    .flexy-end {justify-content: flex-end;}
    .flexy-space {justify-content: space-around;align-items: center;}
    .flexy-center {justify-content: center;align-items: flex-start;}
    .PC div:first-child {flex-grow: 0.9;}
    .no-wrap{white-space: nowrap;}
    .wrap{flex-wrap:wrap;}
    .wrap-div {flex-flow: row wrap;}
    .padding {padding:5px;}
    .padding-big {padding:20px;}
    .margin {margin: auto;}
    .margin-new {margin:10px;}
    .margin-bottom {margin-bottom: 10px;}
    .margin-top {margin-top: 10px;}
    .max-width {max-width: 500px;}
    .width-form {width: 86%;}
    .min-width {min-width: 400px;max-width: 400px}
    .min-width {min-width: 400px;max-width: 500px}
    .width-buy {width:150px;padding: 20px;}
    .width-buy-new {width:120px;height:120px;}
    .width-new {width:300px;}
    .circ {width:46px;height:46px;border:1px solid black;background:#f2f8fd;border-radius: 100%;line-height: 46px;display: inline-block;}
    .blue {background-color: #f2f8fd}

    .width {width: 100%;}
    .width-auto {width:max-content;}
    .width-logo {min-width: 150px;max-width: 350px}
    .width-flexy {max-width: 1100px; margin: 0 auto;}
    .title-big {font-weight:600;font-size:68px;line-height: 1.17;}
    .title-logo {font-weight:700;font-size:24px;}
    .white-bg {border-radius: 30px;background-color:rgba(255, 255, 255, 0.5);}
    .white {background:white;}
    .text-white {color:white;}
    .text-black {color:black;}
    .text-bold {font-weight:600;font-size:18px;}
    .no-opacity {opacity: 1;}
    .call {background-color: #2abbd1;border-radius:30px;color:white;cursor: pointer; height:45px;
        font-size: 14px; padding-left: 30px;padding-right: 30px;}
        .call-back {background-color: grey;border-radius:30px;color:white;cursor: pointer; height:45px;
            font-size: 14px; padding-left: 30px;padding-right: 30px;}
            .price {margin-bottom: 8px;color: #ff8562;font-size: 12px;letter-spacing: 2.5px;}
            .price-title {font-size: 36px;font-weight: 600;}
            .price-title-main {font-size: 40px;font-weight: 600;margin: 40px;}
            .main-fut {font-size: 24px;font-weight: 600}
            .div-bg {height:100%;width:100%;background-color:rgba(0, 0, 0, 0.8);top:0;left:0;position:fixed;}
            .div-vse {height:100%;width:100%;}
            .border {width:min-content;border: 4px double #bcedf5;padding: 10px;cursor: pointer;}

            input[type="checkbox"]:checked,
            input[type="checkbox"]:not(:checked),
            input[type="radio"]:checked,
            input[type="radio"]:not(:checked)
            {
                position: absolute;
                left: -9999px;
            }

            input[type="checkbox"]:checked + label,
            input[type="checkbox"]:not(:checked) + label,
            input[type="radio"]:checked + label,
            input[type="radio"]:not(:checked) + label {
                display: inline-block;
                position: relative;
                padding-left: 28px;
                line-height: 20px;
                cursor: pointer;
            }

            input[type="checkbox"]:checked + label:before,
            input[type="checkbox"]:not(:checked) + label:before,
            input[type="radio"]:checked + label:before,
            input[type="radio"]:not(:checked) + label:before {
                content: "";
                position: absolute;
                left: 0px;
                top: 0px;
                width: 18px;
                height: 18px;
                border: 1px solid #dddddd;
                background-color: #ffffff;
            }

            input[type="checkbox"]:checked + label:before,
            input[type="checkbox"]:not(:checked) + label:before {
                border-radius: 2px;
            }

            input[type="radio"]:checked + label:before,
            input[type="radio"]:not(:checked) + label:before {
                border-radius: 100%;
            }

            input[type="checkbox"]:checked + label:after,
            input[type="checkbox"]:not(:checked) + label:after,
            input[type="radio"]:checked + label:after,
            input[type="radio"]:not(:checked) + label:after {
                content: "";
                position: absolute;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                -o-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

            input[type="checkbox"]:checked + label:after,
            input[type="checkbox"]:not(:checked) + label:after {
                left: 3px;
                top: 4px;
                width: 10px;
                height: 5px;
                border-radius: 1px;
                border-left: 4px solid #e145a3;
                border-bottom: 4px solid #e145a3;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            input[type="radio"]:checked + label:after,
            input[type="radio"]:not(:checked) + label:after {
                left: 5px;
                top: 5px;
                width: 10px;
                height: 10px;
                border-radius: 100%;
                background-color: #bcedf5;
            }

            input[type="checkbox"]:not(:checked) + label:after,
            input[type="radio"]:not(:checked) + label:after {
                opacity: 0;
            }

            input[type="checkbox"]:checked + label:after,
            input[type="radio"]:checked + label:after {
                opacity: 1;
            }

            @media screen and (max-width:650px) {
                .PC {
                    display: none;
                }
                .width-logo{max-width: 170px;}
                .price-title-main{font-size:24px;}
            }


            .cut {
             position: relative;
             overflow:hidden;
             width:100%;
             height:400px;
         }
         .cut img {
             position: absolute;
             top:50%;
             left:50%;
             -webkit-transform:translate(-50%,-50%);
             -ms-transform:translate(-50%,-50%);
             transform:translate(-50%,-50%);
             width:500px;
             height:500px;
             -o-object-fit:cover;
             object-fit:cover;
         }



         .background {height: 700px;
            width: 100%;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            text-align: center;
            vertical-align: middle;
            position: relative;
            background-attachment: fixed;}

            .call {
                margin: 20px 0;
            }

            .accordion {
              max-width: 800px;
              margin: 0 auto 100px;
              border-top: 1px solid #d9e5e8;
          }
          .accordion li {
              border-bottom: 1px solid #d9e5e8;
              position: relative;
          }
          .accordion li p {
              display: none;
              padding: 10px 25px 30px;
              color: #6b97a4;
          }
          .accordion a {
              width: 100%;
              display: block;
              cursor: pointer;
              font-weight: 600;
              line-height: 3;
              font-size: 1.5rem;
              text-indent: 15px;
              user-select: none;
          }
          .accordion a:after {
              width: 8px;
              height: 8px;
              border-right: 1px solid #4a6e78;
              border-bottom: 1px solid #4a6e78;
              position: absolute;
              right: 10px;
              content: " ";
              top: 17px;
              transform: rotate(-45deg);
              -webkit-transition: all 0.2s ease-in-out;
              -moz-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out;
          }
          .accordion p {
              font-size: 13px;
              font-size: 0.8125rem;
              line-height: 2;
              padding: 10px;
          }
          .accordion li p {
            font-size: 18px;
        }

        a.active:after {
          transform: rotate(45deg);
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; 
      }
      .price {
        font-size: 20px;
        margin-top: 20px;
    }
    .button {
        display: flex;
        align-items: center;
        margin: 0 auto;
    } 
    select {
        height: 50px;
        color: dimgray;
    }
    .form-title {
        padding: 10px 0;
    }
    .logo {
        text-align: left;
        width: 20%;
    }
    .logo img {
        width: 90%;
    }
    .number {
        font-size: 24px;
        font-weight: bolder;
    }
    .button-whatsapp {
        background-color: #43d854;
        font-size: 15px;
        font-weight: bolder;
    }
    .button-viber {
        background-color: #665CAC;
        font-size: 15px;
        font-weight: bolder;
    }
    .button:hover {
        box-shadow: 0px 3px 6px gray;
    }
    .icons {
        display: flex;
        align-items: center;
    }
    .icons a {    
        margin-left: 20px;
    }
    .mb-2 {
        margin-bottom: 20px;
    }
    .pb-2 {
        padding-bottom: 20px;
    }
    .fs-25 {
        font-size: 25px;
    }
    .fs-15 {
        font-size: 15px;
    }
    .fsb {
        font-weight: bold;
    }
    .modal-price {
        width:600px;
        height:auto;
        background-color:white;
        left:50%;
        top:50%;
        transform: translate(-50%, -50%);
        position: fixed;
    }
    .lst-n {
        list-style-type: none;
        padding-left: 0;
    }
    .footer-block {
        background-color:rgba(255, 255, 255, 0.5);
        height:100%;
        width:50%;
    }
    .chistka-title {
        margin-left: 200px;
    }
    .d-flex {
        display: flex;
        margin: 0 auto;
        justify-content: space-around;
    }
    .blue {
        padding: 20px;
    }
    .mob-header {
        display: none;
    }
    .input-class {
        border: 1px solid gray;
    }
    .modal1 {
        width:600px;height:auto;background-color:white;left:50%;top:50%;transform: translate(-50%, -50%);position: fixed;
    }
    .text-shadow {
        font-weight: bolder;
        text-shadow: 0px 0px 2px gray;
    }


    /*------------------------- newstyle -------------------------*/
    .header-nc {
        position: fixed;
        z-index: 1000;
        width: 100%;
    }
    .call {
        border-radius: 5px;
    }
    .form-nc {
        max-width: 20%;
    }
    .hello-nc {
        display: flex;
        align-items: center;
        justify-content: space-around;
        max-width: 60%;
    }
    .col-3 {
        max-width: 33%;
    }
    .col-6 {
        max-width: 66%;
    }
    .hello-nc ul {

    }
    .hello-nc ul li {
        display: flex;
        align-items: center;
        margin-top: 10px;
    }
    .hello-nc ul li p {
        font-size: 20px;
    }
    .hello-nc ul li img {
        width: 20px;
    }    
    .hello-nc h1, .hello-nc p, .hello-nc li {
        color: black;
        text-shadow: none;
    }
    .white-bg {
        background-color: rgb(0, 0, 0, 40%);
        border-radius: 5px;
        color: white;
    }
    .padding .button {
        margin-top: 20px;
        margin-bottom: 40px;
    }
    @media screen and (max-width: 980px) and (max-width: 480px) {
        .col-3 {
            max-width: 100%;
        }
        .hello-nc {
            display: block;
            max-width: 96%;
            margin: 0 auto;
        }
        .hello-nc ul {
            margin: 30px;
        }
        .background {
            background-position: center !important  ;
        }
        .white-bg {
            color: black;
            background-color: rgba(255,255,255,80%);
        }

    }
    /*--------------------------------------------------*/

.card-img-overlay {
    color: black;
    position: relative;
    z-index: 1;
}
.card-img-overlay::before {
    content: '';
    position: absolute;
    left: 0px; right: 0px;
    top: 0px; bottom: 0px;
    z-index: -1;
    background-color: white;
    filter: blur(55px);
    padding: 20px;
}