.footer{
	background-color:  #e0d4ca;

	color: #111;
}

.footer a{
	color: #111;
}
.footer p {margin-bottom:0;}

.offcanvas-overlay {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    visibility: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.offcanvas-overlay {
    background: transparent;
    backdrop-filter: none;
}

.offcanvas-active .offcanvas-overlay {
    visibility: visible;
    opacity: 1;
}

.sp-scroll-up {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: rgba(100, 100, 100, 0.4);
    border-radius: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
}

.sp-scroll-up:hover {
    background: #68b04e;
}

.sp-scroll-up svg {
    width: 20px;
    height: 20px;
}
    
    
    .form .textarea, form textarea {
    position: relative;font-size:15px;
    height: 100%;
}

.form .forms__upload, form .forms__upload {
    color: #787f8b;
    min-height: 48px;
    overflow: hidden;
    cursor: pointer;
    text-transform: uppercase;
    margin: 0 0 30px;
    padding: 10px 15px;
    position: relative;
}

.form .textarea .forms__upload, form .textarea .forms__upload {
    position: absolute;
    bottom: 20px;
    left: 20px;
    margin: 0;
    padding: 0;
}

.form .forms__upload .icon, form .forms__upload .icon {
    background-color: #f5f5f6;
    background-size: cover;
    min-width: 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
}

.form .forms__upload .icon .svg-icon, form .forms__upload .icon .svg-icon {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    fill: #787f8b;
}

.form .forms__upload .forms__uploadinput, form .forms__upload .forms__uploadinput {
    margin-left: 10px;
    margin-right: 40px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 600;
}

.form .required {position:relative;}
.form .required:before, form .required:before {

}
.form .forms__upload .forms__delete, form .forms__upload .forms__delete {
    position: absolute;
    top: 5px;
    right: 10px;
    display: block;
    margin: 0;
    color: #d5d7dc;
}
.wpcf7-not-valid-tip {
    color: #da4645;
    font-size: 1em;
    font-weight: 500;
    display: block;
    position: absolute;
    bottom: 3px;
    left:36px;
    width: 320px;
    font-size: 12px;
}

.time_choose {display:none;}

#mobile-menu-icons {
 
	display: none;
}

@media (max-width:767px){

    
    
#mobile-menu-icons {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    z-index: 100000;
    background: #fff;
    color: var(--dark);
    text-align: center;
	display: none;
}
#mobile-menu-icons .mess-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#mobile-menu-icons .soc-link {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 0 1 25%;
    color: var(--dark);
    border-right: 1px solid #eee;
}
#mobile-menu-icons .soc-link svg {
	width: 2rem;
	height: 40px;
}
#mobile-menu-icons .soc-link.tg svg {
    fill: rgb(42, 171, 238);
}
#mobile-menu-icons .soc-link.wa svg {
	fill: rgb(32, 176, 56);
}
#mobile-menu-icons .soc-link span {
    font-size: 11px;
    line-height:1.1;
}
#mobile-menu-icons .button {
    flex: 0 1 45%;
    margin: 0;
}

#mobile-menu-icons .button:nth-child(2){flex: 0 1 55%;} 

#mobile-menu-icons .btn {
}
#mobile-menu-icons .btn span {
    font-size: 10px;
   
}    
 #mobile-menu-icons {
    display: block;
}   
.mess-icons .btn {
text-transform:uppercase;
    height: 40px;
    padding: 5px 15px;
    text-decoration: none!important;
  
      -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    
        border-radius: 50px;
        background:#FFA751;
    color: #fff;
    text-shadow: 0 1px 8px rgb(0, 0, 0, .15);
    border:none;
    text-decoration: none!important;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
   -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
   
}    
}


.form-input {
    position: relative;
}
.btn-sm {
    font-size: 16px;
    width: 387px;
    height: 75px;
}
.modal-form_form input[type="tel"], .modal-form_form input[type="text"], .modal-form_form textarea {
    padding: 15px 25px 15px 25px;
    font-size: 17px;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 20px;
    border-radius: 20px;
    border: 1px solid #c9c9c9;
}
.modal-form_form textarea:focus{

box-shadow: 0px 0px 0px 2px #17b14b;

    transition: 0.3s;
}

.form-callback__form_h.modal-form_form input[type="tel"],.form-callback__form_h.modal-form_form input[type="text"] {
    height:70px;
    box-shadow:none;
}


.modal-form_form .form-input .placeholder {
    position: absolute;
    top: 1px;
    left: 1px;
    display: inline-block;
    padding: 35px 30px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #a5a5a5;
    transition: 0.3s;
    pointer-events: none;
}

.modal-form_form .form-input .placeholder {
    padding: 25px 30px;
    position: absolute;
    transition: all 200ms;
}

