html, body, div, span, applet, object,input , iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;box-sizing: border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {	display: block;}
input {outline:none;}
body {	line-height: 1;font-family: 'Open Sans', sans-serif;-webkit-text-size-adjust: 100%;margin: 0!important;}
ol, ul {	list-style: none;}
a{text-decoration: none;}
a:hover {text-decoration: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
.clear:after {content:'';display: block;clear: both;}
img {max-width: 100%;}
/**********************/
body {background: #fff;}


#map {
        height: 400px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
       }

.wrapper {width: 100%;max-width: 1190px;margin: 0 auto;box-sizing: border-box;position: relative;padding: 0 5px;}
.content .wrapper {background: #fff;}

.content {position: relative;padding: 190px 0 0 0;}
.content:before {content: '';display: block;width: 100%;height: 400px;background: url(../images/bg_2.jpg) no-repeat 50% 0;position: absolute;top: 0px; left: 0;}
.preloader {background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;z-index: 999999;display: none;justify-content: center;align-items: center;}
.preloader:before {background-image: url(/ajax-loader.gif);width: 160px;height: 160px;content: '';display: block;}




.header_new {
    padding-top: 10px;
    padding-bottom: 25px;
    background: #fff;
    border-bottom: 1px #e0e6ed solid;
    line-height: 1;
}
.header_new {font-family: "Roboto", sans-serif!important;}
.header_new .wrapper {
    display: flex;
    justify-content: space-between;
}
.header_new .wrapper .left_part .logo a {
    display: flex;
    align-items: center;
}
.header_new .wrapper .left_part .logo a img {
    margin-right: 23px;
}
.header_new .wrapper .left_part .logo a p {
    color: #4278d2;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.1;
    max-width: 160px;
    font-weight: 900;
}
.header_new .wrapper .left_part .logo a p i {
    font-style: normal;
    color: #000;
    display: block;
}
.header_new .wrapper .right_part {
    width: calc(100% - 375px);
    padding: 15px 0 0 0;
}
.header_new .wrapper .right_part .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.header_new .wrapper .right_part .top .main_tel a {
    font-size: 28px;
    font-weight: 500;
    color: #4278d2;
}
.header_new .wrapper .right_part .top .main_tel p {
    margin-top: 8px;
    color: #a1a1a1;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
}
.header_new .wrapper .right_part .top .secondary_tel {
    display: flex;
    justify-content: space-between;
}
.header_new .wrapper .right_part .top .secondary_tel .messengers {
    display: flex;
    margin-right: 20px;
}
.header_new .wrapper .right_part .top .secondary_tel .messengers a {
    margin: 0 2px;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px #bfbfbf solid;
    text-indent: -9999px;
}
.header_new .wrapper .right_part .top .secondary_tel .messengers a:nth-child(1) {
    background: url(../images/phone.png) no-repeat 50% 50%;
}
.header_new .wrapper .right_part .top .secondary_tel .messengers a:nth-child(2) {
    background: url(../images/viber.png) no-repeat 50% 50%;
}
.header_new .wrapper .right_part .top .secondary_tel .messengers a:nth-child(3) {
    background: url(../images/telegramm.png) no-repeat 50% 50%;
}
.header_new .wrapper .right_part .top .secondary_tel .phones {
    display: flex;
    flex-direction: column;
    max-width: unset!important;
    max-height: unset!important;
}
.header_new .wrapper .right_part .top .secondary_tel .phones a {
    font-weight: 300;
    color: #000;
    font-size: 18px;
    margin-bottom: unset!important;
    font-style: unset!important;
}
.header_new .wrapper .right_part .top .choose_city {
    display: flex;
    margin-right: 20px;
    min-width: unset!important;
    width: unset!important;
}
.header_new .wrapper .right_part .top .choose_city span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 18px;
    font-weight: 300;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px transparent solid;
    padding: 12px 12px;
    cursor: pointer;
}
.header_new .wrapper .right_part .top .choose_city a {
    color: #000;
}
.header_new .wrapper .right_part .top .choose_city span.active {
    border: 1px #bdbdbd solid;
}
.header_new .wrapper .right_part .top .callback {
    padding-right: 12px;
}
.header_new .wrapper .right_part .top .callback a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    padding: 24px 0;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background: #4278d2;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}
.header_new .wrapper .right_part .top .callback {
    padding-right: 12px;
}
.header_new .wrapper .right_part .top .callback a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    padding: 24px 0 21px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background: #4278d2;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}
.header_new .wrapper .right_part .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_new .wrapper .right_part .bottom .company_experience {
    font-size: 22px;
    font-weight: 300;
    color: #000;
}
.header_new .wrapper .right_part .bottom .copyright {
    font-size: 14px;
    font-weight: 300;
    color: #000;
}
.header_new .wrapper .right_part .bottom .callback {
    padding-right: 12px;
}
.header_new .wrapper .right_part .bottom .callback a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    padding: 24px 0 21px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background: #4278d2;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    height: unset!important;
    box-shadow: none!important;
}

