@charset "UTF-8";.block-1 .title, .block-2 .title, .block-3 .title, .block-4 .title{position:relative;text-align:center;display:inline-block;font-size:24px;margin:30px auto 10px;}
.block-1 .title:before, .block-2 .title:before, .block-3 .title:before, .block-4 .title:before, .block-1 .title:after, .block-2 .title:after, .block-3 .title:after, .block-4 .title:after{position:absolute;content:'';width:40px;height:2px;background:#f4f4f4;top:13px;}
.block-1 .title:before, .block-2 .title:before, .block-3 .title:before, .block-4 .title:before{left:-55px;}
.block-1 .title:after, .block-2 .title:after, .block-3 .title:after, .block-4 .title:after{right:-55px;}
.block-1 .title b, .block-2 .title b, .block-3 .title b, .block-4 .title b{text-transform:uppercase;}
header nav .phone .call, header .info-wrap a, header .info-form-wrap form button, .block-2 .dvx, .block-3 .row .wrp .call-btn, .block-4 form button, .modal-dialog button[type="submit"]{color:#fff;font-weight:bold;background:#02A25A;padding:8px 20px;border-radius:25px;background:-moz-linear-gradient(left, #25799b 0%, #73b5d1 100%);background:-webkit-linear-gradient(left, #25799b 0%, #73b5d1 100%);background:linear-gradient(to right, #25799b 0%, #73b5d1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0);}
header nav .phone .call:active, header .info-wrap a:active, header .info-form-wrap form button:active, .block-2 .dvx:active, .block-3 .row .wrp .call-btn:active, .block-4 form button:active, .modal-dialog button[type="submit"]:active{background:-moz-linear-gradient(right, #25799b 0%, #73b5d1 100%);background:-webkit-linear-gradient(right, #25799b 0%, #73b5d1 100%);background:linear-gradient(to left, #25799b 0%, #73b5d1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0);}
header nav .phone .call:active, header .info-wrap a:active, header .info-form-wrap form button:active, .block-2 .dvx:active, .block-3 .row .wrp .call-btn:active, .block-4 form button:active, .modal-dialog button[type="submit"]:active, header nav .phone .call:focus, header .info-wrap a:focus, header .info-form-wrap form button:focus, .block-2 .dvx:focus, .block-3 .row .wrp .call-btn:focus, .block-4 form button:focus, .modal-dialog button[type="submit"]:focus, header nav .phone .call:hover, header .info-wrap a:hover, header .info-form-wrap form button:hover, .block-2 .dvx:hover, .block-3 .row .wrp .call-btn:hover, .block-4 form button:hover, .modal-dialog button[type="submit"]:hover{outline:0;}
.block-2 .work-desc, .block-4 .work-desc{font-size:14px;text-align:center;margin:40px auto 20px;}
.work-desc h3{}
*{padding:0;margin:0;border:0;font-family:'Verdana';color:#000002;}
* a, * a:active, * a:focus, * a:hover{outline:0 !important;text-decoration:none;color:#000002;}
header{position:relative;top:0;left:0;}
header #logo{font-size:22px;font-weight:bold;color:#1bab6b;}
header nav{position:fixed;padding:10px 0;width:100%;z-index:2;background:#fff;box-shadow:0 3px 5px #e3e3e3;}
header nav ul{display:inline-block;margin:3px 0px 0px 50px;}
header nav ul li{list-style-type:none;border-radius:25px;padding:5px 10px;display:inline-block;}
header nav ul li.bordered{border:2px solid #1bab6b;margin:3px 5px !important;}
header nav .phone{display:inline-block;float:right;}
header nav .phone .time24{margin-left:20px;}
header nav .phone .call{margin-left:30px;display:inline-block;box-shadow:2px 8px 14px #88c4d9a1;margin-top:5px;}
header .arrow{position:absolute;bottom:15px;left:0;width:95px;text-align:center;right:0;margin:0 auto;display:inline-block;}
header .arrow a{display:inline-block;color:#fff;}
header .arrow a img{position:relative;top:0;}
header .arrow a:first-child{margin-bottom:5px;}
header .bg{position:absolute;z-index:-1;height:86%;top:65px;}
header .bg img{margin-top:-40px;width:100%;}
header .mrtop{margin:130px 0 90px;}
header .mrtop .col-md-4.col-sm-6{padding:0;}
header .info-wrap{margin-left:-46px;padding-top:67px;}
header .info-wrap *{color:#fff;}
header .info-wrap h1{font-size:25.5px;line-height:36px;margin-top:53px;text-transform:uppercase;font-weight:bold;}
header .info-wrap p{font-size:16px;margin-bottom:25px;}
header .info-wrap a{box-shadow:1px 2px 9px #696B6A;outline:0;}
header .info-form-wrap{padding:0;}
header .info-form-wrap form{background:rgba(255, 255, 255, 0.85);padding:21px 30px;border-radius:5px;}
header .info-form-wrap form label{font-size:12px;color:#888787;font-weight:normal;margin-bottom:0;}
header .info-form-wrap form input, header .info-form-wrap form .element{height:30px;border-radius:5px;font-size:12px;border:1px solid #bebebe;padding:7px;width:100%;margin-bottom:10px;background:#fff;}
header .info-form-wrap form .elements-wrap{cursor:pointer;position:relative;}
header .info-form-wrap form .mbnt{background:#dddad9;position:relative;display:block;border-top-right-radius:3px;border-bottom-right-radius:3px;width:32px;height:24px;float:right;margin-top:-5px;margin-right:-5px;}
header .info-form-wrap form .mbnt i{width:0;display:block;margin-top:11px;margin-left:13px;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #000;}
header .info-form-wrap form .list{display:none;position:absolute;background:#fff;margin-top:-9px;padding:3px 0px;width:98%;font-size:12px;margin-left:1%;}
header .info-form-wrap form .list p{padding:5px 20px;margin:0;}
header .info-form-wrap form .list p:hover{color:#fff;background:#02A25A;}
header .info-form-wrap form button{margin-top:11px;box-shadow:0 4px 12px #8E9492;outline:0;width:100%;}
.block-1{}
.block-1 .item-wrap{text-align:center;}
.block-1 .item-wrap h4{font-size:14px;line-height:1.3;}
.block-1 .row{margin:35px 0 10px;}
.block-1 .bf{height:80px;display:table-cell;vertical-align:middle;text-align:center;margin:0 auto;width:inherit;}
.block-2{padding-top:15px;background-size:100%;}
.block-2 .title:after, .block-2 .title:before{background:#b8b7b7;}
.block-2 .work-desc{width:60%;margin:5px auto 50px;}
.block-2 .item{position:relative;text-align:center;width:500px;margin:0 33px;display:inline-block;margin-bottom:55px;box-shadow:1px 8px 13px #d0d0d0;}
.block-2 .item .old{width:210px;height:160px;top:110px;left:-25px;border:1px solid #ececec;position:absolute;padding:1px;background:#fff;box-shadow:1px 8px 13px #d0d0d0;}
.block-2 .item .old img{width:100%;height:156px;}
.block-2 .item .new{padding:1px;border:1px solid #ececec;background:#fff;height:240px;width:500px;overflow:hidden;}
.block-2 .item .new img{width:100%;}
.block-2 .item:after{position:absolute;border-bottom-left-radius:15px;border-top-left-radius:15px;padding:8px 15px;background:#FFF;right:2px;bottom:15px;content:'Після чисщення';}
.block-2 .item:before{position:absolute;border-bottom-left-radius:15px;border-top-left-radius:15px;padding:8px 15px;background:#FFF;z-index:1;left:135px;bottom:-15px;content:'Перед';}
.block-2 .dvx{margin:20px 0 47px;display:inline-block;box-shadow:0 4px 12px #8E9492;}
.block-3{background-repeat: no-repeat; background-image: linear-gradient( 180deg,#ffffff 0%,#51d9ed 100%);background-position:100%;padding:15px 0 50px;}
.block-3 .title:after, .block-3 .title:before{background:#b8b7b7;}
.block-3 .row .wrp{margin-top:20px;}
.block-3 .row .wrp span{color: #86909357;position:absolute;font-size:139px;display:inline-block;font-family:'HelveticaNeueLTPro-ThEx';}
.block-3 .row .wrp p{font-size:16px;width:255px;padding-left:99px;display:table-cell;vertical-align:middle;height:150px;}
.block-3 .row .wrp p.first{padding-left:62px;}
.block-3 .row .wrp .call-btn{font-size:12px;box-shadow:0 4px 12px #8E9492;display:table;margin-left:53px;}
.block-4{background-position-x:center;background-position-y:5px;background-size:100%;padding:15px 0 5px;}
.block-4 .hid{}
.block-4 .title:after, .block-4 .title:before{background:#b8b7b7;}
.block-4 h3{font-size:14px;font-weight:bold;margin:5px 0;}
.block-4 h3 span{font-weight:normal;}
.block-4 .wrp{margin:60px 0 0px;}
.block-4 .dx{height:88px;}
.block-4 .col-md-4{padding:0 7px;}
.block-4 .col-md-4 .mwrap{margin-bottom:50px;text-align:center;}
.block-4 .cost{margin:0;font-size:14px;}
.block-4 .cost b{font-size:18px;}
.block-4 .work-desc{width:44%;margin-top:5px;}
.block-4 form{width:633px;margin:0px auto 40px;position:relative;}
.block-4 form label{position:absolute;font-weight:normal;top:-20px;text-align:left;margin-left:7px;font-size:12px;color:#000;display:none;}
.block-4 form input{margin:0 5px;display:inline-block;height:30px;border-radius:5px;border:1px solid #bebebe;padding:7px;margin-bottom:10px;font-size:11px;background:#fff;}
.block-4 form button{font-size:11px;box-shadow:0 4px 12px #8E9492;}
footer{background:#9c9c9c;position:relative;padding:20px 0;}
footer *{color:#fff;z-index:4;}
footer *:hover{color:#fff !important;}
footer #flogo{font-size:14px;}
footer ul{display:inline-block;margin-left:20px;}
footer ul li{list-style-type:none;display:inline-block;margin-right:30px;}
footer ul li a{font-size:12px;}
footer .phone{display:inline-block;margin-left:30px;}
footer .phone .call{background:transparent;list-style-type:none;margin:5px 7px;margin-left:25px;border-radius:25px;padding:6px 10px;display:inline-block;border:2px solid #fff;}
footer .phone .call:hover{color:#000000 !important;outline:0;border:2px solid #000000;}
footer .phone .call:focus{outline:0;}
footer .oblaka{display:inline-block;float:right;text-align:right;font-size:12px;padding-top:7px;}
.modal-body, .modal-content, .modal-dialog{border-radius:7px;}
.close{margin-top:-25px;margin-right:-20px;line-height:12px;opacity:.7 !important;}
.close span{font-weight:normal;font-size:20px;display:flex;line-height:30px;color:#69696D;}
.modal-dialog{width:270px;background-color:#dddddd;}
.modal-dialog .modal-body{background-color:#dddddd;}
.modal-dialog label{color:#888787;font-size:12px;font-weight:normal;}
.modal-dialog input{height:30px;border-radius:5px;font-size:12px;border:1px solid #bebebe;padding:7px;width:100%;margin-bottom:10px;background:#eaeaea;}
.modal-dialog button[type="submit"]{padding:8px 17px;width:100%;margin-top:15px;}
#form3, #form4{padding:10px;}
label[for="file4"]{color:#02A25A;cursor:pointer;border-bottom:1px solid #02A25A;}
#form4 input[type="file"]{display:none;}
#filename{color:#888787;font-size:11px;}
.mclose{margin-top:-12px !important;margin-right:-14px !important;font-weight:normal !important;}
.fixed-img{position:fixed;left:0;bottom:18%;z-index:11111111;}
#page-wrap .modal-dialog{width:60%;}
#page-wrap ul{margin-left:30px;}
.hidden-text-for-modal{display:none;}
.send-foto {width: 350px;}
#kontakt {padding-top: 20px;}
.send-foto-land {width: auto; text-align: center; padding: 40px 25px 40px 25px;
	background-image: linear-gradient( 180deg,#ffffff 0%,#51d9ed 100%);
    border-radius: 5px; margin-bottom: 15px;margin-top: 50px;}

    .numer-tel-rus {    display: contents;}
  
@media screen and (max-width:1200px){.fixed-img{max-width:150px;}
}
@media screen and (max-width:992px){.fixed-img{max-width:130px;}
}
@media screen and (max-width:768px){.fixed-img{max-width:120px;}
}
@media screen and (max-width:480px){.fixed-img{max-width:100px;}
}
@media screen and (min-width:1378px){header .info-wrap h1{margin-top:155px !important;}
.info-wrap{margin-left:-116px !important;}
.block-4{background:url(../img/1920_cost.png) no-repeat !important;background-size:100% !important;background-position:bottom !important;background-position-x:center !important;background-position-y:-100px !important;}
.bg img{margin-top:0px !important;}
.block-1{margin-top:170px !important;}
.block-4 .wrp{margin:60px 0 70px;}
.block-4{padding:15px 0 70px;}
header .arrow{bottom:0px;}
}
@media screen and (min-width:1900px){.block-1{margin-top:285px !important; }
}
@media screen and (max-width:1280px){header .info-wrap{margin-left:-15px; }
}
@media screen and (max-width:1200px){header nav ul{margin-left:35px;     display: none;}
header .info-wrap h1{font-size:23px;}
header .info-form-wrap form button{padding:6px 12px;font-size:13px;}
.block-2 .item{margin:17px;}
.block-2 .item, .block-2 .item .new{width:430px;}
.block-2 .item .new{height:209px;}
.block-2 .item .old{top:77px;}
.block-3 .row .wrp p{font-size:14px;}
footer .oblaka{font-size:7px;}
}
@media screen and (max-width:1025px){.block-1{margin-top:0px;} 
}
@media screen and (max-width:992px){header nav .phone .call, footer .phone .call{}
header nav ul{ display: none; margin-left:25px;}
.list-wrap{text-align:center;}
.block-3 .row .wrp p{font-size:11px;}
footer .phone{margin-left:0;}
footer ul li{margin-right:20px;}
.col-md-3 {width: 350px;}

}
@media screen and (max-width:768px){#page-wrap .modal-dialog{width:80%;}
header .bg{top:60px;}
.send-foto {width: auto; text-align: center}

.block-1 .item-wrap{text-align:center;width:49%;vertical-align:middle;display:inline-block;}
header .mrtop{margin:95px 0 10px;}
header nav{  padding:7px 0;}
header nav ul li.bordered{margin:initial !important;margin-top:-2px !important;padding:2px 3px !important;}
header #logo img{ margin-left: 10px; width: 120px;    margin-top: 5px;}

.info-form{margin-top:5px !important;}
header nav ul li{margin:0px -5px;padding:2px 9px;}
header nav .phone a{font-size:12px;}
header .info-wrap p{margin-bottom:20px;padding-top:1px;margin-left:10px;display:block;}
header .info-wrap a{margin-bottom:35px;display:inline-block;margin-left:10px;}
header .info-wrap h1{font-size:22px;float:right;margin-top:-5px;}
header nav .phone .time24{margin-left:2px;width:30px;}
.block-1 .bf{display:inline;}
.block-2 .item{margin:30px 0;}
.block-3 .row .wrp{width:60%;margin-left:20%;     padding-left: 30px;}
.block-3 .row .wrp p{font-size:14px; padding-left: 90px; width: 100%; padding-top: 50px;}
.block-3 .row .wrp p.first {padding-left: 90px;}
.mobile-off{display:none;}
.block-3 .row .wrp .call-btn{}
.block-4{padding:3px 0 5px;}
.block-4 .wrp{margin:60px 0 -5px;}
.block-4 form{width:200px;}
.block-4 form input{margin-bottom:26px;}
.block-4 .work-desc{width:86%;margin-top:5px;}
.block-4 form label[for="phone2"]{top:38px;}
#flogo{display:none;}
footer ul li{display:block;}
footer .phone{display:block;}
footer .oblaka{display:block;width:100%;}
footer *{text-align:center;}
footer .oblaka{text-align:center;font-size:13px;}
.modal-dialog{margin:10px auto;}
.arrow{display:none !important;}
header .info-form-wrap form .list{box-shadow:1px 2px 10px #aaa;}
.block-4 .hid, .block-4 .work-desc{display:none;}
.numer-tel-rus {    display: none;}
}
@media screen and (max-width:490px){body > header > nav > div > div > img{display:none;}

header nav .phone a{ dfont-size:8px;margin-top:10px;}
header .info-wrap a{font-size:13px;}
header .info-wrap{padding-top:41px;}
}
@media screen and (max-width:478px){
    .numer-tel {display: none;}
    header nav .phone a{font-size:12px!important;margin-top:6px;}
.col-md-3 {width: auto;}

header nav ul{display:block;}
header nav .phone .time24{display:none;}
header nav ul{ display: none; margin-left:0;}
header nav ul li a{font-size:12px;}
header nav .phone{   }
header nav{ position: absolute; height:60px;box-shadow:0 3px 3px #e3e3e3;}
header nav ul li.bordered{margin-top:-6px !important;padding:0px 6px 1px !important;}
header .info-wrap h1{font-size:22px;width:100%;float:none;line-height:17px;font-size:15px;margin-top:2px;margin-bottom:28px;text-align:center;text-shadow:2px 2px 1px #444;}
header .info-wrap p{margin:0px 0 10px 0;text-align:center;line-height:13px;font-size:11px;margin-top:-17px;}
.block-1 .title, .block-2 .title, .block-3 .title, .block-4 .title{font-size:22px;}
.block-4 .title:after, .block-4 .title:before {background: #b8b7b7;}

.block-3 .row .wrp{width:100%;margin-left:0%;     padding-left: 30px;}
.block-2 .item, .block-2 .item .new{width:285px;}
.block-2 .item .new{height:139px;}
header:after{content:'';width:100%;position:absolute;top:0;height:100%;z-index:-1;}
header .info-wrap p{margin-bottom:3px;width:100%;}
header .info-wrap a{margin-bottom:12px;}
header .info-form-wrap form input, header .info-form-wrap form .element{margin-bottom:7px;}
.info-wrap{text-align:center;}
header nav .phone .call, header .info-wrap a, header .info-form-wrap form button, .block-2 .dvx, .block-3 .row .wrp .call-btn, .block-4 form button, .modal-dialog button[type="submit"]{padding:6px 17px;font-size:13px;}
header .info-form-wrap form{padding:15px 30px;margin-bottom:5px;}
header .bg{height:91.5%;overflow:hidden;}
.block-1 .item-wrap{margin-bottom:20px;}
.block-1 .row{margin:35px 0 25px;}
.block-2 .work-desc{width:90%;margin:5px auto 0px;}
.block-2 .item .old{width:160px;height:90px;top:77px;left:-12px;}
.block-2 .item .old img{height:86px;}
.block-2 .item{margin:25px 0;}
.block-2 .item:before{padding:4px 14px;left:99px;bottom:-12px;}
.block-2 .item:after{padding:4px 14px;bottom:15px;}
.block-4 form label{font-size:11px;}
footer .oblaka{font-size:11px;}
}
@media screen and (max-width:380px){body > header > nav > div > div > img{display:inline-block;}
}
body > header > nav > div > div > a.call,
#form2 > button{background:linear-gradient(to right, #d0148d 0%, #a344af 100%) !important;}
.notvalid{background:rgba(255,0,0,.2);}
input,
textarea{padding:5px 8px;border:1px solid #bebebe;     WIDTH: 100%; border-radius:5px;display:block;margin-top:6px;color:#b1b7ba;font:12px/18px Verdana, Arial, sans-serif;}
input:hover{color:#000 !important;}
input[type="submit"]{color:#fff;font-size:14px;margin-top:6px;background:#ee7156;text-decoration:none;display:block;cursor:pointer;padding:4px;height:30px;}
input[type="submit"]:disabled{opacity:.3;}
}
.open_modal{left:50%;}
.open_modal p{text-transform:uppercase;background:transparent;list-style-type:none;margin:5px 7px;display:inline-block;cursor:pointer;}
.open_modal p:hover{color:#02A25A !important;outline:0;}
.open_modal p:focus{outline:0;}
.popup, .popup2{display:inline-block;left:50%;opacity:0;position:fixed;text-align:justify;top:40%;visibility:hidden;z-index:999999;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:opacity .5s, top .5s;-moz-transition:opacity .5s, top .5s;-ms-transition:opacity .5s, top .5s;-o-transition:opacity .5s, top .5s;transition:opacity .5s, top .5s;}
.popup form{padding:20px;right:0;background:#dddddd;;border-radius:5px;color:#000;z-index:5;}
.popup2 .window{padding:0 27px 27px;right:0;z-index:999999;width:373px;background:#f5f5f5;border-radius:5px;border-top:40px solid #519aba;}
.popup form input{background:#f0f5f7;margin-top:8px;width:227px;color:#000;margin-bottom:20px;}
.popup form:hover{color:#000;}
.popup form input[name="txtname"]{margin-bottom:20px;}
.popup form textarea{background:#f0f5f7;margin-top:8px;width:227px;height:100px;resize:none;border-radius:5px;font-size:12px;}
.popup form label{width:100%;height:20px;display:block;margin:8px -2px;padding:0;color:#57575d;font-size:12px;font-weight:normal;}
.popup form label:hover{color:#888787 !important;}
.popup form input[type="submit"]{text-align:center;text-transform:uppercase;width:100%;color:#fff;font-weight:bold;background:#02A25A;border:none;border-radius:25px;background:-moz-linear-gradient(left, #25799b 0%, #73b5d1 100%);background:-webkit-linear-gradient(left, #25799b 0%, #73b5d1 100%);background:linear-gradient(to right, #25799b 0%, #73b5d1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0);}
.popup form input[type="checkbox"]{width:auto;margin:2px;padding:2px;float:left;}
.popup .close_modal,
.popup2 .close_modal{position:absolute;padding:1px 9px 4px 9px;top:-5px;right:-1px;cursor:pointer;color:#fff;font-family:'tahoma', sans-serif;text-align:center;font-weight:normal;font-size:20px;display:flex;line-height:30px;color:#69696D;}
.popup2 h5{position:absolute;top:10px;left:70px;font-size:18px;color:white;font-weight:normal;text-transform:uppercase;margin:0;}
.popup2 p{font-family:verdana;font-size:18px;line-height:24px;text-align:center;color:#000;}
.popup2 p:hover{color:#000 !important;}
.popup2 p strong{font-size:26px;line-height:30px;font-weight:normal;display:block;color:#000;}
.popup2 p strong:hover{color:#000 !important;}
.popup2 hr{background:#63baff;height:1px;border:none;}
.min-zam{text-align:center;font-size:12px;padding:0px 25px 25px;}
.min-zam span{color:red;}
.overlay{background-color:rgba(0, 0, 0, 0.7);bottom:0;cursor:default;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:10;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;}
.overlay1{background-color:rgba(0, 0, 0, 0.7);bottom:0;cursor:default;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:10;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;}
.overlay2{background-color:rgba(0, 0, 0, 0.7);bottom:0;cursor:default;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:10;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;}
.open_modal1, .open_modal2{left:50%;}
.open_modal1 p{text-transform:uppercase;background:transparent;list-style-type:none;margin:5px 7px;display:inline-block;cursor:pointer;}
.open_modal1 p:hover{color:#02A25A !important;outline:0;}
.open_modal1 p:focus{outline:0;}
.popup1{display:inline-block;left:50%;opacity:0;position:fixed;text-align:justify;top:40%;visibility:hidden;z-index:10;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:opacity .5s, top .5s;-moz-transition:opacity .5s, top .5s;-ms-transition:opacity .5s, top .5s;-o-transition:opacity .5s, top .5s;transition:opacity .5s, top .5s;}
.popup3{display:inline-block;left:50%;opacity:0;position:fixed;text-align:justify;top:40%;visibility:hidden;z-index:11;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:opacity .5s, top .5s;-moz-transition:opacity .5s, top .5s;-ms-transition:opacity .5s, top .5s;-o-transition:opacity .5s, top .5s;transition:opacity .5s, top .5s;}
.popup1 form, .popup3 form{padding:20px;right:0;background:#dddddd;;border-radius:5px;color:#000;z-index:5;}
.popup1 form input, .popup3 form input{background:#f0f5f7;margin-top:8px;width:227px;color:#000;margin-bottom:20px;}
.popup1 form:hover, .popup3 form:hover{color:#000;}
.popup1 form input[name="txtname"], .popup3 form input[name="txtname"]{margin-bottom:20px;}
.popup1 form textarea, .popup3 form textarea{background:#f0f5f7;margin-top:8px;width:227px;height:100px;resize:none;border-radius:5px;font-size:12px;}
.popup1 form label, .popup3 form label{width:100%;height:20px;display:block;margin:8px -2px;padding:0;color:#57575d;font-size:12px;font-weight:normal;}
.popup1 form label:hover, .popup3 form label:hover{color:#888787 !important;}
.popup1 form input[type="submit"], .popup3 form input[type="submit"]{text-align:center;text-transform:uppercase;width:100%;color:#fff;font-weight:bold;background:#02A25A;border:none;border-radius:25px;background:-moz-linear-gradient(left, #25799b 0%, #73b5d1 100%);background:-webkit-linear-gradient(left, #25799b 0%, #73b5d1 100%);background:linear-gradient(to right, #25799b 0%, #73b5d1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0);}
.popup1 form input[type="checkbox"], .popup3 form input[type="checkbox"]{width:auto;margin:2px;padding:2px;float:left;}
.popup1 .close_modal1, .popup3 .close_modal2{position:absolute;padding:1px 9px 4px 9px;top:-5px;right:-1px;cursor:pointer;color:#fff;font-family:'tahoma', sans-serif;text-align:center;font-weight:normal;font-size:20px;display:flex;line-height:30px;color:#69696D;}
.post-rating{text-align:center;}

.send-foto{padding: 40px 25px 40px 25px;
	background-image: linear-gradient( 180deg,#ffffff 0%,#51d9ed 100%);
    border-radius: 5px; 
    text-align: center;
margin-bottom: 15px;
margin-top: 50px; } 


	.send-content{width: 100%;}

	

	.send-content h4{font-size: 26px;
		margin-top: 5px;
		  line-height: 1.1;
		  margin-bottom: 32px;
		  font-weight: 600;
		  color: #000;
	  font-family: Montserrat Ultra Light;}

      .send-content p {margin-bottom: 32px;}

      img.send-img {
        width: 60px;
    }
    .col-send_foto{ float:right;}


    /* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #f8ffe2;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
  }
  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .active, .accordion:hover {
    background-color: #dceca9;
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .panel {
    padding: 15px;
    background-color: white;
    display: none;
    overflow: hidden;
  }

  button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
button.accordion.active:after {
    content: "\2212";
}

.logo{    width: 120px;}


.call-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:.3s;z-index:9998;}
.call-modal {padding-top: 50px; height: 320px; position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:25px;border-radius:8px;width:320px;opacity:0;visibility:hidden;transition:.3s;z-index:9999;}
.call-modal input {width:100%;padding:12px;margin:8px 0;border:1px solid #ddd;border-radius:5px;font-size:16px;}
.call-submit {background:#5c2a9e;color:#fff;border:none;cursor:pointer;}
.call-close {position:absolute;right:12px;top:8px;font-size:22px;cursor:pointer;color:#444;}
.call-modal.show, .call-overlay.show {opacity:1;visibility:visible;}
.call-result {margin-top:12px;font-size:16px;text-align:center;}

.call-btn { text-transform: uppercase; width:100%;background:#5c2a9e;color:#fff;border:none;border-radius:6px;padding:12px;font-size:18px;margin-top:8px;cursor:pointer;}
.call-btn:hover{color:#fff;    background: #5c2a9eba;}

.call-btn,
.call-btn:visited,
.call-btn:active,
.call-btn:focus,
.call-btn:hover {
  color:#fff !important;
  text-decoration:none !important;
}

header .bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;

  background:url('/access/img/test1.jpg') center top/cover no-repeat;
}

@media screen and (max-width: 768px) {

  .block-4 .title {
    position: relative;
    display: inline-block;
    padding: 0 20px;
  }

  .block-4 .title::before,
  .block-4 .title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 35px;
    height: 2px;
    background: #b8b7b7;
  }

  .block-4 .title::before {
    left: -45px;
  }

  .block-4 .title::after {
    right: -45px;
  }
}

/* Улучшаем читаемость текста в шапке на мобильных */
@media screen and (max-width: 600px) {

  /* Добавляем мягкое затемнение */
  header .bg::after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.38); /* степень затемнения */
    z-index:0;
  }

  /* Переносим текст поверх затемнения */
  header .info-wrap,
  header .info-wrap * {
    position:relative;
    z-index:1;
	        padding: 2%;
  }

  /* Делаем текст чуть толще и с тенью */
  header .info-wrap h1,
  header .info-wrap p {
    text-shadow:0 2px 6px rgba(0,0,0,0.6);
    font-weight:600;
  }
}


html, body {overflow-x: hidden !important;}
.ti-widget,
.ti-review-container,
.ti-review-item,
.ti-reviews-container {
  max-width: 100% !important;
  overflow-x: hidden !important;
}


 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #f8ffe2;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
  }
  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .active, .accordion:hover {
    background-color: #dceca9;
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .panel {
    padding: 15px;
    background-color: white;
    display: none;
    overflow: hidden;
  }

  button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
button.accordion.active:after {
    content: "\2212";
}

.block-4-in-desctop{margin-top: 50px;}
.whatsapp-badge { position: fixed; bottom: 0; z-index: 10000; margin: 10px; width: auto !important; }

.whatsapp-icon { position: relative; background-image: url(/access/img/whatsapp.png); background-repeat: no-repeat; display: inline-block; height: 18px; width: 18px; top: -1px; vertical-align: middle; background-size: contain; }

.whatsapp p { display: inline; color: #fff; font-size: inherit; font-weight: inherit; }
.whatsapp { clear: both; padding: 10px 0; }

.whatsapp span { border-radius: 4px; background: #25D366; color: #fff; font-size: 13px; padding: 6px 8px; display: inline-block; outline: none; cursor: pointer; }

.whatsapp.bottom-right {right: 0;}

/**
 * Read more — стили
 */
.read-more-wrap { display: none; }
.read-more-center { text-align:center; margin-top:10px; }
.read-more-trigger { font-weight:600; font-size:12px; color:#5c2a9e; cursor:pointer; }
.read-more-trigger:hover { text-decoration:underline; }
.work-desc-text {text-align: center; width: 60%;margin: 20px auto 20px;}

.cta-flex {display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px;}
.btn-cta {    text-transform: uppercase; padding: 12px;border-radius:6px;font-size:18px;display:inline-block;}
.tg-btn {background:#2AABEE;color:#fff;}
.wa-btn {background:#25D366;color:#fff;}
.call-btn-sm {background:#5c2a9e;color:#fff;}
.btn-cta:hover {opacity:.85;}

.mobile-only { display:none; }
.desctop-only { display:inline-block; }
.logo-img {width: 200px; }

@media(max-width:768px){
  .mobile-only { display:inline-block !important; }
.block-4-in-desctop  {margin-top: 0px;}
  .desctop-only { display:none; }
  .phone {margin-top: 0px;}
  .work-desc-text {width: 100%; }
 header #logo img{ margin-left: 10px; width: 120px;    margin-top: 5px;}
}