.form-button {
    position: relative;
}

.soglasie-form {
    
    font-size: 12px;
    margin-top: 20px;
    line-height: 1;
}

.form-button__button {
    width: 100%;
    font-weight: 600;
    border: 0;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    border-radius:20px;
    z-index: 1;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
    cursor: pointer;
    color: #fff;

    background: #68b04e;

}

.form-input input:focus {
    background: #fff;
    /* padding: 45px 30px 23px 30px; */
    border-color:#17b14b;
    color: #000000;
    transition: 0.3s;
}

.form-input input:focus + span.placeholder, .form-input input:not(:placeholder-shown) + span.placeholder {
    font-size: 12px;
    top: 10px;
    left: 30px;
    padding: 0;
}
.form-callback__form_h .btn-sm {
    height: 70px;
}
@media (max-width:600px){

    .remodal-form .title {
    padding: 0 45px;
}
     .modal-form-input {
        margin: 20px 0 0 0;
    }
    .modal-form_form input[type="tel"], 
    .modal-form_form input[type="text"] {
        padding: 17px 20px 17px 20px;
        font-size: 16px;
        margin: 0 0 12px;
     
    }
     .modal-form_form input[type="tel"], 
     .modal-form_form input[type="text"] {
        padding: 17px 20px 17px 20px;
    }
     .form-input .placeholder {
        padding: 20px;
    }
   /*  .form-input input:focus ~ span.placeholder {
        font-size: 12px;
        transform: translateX(20px) translateY(5px);
    }*/
     .modal-form_form .form-input input:focus + span.placeholder, 
     .modal-form_form .form-input input:not(:placeholder-shown) + span.placeholder {
        top: 5px!important;
        left: 20px!important;
    }
    .modal-form_form .form-input input:focus + span.placeholder, 
    .modal-form_form .form-input input:not(:placeholder-shown) + span.placeholder {
         top: 5px!important;
        left: 20px!important;
    }
    
     .form-button .btn-sm {
        width: 100%
    }
    .modal-form_form .form-input .placeholder {
        padding: 18px 20px;
        font-size: 16px;
    }
    .form-input input:focus > span.placeholder{
        top: 5px!important;
        left: 20px!important;
    } 
    .form-input input:not(:placeholder-shown) + span.placeholder {
        font-size: 12px;
        top: 5px!important;
        left: 20px!important;
        padding: 0;
    }
    /*.form-cta .form-input input:focus ~ span.placeholder {
        font-size: 12px;
        transform: translateX(20px) translateY(5px);
    }*/
   
    .remodal .form-button {
       
        width: 320px;
    }
    .sogl-text {
        font-size: 10px;
    }
    .form-button__button {
        padding: 20px 40px 20px 40px;
    }
    .remodal-form h3 {
        padding: 0 45px;
    }
    .remodal-form .form-button .btn-ico {
        top: 11px;
        left: 40px;
        width: 40px;
        height: 40px;
        background-size: 20px;
    }
    .btn-sm {
    font-size: 14px;
    width: 272px;
    height: 60px;
}    
}


@media (max-width:414px) {
    .remodal-form .form-button .btn-ico {
        left: 30px;
    }
    .form-button__button {
        padding: 20px 40px 20px 40px;
    }
    .remodal .form-button {
        width: 100%;
    }
}

.white-input {background:#fff!important;box-shadow:none!important;border: 2px solid #68b04e!important;}

@media only screen and (min-width: 641px){
.remodal.form-offer-commerc {
    max-width: 750px;
}}

.popup-progress{
	margin-bottom: 16px;
}
.popup-progress-t{
	font-size: 13px;
	color: #797979;
	margin-bottom: 10px;
}
.b-progress {
    height: 5px;
    background: #F5F5F5;
    border-radius: 5px;
}
.b-progress-current {
    display: block;
    height: 100%;
    width: 0;
    border-radius: 5px;
    background-color: #39921A;
    background-image: linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 15px 15px;
    animation: progress-bar 2s linear infinite;
    transition: width .3s;
}
.popup-progress .b-progress-current {
    width: 90%;
}
@keyframes progress-bar {
	from {
		background-position: 0 0
	}
	to {
		background-position: 30px 0
	}
}

@media (max-width: 991px){
    .widget-quiz {
    display: none!important;
}}

.widget-quiz {
    border-radius: 25px;
    background-color: #fff;
    position: fixed;
    left: 15px;
    bottom: 17px;
    padding: 20px 40px 20px 120px;
    z-index: 999;    -webkit-box-shadow: 0 8px 24px rgb(69 88 157 / 7%);
    box-shadow: 0 8px 24px rgb(69 88 157 / 7%);
}

.widget-quiz__close {
    display: flex;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 15px;
    cursor: pointer;
    transition: .3s;
}