.box_title {
    font-size: 40px;
    color: #000;
    font-weight: 400;
    text-align: center;
    margin-bottom: 45px;
}

.box_description {
    font-size: 24px;
    color: #000;
    font-weight: 500;
    text-align: center;
    margin-bottom: 45px;
}

.box_11 {
    padding: 0px 0 30px;
}
.box_11 .wrapper .box_title {
    margin-bottom: 25px;
}
.box_11 .wrapper .choose_city {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}
.box_11 .wrapper .choose_city .left {
    font-size: 18px;
    color: #000;
    font-weight: 300;
    margin-right: 30px;
}
.box_11 .wrapper .choose_city .city {
    display: flex;
}
.box_11 .wrapper .choose_city .city span {
    cursor: pointer;
    display: block;
    font-size: 18px;
    color: #000;
    font-weight: 300;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px transparent solid;
    padding: 12px 12px;
    margin: 0 5px;
}
.box_11 .wrapper .choose_city .city span.active {
    border: 1px #bdbdbd solid;
}
.box_11 .wrapper .form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 1140px;
    margin: 0 auto 0 auto;
    align-self: flex-end;
}
.box_11 .wrapper .form form {
    margin-bottom: 45px;
    padding: 40px 50px;
    background: #4278d2;
    box-shadow: 0px 10px 28px 0px rgba(8, 39, 90, 0.1);
    width: 100%;
    display: flex;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    align-items: center;
    justify-content: space-between;
}
.box_11 .wrapper .form form input {
    height: 80px;
    width: calc(30% - 20px);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background: #386abd;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    padding: 0 0 0 30px;
}
.box_11 .wrapper .form form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}
.box_11 .wrapper .form form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}
.box_11 .wrapper .form form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}
.box_11 .wrapper .form form input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}
.box_11 .wrapper .form form button {
    height: 76px;
    width: calc(40% - 20px);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background: transparent;
    border: 2px #fff solid;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
}
.box_11 .wrapper .form p {
    font-weight: 300;
    font-size: 14px;
    color: #000;
    max-width: 975px;
    margin: 0 auto;
    text-align: center;
}
.box_11 .wrapper .form p em {
    font-style: normal;
    font-weight: 400;
    color: #4278d2;
}



.header {
    min-width: 100%;
    background: #fff;
    position: relative;
    z-index: 2;
}
.header .wrapper {display: flex;
    min-height: 80px;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;padding-top: 7px;padding-bottom: 10px;}


.logo div:nth-child(1) {margin-right: 5px;width: 100%;max-width: 77px;}
.logo div:nth-child(2) {font-size: 15px;color: #222222;line-height: 18px;letter-spacing: -0.5px;font-weight: 600;}



.quote {font-size: 15px;line-height: 22px;color: #111111;font-style: italic;font-weight: 300;max-width: 300px;width: 100%;}
.free_phone {max-width: 300px;width: 100%;}
.free_phone a {color: #1389c9;font-size: 23px;text-align: center;font-weight: 700;display: block}
.free_phone em {font-style: normal;font-size: 14px;display: block;text-align: center;}


.quote div {
    position: relative
}
.quote span {
    font-size: 14px;
    color: #2d2d2d;
    display: block;
    text-align: right;
    padding: 0 20px 0 0;
}

.quote div:before {
    background: url(../images/quote.png) no-repeat;
    content: '';
    display: block;
    width: 12px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 0;
}
.quote div:after {
    background: url(../images/quote.png) no-repeat;
    content: '';
    display: block;
    width: 12px;
    height: 8px;
    position: absolute;
    right: 0;
    bottom: -3px;
    transform: rotate(180deg);
}

.quote div p {
    position: relative;
    padding: 10px 0 6px 20px;
}
.quote div p:before
{
    content: '';
    display: block;
    width: calc(100% - 20px);
    background: #e3e3e3;
    height: 1px;
    position: absolute;
    right: 0;
    top: 5px;
}
.quote div p:after
{
    content: '';
    display: block;
    width: calc(100% - 20px);
    background: #e3e3e3;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.hidden_city_1,.hidden_city_2 {display: none!important;}
.choose_city_btn,.choose_city_btn_2 {display: flex;justify-content: space-between;max-width: 310px;margin-top: 10px;}
.choose_city_btn_2 {flex-wrap: wrap;}
.choose_city_btn em,.choose_city_btn_2 em  {font-style: normal;font-size: 14px;color: #111;font-weight: 700;}
.choose_city_btn div,.choose_city_btn_2 div {display: flex;justify-content: space-between;max-width: 200px;width: 100%;}
.choose_city_btn div span,.choose_city_btn_2 div span {display: block;cursor: pointer;}
.chosen_city,.chosen_city_2 {font-weight: 700;color: #000;text-decoration: underline;}

.choose_city_btn_2 {max-width: 100%;}
.choose_city_btn_2 em {display: block;text-align: center;width: 100%;font-size: 15px;margin-bottom: 8px;}
.choose_city_btn_2 div {max-width: 270px;margin: 0 auto 20px;}

.top_contacts {width: 100%;max-width: 190px;}
.top_phones {margin-top: 0px;position: relative;max-height: 75px;}
/*.top_phones:before {content: '';display: block;background: url(../images/phone_icon_top.png) no-repeat;width: 32px; height: 31px;position: absolute;left: 25px;top: 50%;margin-top: -15px;}
*/



.choose_city {position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.choose_city > span {display: block;position: relative;cursor: pointer;
font-size: 15px;font-weight: 400;color: #222222;text-align: right;padding: 0 0 0 0;}

.choose_city > .active_city {font-weight: 700;text-decoration: underline;}
/*.choose_city > .active_city:before {content: '›'; font-size: 23px;color: #402b8b;font-style: normal;font-weight: 700;transform: rotate(90deg);display: inline-block;width: 10px;height: 10px;position: absolute;right: 0;top: 3px;}*/






.cities {display: none;background: #fff;border-radius: 5px;box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.25);margin: 5px 0 0 0;overflow: hidden;position: absolute;width: 100%;z-index: 3;}
.cities span {display: block;padding: 7px 0;text-align: center;border-bottom: 1px #f7f7f7 solid;font-size: 14px;cursor: pointer;}
.cities span:last-child {border: none;}
.cities span:hover {background: #402b8b;color: #fff;}

/*.cities .active {background: #f1f1f3;color: #222222;}*/


.phones {display: none;max-height: 75px;}
.top_phones .active {display: block;}
.phones a {display: block;font-size: 17px;font-style: italic;color: #333333;margin-bottom: 10px;text-align: right;}
.phones > a:first-child {font-weight: 600;}
.phones div {position: relative;}
.phones div:before {content: '';display: block;
background: url(../images/messeger.png) no-repeat;
width: 50px; height: 21px;position: absolute;
left: 25px;top: 12px;
}
.callback a {position: relative;display: block;background: url(../images/btn_bg.png) repeat-x;height: 25px;width: 100%;text-align: center;font-size: 15px;color: #1e1e1e;border-radius: 8px;overflow: hidden;text-decoration: none;box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.45); line-height: 25px;}
/*.callback a:hover:after {width: 80%;}*/

/*.callback a:after {
    content: '';display: block;height: 1px;width: 0px;background: #1e1e1e;
    position: absolute;bottom: 3px;left: 10%;transition: .5s;
}*/
.content > span  {display: block;position: absolute;top: 0;width: 100%;text-align: center;font-size: 30px;color: #fff;font-weight: 700;text-transform: uppercase;line-height: 1.3;text-shadow: 0px 0px 16px rgb(0 0 0);top: 45px;font-family: 'Open Sans', sans-serif;}
.content > span i {font-style: normal;font-size: 22px;}
.content .wrapper {padding-top: 40px;padding-bottom: 50px;position: relative;}
.tabs {display: flex;justify-content: center;max-width: 800px;width: 90%;margin: 0 auto;border-radius: 30px;border: 1px #1389c9 solid;overflow: hidden}
.tab_link {width: 33.33%;text-align: center;height: 60px;background: #fff;position: relative;display: flex;align-items: center;flex-wrap: wrap;cursor: pointer;}
.tabs .active {background: #1389c9!important;z-index: 2;}
.tabs .active span:before {background-position: 0 0;}

/*.tab_link:after {content: '';display: block;width: 0px;height: 80%;border-left: 1px #1389c9 solid;position: absolute;right: -2px;top: 10%;z-index: 1;}*/
.tab_link:hover {background: #a4d5f0;color: #fff;}
.tab_link:hover span {color: #fff;}


.service span:before {content: '';display: inline-block;width: 25px;height: 25px;background: url(../images/service_icon.png) no-repeat;background-position: 0 -25px;margin-right: 10px;}

.advantages span:before {content: '';display: block;width: 25px;height: 25px;background: url(../images/advantages_icon.png) no-repeat;background-position: 0 -25px;margin-right: 10px;}
.guarantee span:before {content: '';display: block;width: 25px;height: 25px;background: url(../images/guarantee_icon.png) no-repeat;background-position: 0 -25px;margin-right: 10px;}

.tab_link span {color: #555555;font-size: 17px;display: flex;font-weight: 300;width: 100%;justify-content: center;align-items: center}
.tabs .active span {color: #fff;font-weight: 700;}

.tabs .active:after,.tab_link:last-child:after {display: none;}


.slider {margin: 30px auto 0 auto;max-width: 85%;}

.advantages_block > div,.service_block > div {display: flex!important;justify-content: flex-start;padding: 25px 45px;}
.advantages_block > div:nth-child(odd),.service_block > div:nth-child(odd) {}
.advantages_block > div:nth-child(even),.service_block > div:nth-child(even) {}
.advantages_block > div div:nth-child(1),.service_block > div div:nth-child(1) {width: 100%;max-width: 51px;margin-right: 35px;}
.advantages_block div div:nth-child(2),.service_block div div:nth-child(2) {display: flex;flex-wrap: wrap;}
.advantages_block div div span,.service_block div div span {display: block;width: 100%;font-size: 19px;color: #333;font-weight: 700;margin-bottom: 7px;}
.advantages_block div div p,.service_block div div p {display: block;width: 100%;font-size: 16px;color: #333;line-height: 20px;}

.service_block {}

.consult_wrapper {position: relative;padding: 40px 0px;}


.consult_wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #1389c9;
    -webkit-filter: contrast(115%);
    filter: contrast(115%);
    z-index: -1;
}
.consult_wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/background_2.jpg);
    background-size: cover;
    opacity: 0.2;
    z-index: -1;
}


.wrapper_no_bg {background: none!important;padding: 0!important;}
.consultation {margin: 0 10px 0;}
.consultation > span {font-size: 30px;display: block;text-align: center;text-transform: uppercase;font-weight: 800;color: #fff;margin-bottom: 10px;}
.content .wrapper > span {font-size: 23px;display: block;text-align: center;text-transform: uppercase;font-weight: 800;color: #111111;margin-bottom: 20px;line-height: 35px;}
.content .wrapper > span  br {display: none!important;}
.consultation > div {border-top: 1px #fff dashed;border-bottom: 1px #fff dashed;padding: 15px 10px 10px;}
.consultation > div > div:nth-child(1) p {font-size: 17px;color: #fff;margin-bottom: 3px;}
.consultation > div > div:nth-child(1) p b {font-weight: 700;color: #fff; }
.consultation > div form {display: flex;justify-content: space-between;margin-top: 10px;}
.consultation > div > div:nth-child(1) {width: 100%;max-width: 500px;}
.consultation > div form input {width: 55%;display: block;height: 35px;border: 1px #b3b3b3 solid;border-radius: 5px;background: #f4f4f4;padding: 0 0 0 5px;font-size: 15px;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);}

.consultation > div form button {box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);background: url(../images/consult_button.png) repeat-x;height: 36px;width: 40%;border: none;border-radius: 5px;font-size: 16px;color: #111111;font-weight: 400;box-sizing: border-box;padding: 0;cursor: pointer;}
.consultation > div form button:hover {opacity: 0.8;}

.personal_alert {font-size: 13px!important;display: block;width: 100%!important;margin-top: 5px;color: #333;}

.consultation > div {display: flex;justify-content: space-between;}
.consultation > div > div:nth-child(2) {display: flex;justify-content: center;width: 100%;max-width: 360px;align-items: center;background: #fff;border-radius: 30px; height: 150px;padding: 10px 0 0 0;}

.timer {display: flex;justify-content: space-between;width: 100%;max-width: 275px;}
.timer div {display: flex;justify-content: space-between;max-width: 80px;flex-wrap: wrap;position: relative;}
.timer div:after {content: '';background: url(../images/timer_dots.png) no-repeat;width: 11px;height: 39px;display: block;position: absolute;right: -14px;top: 7px;}
.timer div:last-child:after {display: none;}
.timer div span {display: block;width: 48%; background: rgb(19,137,201);
background: -moz-linear-gradient(top, rgba(68,172,229,1) 0%, rgba(19,137,201,1) 100%);
background: -webkit-linear-gradient(top, rgba(68,172,229,1) 0%,rgba(19,137,201,1) 100%);
background: linear-gradient(to bottom, rgba(68,172,229,1) 0%,rgba(19,137,201,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#624ccb', endColorstr='#1389c9',GradientType=0 );border-radius: 5px;height: 55px;font-size: 35px;font-weight: 700;color: #fff;text-align: center;line-height: 52px;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.7); }
.timer div p {display: block;width: 100%;text-align: center;font-size: 14px;color: #333;font-weight: 300;margin-top: 2px;}


.footer_logo_info {display: flex;justify-content: flex-start;}
.footer_logo_info img {margin-right: 5px;}
.footer_logo_info p {line-height: 22px;font-size: 15px;font-weight: 300;color: #fff;}





.footer {position: relative;padding: 20px 0px;z-index: 2;}


.footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #333;
    -webkit-filter: contrast(115%);
    filter: contrast(115%);
    z-index: -1;
}
.footer:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/background_2.jpg);
    background-size: cover;
    opacity: 0.2;
    z-index: -1;
}





.bottom_contacts {width: 100%;max-width: 190px;}
.bottom_phones {margin-top: 14px;position: relative;}
.bottom_phones:before {content: '';display: block;background: url(../images/phone_icon_bottom.png) no-repeat;width: 32px; height: 31px;position: absolute;left: 0;top: 50%;margin-top: -15px;}

.choose_city_bottom {position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.choose_city_bottom > span {display: block;position: relative;cursor: pointer;font-size: 15px;font-weight: 400;color: #ffd200;text-align: right;padding: 0 0 0 0;}
.choose_city_bottom .active_city {font-weight: 700;text-decoration: underline;}


/*.choose_city_bottom > span:before {content: '›'; font-size: 23px;color: #ffd200;font-style: normal;font-weight: 700;transform: rotate(90deg);display: inline-block;width: 10px;height: 10px;position: absolute;right: 0;top: 3px;}*/

.cities_bottom {display: none;background: #fff;border-radius: 5px;box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.25);margin: 5px 0 0 0;overflow: hidden;position: absolute;width: 100%;z-index: 3;}
.cities_bottom span {display: block;padding: 7px 0;text-align: center;border-bottom: 1px #f7f7f7 solid;font-size: 14px;cursor: pointer;}
.cities_bottom span:last-child {border: none;}
.cities_bottom span:hover {background: #402b8b;color: #fff;}

/*.cities_bottom .active {background: #f1f1f3;color: #222222;}*/


.phones_bottom {display: none;}
.bottom_phones .active {display: block;}
.phones_bottom a {display: block;font-size: 17px;font-style: italic;color: #fff;margin-bottom: 10px;text-align: right;}
.phones_bottom a:first-child {font-weight: bold;}

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

/* text-based popup styling */
.white-popup {
  position: relative;
  background: #FFF;
  padding: 25px;
  width: auto;
  max-width: 400px;
  margin: 0 auto; }

/*

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */ }
  .mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8); }
  .mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out; }
  .mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1); }
  .mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8; }
  .mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0; }
  .mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0; }


#callback > span,#feedback > span {font-size: 18px;font-weight: 700;display: block;text-align: center;color: #555;margin-bottom: 15px;}

#callback input,#feedback input{width: 90%;display: block;height: 35px;border: 1px #b3b3b3 solid;border-radius: 5px;background: #f4f4f4;padding: 0 0 0 5px;font-size: 15px;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);margin: 0 auto 10px;}

#callback form button,#feedback form button{box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);background: url(../images/consult_button.png) repeat-x;height: 36px;width: 90%;border: none;border-radius: 5px;font-size: 16px;color: #111111;font-weight: 400;box-sizing: border-box;padding: 0;cursor: pointer;margin: 0 auto;display: block;}
#callback form button:hover,#feedback form button:hover{opacity: 0.8;}
#callback .personal_alert,#feedback .personal_alert{margin: 10px 0 0 0;}


.or_call_us {
    margin-top: 20px;
}

.or_call_us p {
    display: block;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

.or_call_us a {
    color: #333;
    font-size: 25px;
    text-align: center;
    font-weight: 800;
    margin: 10px 0;
    display: block
}

.or_call_us i {
    font-style: normal;
    font-size: 16px;text-align: center;display: block;
    color: #555;
}

.adress_map {
    position: relative;
}
.map_contact {
    position: absolute;
    z-index: 2;
    width: 300px;
    background: #fff;
    border-radius: 5px;
    left: 40px;
    padding: 20px;
    top: 40px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.map_contact > span {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 800;
    color: #1389c9;
    margin-bottom: 15px;
}
.map_contact_phones {

}
.map_contact_phones a:nth-child(1) {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
    display: block;
}
.map_contact_phones p:nth-child(2){
    font-size: 15px;
    color: #555;
    margin-bottom: 15px;
}

.map_contact_phones a:nth-child(3),.map_contact_phones a:nth-child(4){
    font-size: 18px;
    color: #333;
    margin-bottom: 9px;
    font-weight: 600;
    display: block;
}

.map_contact_phones i:nth-child(5){
    font-size: 15px;
    color: #555;
    display: block;
    font-style: normal;
}
.map_contact_adress {
    margin-top: 20px;
    position: relative;
    padding: 0 0 0 25px;
}
.map_contact_adress:before {
    content: '';
    display: block;
    width: 19px;
    height: 30px;
    background-image: url(/images/location_icon.png);
    background-size: 19px 30px;
    position: absolute;
    left:0;
    top:5px;
}
.map_contact_adress p {
    line-height: 22px;
    color: #444;
}


.consultation > i {display: block;font-style: normal;font-size: 16px;
text-align: center;color: #fff;
margin-bottom: 20px;}
.consultation > i b {
    font-weight: 800;
}

.we_buy_any_flat {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 960px;
    margin: 0 auto 30px;
}
.we_buy_any_flat span {display: block;width: 100%;text-align: center;font-size: 24px;
    text-transform: uppercase;
    font-weight: 800;
    color: #333;margin-bottom: 20px;}
.we_buy_any_flat > a {
    width: 20%;
    margin: 0 1%;
    text-align: center;
    display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
color: #333;
}
.we_buy_any_flat > a img {max-width: 100%;}

.feedback_icon {position: fixed;bottom: 5px;right: 5px;-webkit-animation: pulsing 2s infinite;
  animation: pulsing 2s infinite;}

@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5)
  }
  50% {
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
  }
  100% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}

@keyframes pulsing {
  0% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5)
  }
  50% {
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
  }
  100% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}
.sticky_icons a {display: block;margin:0 10px 5px;}
.sticky_icons a img {vertical-align: bottom}
.sticky_icons {display: flex;justify-content: flex-start;position: fixed;width:100%;bottom:0;z-index: 999;}
/*.sticky_icons a:nth-child(1) {background: #00e676;padding:0 10px;}
.sticky_icons a:nth-child(2) {background: #665cac;padding:0 10px;}
*/

.map_contact_phones .sticky_icons {position: relative;}
.map_contact_phones .sticky_icons a:nth-child(1) {margin-left: 0px;margin-right: 0px;}
.switch_lang {
    display:flex;
    justify-content: center;
    margin-bottom: 6px;
}
.switch_lang a {display: block;padding: 5px 7px;color: #f1f1f1;font-size: 16px;font-weight: 500;background: #fff;border-left: 1px #f1f1f1 solid; border-bottom: 1px #f1f1f1 solid; border-top: 1px #f1f1f1 solid;}
.ua_link {border-right: 1px #f1f1f1 solid;}
.switch_lang span {border-right: 1px #f1f1f1 solid; border-bottom: 1px #f1f1f1 solid; border-top: 1px #f1f1f1 solid;display: block;padding: 5px 7px;color: #f1f1f1;font-size: 16px;font-weight: 500;background: #fff;}
.a_active {color: #999!important;background: #f1f1f1!important;font-weight: 700!important;}

@media only screen and (max-width: 960px){
    .consultation > div {flex-direction: column;justify-content: center;}
    .consultation > div > div:nth-child(1) {max-width: 100%;margin-bottom: 20px;}
    .consultation > div > div:nth-child(1) p {text-align: center;}
    .consultation > div > div:nth-child(2) {margin: 0 auto;}
    .consultation > div > div:nth-child(2) {}
    .choose_city_btn {margin-left: auto;margin-right: auto;}
    .content .wrapper > span  br {display: block!important;}
    .content > span {font-size: 32px;}
    .content {padding-top: 160px;}
}

@media only screen and (max-width: 760px){
    .free_phone a,.free_phone em {text-align: right}
    .content > span {font-size: 25px;}
    .header .wrapper {flex-wrap: wrap;}
    .top_contacts {max-width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top: 10px;padding-left: 5px;padding-right: 5px;}
    .top_phones {margin-top: 0px;}
    .top_phones:before {left: 0;}
    .top_phones > div > div {display: flex!important;}
    .top_phones .active a {margin-bottom: 0px;color: #1389c9; font-size: 18px;font-weight: 700;}
    .top_phones .active a:nth-child(2) {margin-right: 20px;}
    .top_phones > .phones > a:first-child {display: none;}
    .callback a {padding: 0 10px;}
    .top_phones > div > div a:first-child {margin-right: 15px;}
    .phones div:before {left:auto;top:auto;position: relative;margin:0 10px 0 0;}

    .content .wrapper {padding-top: 30px;}
    .slider {margin-top: 30px;}
    .advantages_block > div,.service_block > div {padding: 10px 100px 10px 15px;}
    .slider {box-shadow:none;}
    .advantages_block div div span,.service_block div div span {font-size: 17px;}
    .advantages_block div div p,.service_block div div p {font-size: 15px;line-height: 17px;}
    .choose_city {min-width: 190px;}
    .slider {max-width: 98%;}
    .switch_lang {justify-content: flex-end;}
}

@media only screen and (max-width: 670px){
    .choose_city {width: 100%;margin: 0 auto 10px; justify-content: center;}
    .header_new .wrapper .right_part .top .choose_city {
        margin: 0 0px 0 0;
    }
    .choose_city span {margin: 0 20px;}
    .content > span {font-size: 22px;}
    .top_contacts {flex-wrap: wrap;flex-direction: column;}
    .top_phones:before {display: block;left: 0;}
    .top_phones {margin-bottom: 10px;padding-left: 40px;}
    .tab_link > span {flex-direction: column;}
    .tab_link > span:before {margin: 0 0 5px 0;}
    .map_contact {
        position: relative;
        left: auto;
        top: auto;
        width:100%;
    }

}

@media only screen and (max-width: 550px){
    .free_phone {margin:0 auto;}
    .free_phone a,.free_phone em {text-align: center}
    .tabs {width: 98%}
    .callback {width: 100%;margin-top: 5px;}
    .header_new .wrapper .right_part .bottom .callback {
        width: unset!important;
    }
    .top_contacts {flex-wrap: wrap;}
    .choose_city {margin-right: 15px;}
    .top_contacts {justify-content: flex-end;}
    .logo {max-width: 100%;margin-bottom: 10px;width: 100%;justify-content: center;}
    .logo div:nth-child(1) {max-width: 50px;}
    .quote {margin: 0 auto;}
    .advantages_block > div,.service_block > div {padding: 15px 5px;}
    .advantages_block > div div:nth-child(1),.service_block > div div:nth-child(1) {margin-right: 15px;}
    .tab_link span {font-size: 15px;}
    .tabs .active span {font-size: 14px;}
    .consultation > div form {flex-direction: column;justify-content: center;align-content: center;align-items: center;}
    .consultation > div form input,.consultation > div form button {margin-bottom: 10px;width: 100%;max-width: 310px;}
    .consultation > span {font-size: 24px;}
    .consultation > div {padding: 10px 0;}
    .footer_logo_info img {display: none;}
    .content .wrapper > span {font-size: 18px;line-height: 25px;}
    .content > span i {display:block;}
    .content > span {top:25px;}
    .switch_lang {justify-content: center;}
}

@media only screen and (max-width: 450px){
.content .wrapper > span br {display: none;}
    .slider {margin-top: 10px;}
    .we_buy_any_flat > a {width:100%;margin-bottom: 20px;}
}
@media only screen and (max-width: 400px){
    .service,.guarantee {width: 29%;}
    .advantages {width: 42%;}
    .content > span {font-size: 20px;}
    .content > span i {font-size: 16px;margin-top:5px;}
    .choose_city {margin-right: 0px;width: 100%;margin-bottom: 10px;}
    .tab_link span {font-size: 13px;}
    .tabs .active span {font-size: 12px;}
    .advantages_block div div span,.service_block div div span {font-size: 16px;}
    .advantages_block div div p,.service_block div div p {font-size: 14px;line-height: 16px;}
    .timer div {max-width: 60px;}
    .timer div span {font-size: 25px;}
    .timer {max-width: 220px;margin: 0 auto;}
    .footer .wrapper {flex-direction: column;}
    .footer_logo_info p {font-size: 13px;line-height: 17px;text-align: center}
    .footer_logo_info {margin-bottom: 10px;}
    .top_phones:before {display: block;left: 0;}
    .top_phones {margin-bottom: 10px;}
    .choose_city span {margin: 0 14px;}
    .top_contacts {padding:0;}


    .phones div:before {position: absolute;top:12px;left:0;}
    .top_phones .phones div {
        flex-direction: column;
    }
     .top_phones {
        padding: 0px!important;
     }
    .top_phones .phones div a {
        margin-bottom: 25px;
        margin-right:0px!important;
    }
    .phones div:before {
        left:30px;top:21px;margin-right: 0px!important;
    }
    .top_phones .phones div a:last-child {margin-bottom: 0px!important;}
}

@media only screen and (max-width: 1200px) {
    .header_new .wrapper .left_part {
        padding-top: 20px;
    }
    .header_new .wrapper .left_part .logo a {
        display: flex;
    }
    .header_new .wrapper .left_part .logo a img {
        width: 80px;
        margin-right: 12px;
    }
    .header_new .wrapper .left_part .logo a p {
        font-size: 14px;
        max-width: 130px;
    }

    .header_new .wrapper .right_part {
        width: calc(100% - 235px);
    }
    .header_new .wrapper .right_part .top {
        margin-bottom: 5px;
    }
    .header_new .wrapper .right_part .top .callback a {
        width: 190px;
        padding: 15px 0 12px;
    }
    .header_new .wrapper .right_part .bottom .callback a {
        width: 190px;
        padding: 15px 0 12px;
    }
    .header_new .wrapper .right_part .bottom .company_experience {
        font-size: 18px;
    }
}
@media only screen and (max-width: 970px) {
    .header_new .wrapper {
        flex-wrap: wrap;
    }
    .header_new .wrapper .left_part {
        padding-top: 0px;
        width: 100%;
    }
    .header_new .wrapper .left_part .logo a {
        justify-content: center;
    }
    .header_new .wrapper .left_part .logo a p {
        width: auto;
        display: flex;
        max-width: unset;
        flex-direction: column;
    }
    .header_new .wrapper .right_part {
        width: 100%;
    }
    .header_new .wrapper .right_part .top .main_tel a {
        font-size: 22px;
    }
    .header_new .wrapper .right_part .top .main_tel p {
        font-size: 11px;
    }
    .header_new .wrapper .right_part .top .choose_city span {
        font-size: 16px;
        padding: 8px 10px;
    }


    .box_11 .wrapper .form form {
        flex-wrap: wrap;
    }
    .box_6 .wrapper .form form input, .box_6 .wrapper .form form button,
    .box_11 .wrapper .form form input,
    .box_11 .wrapper .form form button {
        width: 100%;
        margin: 10px 0;
    }
}
@media only screen and (max-width: 680px) {
    .header_new .wrapper {
        max-width: 500px;
    }
    .header_new .wrapper .right_part .top .secondary_tel .messengers {
        display: none;
    }
    .header_new .wrapper .right_part .top .main_tel a {
        font-size: 20px;
    }

    .header_new .wrapper .right_part .top .secondary_tel .phones a {
        font-size: 17px;
    }

    .header_new .wrapper .right_part .top .choose_city span {
        padding: 7px 8px;
        font-size: 15px;
    }

    .header_new .wrapper .right_part .bottom .company_experience {
        font-size: 18px;
    }
}
@media only screen and (max-width: 500px) {
    .header_new .wrapper .right_part .top {
        flex-wrap: wrap;
    }

    .header_new .wrapper .right_part .top .callback {
        margin: 15px 0 0 0;
        display: flex;
        justify-content: center;
        padding: 0px;
        width: 100%;
    }

    .header_new .wrapper .right_part .top .choose_city {
        display: none;
    }

    .header_new .wrapper .right_part .bottom {
        flex-wrap: wrap;
    }

    .header_new .wrapper .right_part .bottom .company_experience {
        font-size: 16px;
        text-align: center;
        max-width: 250px;
        margin: 10px auto;
    }

    .header_new .wrapper .right_part .bottom .callback {
        padding-right: 0px;
        margin: 0 auto;
    }

    .box_11 .wrapper .choose_city {
        flex-wrap: wrap;
    }
    .box_11 .wrapper .choose_city .left {
        text-align: center;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .box_11 .wrapper .form form {
        padding: 10px;
        width: 100%;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        flex-wrap: wrap;
    }
    .box_11 .wrapper .form form input, .box_11 .wrapper .form form button {
        width: 100%;
        margin: 10px 0;
        font-size: 17px;
        height: 45px;
    }
    .box_11 .wrapper .form form button {
        padding-top: 5px;
    }
    .header_new .wrapper {
        max-width: 320px;
    }
}
.sticky_messagers {
    position: fixed;
    bottom: 10px;
    left: 10px;
    margin-right: 0px;
    z-index: 9;
    animation: shake 2s cubic-bezier(.36,.07,.19,.97) both infinite;
    transform: translate3d(0, 0, 0);
}
.sticky_messagers .messengers {
    display: flex;
}
.sticky_messagers .messengers a {
    margin: 0 2px;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px #bfbfbf solid;
    text-indent: -9999px;
    background-color: #fff !important;
}
.sticky_messagers .messengers a:nth-child(1) {
    background: url(../images/phone.png) no-repeat 50% 50%;
}
.sticky_messagers .messengers a:nth-child(2) {
    background: url(../images/viber.png) no-repeat 50% 50%;
}
.sticky_messagers .messengers a:nth-child(3) {
    background: url(../images/telegramm.png) no-repeat 50% 50%;
}

@keyframes shake {
    10%{
        transform: translate3d(-1px, 0, 0);
    }

    15%{
        transform: translate3d(2px, 0, 0);
    }

    20% {
        transform: translate3d(-4px, 0, 0);
    }

    25% {
        transform: translate3d(4px, 0, 0);
    }

    30% {
        transform: translate3d(-4px, 0, 0);
    }

    35% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }

}