/* Start:/local/components/mstrike/siteheader/templates/.default/style.css?17349522565359*/
.header-logo-block {
    display:flex; gap:45px; align-items:center;
}
.bubble_geo_msk, .dropdown-content-msk{
	display: none;
	position: absolute;
    top: 100%;
    left: -174px;
    padding: 25px 40px;
    background: #0A7ACC;
    border-radius: 6px;
    z-index: 800;
    width: 425px;
    margin-top: 9px;
	font-family: Roboto;
    font-style: normal;
	font-weight: normal;
    color: #FFFFFF;
}
.bubble_geo_msk:before, .dropdown-content-msk:before {
    display: block;
    content: ' ';
    width: 14px;
    height: 14px;
    background: #0A7ACC;
    border-radius: 4px;
    transform: rotate(-45deg);
    position: absolute;
    top: -5px;
    left: 207px;
    z-index: 750;
}

.bubble_geo_msk .buttons button.yes {
    width: 100px;
    height: 40px;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
    background: #0A7ACC;
}
.bubble_geo_msk .buttons button.yes:hover {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 20px;
    color: #01aeea;
}
.bubble_geo_msk .buttons button.no{
    background: transparent;
    color: #9dcaeb;
    margin-left: 10px;
    text-decoration: none;
	font-weight: 500;
    font-size: 14px;
    line-height: 18px;
	border-radius: 0;
	padding: 0 5px;
	height: 40px;
}
.bubble_geo_msk .buttons button.no:hover{
    color: #fff;
    border-bottom: none;
}
.bubble_geo_msk .buttons{
    margin-bottom: 0;
}
.bubble_geo_msk .title{
   font-size: 19px;
   line-height: 23px;
   margin-bottom: 20px;
   margin-top: 10px;
}
.bubble_geo_msk .title .city_chose{
font-weight: 500;
}
.close_content_bubble{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(/local/templates/hartiya/images/white-close.png) no-repeat center center;
    cursor: pointer;
}
.url_msk_city {
	display: inline-block;
    width: auto;
    background: #0A7ACC;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
    padding: 11px 25px 11px 25px;
    margin-top: 20px;
    text-decoration: none;
}
.url_msk_city:hover {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    color: #01aeea;
    text-decoration: none;
}
.url_msk_obl {
	display: inline-block;
    width: auto;
    background: #0A7ACC;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
    margin-top:20px;
    padding: 11px 25px 11px 25px;
	margin-left: 20px;
	text-decoration: none;
}
.url_msk_obl:hover {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    color: #01aeea;
    text-decoration: none;
}
.other_region_msk {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #9dcaeb;
	display: inline-block;
	margin-top: 20px;
    text-decoration: none;
    border-bottom: 1px dashed #FFFFFF;
}
.other_region_msk:hover {
    border-bottom: 1px dashed transparent;
    cursor: pointer;
    color: #fff;
}
.top-phones_with-text {
    gap: 0 !important;
}
.top-phones__text {
    font-size: 10px !important;  
    margin-top: 0 !important;
}
.top-phones a{
    display: inline-block;
}
.top-phones a:nth-child(3){
    margin-right: 0;
    display: block;
}
.top-phones a>span.phone{
    color: #01AEEA;
}
.top-phones a:hover>span.phone{
    color: #0A7ACC;
}
.header-feedback-block {
    display:flex; gap:45px; align-items:center; 
}

@media screen and (max-width:600px) {
    .bubble_geo_msk, .dropdown-content-msk{
        background: #F3F7FB;
        left: 0;
        margin-top: 0;
        width: 100%;
        top: 0;
        color: #3B5D70;
        font-size: 16px;
        line-height: 19px;
        padding: 15px;
    }
    .url_msk_city{
        background: #FFFFFF;
        border: 1px solid #E5EFF8;
        font-size: 14px;
        line-height: 20px;
        color: #01AEEA;
        padding: 10px 20px;
    }
    .url_msk_obl{
        background: #FFFFFF;
        border: 1px solid #E5EFF8;
        font-size: 14px;
        line-height: 20px;
        color: #01AEEA;
        margin-left: 10px;
        padding: 10px 20px;
    }
    .bubble_geo_msk:before, .dropdown-content-msk:before{
        content: unset;
    }
    .other_region_msk{
        font-size: 14px;
        line-height: 20px;
        color: #6F9CB7;
        margin-top: 10px;
    }
    .bubble_geo_msk .buttons button.yes{
        background: #01AEEA;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
    }
    .bubble_geo_msk .buttons button.no {
        color: #6F9CB7;
        font-size: 14px;
        line-height: 20px;
    }
    .close_content_bubble{
        display: none;
    }
}
/* End */


/* Start:/local/components/mstrike/siteheader/templates/top-info-mobile/style.css?172422478849*/
.button--overflow-hidden {
  overflow: hidden;
}

/* End */


/* Start:/local/templates/hartiya/components/bitrix/menu/hartiya-top/style.css?16267762227688*/
/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	padding:0;
	background:#FFFFFF;
	min-height:27px;
	list-style:none;
	font-size:11px;
	position: relative;
}

#horizontal-multilevel-menu
{
	border-top: 1px solid #E9F3FB;
}
.podmenu-bg{
	width: 100%;
	height: 45px;
	background: #0A7ACC;
	display: block;
}
.podmenu-bg.hide-on-mobile{
	display: block;
}
/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
	text-decoration:none;
	text-align:center;
}

#horizontal-multilevel-menu li
{
	display: inline-block;
}
/*Root items*/
#horizontal-multilevel-menu li a.root-item
{
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: #6F9CB7;
	padding: 15px 14px 11px;
	border-bottom: 4px solid transparent;
}

/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color:#0A86CC;
	border-bottom: 4px solid #0A7ACC;
	padding: 15px 14px 11px;

}

/*Root items: hover*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item
{
	color:#0A86CC;
	border-bottom: 4px solid #0A7ACC;
}

/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
	background: url(/local/templates/hartiya/components/bitrix/menu/hartiya-top/images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#horizontal-multilevel-menu a.denied
{
	background: url(/local/templates/hartiya/components/bitrix/menu/hartiya-top/images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{

	color:#fff;
}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected a
{

	color:#fff;
}

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	top:auto;
	display:none;
	z-index:500;
	left: 0;
	height:45px;
	background:transparent;
	border:none;
	width: 100%;
}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li
{
	height:45px;
	line-height: 44px;
	display: inline-block;
}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	color: #9DCAEB;
	text-align:center;
	margin: 0 15px;
}
#horizontal-multilevel-menu li ul a:hover{
	color:#ffffff;
}
#horizontal-multilevel-menu li ul a.li-mail{
	padding-left: 26px;

	background: url("/local/templates/hartiya/images/mail-lg.png") no-repeat center left;
}
#horizontal-multilevel-menu li ul .item-selected a.li-mail, #horizontal-multilevel-menu li ul a.li-mail:hover{
	background: url("/local/templates/hartiya/images/mail-w.png") no-repeat center left;
}
#horizontal-multilevel-menu li ul li:first-child a{
	margin-left: 0;
}
/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
/*	color:#4F4F4F;
	font-weight:bold;*/
}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	/*color:#4F4F4F;*/
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	z-index:550;
	/*top:auto;*/
	display:block;
	background: #0A7ACC;
}

div.menu-clear-left
{
	clear:left;
}


@media screen and (max-width:600px) {
	#horizontal-multilevel-menu {
		margin-top: 10px;
	}
	#horizontal-multilevel-menu li{
		width: 100%;
	}
	#horizontal-multilevel-menu a{
		text-align: left;
	}
	#horizontal-multilevel-menu li a.root-item, #horizontal-multilevel-menu li a.root-item-selected,#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item{
		font-size: 14px;
		border-bottom: 1px solid #C9E1EE;
		margin-left: 15px;
		padding-left: 0;
	}
	#horizontal-multilevel-menu li:last-child a.root-item, #horizontal-multilevel-menu li:last-child a.root-item-selected{
		border: none;
	}
	#horizontal-multilevel-menu li ul {
		background: #0A7ACC;
		position: relative;
		padding: 10px 0;
	}
	#horizontal-multilevel-menu li ul li:first-child a {
		margin-left: 15px;
	}
	#horizontal-multilevel-menu li ul a {
		color: #9DCAEB;
		text-align: left;
		padding-left: 15px;
	}
	#horizontal-multilevel-menu li ul a, #horizontal-multilevel-menu li ul li:first-child a {
		margin: 0;
	}
	#horizontal-multilevel-menu li ul {
		height: auto;
	}
	#horizontal-multilevel-menu li li{
		height: 40px;
		line-height: 40px;
	}
	#horizontal-multilevel-menu li li.item-selected {
		background: #0C6FB7;
	}
	#horizontal-multilevel-menu li.mobile-parent a.root-item{
		background: url("/local/templates/hartiya/images/menu-arrow-down.png") no-repeat 95% center;
	}
	#horizontal-multilevel-menu li.mobile-parent a.root-item-selected{
		background: url("/local/templates/hartiya/images/menu-arrow-up.png") no-repeat 95% center;
	}
	#horizontal-multilevel-menu li ul a.li-mail, #horizontal-multilevel-menu li ul .item-selected a.li-mail, #horizontal-multilevel-menu li ul a.li-mail:hover{
		padding-left: 15px;
		background-image: none;
	}
	/*#horizontal-multilevel-menu li a.root-item {*/
	/*	display: none;*/
	/*}*/
	/*#horizontal-multilevel-menu li a.root-item-selected {*/
	/*	display: none;*/
	/*}*/
	/*#horizontal-multilevel-menu {*/
	/*	border: none;*/
	/*}*/
	/*#horizontal-multilevel-menu, #horizontal-multilevel-menu ul {*/
	/*	background: none;*/
	/*}*/
	/*#horizontal-multilevel-menu li ul a {*/
	/*	margin-top: -18px;*/
	/*}*/
	/*.item-selected {*/
	/*	margin-left: 15px;*/
	/*}*/
	/*#horizontal-multilevel-menu li li {*/
	/*	display: none;*/
	/*}*/
	.podmenu-bg.hide-on-mobile{
		display: none;
	}
}
/* End */


/* Start:/local/components/mstrike/siteheader/templates/mobile-phones/style.css?1707494480672*/
@media screen and (max-width: 600px){
    .mobile-phones{
        padding: 20px 16px;
        background: #FFFFFF;
        border-top: 1px solid #C9E1EE;
    }
    .mobile-phones .top-phones, .header .mobile-phones .top-phones {
        display: block;
        height: auto;
        background-position: left top;
        max-width:none;
    }
    .mobile-phones .top-phones a{
        display: block;
        margin-bottom: 15px;
    }
    .mobile-phones .top-phones a:last-child{
        margin-bottom: 0;
    }
    .mobile-phones .top-phones a>span.phone{
        color: #01AEEA;
    }
    .mobile-phones .top-phones a:hover>span.phone{
        color: #0A7ACC;
    }
}

/* End */


/* Start:/local/templates/hartiya/components/bitrix/menu/hartiya-bottom/style.css?17086514804116*/
/**Bottom menu**/
#bottom-menu,#bottom-menu ul
{
	padding:0;

	min-height:27px;
	list-style:none;
	font-size:11px;
	position: relative;
}

#bottom-menu
{
	margin-right: 170px;
}
/*Links*/
#bottom-menu a
{
	display:block;
	text-decoration:none;
	text-align:left;
}

#bottom-menu li
{
	display: inline-block;
	vertical-align: top;
	width: 170px;
	margin-right: 30px;
	margin-bottom: 70px;
}
#bottom-menu li::before { content:none; }
/*Root items*/
#bottom-menu li a.root-item
{
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 20px;
}

/*Root menu selected*/
#bottom-menu li a.root-item-selected
{
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 20px;
}

/*Root items: hover*/
#bottom-menu li:hover a.root-item, #bottom-menu li.jshover a.root-item
{
	color:#FFFFFF;
}

/*Item-parents*/
#bottom-menu a.parent
{
	background: url(/local/templates/hartiya/components/bitrix/menu/hartiya-bottom/images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#bottom-menu a.denied
{
	background: url(/local/templates/hartiya/components/bitrix/menu/hartiya-bottom/images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#bottom-menu li:hover, #bottom-menu li.jshover
{

	color:#fff;
}

/*Child-items selected*/
#bottom-menu li.item-selected a
{

	color:#fff;
}

/*Sub-menu box*/
#bottom-menu li ul
{

	background:transparent;
	border:none;
	width: 100%;
}

/*Sub-menu item box*/
#bottom-menu li li
{
display: block;
margin-bottom: 10px;
}

/*Item link*/
#bottom-menu li ul a
{
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	color: #9DCAEB;
	text-align:left;
}
#bottom-menu li ul a:hover{
	color:#ffffff;
}
/*#bottom-menu li ul a.li-mail{
	padding-left: 26px;
	background: url("/local/templates/hartiya/images/mail-lg.png") no-repeat center left;
}
#bottom-menu li ul .item-selected a.li-mail, #bottom-menu li ul a.li-mail:hover{
	background: url("/local/templates/hartiya/images/mail-w.png") no-repeat center left;
}
#bottom-menu li ul li:first-child a{

}*/
/*Items text color & size */
#bottom-menu li a,
#bottom-menu li:hover li a,
#bottom-menu li.jshover li a,
#bottom-menu li:hover li:hover li a,
#bottom-menu li.jshover li.jshover li a,
#bottom-menu li:hover li:hover li:hover li a,
#bottom-menu li.jshover li.jshover li.jshover li a,
#bottom-menu li:hover li:hover li:hover li:hover li a,
#bottom-menu li.jshover li.jshover li.jshover li.jshover li a,
#bottom-menu li:hover li:hover li:hover li:hover li:hover li a,
#bottom-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
/*	color:#4F4F4F;
	font-weight:bold;*/
}

/*Items text color & size: hover*/
#bottom-menu li:hover li:hover a,
#bottom-menu li.jshover li.jshover a,
#bottom-menu li:hover li:hover li:hover a,
#bottom-menu li.jshover li.jshover li.jshover a,
#bottom-menu li:hover li:hover li:hover li:hover a,
#bottom-menu li.jshover li.jshover li.jshover li.jshover a,
#bottom-menu li:hover li:hover li:hover li:hover li:hover a,
#bottom-menu li.jshover li.jshover li.jshover li.jshover li.jshover a,
#bottom-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#bottom-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	/*color:#4F4F4F;*/
}

#bottom-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#bottom-menu li:hover ul ul,
#bottom-menu li.jshover ul ul,
#bottom-menu li:hover ul ul ul,
#bottom-menu li.jshover ul ul ul,
#bottom-menu li:hover ul ul ul ul,
#bottom-menu li.jshover ul ul ul ul,
#bottom-menu li:hover ul ul ul ul ul,
#bottom-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#bottom-menu li:hover ul,
#bottom-menu li.jshover ul,
#bottom-menu li li:hover ul,
#bottom-menu li li.jshover ul,
#bottom-menu li li li:hover ul,
#bottom-menu li li li.jshover ul,
#bottom-menu li li li li:hover ul,
#bottom-menu li li li li.jshover ul,
#bottom-menu li li li li li:hover ul,
#bottom-menu li li li li li.jshover ul
{
	/*top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}

/* End */


/* Start:/local/templates/hartiya/styles.css?1580191073253*/
.quote{
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 33px;
    color: #2D3438;
    padding-left: 50px;
    background: url("/local/templates/hartiya/images/quote.png") no-repeat top left;
}
/* End */


/* Start:/local/templates/hartiya/template_styles.css?175369236385612*/
/*mini-reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, s, samp, strong, sub, sup, tt, var, b, u, i, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th,
td {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
}
html,
body {
    height: 100%;
    min-height: 100%;
    width: 100%;
    /* min-width: 1200px; */
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav,
section {
    display: block;
    margin: 0;
    padding: 0;
}
img {
    border: none;
    display: block;
}
:focus{
    outline: none;
    outline-color: transparent;
    outline-style: none;
    outline-width: 0;
}
sup{
    vertical-align: super;
}
sub{
    vertical-align: sub;
}
/*mini-reset*/

/*styles*/
/*основные большие блоки*/
body{
    font-family: Roboto;
    font-size: 19px;
    line-height: 29px;
    color: #253036;
}
div{
    box-sizing: border-box;
}
iframe {
    width: 100%;
}
img{
    max-width: 100%;
}
.light-gray-bg{
    background: #E5EFF8;
}
.light-gray-bg.p { padding:1px 0; }
.blue-bg{
    background: #0A7ACC;
}
.wrapper{
    width: 1200px;
    margin: 0 auto;
}
.wrapper-830{
    width: 830px;
    margin: 0 auto;
}
.full-body-div{
    margin-top: 40px;
    margin-bottom: 70px;
}
.center-block{
    text-align: center;
}
.div-inline-block{
    display:inline-block;
}
.show-on-mobile { display: none; }
.hide-on-mobile { display: inline; }

.header .top-info, .header .top-info.hide-mobile {
    height: 65px;
    padding: 10px 0;
    display:flex; justify-content:space-between; align-items:center;
}
.header .top-info.show-on-mobile { display:none; }

.header .top-info .logo {
    /*vertical-align: middle;
    display:inline-block;*/
}

.top-location{
    vertical-align: text-top;
    display:inline-block;
    position:relative;
    /*width: 250px;*/
}
.top-location .current-region{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #01AEEA;
    /*padding-left: 28px;*/
    cursor: pointer;
}
.top-location .current-region.active, .top-location .current-region:hover{
    color: #0A7ACC;
}
.top-location .current-region span{
    color: #253036;
}
.top-location .current-region:before {
    display: inline-block;
    content: ' ';
    width: 25px;
    height: 28px;
    background: url(/local/templates/hartiya/images/top-location-pin-big.png) no-repeat center center;
    /* vertical-align: top;*/
    background-size: cover;
    margin-right: 9px;
}
.top-location .current-region.active:before, .top-location .current-region:hover:before{
    background: url(/local/templates/hartiya/images/top-location-pin-big-hover.png) no-repeat center center;
    background-size: cover;
}
.top-location .current-region .region-name:after {
    display: inline-block;
    content: ' ';
    width: 10px;
    height: 18px;
    background: url(/local/templates/hartiya/images/lb-arrow-to-bottom.png) no-repeat center center;
    vertical-align: top;
    background-size: contain;
    margin-left: 8px;
}
.top-location .current-region:hover .region-name:after{
    background: url(/local/templates/hartiya/images/new-blue-arrow-to-top.png) no-repeat center center;
    transform: rotate(180deg);
}
.top-location .current-region.active .region-name:after, .top-location .current-region.active:hover .region-name:after{
    background: url(/local/templates/hartiya/images/new-blue-arrow-to-top.png) no-repeat center center;
    transform: rotate(0deg);
}

.top-location .all-regions{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 30px;
    background: #0A7ACC;
    border-radius: 6px;
    z-index: 800;
    width: 400px;
    margin-top: 9px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);

}
.top-location .all-regions p{
    font-style: normal;
    font-weight: bold;
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 15px;
    color: #FFFFFF;
}
.top-location .all-regions:before{
    display: block;
    content: ' ';
    width: 14px;
    height: 14px;
    background: #0A7ACC;
    border-radius: 4px;
    transform: rotate(-45deg);
    position: absolute;
    top: -5px;
    left: 33px;
    z-index: 750;

}
.top-location .all-regions .close-button{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url('/local/templates/hartiya/images/white-close.png') no-repeat center center;
    cursor: pointer;
}
.top-location .all-regions a{
    display: block;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color:#9DCAEB;
    text-decoration: none;
    margin-top: 10px;
}
.top-location .all-regions a:hover{
    color: #FFFFFF;
}
.top-location .all-regions a:first-child{
    margin-top: 0;
}
.top-location .current-region.active + .all-regions{
    display: block;
}

.top-phones {
    display:flex; flex-direction:column; gap:6px;
    padding-left: 26px;
    background: url('/local/templates/hartiya/images/header-phone-icon.png') no-repeat left center;
    /*height: 18px;*/
    max-width:200px;
}
.top-phones span {
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
    /*margin-right: 20px;*/
    color: #253036;
    line-height:18px;
    vertical-align: top;
}
.top-phones span:nth-child(3){
    margin-right: 0;
    display: block;
    margin-top: -9px;
}

.header .top-info .button.header-vacancies, .header .top-info .button.header-vacancies:hover {
    background-color:#3DBC1E;
}

.top-socservices {
    display:flex; gap:10px; align-items:center;
}
.top-socservices a{
    display: inline-block;
    height: 30px;
    width: 30px;
}
.top-socservices a.facebook{
    background: url('/local/templates/hartiya/images/fb_header.png') no-repeat center center;
}
.top-socservices a.instagram{
    background: url('/local/templates/hartiya/images/insta_header.png') no-repeat center center;
}
.top-socservices a.vkontakte{
    background: url('/local/templates/hartiya/images/vk_header.png') no-repeat center center;
}
.top-socservices a.telegram{
    background: url('/local/templates/hartiya/images/telegram_header.png') no-repeat center center;
}
.top-socservices a.facebook:hover{
    background: url('/local/templates/hartiya/images/fb_header_hover.png') no-repeat center center;
}
.top-socservices a.instagram:hover{
    background: url('/local/templates/hartiya/images/insta_header_hover.png') no-repeat center center;
}
.top-socservices a.vkontakte:hover{
    background: url('/local/templates/hartiya/images/vk_header_hover.png') no-repeat center center;
}
.top-socservices a.telegram:hover{
    background: url('/local/templates/hartiya/images/telegram_header_hover.png') no-repeat center center;
}

.top-info .button {
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    font-size: 14px;
}
.top-info .button.header-feedback-button::after {
    display: inline-block;
    content: ' ';
    width: 18px;
    height: 10px;
    background: url(/local/templates/hartiya/images/white-arrow-right.png) no-repeat center right;
    vertical-align: baseline;
    background-size: contain;
    margin-left: 10px;
}

.mobile-phones .header-vacancies {
    width: 100%;
    margin-top: 20px;
    box-sizing: border-box;
}
/*кнопка поиска в шапке*/
.header-search-button {
    display: block;
    height: 24px;
    width: 24px;
    background: url(/local/templates/hartiya/images/search.png) no-repeat center center;
}

/*текстовые блоки, шрифты*/
h1, .h1{
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    font-size: 47px;
    line-height: 57px;
    color: #253036;
    margin-bottom: 30px;
}
h2, .h2{
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    font-size: 33px;
    line-height: 41px;
    color: #253036;
    margin-bottom: 20px;
}

h3, .h3{
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 33px;
    color: #253036;
    margin-bottom: 20px;
}

h4, .h4{
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #253036;
    margin-bottom: 20px;
}

h1+h2, h1+.h2, .h1+h2, .h1+.h2{
    margin-top: 40px;
}
h2+h3, h2+.h3, .h2+h3, .h2+.h3{
    margin-top: 30px;
}
p{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 29px;
    color: #253036;
    margin-bottom: 20px;
}
p.small, .small{
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 15px;
}
p.smaller, .smaller{
    font-size: 14px;
    line-height: 18px;
}

p+p.small{
    margin-top: 30px;
}
p.small+p.small{
    margin-top: 0;
}
p.small+p.smaller{
    margin-top: 20px;
}
/*ссылки*/
a {
    color:#01AEEA; text-decoration:underline; font-size:inherit;
}
a:hover {
    color:#0A7ACC; text-decoration:none;
}
a.blank-link::after{
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(/local/templates/hartiya/images/blank-link.png) no-repeat center center;
    margin: 0 5px;
    vertical-align: middle;
}
a.blank-link:hover::after{
    background: url(/local/templates/hartiya/images/blank-link-hover.png) no-repeat center center;
}
/*ссылки*/
/*списки*/
.content ul {
    padding-left:50px;
    margin:15px 0 20px;
}
.content ul li {
    list-style:none;
    text-indent:-50px;
    margin-bottom:10px
}
.content ul li:last-child { margin-bottom:0; }
.content ul li > * { text-indent:0 }
.content ul li::before {
    content:'';
    display:inline-block; vertical-align:middle;
    margin-right:30px;
    width:20px; height:0;
    border-bottom:2px solid #0A7ACC;
}
/*списки*/

/*отдельно жирность*/
.normal-w{
    font-weight: normal;
}
.bold-w{
    font-weight: bold;
}
.light-w{
    font-weight: 400;
}
/*отдельно начертание*/
.italic-s{
    font-style: italic;
}
.normal-s{
    font-style: normal;
}
/*отдельно отступы*/
.margin-bottom-0{
    margin-bottom: 0;
}
.margin-bottom-10{
    margin-bottom: 10px;
}
/*доп цвета текста, наименования из фигмы*/
.white-tc{
    color:#fff;
}
.slate-gray-tc{
    color: #6F9CB7;
}
.dark-slate-gray-tc{
    color: #3B5D70;
}
.sky-blue-tc{
    color: #01AEEA;
}
.gray2-tc{
    color: #6B818E;
}
.dim-gray-tc {
    color: #686868;
}

/*дополнительные сквозные блоки*/
.div-inline-block.input-line{
    margin-right: 20px;
    margin-bottom: 20px;
}
.company-info{
    padding: 22px 40px;
    margin-top: 50px;
}
.company-info p.info-h{
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 24px;
    background: url("/local/templates/hartiya/images/arrow-bottom.png") no-repeat center right;
    cursor: pointer;
    color: #3B5D70;
}
.company-info p{
    margin-top: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 25px;
    color: #686868;
    margin-bottom: 18px;
}

.phone-number{
    padding-left:40px;
    background: url("/local/templates/hartiya/images/phone-number.png") no-repeat center left;
}
.email-address{
    padding-left:40px;
    background: url("/local/templates/hartiya/images/email-address.png") no-repeat center left;
}
.file-place{
    box-sizing: border-box;
    display: inline-block;
    background: #E9F3FB;
    border-radius: 8px;
    padding: 15px;
    width: 370px;
    padding-right: 20px;
    vertical-align: top;
}
.file-place+.file-place {
    margin-left: 25px;
}
.file-place>div{
    display:inline-block;
    vertical-align: middle;
}
.file-place .filetype{
    width: 55px;
    height: 55px;
    margin-right: 20px;
}
.file-place .main-file-info{
    width: 200px;
}
.file-place .main-file-info .filename{
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    color: #3B5D70;
    margin-bottom: 5px;
}
.file-place .main-file-info .filesize{
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    color: #6F9CB7;
}
.file-place .fileload{
    width: 40px;
    height: 40px;
    background: url("/local/templates/hartiya/images/download-arrow.png") no-repeat center center #FFFFFF;
    border-radius: 20px;
    margin-left: 20px;
}
.file-place.big-place{
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px;
}
.file-place.big-place .main-file-info{
    width: calc(100% - 145px);
}
.file-place.big-place+.file-place {
    margin-left: 0;
}
.light-gray-bg .file-place{
    background: #fff;
}
.light-gray-bg .file-place .fileload{
    background-color: #E5EFF8;
}

.zip{
    background: url("/local/templates/hartiya/images/icon-zip.png") no-repeat center center;
}
.pdf{
    background: url("/local/templates/hartiya/images/icon-pdf.png") no-repeat center center;
}
.doc{
    background: url("/local/templates/hartiya/images/icon-doc.png") no-repeat center center;
}
.docx{
    background: url("/local/templates/hartiya/images/icon-docx.png") no-repeat center center;
}
.jpg{
    background: url("/local/templates/hartiya/images/icon-jpg.png") no-repeat center center;
}
.jpeg{
    background: url("/local/templates/hartiya/images/icon-jpeg.png") no-repeat center center;
}
.button-like-simple-link{
    background: transparent;
    border: none;
    color:#01AEEA; text-decoration:none; font-size:inherit;
    cursor: pointer;
    padding: 0;
}
.button-like-simple-link:hover {
    color:#0A7ACC; text-decoration:none;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}
.contour-button, .contour-button-link{
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    color: #01AEEA;
    background: #FFFFFF;
    border: 1px solid #01AEEA;
    box-sizing: border-box;
    border-radius: 32px;
    padding: 15px 30px;
    text-decoration:none;
}
.contour-button:hover, .contour-button-link:hover{
    border: 1px solid #0A7ACC;
    color:#0A7ACC;
}
.contour-button-link:disabled, .contour-button-link.disabled, .contour-button-link.disabled:hover, .contour-button:disabled, .contour-button.disabled, .contour-button.disabled:hover {
    border: 1px solid #C9E1EE;
    color: #A9C1CF;
}

.contour-button-link.arrow, .contour-button.arrow {
    position:relative;
    padding:12px 15px 12px 30px;
    transition:padding-right 0.1s ease;
    display: inline-block;
}
.contour-button-link.arrow::after, .contour-button.arrow::after {
    content:'';
    display:inline-block; vertical-align:middle;
    width:25px; height:25px; margin-left:15px;
    background:url(/local/templates/hartiya/images/input-submit-next-blue.png) no-repeat center center;
    transition:margin-left 0.1s ease;
}
.contour-button-link.arrow:hover, .contour-button.arrow:hover {
    padding-right:10px;
    color: #01AEEA;
}
.contour-button-link.arrow:hover::after, .contour-button.arrow:hover::after {
    margin-left:20px;
}

/*классические табы*/
.classic-tab-root{
    display: inline-block;
    padding: 10px 20px;
    margin-right: 5px;
    margin-bottom: 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    cursor:pointer;
    background: #FFFFFF;
    border: 1px solid #C9E1EE;
    color: #3B5D70;
    cursor: pointer;
}
.classic-tab-root.active{
    background: #0A7ACC;
    border: 1px solid #C9E1EE;
    color: #fff;
}
.classic-tab{
    display: none;
}
.classic-tab.active{
    display: block;
}
/*классические табы*/
/*ссылки возврата*/
.back-to-list {
    margin-top: 10px;
}
.back-to-list a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    text-decoration-line: underline;
    color: #01AEEA;
}
.back-to-list a:hover {
    text-decoration-line: none;
    color: #0A7ACC !important;
}
.back-to-list a:before {
    display: inline-block;
    content: ' ';
    width: 18px;
    height: 10px;
    background: url(/local/templates/hartiya/images/arrow-to-right.png) no-repeat center right;
    /*vertical-align: middle;*/
    background-size: cover;
    transform: rotate(-180deg);
    margin-right: 10px;
}
.back-to-list a:hover:before{
    background: url(/local/templates/hartiya/images/arrow-to-right-hover.png) no-repeat center right;
}
/*ссылки возврата*/
/*страница сортировочный комплекс*/
.sort-complex .wrapper, .sort-complex .wrapper-830{
    padding: 50px 0;
}
.sort-complex h1{
    margin-bottom: 0;
}
.sort-complex img{
    margin: 0 auto;
}
.sort-complex .obor{
    margin-left: 270px;
}
.sort-complex .obor p{
    background: url(/local/templates/hartiya/images/yes-items.png) no-repeat center left;
    padding-left: 48px;
    line-height: 30px;
}
/*страница наша компания*/
.company-wrapper{
    margin-top: 50px;
    margin-bottom: 70px;
}
.company-wrapper .top-company-banner{
    float: right;
    width: 210px;
    height: 67px;
    margin-top: -10px;
}
.company-wrapper .top-company-banner img{
    max-width: 100%;
    max-height: 100%;
}

/*страница Пресс-кит*/
.press-kit-block{
    margin-bottom: 70px;
}
.press-kit-block h2{
    margin-bottom: 20px;
}
.presskit-contacts{
    vertical-align: top;
    box-sizing: border-box;
    width:370px;
    padding: 50px;
    margin-left: 60px;
    border-radius: 7px;
}
.presskit-contacts .h3{
    color: #6B818E;
    margin-bottom: 15px;
}
.presskit-contacts .h4{
    margin-bottom: 0;
}

/*инструкция*/

.instruktsiya .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}

/*меры безопасности*/
.mery-bespasnosty .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}

/*футер*/
.footer{
    background: #253036;
    padding-top: 60px;
    padding-bottom: 20px;
}
.footer .footer-contact-block{
    width: 170px;
    float: right;
}
.footer .footer-contact-block p{
    color: #FFFFFF;
}
.footer .footer-contact-block p.small{
    font-weight: 500;
}
.footer-contact-block p.smaller+p.small{
    margin-top: 20px;
}
.footer-contact-block p.small+p.smaller{
    margin-top: 30px;
}
.footer-contact-block .feedback-link a{
    display: inline-block;
    box-sizing: border-box;
    padding: 0 19px;
    height: 40px;
    line-height: 40px;
    color: #9DCAEB;
    border: 1px solid #9DCAEB;
    box-sizing: border-box;
    border-radius: 5px;
    text-decoration: none;
}
.footer-contact-block .feedback-link a:hover{
    color: #0A7ACC;
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
}
.footer-contact-block .socserv a{
    display: inline-block;
    /* margin-right: 10px;*/
    margin-top: 10px;
    vertical-align: top;
    width: 35px;
    height: 35px;
}
.footer-contact-block .socserv a:last-child{
    margin-right: 0;
}
.footer-contact-block .socserv a.facebook{
    background: url('/local/templates/hartiya/images/fb-footer.png') no-repeat center center;
}
.footer-contact-block .socserv a.instagram{
    background: url('/local/templates/hartiya/images/instagram-footer.png') no-repeat center center;
}
.footer-contact-block .socserv a.vkontakte{
    background: url('/local/templates/hartiya/images/vk-footer.png') no-repeat center center;
}
.footer-contact-block .socserv a.telegram{
    background: url('/local/templates/hartiya/images/telegram-footer.png') no-repeat center center;
}
.footer-contact-block .socserv a.facebook:hover{
    background: url('/local/templates/hartiya/images/fb-footer-hover.png') no-repeat center center;
}
.footer-contact-block .socserv a.instagram:hover{
    background: url('/local/templates/hartiya/images/instagram-footer-hover.png') no-repeat center center;
}
.footer-contact-block .socserv a.vkontakte:hover{
    background: url('/local/templates/hartiya/images/vk-footer-hover.png') no-repeat center center;
}
.footer-contact-block .socserv a.telegram:hover{
    background: url('/local/templates/hartiya/images/telegram-footer-hover.png') no-repeat center center;
}
.footer-policy-links{
    margin-bottom: 20px;
}
.footer-policy-links a{
    display: inline-block;
    margin-right: 40px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-decoration: underline;
    color: #9DCAEB;
}
.footer-policy-links a:hover{
    color: #FFFFFF;
    text-decoration: none;
}
.footer-copyright-info{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #6B818E;
}
.footer-details-info {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #FFF;
    margin-bottom: 20px;
}
/*styles*/

/*стили из common*/

.fs13 { font-size:13px; } .lh18 { line-height:18px; }
.fs15 { font-size:15px; } .lh21 { line-height:21px; }
.fs17 { font-size:17px; } .lh24 { line-height:24px; }
.fw-medium { font-weight:500; color:#2d3438; }
.fw-bold { font-weight:bold; }

.mt0 { margin-top:0 !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt55 { margin-top:55px !important; }
.mt60 { margin-top:60px !important; }
.mt85 { margin-top:85px !important; }
.mr35 { margin-right:35px !important; }
.mr65 { margin-right:65px !important; }
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb55 { margin-bottom:55px !important; }
.mb85 { margin-bottom:85px !important; }

.content_new_wrapper { background:#fff; padding:1px 0 50px 0; }
.content_new {
    max-width:1170px; min-width:380px;
    margin:0 auto; padding:0 20px;
    font-size:17px; line-height:24px;
    color:#2d3438;
}

.flex-cards {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.flex-card-3 {
    max-width: 33.3%;
}

ol {
    counter-reset:myCounter;
    padding-left:68px;
    margin:25px 0;
}
ol>li {
    list-style:none;
    text-indent:-50px;
    margin-bottom:15px;
}
ol>li:last-child { margin-bottom:0; }
ol>li > * { text-indent:0; }
ol>li::before {
    counter-increment: myCounter;
    content:counter(myCounter);
    display:inline-block;
    width:25px; height:25px; margin-right:25px;
    background:#0A7ACC; border-radius:50%;
    color:#fff; text-align:center; text-indent:0;
    font:bold 13px/25px Roboto;
}

ul.ul-lines {
    padding-left:50px;
    margin:25px 0;
}
ul.ul-lines li {
    list-style:none;
    text-indent:-50px;
    margin-bottom:25px
}
ul.ul-lines li:last-child { margin-bottom:0; }
ul.ul-lines li > * { text-indent:0 }
ul.ul-lines li::before {
    content:'';
    display:inline-block; vertical-align:middle;
    margin-right:30px;
    width:20px; height:0;
    border-bottom:2px solid #c1d3dd;
}

ul.ul-arrows {
    padding:0;
    margin:25px 0;
}
ul.ul-arrows li {
    position: relative;
    list-style: none;
}
ul.ul-arrows li::before {
    content:'';
    display:inline-block; vertical-align:middle;
    border: 5px solid transparent;
    border-left:6px solid #01AEEA;
    margin-right:8px;
}

.psevdo {
    border-bottom:1px dashed #3b5d70; transition:color 0.1s ease, border-color 0.1s ease;
    cursor:pointer;
}
.psevdo:hover {
    border-color:#0A7ACC;
    color:#0A7ACC;
}

.block-shadow {
    border: 1px solid #d4e4ef;
    box-shadow: 0 5px 15px rgba(146, 194, 220, 0.3);
    border-radius: 8px;
    padding:70px;
    font-size:19px; line-height:33px; color:#2d3438;
}

h1.success {
    font:29px/41px Rubik !important;
    padding-left:80px; text-indent:-80px;
}
h1.success::before {
    content:''; display:inline-block; vertical-align:middle;
    width:50px; height:50px; margin-right:30px;
    background:url(/local/templates/hartiya/images/ic-success.png) no-repeat center center;
}
h1.success + div {
    margin:40px 0 0 76px;
}

.highlight {
    padding:5px; background:#ccf2fc;
    border-radius:32px; color:#2d3438;
    font-weight:500;
}

.footnote {
    font-style:italic;
    color:#686868;
}
.footnote::before {
    content:'* ';
    color:#0A7ACC;
    font-style:normal;
}

.input-line {
    margin:0 0 30px 0;
}
.input-line label {
    display:inline;
    font-size:14px;
    line-height: 18px;
    margin:0;
    font-weight:normal;
    color:#3B5D70;
}
.input-line label > input,
.input-line label > select { margin-top:3px; }

.input-line input[type="text"],
.input-line input[type="number"],
.input-line input[type="email"],
.input-line input[type="password"],
.input-line textarea {
    padding:0 20px;
    max-width:500px;
    width:100%;
    background: #F3F7FB; transition:background 0.1s ease; color:#2d3438;
    border: 1px solid #9DCAEB; margin-top:3px;
    box-sizing: border-box;
    box-shadow: inset 0 3px 5px #CEE3EF;
    border-radius: 4px;
    font:17px/50px Roboto;
}
.input-line textarea {
    min-height:96px;
    line-height:24px;
    padding:13px 20px;
}
.input-line input[type="text"]::placeholder,
.input-line input[type="text"]:-moz-placeholder,
.input-line input[type="email"]::placeholder,
.input-line input[type="email"]:-moz-placeholder,
.input-line input[type="password"]::placeholder,
.input-line input[type="password"]:-moz-placeholder,
.input-line textarea::placeholder,
.input-line textarea:-moz-placeholder {
    font: 17px/inherit Roboto;
    color: rgba(59, 93, 112, 0.3);
}
.input-line input[type="text"]:hover,
.input-line input[type="text"]:focus,
.input-line input[type="number"]:hover,
.input-line input[type="number"]:focus,
.input-line input[type="email"]:hover,
.input-line input[type="email"]:focus,
.input-line input[type="password"]:hover,
.input-line input[type="password"]:focus,
.input-line textarea:hover,
.input-line textarea:focus {
    box-shadow:none;
    background:#fff;
}
.input-line:focus-within label{ color:#0A7ACC; }
.input-line input[type="text"]:focus,
.input-line input[type="number"]:focus,
.input-line input[type="email"]:focus,
.input-line input[type="password"]:focus,
.input-line textarea:focus {
    border:2px solid #0A7ACC;
    padding:0 19px; line-height:48px;
}
.input-line textarea:focus { padding:12px 19px; line-height:24px; }
.input-line.error, .input-line.error label { color:#f24d37; }
.input-line.error input[type="text"],
.input-line.error input[type="number"],
.input-line.error input[type="email"],
.input-line.error input[type="password"],
.input-line.error textarea {
    border:2px solid #f24d37;
    box-shadow:none;
    background:#fff;
    padding:0 19px; line-height:48px;
}

.input-line.input-numupdown input[type="number"] {
    -moz-appearance:textfield;
    -webkit-appearance:textfield !important;
    appearance:none;
    margin:0; border-radius:0;
    display:inline-block; vertical-align:middle;
    width:90px; padding:0 10px;
    text-align:center; font-weight:bold; color:#3b5d70;
}
.input-line.input-numupdown input[type="number"]::-webkit-outer-spin-button,
.input-line.input-numupdown input[type="number"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.input-line.input-numupdown .input-numupdown-less,
.input-line.input-numupdown .input-numupdown-more {
    display:inline-block; vertical-align:middle;
    width:50px; height:50px;
    border:1px solid #9dcaeb;
    font-size:28px; line-height:50px;
    text-align:center;
    background-color:#fff; color:#3b5d70;
    cursor:pointer;
    user-select:none;
}
.input-line.input-numupdown .input-numupdown-less { border-right:none; border-radius:4px 0 0 4px; }
.input-line.input-numupdown .input-numupdown-more { border-left:none; border-radius:0 4px 4px 0; }
.input-line.input-numupdown .input-numupdown-less:hover,
.input-line.input-numupdown .input-numupdown-more:hover {
    border:2px solid #0a7acc; color:#0a7acc;
    width:48px; height:48px; line-height:48px;
}
.input-line.input-numupdown .input-numupdown-less:hover { margin-right:-1px; }
.input-line.input-numupdown .input-numupdown-more:hover { margin-left:-1px; }
.input-line.input-numupdown .input-numupdown-less.disabled,
.input-line.input-numupdown .input-numupdown-more.disabled { color:#a9c1cf; }
.input-line.input-numupdown .input-numupdown-less:hover.disabled,
.input-line.input-numupdown .input-numupdown-more:hover.disabled {
    width:50px; height:50px; line-height:50px;
    border:1px solid #9dcaeb; color:#a9c1cf;
}
.input-line.input-numupdown .input-numupdown-less:hover.disabled { border-right:none; margin-right:0; }
.input-line.input-numupdown .input-numupdown-more:hover.disabled { border-left:none; margin-left:0; }

.input-line select {
    max-width:500px;
    width:100%;
    height:50px; line-height:50px;
    padding:0 20px;
    /*background: #fff;*/
    border: 1px solid rgba(146, 194, 220, 0.5);
    box-sizing: border-box;
    box-shadow: 0 3px 7px rgba(146, 194, 220, 0.3); transition:box-shadow 0.1s ease;
    border-radius: 4px;
    font:17px Roboto; color:#3b5d70;

    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:#fff url(/local/templates/hartiya/images/arrow-bottom.png) no-repeat right 16px center;
}
.input-line select:hover,
.input-line select:focus {
    box-shadow:none;
}

.input-line-multiple .multiple-item { margin-top:10px; }
.input-line-multiple .add-input, .input-line-multiple .remove-input {
    display:inline-block;
    vertical-align:middle;
    line-height:35px;
    padding:0 0 0 25px;
    margin-left:25px;
    background:#fff; transition:background 0.1s ease, color 0.1s ease;
    color:#0A7ACC; font-size:15px; font-weight:500;
    border:1px solid #c9e0ee; /*rgba(146, 194, 220, 0.5);*/
    box-shadow:0 2px 3px rgba(146, 194, 220, 0.3);
    margin-right:10px;
    cursor:pointer;
}
.input-line-multiple .add-input::after, .input-line-multiple .remove-input::after {
    content:'+'; display:inline-block; margin-left:25px;
    width:35px; background:#01AEEA; color:#fff; text-align:center;
}
.input-line-multiple .remove-input::after { content:'-'; background:#f24d37; }
.input-line-multiple .add-input:hover, .input-line-multiple .remove-input:hover {
    color:#fff;
    background:#0A7ACC;
    box-shadow:none;
}

.input-radio label {
    display:inline-block; position:relative;
    font-size:17px; line-height:26px;
    color:#3b5d70; transition: color 0.1s ease;
    text-indent:-41px; padding-left:41px;
    margin-bottom:20px;
    cursor:pointer;
}
.input-radio label>* { text-indent:0; }
/*.input-radio label>.longtext { display:inline-block; line-height:18px; }*/
.input-radio input[type="radio"] { display:none; }
.input-radio label::before {
    content:''; position:relative; z-index:1;
    display:inline-block; vertical-align:top;
    top:0.05em; width:0; height:0;
    padding:12px; transition:/*width 0.1s ease, height 0.1s ease, padding 0.1s ease,*/ border-color 0.1s ease;
    border:1px solid #a7d0e7; border-radius:50%;
    box-shadow:inset 0 2px 4px rgba(146, 194, 220, 0.5);
    background:#0A7ACC;
    background-clip:content-box;
    margin-right:15px;
}
.input-radio label::after {
    content:''; position:absolute;
    display:inline-block;
    top:0.05em;left:0; width:24px; height:24px;
    border:1px solid #fff; border-radius:50%;
    background:#fff;
    background-clip:content-box;
    margin-right:15px;
}
.input-radio label:hover {
    color:#0A7ACC;
}
.input-radio label:hover::before {
    border:1px solid #0A7ACC;
}
.input-radio input[type="radio"]:checked+label::before {
    width:10px; height:10px;
    padding:7px;
}

.input-check label {
    display:inline-block; position:relative; min-height:24px; line-height:25px; padding-left:40px;
    font-size:17px; color:#3b5d70; transition: color 0.1s ease;
    margin-bottom:20px;
    cursor:pointer;
}
.input-check input[type="checkbox"] { display:none; }
.input-check label::before {
    content:''; position:absolute;
    /*display:inline-block; vertical-align:middle;*/
    width:0; height:0; top:0; bottom:0; left:0;/* margin:auto 0;*/
    padding:11px; transition:width 0.1s ease, height 0.1s ease, padding 0.1s ease, border-color 0.1s ease;
    border:1px solid rgba(146, 194, 220, 0.5); border-radius:4px;
    box-shadow:0 2px 4px rgba(146, 194, 220, 0.3);
    background:#0A7ACC url(/local/templates/hartiya/images/input-check.png) no-repeat center center;
    background-clip:content-box;
    /*margin-right:15px;*/
}
.input-check label:hover {
    /*color:#0A7ACC;*/
}
.input-check label:hover::before {
    border:1px solid #0A7ACC;
}
.input-check input[type="checkbox"]:checked+label::before {
    width:22px; height:22px;
    padding:0;
    border-color:#0A7ACC;
}

.input-error-text, .input-line .error-descr {
    display:block;
    font-size: 14px;
    line-height: 18px;
    color: #F24D37;
}
.checkbox-errors, .input-line .error-descr.checkbox-errors {
    background: url(/local/templates/hartiya/images/error-label.png) no-repeat top left;
    padding-left: 37px;
    font-weight: normal;
    font-size: 14px;
    line-height: 23px;
    color: #F24D37;
}

button, .button {
    display:inline-block;
    padding:0 20px; height:50px;
    background: #01AEEA; color:#fff; transition:background 0.1s ease;
    border:none;
    border-radius: 32px;
    font:500 17px/50px Roboto;
    text-align:center;
    cursor: pointer;
    text-decoration: none;
    right:0 !important; /*remove after normalizing current site styles*/
}
button:hover, .button:hover {
    background:#009fcc; color:#fff;
}
.button a{
    color:#fff;
    text-decoration: none;
}
button:disabled, .button.disabled, .button.disabled:hover {
    opacity:0.2;
    background: #01AEEA; padding-right:15px; cursor:default;
}
button.wide, .button.wide { padding:0 60px; }
button.green, .button.green {
    font-size:15px;
    background:#cae13b;
    color:#23506a;
    border-radius:6px;
}
button.green:hover, .button.green:hover {
    background:#a2d92e; color:#23506a;
}
button.green:disabled, .button.green.disabled {
    background:#cae13b;
}
button.arrow, .button.arrow {
    position:relative;
    padding:0 15px 0 45px;
    transition:padding-right 0.1s ease;
}
button.arrow::after, .button.arrow::after {
    content:'';
    display:inline-block; vertical-align:middle;
    width:25px; height:25px; margin-left:15px;
    background:url(/local/templates/hartiya/images/input-submit-next.png) no-repeat center center;
    transition:margin-left 0.1s ease;
}
button.arrow:hover, .button.arrow:hover {
    padding-right:10px;
}
button.arrow:hover::after, .button.arrow:hover::after {
    margin-left:20px;
}
button.arrow:disabled:hover, .button.arrow.disabled:hover { padding-right:15px; }
button.arrow:disabled::after, .button.arrow.disabled::after, .button.arrow.disabled:hover::after { margin-left:15px; }
button.arrow.white-button, .button.arrow.white-button {
    background: #fff;
    color: #01aeea;
    padding: 0 15px 0 30px;
    /*font-weight: normal;*/
    text-decoration: none;
}
button.arrow.white-button:hover, .button.arrow.white-button:hover {
    background: #fff;
    color: #0A7ACC;
}
button.arrow.white-button::after, .button.arrow.white-button::after {
    background: url(/local/templates/hartiya/images/blue-button-arrow.png) no-repeat right center;
}
button.arrow.white-button:hover::after, .button.arrow.white-button:hover::after {
    background-position:left center;
}
button.arrow.white-button:disabled, .button.arrow.white-button.disabled {
    background-color:#9dcaeb; opacity:1; color:#0a7acc;
}
button.arrow.white-button:disabled::after, .button.arrow.white-button.disabled::after {
    background-position:left center;
}
.button.arrow a, .button.arrow a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.submit-block input[type="submit"] {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border: none;
    border-radius: 32px;
    background: transparent;
    cursor: pointer;
    color: transparent;
}

.spoiler {
    max-width:1170px; margin:0 auto 5px auto;
}
.spoiler.border-bottom.active {
    border-bottom: 1px solid #a7d0e7;
}

.spoiler .spoiler-header {
    position:relative;
    background: #fff; color:#0A7ACC; transition:color 0.1s ease;
    font:500 21px/30px Roboto;
    padding:25px;
    border-top: 1px solid #a7d0e7;
    cursor:pointer;
}
.spoiler .spoiler-header .number {
    background: #d4e4ef; color:#0A7ACC; transition:color 0.1s ease;
    border-radius:50%;
    display:inline-block;
    width:30px; height:30px; line-height:30px;
    font-size:19px; font-weight:500;
    margin-right:14px;
    text-align:center;
}
.spoiler .spoiler-header::before {
    content:'';
    display:inline-block; vertical-align:middle;
    margin-right:30px;
    width:14px; height:10px;
    background:url(/local/templates/hartiya/images/arrow-spoiler.png) no-repeat left center;
    transition:transform 0.2s ease;
}

.spoiler.active .spoiler-header::before {
    transform:rotate(180deg);
}

.spoiler .spoiler-content {
    padding:0 25px 25px 70px;
    background:#fff;
}

.document-line {
    position:relative;
    display:block;
    padding-left:60px;
    margin-bottom:20px;
    min-height:50px;
}
.document-line .icon {
    position:absolute; top:0; left:0;
    width:50px; height:50px;
    background:no-repeat center center;
}
.icon.pdf  { background-image: url("/local/templates/hartiya/images/file-icons/pdf.png"); }
.icon.xls  { background-image: url("/local/templates/hartiya/images/file-icons/xls.png"); }
.icon.xlsx { background-image: url("/local/templates/hartiya/images/file-icons/xls.png"); }
.icon.xlsm { background-image: url("/local/templates/hartiya/images/file-icons/xls.png"); }
.icon.jpg  { background-image: url("/local/templates/hartiya/images/file-icons/img.png"); }
.icon.jpeg { background-image: url("/local/templates/hartiya/images/file-icons/img.png"); }
.icon.png  { background-image: url("/local/templates/hartiya/images/file-icons/img.png"); }
.icon.doc  { background-image: url("/local/templates/hartiya/images/file-icons/doc.png"); }
.icon.docx { background-image: url("/local/templates/hartiya/images/file-icons/doc.png"); }
.icon.rtf  { background-image: url("/local/templates/hartiya/images/file-icons/doc.png"); }
.icon.rar,.icon.zip { background-image: url("/local/templates/hartiya/images/file-icons/arc.png"); }
.icon.xml  { background-image: url("/local/templates/hartiya/images/file-icons/xml.png"); }
.document-line > a, .document-line > span { display:inline-block; }
.document-line > * { line-height:25px; }
.document-line .filesize {
    font-size:13px; color:#686868;
}

.spoiler-boxed {
    font:17px Roboto;
    color:#686868;
    max-width:1170px; margin:0 auto 5px auto;
    box-sizing: border-box;
    box-shadow: 0 5px 15px rgba(146, 194, 220, 0.3);
}

.spoiler-boxed .spoiler-header {
    position:relative;
    background: #fff; color:#0A7ACC; transition:background 0.1s ease, color 0.1s ease;
    font:500 21px/60px Rubik;
    padding:0 120px 0 25px;
    /*box-shadow: 0 5px 15px rgba(146, 194, 220, 0.3);*/
    border-radius: 8px 8px 0 0;
    border: 1px solid #d4e4ef;
    cursor:pointer;
    white-space:nowrap;
}
.spoiler-boxed .spoiler-header .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.spoiler-boxed .spoiler-header .number {
    background: #d4e4ef; color:#0A7ACC; transition:background 0.1s ease, color 0.1s ease;
    border-radius:50%;
    display:inline-block; vertical-align:middle;
    width:30px; height:30px; line-height:30px;
    font-size:19px; font-weight:500;
    margin-right:14px;
    text-align:center;
}
.spoiler-boxed .spoiler-header::before { content:none; }
.spoiler-boxed .spoiler-header::after {
    content:'';
    position:absolute; top:0;bottom:0; margin:auto 0; right:42px;
    width:14px; height:10px;
    background:url(/local/templates/hartiya/images/arrow-spoiler.png) no-repeat left center;
    transition:transform 0.2s ease;
}
.spoiler-boxed:not(.disabled) .spoiler-header:hover,
.spoiler-boxed.active .spoiler-header {
    background: #0A7ACC; color:#fff;
}
.spoiler-boxed:not(.disabled) .spoiler-header:hover .number,
.spoiler-boxed.active .spoiler-header .number {
    background: #01AEEA; color:#fff;
}
.spoiler-boxed:not(.disabled) .spoiler-header:hover::after,
.spoiler-boxed.active .spoiler-header::after {
    background-position:center center;
}
.spoiler-boxed.active .spoiler-header::after {
    transform:rotate(180deg);
}
.spoiler-boxed.disabled .spoiler-header {
    color:#c7c7c7;
    cursor:default;
}
.spoiler-boxed.disabled .spoiler-header .number {
    background:none; color:#c7c7c7;
}
.spoiler-boxed.disabled .spoiler-header::after {
    background-position:right center;
}

.spoiler-boxed .spoiler-content {
    padding:50px 70px;
    border: 1px solid #d4e4ef;
    border-top:none;
    background:#fff;
}
@media screen and (max-width:539px) {
    .spoiler-boxed .spoiler-header {
        padding:0 110px 0 20px;
    }
    .spoiler-boxed .spoiler-header::after {
        right:32px;
    }
    .spoiler-boxed .spoiler-content {
        padding:30px 20px;
    }

    .block-shadow {
        padding:20px;
    }
}

/*стили из common*/

.tabs-classic { }
.tabs-classic-item {
    display:inline-block; vertical-align:middle;
    min-width: 100px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #c8e0ed;
    box-sizing: border-box;
    box-shadow: 0 2px 3px rgba(146, 194, 220, 0.3);
    font-size: 15px;
    margin:0 10px 10px 0;
    padding:0 10px;
    color: #3B5D70;
    font-weight: 500;
    line-height:40px;
    text-decoration: none;
    white-space:nowrap;
    cursor:pointer;
}
.tabs-classic-item:hover,
.tabs-classic-item.active {
    background: #0A86CC;
    color: #FFFFFF;
}

.small-tabs { }
.small-tabs-item {
    display:inline-block; vertical-align:middle;
    font-size:19px; line-height:40px; font-weight:bold; text-decoration:none;
    color:#6f9cb7;
    padding:0 10px;
    border-radius:5px;
    cursor:pointer;
}
.small-tabs-item.active {
    background-color:#6f9cb7;
    color:#fff;
}

.radio-cards { display:flex; }
.radio-cards .radio-card {
    background:transparent;
    border:1px solid #c9e1ee;
    transition:background-color 0.1s ease;
}
.radio-cards .radio-card .radio-card-title {
    font-size:19px; line-height:25px; font-weight:bold; color:#3b5d70;
    transition:color 0.1s ease;
}
.radio-cards .radio-card:hover { background:#f3f7fb; }
.radio-cards .radio-card:hover .radio-card-title { color:#0a7acc; }
.radio-cards.input-radio input[type="radio"]:checked + label.radio-card {
    background:#fff; box-shadow:0 2px 15px rgba(59, 93, 112, 0.2); border-color:#fff;
}
.radio-cards.input-radio input[type="radio"]:checked + label.radio-card .radio-card-title { color:#0a7acc; }


.block-note {
    border: 1px solid #c9e1ee; padding:24px 40px 24px 80px; position:relative; margin:24px 0;
}
.block-note.warning {
    border-left:5px solid #f24d37;
}
.block-note.warning::before {
    content:''; position:absolute; top:24px; left:30px; width:30px; height:30px;
    background:url(/local/templates/hartiya/images/error.svg) no-repeat center center;
}


/*стили из common*/

/**/
/*позиция для кнопки увеличения картинки*/
.fullsize-image{
    position: absolute;
    bottom: 0;
    right:0;
    width: 36px;
    height: 36px;
    background: url('/local/templates/hartiya/images/fullsize.png') no-repeat center center #3B5D70;
    border-radius: 4px;
    cursor:pointer;
}

/*позиция для тенюшки всплывающих и прочих окон*/
.shadowbox{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #253036;
    opacity: 0.8;
    z-index: 2;
}
/*табы в детальной новости*/
.detail-tab{
    display:none;
}
.detail-tab.active-tab{
    display:block;
}
.detail-tab-root{
    display: inline-block;
    padding: 16px;
    padding-right: 25px;
    background: #FFFFFF;
    border: 1px solid #C9E1EE;
    margin-right: 5px;
    color: #3B5D70;
    margin-bottom: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    cursor:pointer;
}
.detail-tab-root.tab-active{
    background: #0A7ACC;
    border: 1px solid #C9E1EE;
    color: #fff;
}
.detail-tab-root.gallery-tab .tab-photocount{
    padding-left: 28px;
    padding-right: 10px;
    background: url('/local/templates/hartiya/images/tab_camera.png') no-repeat center left;
}
.detail-tab-root.video-tab .videoimage{
    background: url('/local/templates/hartiya/images/tab_video.png') no-repeat center left;
    display: inline-block;
    padding-left: 28px;
    height: 24px;
    vertical-align: top;
}
.detail-tab-root.gallery-tab.tab-active .tab-photocount{
    background: url('/local/templates/hartiya/images/tab_camera_checked.png') no-repeat center left;
}
.detail-tab-root.video-tab.tab-active .videoimage{
    background: url('/local/templates/hartiya/images/tab_video_checked.png') no-repeat center left;
}

/*страницы ролей*/
.zhitelyam-kvartir-top  {
    background-image: url('/local/templates/hartiya/images/mainpage/MKD_Tula_Vl_Yar.png');
    background-repeat:no-repeat;
    background-position-x: calc(50% + 400px);
    background-position-y: center;
}

.zhitelyam-kvartir-moskva .zhitelyam-kvartir-top  {
    background-image: url('/upload/medialibrary/993/z4n9492glam4d8ssbchfr9v51cwa3mdu/MKD_Moscow.png');
}
.zhitelyam-kvartir-mo .zhitelyam-kvartir-top  {
    background-image: url('/upload/medialibrary/aaf/fljhzd151epzkie5uuumun79weggz4q4/MKD_MO.png');
}
.zhitelyam-kvartir-tula .zhitelyam-kvartir-top  {
    background-image: url('/upload/medialibrary/711/n4mj3wc2vep9ryfkgywzoj4gacmq6z67/MKD_Tula.png');
}
.zhitelyam-kvartir-top .wrapper, .biznesu-top .wrapper, .vladeltsam-domov-top .wrapper{
    padding-top: 40px;
    padding-bottom:90px;
    min-height: 440px;

}
.zhitelyam-kvartir-top .h1, .biznesu-top .h1, .vladeltsam-domov-top .h1{
    width: 570px;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.zhitelyam-kvartir-top .h3.p-shield, .biznesu .h3.p-shield, .vladeltsam-domov .h3.p-shield{
    width: 570px;
    padding-left:55px;
    background: url(/local/templates/hartiya/images/mainpage/shield-image.png) no-repeat top left;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.wrapper.uslugi{
    margin-top: 60px;
}
.uslugi-block{
    margin-top: 40px;
    margin-bottom: 80px;
}
.uslugi-block .usluga-block{
    box-sizing: border-box;
    display: inline-block;
    margin-right: -6px;
    margin-bottom: -1px;
    vertical-align: top;
    background:#fff;
    border: 1px solid #c9e1ee;
    height: 250px;
    position: relative;
    padding: 30px;
    z-index:1;
}
.uslugi-block .usluga-block:hover{
    box-shadow: 0 2px 15px rgba(59, 93, 112, 0.2);
    z-index:2;
}
.uslugi-block .usluga-block img{
    position: absolute;
    top: 30px;
    right: 30px;
}
.uslugi-block .usluga-block span{
    position: absolute;
    bottom: 30px;
    display: block;
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 23px;
    line-height: 33px;
    color: #3B5D70;
    padding-right: 50px;
    text-decoration: underline;
    width: calc(100% - 60px);
    display: block;
    box-sizing: border-box;
}
.uslugi-block .usluga-block span:after{
    position: absolute;
    right: 0;
    bottom: 5px;
    content: ' ';
    width: 30px;
    height: 20px;
    background: url(/local/templates/hartiya/images/dark-gray-arrow.png) no-repeat center center;
}
.uslugi-block .usluga-block span.out-link:after{
    height: 24px;
    background: url(/local/templates/hartiya/images/mainpage/out-link-main.png) no-repeat center center;
}
.uslugi-block .usluga-block:hover span{
    color: #0a7acc
}
.uslugi-block .usluga-block:hover span:after{
    background: url(/local/templates/hartiya/images/dark-blue-arrow.png) no-repeat center center;
}
.uslugi-block .usluga-block:hover span.out-link:after{
    background: url(/local/templates/hartiya/images/out-link-main-hover.png) no-repeat center center;
}
.uslugi-block.uslugi-2-block  .usluga-block{
    width: 600px;
}
.uslugi-block.uslugi-3-block  .usluga-block{
    width: 400px;
}
.uslugi-block.uslugi-4-block  .usluga-block{
    width: 600px;
}
.uslugi-block.uslugi-5-block  .usluga-block{
    width: 400px;
}
.uslugi-block.uslugi-5-block  .usluga-block:first-child{
    width: 799px;
}
.uslugi-block.uslugi-6-block  .usluga-block{
    width: 400px;
}
.uslugi-block.uslugi-7-block  .usluga-block{
    width: 300px;
    height: 290px;
}
.uslugi-block.uslugi-7-block  .usluga-block:first-child{
    width: 599px;
}
.uslugi-block.uslugi-8-block  .usluga-block{
    width: 300px;
    height: 290px;
}

.uslugi-block.uslugi-2-block  .usluga-block a{
    width: 490px;
}
.uslugi-block.uslugi-3-block  .usluga-block a{
    width: 290px;
}
.uslugi-block.uslugi-4-block  .usluga-block a{
    width: 490px;
}
.uslugi-block.uslugi-5-block  .usluga-block a{
    width: 290px;
}
.uslugi-block.uslugi-5-block  .usluga-block:first-child a{
    width: 689px;
}
.uslugi-block.uslugi-6-block  .usluga-block a{
    width: 290px;
}
.uslugi-block.uslugi-7-block  .usluga-block a{
    width: 190px;
}
.uslugi-block.uslugi-7-block  .usluga-block:first-child a{
    width: 489px;
}
.uslugi-block.uslugi-8-block  .usluga-block a{
    width:190px;
}
.uslugi-block.uslugi-6-block.uslugi-with-image a{
    height: 190px;
    width: 389px;
}
.uslugi-block.uslugi-6-block.uslugi-with-image>a:first-child{
    height: 379px;
    width: 583px;
}
.uslugi-block.uslugi-6-block.uslugi-with-image>a:first-child img{
    top: 35px;
    right: 65px;
}
.uslugi-block.uslugi-6-block.uslugi-with-image .img-block-wr{
    display: inline-block;
    height: 380px;
    width: 583px;
    margin-bottom: -10px;
}
.uslugi-block.uslugi-6-block.uslugi-with-image .img-block-wr a{
    display: block;
    width: 583px;
}
.zhitelyam-kvartir-middle .wrapper{
    padding: 80px 0;
}
.zhitelyam-kvartir-middle-card{
    width: 570px;
    margin-right: 54px;
    background: #fff;
    padding: 40px;
    vertical-align: top;
    padding-bottom: 55px;
}
.zhitelyam-kvartir-middle-card:last-child{
    margin-right: 0;
}
.zhitelyam-kvartir-middle-card img{
    margin-bottom: 40px;
}
.zhitelyam-kvartir-middle-card p{
    margin-bottom: 30px;
}
.zhitelyam-kvartir .wrapper.how-work, .biznesu .wrapper.how-work, .vladeltsam-domov .wrapper.how-work{
    margin-top: 80px;
    margin-bottom: 80px;
}
.zhitelyam-kvartir .wrapper.how-work h2, .biznesu .wrapper.how-work h2, .vladeltsam-domov .wrapper.how-work h2{
    margin-bottom: 40px;
}
.how-work .how-work-imgblock img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}
.how-work-textblock .how-work-text{
    width: 260px;
    margin-left: 40px;
    vertical-align: top;
}
.how-work-textblock .how-work-text:first-child{
    margin-left: 0;
}
.how-work-textblock .how-work-text:first-child .h2{
    color: #A2D92E;
}
.how-work-textblock .how-work-text:nth-child(2) .h2{
    color: #3DBC1E;
}
.how-work-textblock .how-work-text:nth-child(3) .h2{
    color: #08A751;
}
.how-work-textblock .how-work-text:nth-child(4) .h2{
    color: #007B3D;
}
.how-work-textblock .how-work-text p.h2, .how-work-textblock .how-work-text p.h4{
    margin-bottom: 10px;
}
.how-work-textblock .how-work-text p.h4 + p.small{
    margin-top: 10px;
}
.how-work-textblock .how-work-text p.small{
    color: #686868;
}
.zhitelyam-kvartir .back-to-list, .biznesu .back-to-list, .vladeltsam-domov  .back-to-list, .uslugi-page .back-to-list{
    float: right;
    margin-top: 10px;
}
.zhitelyam-kvartir .back-to-list a, .biznesu .back-to-list a , .vladeltsam-domov  .back-to-list a, .uslugi-page  .back-to-list a{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    text-align: right;
    text-decoration-line: underline;
    color: #01AEEA;
}
.zhitelyam-kvartir .back-to-list a:hover, .biznesu .back-to-list a:hover , .vladeltsam-domov  .back-to-list a:hover, .uslugi-page  .back-to-list a:hover{
    text-decoration-line: none;
}
.zhitelyam-kvartir .back-to-list a:after, .biznesu .back-to-list a:after , .vladeltsam-domov  .back-to-list a:after, .uslugi-page  .back-to-list a:after {
    display: inline-block;
    content: ' ';
    width: 18px;
    height: 10px;
    background: url(/local/templates/hartiya/images/arrow-to-right.png) no-repeat center right;
    /* vertical-align: middle; */
    background-size: cover;
    margin-left: 10px;
}
.zhitelyam-kvartir .back-to-list:hover a:after, .biznesu .back-to-list:hover a:after , .vladeltsam-domov  .back-to-list:hover a:after, .uslugi-page .back-to-list:hover a:after{
    background: url(/local/templates/hartiya/images/arrow-to-right-hover.png) no-repeat center right;
}
.zhitelyam-kvartir .back-to-list a:before, .biznesu .back-to-list a:before, .vladeltsam-domov  .back-to-list a:before, .uslugi-page a:before {
    content: unset;
}
.biznesu-top {
    background-image: url('/local/templates/hartiya/images/mainpage/Business_Tula_Vl_Yar.png');
    background-repeat:no-repeat;
    background-position-x: calc(50% + 420px);
    background-position-y: bottom;
}
.biznesu-moskva .biznesu-top {
    background-image: url('/upload/medialibrary/050/33yya16ztsx92uu9tbunn1m92s4pzll4/business_moscow.png');
}
.biznesu-mo .biznesu-top {
    background-image: url('/upload/medialibrary/5c1/3rnmcdq8wbnqk1pqa87huwg4aff8i2wt/Business_MO.png');
}
.biznesu-tula .biznesu-top {
    background-image: none;
}
.biznesu-vladimir .biznesu-top{
    background-image: none;
}
.biznesu-middle{
    background: #0a7acc;
    padding: 80px 0;
}
.biznesu-middle h2{
    color:#fff;
    margin-bottom: 70px;
}
.biznesu-middle h3{
    color:#fff;
    font-size: 23px;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 0;
}
.biznesu-partners{
    padding: 80px 0 10px;
}
.biznesu-middle .pluses-flex{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.biznesu-middle .pluses-list{
    display: inline-block;
    vertical-align: top;
    color: #fff;
    margin-right: 35px;
    padding-left: 72px;
    width: 360px;
    margin-bottom: 50px;
    background: url('/local/templates/hartiya/images/main-biz-circle-ok.png') no-repeat top left;
}
.biznesu-middle .pluses-flex .pluses-list{
    display: inline-flex;
    align-items: flex-start;
    width: auto;
    min-width: 189px;
    max-width: 252px;
    margin-bottom: 0;
    padding-left: 0;
    background: none;
}
.biznesu-middle .pluses-flex .pluses-list:before{
    content: "";
    width: 52px;
    height: 52px;
    background: url('/local/templates/hartiya/images/main-biz-circle-ok.png') no-repeat top left;
    margin-right: 20px;
    flex-shrink: 0;
}
.vladeltsam-domov-top {
    background-image: url('/local/templates/hartiya/images/mainpage/Homeowner_Tula_Vl_Yar.png');
    background-repeat:no-repeat;
    background-position-x: calc(50% + 320px);
    background-position-y: bottom;
}
.vladeltsam-domov-mo .vladeltsam-domov-top {
    background-image: url('/upload/medialibrary/4c5/i6d1ltxhe9m0c647ufyar59f50ne4l3r/Homeowner_MO.png');
}
.vladeltsam-domov-tula .vladeltsam-domov-top {
    background-image: url('/upload/medialibrary/acb/jxqpgu8hteiv3homhn1p2aln5a3g63h1/Homeowner_Tula.png');
}
.biznesu-vladimir .biznesu-top .wrapper{
    min-height: auto;
    padding-bottom: 70px;
}
.biznesu-vladimir .biznesu-top>.wrapper{
    padding-bottom: 0;
}
.biznesu-vladimir .biznesu-top .back-to-list.more-info-link{
    float:none;
}
.biznesu-tula .biznesu-top .back-to-list.more-info-link{
    float:none;
}
.biznesu-vladimir .biznesu-top .h3{
    color: #3B5D70;
}
/*страницы ролей*/

/*лэндинги услуг*/
.top-otkhody{
    padding-top: 40px;
    padding-bottom: 70px;
}
.top-otkhody h1{
    width: 535px;
}
.top-otkhody .h3{
    color: #3B5D70;
    width: 535px;
    margin-bottom: 30px;
}
.uslugi-cars-slider{
    width: 645px;
    float: right;
}
.uslugi-cars-slider .slider-pictures{
    width: 645px;
    height: 280px;
    background: url("/local/templates/hartiya/images/uslugi-landings/line.png") no-repeat bottom left;
    overflow: hidden;
    position: relative;
}
.uslugi-cars-slider .slider-picture-wrapper{
    height: 280px;
    position: absolute;
    top: 0; left: 0;
}
.uslugi-cars-slider .slider-pictures img{
    float: left;
}
.uslugi-cars-slider .slider-navigator{
    margin-top: 32px;
    text-align: center;
}
.uslugi-cars-slider .slider-navigator .one-slider-point{
    display: inline-block;
    background: #fff;
    border: 1px solid #C9E1EE;
    width: 15px;
    height: 15px;
    border-radius: 7px;
    cursor: pointer;
    margin-left: 20px;
}
.uslugi-cars-slider .slider-navigator .one-slider-point:first-child{
    margin-left: 0;
}
.uslugi-cars-slider .slider-navigator .one-slider-point:hover{
    background: #01AEEA;
}
.uslugi-cars-slider .slider-navigator .one-slider-point.active{
    background: #0A7ACC;
}
.wrapper.othody-info{
    margin: 70px auto;
}
.why-we-block{
    padding-top: 70px;
    margin-bottom: 70px;
}
.why-we-block h2{
    color: #fff;
    margin-bottom: 40px;
}
.why-list-block .one-reason{
    display: inline-block;
    vertical-align: top;
    margin-right: 110px;
    margin-bottom: 80px;
}
.why-list-block .one-reason:nth-child(2n){
    margin-right: 0;
}
.why-list-block .reason-text{
    color: #FFFFFF;
    width: 355px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
.why-list-block .reason-image{
    width: 100px;
    height: 100px;
    background: #00538E;
    border-radius: 50px;
    padding: 15px;
    display: inline-block;
    margin-right: 25px;
    vertical-align: middle;
}
.why-list-block .reason-image img{

}
.biznesu-partners.uslugi-page{
    margin-top: 70px;
}
/*лэндинги услуг*/

/*аренда контейнеров*/
.contayner-rent-top{

}
.contayner-rent-top.tula .wrapper{
    background: url(/local/templates/hartiya/images/contayner-rent/bunkerovoz-maz.png) no-repeat right center;
}

.contayner-rent-top .wrapper{
    background: url(/local/templates/hartiya/images/contayner-rent/gazel-with-bunker.png) no-repeat right center;
    padding-top: 40px;
    padding-bottom: 80px;
}
.contayner-rent-top h1, .contayner-rent-top .h3{
    width: 570px;
    margin-bottom: 40px;
}
/*аренда контейнеров*/

/*обратная связь страница со списком форм*/
.wrapper.uslugi.feedback-main{
    margin-bottom: 60px;
}
.wrapper.uslugi.feedback-main>p{
    margin-bottom: 40px;
}
.feedback-main .uslugi-hidden{
    overflow: hidden;
    display: none;
}
.feedback-main .zag_news {
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 33px;
    color: #0A7ACC;
    cursor: pointer;
    text-decoration: none;
    padding: 20px;
    display: block;
}
.feedback-main .zag_news:before{
    content:' ';
    background: url(/local/templates/hartiya/images/Vector.png) no-repeat center left;
    width: 14px;
    height: 28px;
    margin-right: 28px;
    display: inline-block;
    vertical-align: middle;
}
.feedback-main .zag_news:hover{
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 33px;
    /*color: #253036;*/
    background-color:#e5eff8;
}
.feedback-main .zag_news:hover:before{
    /*background: url(/local/templates/hartiya/images/Arrow_accordion_hover.png) no-repeat center left;*/
}
.feedback-main .zag_news.opened{
    padding: 0 20px;
}
.feedback-main .zag_news.opened:before{
    transform:rotate(180deg);
}
.feedback-main .uslugi-spisok-block{
    border-bottom: 2px solid #e5eff8;

    position:relative;
}
.feedback-main .uslugi-spisok-block:first-child{
    border-top: 2px solid #e5eff8;
}
.feedback-main .uslugi-spisok-block.opened{
    background:#e5eff8;
    padding: 20px 0;
}
.feedback-main .uslugi-spisok-block.opened:before{
    content:' ';
    width: 40px;
    height: 100%;
    background:#e5eff8;
    position: absolute;
    top:-2px;
    left: -40px;
    border-bottom: 2px solid #e5eff8;
    border-top: 2px solid #e5eff8;

}
.feedback-main .uslugi-spisok-block.opened:after{
    width: 40px;
    height: 100%;
    background:#e5eff8;
    position: absolute;
    top:-2px;
    right: -40px;
    content:' ';
    border-bottom: 2px solid #e5eff8;
    border-top: 2px solid #e5eff8;

}
.feedback-main .uslugi-block{
    margin-bottom: 40px;
}

.wrapper.trust-contact-banner-wrapper{
    padding-top: 70px;
    padding-bottom: 70px;

}
.trust-contact-banner{
    padding-left: 270px;
    background: url('/local/templates/hartiya/images/bottom-contact-banner.png') no-repeat top left;
}
.trust-contact-banner p{
    width: 550px;
}


.landing-payment .full-body-div { margin-top:80px; }
.landing-payment .block-header {
    display:flex; justify-content:space-between; gap:30px; margin-top:40px;
}
.landing-payment .block-header .image {
    flex:0 0 250px; height:250px; background:no-repeat center center;
}
.landing-payment .block-payment-link {
    display:inline-block;
    border:1px solid #c9e1ee;
    width:330px; padding:30px;
    background:url(/local/templates/hartiya/images/mainpage/out-link-main.png) no-repeat right 30px bottom 36px;
}
.landing-payment .block-payment-link:hover{
    box-shadow:0 2px 15px rgba(59, 93, 112, 0.2);
    background-image:url(/local/templates/hartiya/images/out-link-main-hover.png);
}
.landing-payment .block-payment-link img {
    display:inline-block; margin-bottom:140px;
}
.landing-payment .block-payment-link span {
    display:inline-block; /*чтобы сбросить стиль ссылки*/
    font-weight:500; font-size:23px; line-height:35px;
    color:#3b5d70;
    text-decoration:underline;
}
.landing-payment .block-payment-link:hover span {
    color:#0a7acc;
}
.landing-payment .block-roles {
    display:flex; gap:40px;
}
.landing-payment .block-roles a {
    flex:0 1 50%; display:flex; align-items:center;
    border:1px solid #e5eff8; box-sizing:border-box;
    padding:0 210px 0 32px; height:96px;
    background:no-repeat right center / 178px auto;
    color:#3b5d70; font-weight:500;
}
.landing-payment .block-roles a:hover { box-shadow:0 2px 15px rgba(59, 93, 112, 0.2); color:#0a7acc; }
.landing-payment .block-roles a.flats {
    background-image:url(/upload/medialibrary/cc8/97d0ofb5h57aktw68mus8ra1rpu4iwzf/flats.png);
}
.landing-payment .block-roles a.houses {
    background-image:url(/upload/medialibrary/a37/u7q9o2cgxjo5w8v0o1ebq5iusc6tznmo/houses.png);
}
@media screen and (max-width:600px) {
    .landing-payment .full-body-div { margin-top:40px; }
    .landing-payment .block-header, .landing-payment .block-roles { flex-wrap:wrap; }
}
@media screen and (max-width:420px) {
    .landing-payment .block-payment-link {
        width:100%; box-sizing:border-box;
    }
}


.payment-guide ol { padding-left:0; }
.payment-guide ol li {
    display:flex; gap:24px;
    padding:40px; margin-bottom:16px;
    border:1px solid #c9e1ee;
}
.payment-guide ol li::before { flex:0 0 25px; margin-right:0; }
.payment-guide ol li>div:nth-of-type(1) { flex:1 1 100%; }
.payment-guide ol li>div:nth-of-type(1) .block-note:last-of-type { margin-bottom:0; }
.payment-guide ol li>div:nth-of-type(2) { flex:0 0 325px; }
.payment-guide ol li>div:nth-of-type(2) img { margin:0 0 0 auto; }
@media screen and (max-width:600px) {
    .payment-guide ol li { flex-wrap:wrap; gap:10px; padding:20px; }
    .payment-guide ol li::before { order:1; }
    .payment-guide ol li>div:nth-of-type(1) { flex:1 1 calc(100% - 35px); order:2; font-size:16px; line-height:25px; }
    .payment-guide ol li>div:nth-of-type(1) .block-note { margin-left:-35px; }
    .payment-guide ol li>div:nth-of-type(2) { flex:1 1 100%; margin-bottom:10px; }
    .payment-guide ol li>div:nth-of-type(2) img { margin:0 auto; }
}


/*чуть подправим стили фэнсибокса*/
.fancybox-inner .fancybox-infobar{
    color: #fff;
    left: 48%;
    background: rgba(30,30,30,.6);
}
.fancybox__nav .carousel__button.is-prev{
    left: 0 !important;
}
.cookie-policy{
    background: #3B5D70;
    box-shadow: 0px 2px 8px rgba(146, 194, 220, 0.3);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 25px;
    z-index: 5;
    display: none;
}
.cookie-policy .cookie-policy-text{
    padding-left: 50px;
    box-sizing: border-box;
    width: 1110px;
    background: url("/local/templates/hartiya/images/cookies-info.png") no-repeat top left;
    font-size: 17px;
    line-height: 25px;
    color: #A9C1CF;
}
.cookie-policy .cookie-policy-text a{
    color: #9DCAEB;
}
.cookie-policy .wrapper{
    position: relative;
}
.cookie-policy .cookie-policy-close{
    width: 15px;
    height: 15px;
    background: url("/local/templates/hartiya/images/cookie-close.png") no-repeat center center;
    position: absolute;
    top: 0;
    right: 25px;
    cursor: pointer;

}

.cookie-table {
    width: 100%;
    text-align: left;
    font-family: Roboto;
    font-size: 19px;
    line-height: 29px;
    color: #253036;
    margin-bottom: 70px;
}
.cookie-table th p, .cookie-table td p{
    margin-bottom: 0;
}
.cookie-table th, .cookie-table td{
    vertical-align: top;
    border-bottom: 1px solid #C9E1EE;
    padding: 20px 15px;
}
.cookie-table th{
    background: #E5EFF8;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #6B818E;
}
/*стили яндекс-поиска*/
#ya-site-form0 .ya-site-form__form .ya-site-form__input-text{
    border-radius: 4px;
    padding: 0 20px;
    line-height: 50px;
    width: 625px !important;
}
#ya-site-form0 .ya-site-form__search tr{
    display: flex;
    align-items: center;

}
#ya-site-form0 .ya-site-form__search td{
    box-sizing: border-box;
}
#ya-site-form0 .ya-site-form__search td.ya-site-form__search-input-layout-l{
    width: 655px !important;
}
#ya-site-form0 td.ya-site-form__search-input-layout-r::before{
    content: 'Найти';
    display: inline-block;
    position: absolute;
    left: 50px;
    top: 0;
}
#ya-site-form0 td.ya-site-form__search-input-layout-r::after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 50px;
    margin-left: 110px;
    background: url(/local/templates/hartiya/images/input-submit-next.png) no-repeat center center;
    transition: margin-left 0.1s ease;
}
#ya-site-form0 td.ya-site-form__search-input-layout-r:hover{
    background: #009fcc !important;
    padding-right: 10px;
}
#ya-site-form0 td.ya-site-form__search-input-layout-r:hover::before{

}
#ya-site-form0 td.ya-site-form__search-input-layout-r:hover::after {
    margin-left: 115px;
}
.b-head__l{
    padding-left: 5px !important;
}
.b-body-items{
    padding-left: 45px;
}
.b-serp-item{
    margin-bottom: 40px;
}
#ya-site-results .b-serp-item__number{
    font-weight: 400;
    font-size: 19px;
    line-height: 29px;
    color: #253036 !important;
    margin-top: 0;
}
.b-serp-item a{
    font-size: 19px !important;
    line-height: 30px;
}
.b-serp-item .b-serp-item__text{
    font-size: 17px !important;
    line-height: 25px;
    color: #686868 !important;
}
.b-serp-item a b, .b-serp-item .b-serp-item__text b{
    color: #253036 !important;
}
body .g-gap-horizontal{
    margin-left: 0;
}
.b-pager__title, .b-pager__arrow, .b-pager__sorted{
    display: none !important;
}
.b-pager__pages>a,.b-pager__pages>b {
    font-size: 17px;
    line-height: 25px;
    text-decoration: none;
}
.b-pager__pages>b.b-pager__current{
    font-weight: bold;
    color: #253036;
    border-bottom: 4px solid #0A86CC;
}

.pop-up-banner-anchor{
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 630;
    cursor: pointer;
    background: url('/local/templates/hartiya/images/pop-up-banner-anchor.png') no-repeat center center;
}
.pop-up-banner-anchor:hover{
    background-image: url('/local/templates/hartiya/images/pop-up-banner-anchor_hover.png');
}
.pop-up-banner-window{
    display: none;
    width: 773px;
    height: 411px;
    box-sizing: border-box;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 650;
    padding-left: 348px;
    padding-right: 40px;
    padding-top: 70px;
    padding-bottom: 70px;
    border: 1px solid #C9E1EE;
    box-shadow: 0px 4px 40px rgba(4, 40, 60, 0.2);
    border-radius: 20px;
    background: url('/local/templates/hartiya/images/pop-up-banner/Pic_banner.png') no-repeat bottom left #FFFFFF;
}
.form-banner{
    box-sizing: border-box;
    border: 1px solid #C9E1EE;
    border-radius: 20px;
    display: block;
    position: relative;
    width: 100%;
    padding-left: 40px;
    padding-right: 413px;
    padding-top: 40px;
    padding-bottom: 40px;
    box-shadow:none;
    background: url('/local/templates/hartiya/images/pop-up-banner/Pic_banner_form.png') no-repeat bottom right #FFFFFF;
    bottom: unset;
    right: unset;
    z-index: unset;
    height: auto;
    margin-bottom: 60px;
}
.pop-up-banner-window .close-button{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    background: url('/local/templates/hartiya/images/pop-up-close.png') no-repeat center center;
}
.pop-up-banner-window .close-button:hover{
    background: url('/local/templates/hartiya/images/pop-up-close_hover.png') no-repeat center center;
}
.table {
    width: 100%;
    margin-bottom: 24px;
}
.table td {
    padding: 8px;
}
@media screen and (max-width:600px) {
    html, body{
        min-width: 320px;
    }
    div{
        box-sizing: border-box;
    }
    h1, .h1{
        font-size: 25px;
        line-height: 30px;
    }
    h2, .h2{
        font-size: 21px;
        line-height: 27px;
        margin-bottom: 20px;

    }
    h3, .h3{
        font-size: 19px;
        line-height: 26px;
        margin-bottom: 20px;

    }
    h4, .h4{
        font-weight: 500;
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 20px;
    }

    p{
        font-size: 16px;
        line-height: 24px;
    }
    p.small, .small{
        font-size: 14px;
        line-height: 20px;
    }
    p.smaller, .smaller{
        font-size: 12px;
        line-height: 16px;
    }
    .input-check label{
        font-size: 16px;
        line-height: 24px;
    }
    .input-check label::before{
        margin: 0;
    }
    .content ul {
        padding-left:30px;
    }
    .content ul li {
        text-indent:-30px;
    }
    .content ul li::before {
        margin-right:10px;
    }
    .full-body-div{
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .wrapper, .wrapper-830{
        width: 100%;
        padding: 0 5% ;
    }
    .show-on-mobile{
        display: block;
    }
    .hide-on-mobile, .hide-mobile {
        display: none;
    }
    .back-to-list a{
        font-size: 14px;
        line-height: 20px;
    }

    .top-location{
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
    }
    .top-location .current-region {
        background: #F3F7FB;
        height: 35px;
        line-height: 35px;
        width: 100%;
        padding:0 5%;
    }
    .top-location .current-region:before{
        height: 35px;
        background-size: 16px 18px;
        vertical-align: top;
    }
    .top-location .current-region.active:before, .top-location .current-region:hover:before{
        background-size: 16px 18px;
    }
    .top-location .current-region .region-name:after{
        content: unset;
    }
    .top-location .all-regions{
        width: 100%;
        border-radius: 0;
        margin-top: 0;
    }
    .top-location .all-regions:before{
        content: unset;
    }
    .top-location .all-regions .close-button{
        top: -27px; right:5%;
        background-image: url('/local/templates/hartiya/images/mobile-region-close.png');
    }
    .header .top-info{
        padding-top: 45px;
        position: relative;
        height:95px;
        background: #fff;
        z-index: 3;
    }
    .header .top-info.hide-mobile { display:none; }
    .header .top-info.show-on-mobile { display:block; }
    .header .top-phones {
        display: none;
    }
    .header .top-info-mobile {
        display:flex; justify-content:space-between; align-items:center; gap:16px; padding:0 5%;
    }
    .header .top-info-mobile .top-info-mobile-logo { flex:0 0 120px; }
    .header .top-info-mobile .top-info-mobile-central { flex:1 1 100%; text-align:center; }
    .header .top-info-mobile .header-mobile-feedback-link { flex:0 0 24px; }
    .header .top-info-mobile .dropdown-menu-button { flex:0 0 24px; height:24px; background: url("/local/templates/hartiya/images/Menu_mobile.png") no-repeat center center; }
    .header .top-info-mobile .dropdown-menu-button.active {
        background: url("/local/templates/hartiya/images/Union_mobile.png")no-repeat center;
    }
    .dropdown_main {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    .dropdown-content_main {
        /*width: 320px;*/
        width: 100%;
        display: none;
        position: relative;
        z-index: 3;
        /*height: 345px;*/
    }
    .classic-tab-root.active{
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
    }
    .classic-tab-root {
        padding: 10px 10px;
        line-height: 20px;
    }
    .file-place .main-file-info .filename {
        width: 150px;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.02em;
        color: #3B5D70;
    }
    .file-place .main-file-info .filesize {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.02em;
        color: #6F9CB7;
    }
    .file-place .filetype {
        margin-left: -5px;
        margin-right: 15px;
    }
    .file-place .fileload {
        margin-left: 5px;
    }
    .file-place.big-place {
        padding-right: 15px;
    }
    .file-place.big-place .main-file-info {
        width: calc(100% - 110px);
    }

    .block-note { padding:15px 10px 15px 55px; }
    .block-note.warning::before { top:15px; left:15px; }

    .zhitelyam-kvartir-moskva .zhitelyam-kvartir-top  {
        background-position-y: calc(100% - 25px);
    }
    .zhitelyam-kvartir-top .wrapper, .biznesu-top .wrapper, .vladeltsam-domov-top .wrapper{
        padding-bottom: 60px;
    }
    .zhitelyam-kvartir-top {
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: calc(100% - 365px);
        background-size: 90% auto;
    }
    .biznesu-top {
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: calc(100% - 110px);
        background-size: 90% auto;
    }
    .vladeltsam-domov-top {
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: calc(100% - 374px);
        background-size: 90% auto;
    }
    .zhitelyam-kvartir-top .h1, .biznesu-top .h1, .vladeltsam-domov-top .h1{
        width: 100%;
    }
    .zhitelyam-kvartir-top .h3.p-shield, .biznesu .h3.p-shield, .vladeltsam-domov .h3.p-shield{
        width: 100%;
        margin-bottom: 190px;
    }
    .uslugi-block{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .uslugi-block .usluga-block{
        max-width: 100%;
        height:150px;
        padding: 20px;
    }
    .uslugi-block .usluga-block span{
        font-size: 19px;
        line-height: 25px;
    }
    .zhitelyam-kvartir-middle .wrapper{
        padding: 15px 0;
    }
    .zhitelyam-kvartir-middle-card{
        display: block;
        width: 90% !important;
        margin : 15px auto!important;
        padding: 20px;
        padding-bottom: 35px;
    }
    .bottom-news .h2{
        width: 100%;
    }
    .bottom-news .news-item{
        margin-right: 0;
    }
    button.arrow, .button.arrow{
        padding: 0 20px;
    }
    .zhitelyam-kvartir .wrapper.how-work, .biznesu .wrapper.how-work, .vladeltsam-domov .wrapper.how-work{
        margin-top: 30px;
    }
    .how-work-textblock .how-work-text{
        margin-left: 0;
        margin-bottom: 25px;
        width: 100%;
    }
    .how-work-textblock .how-work-text p, .how-work-textblock .how-work-text img{
        padding-left: 25px;
    }
    .how-work-textblock .how-work-text p.small{
        padding-left: 0;
    }
    .how-work-textblock .how-work-text img{
        margin-bottom: 15px;
        height: 120px;
    }
    .how-work-textblock .how-work-text .h2{
        float: left;
        padding-left: 0;
        position: relative;
    }
    .how-work-textblock .how-work-text .h2:before{
        content: ' ';
        width: 10px;
        height: 150px;
        position: absolute;
        top: -160px;
        left: 2px;
        background: url(/local/templates/hartiya/images/mainpage/mobile-arrow.png) no-repeat bottom center;
    }
    .how-work-textblock .how-work-text:first-child .h2:before{
        content: unset;
    }

    .how-work {
        position: relative;
    }
    .how-work .back-to-list{
        float: none;
        position: absolute;
        bottom: -5px;
        margin-bottom: 0;

    }
    .zhitelyam-kvartir .wrapper.how-work, .biznesu .wrapper.how-work, .vladeltsam-domov .wrapper.how-work{
        margin-bottom: 50px;
    }
    .footer .footer-contact-block{
        float: none;
    }
    .footer-contact-block .smaller:first-child{
        display: none;
    }
    .footer{
        padding-top: 10px;
    }
    .footer-contact-block .small{
        padding-left: 25px;
        background: url(/local/templates/hartiya/images/footer-phone.png) no-repeat left top;
    }
    .footer-policy-links{
        display: none;
    }
    .biznesu-middle{
        padding: 40px 0;
    }
    .biznesu-middle h2{
        margin-bottom: 20px;
    }
    .biznesu-middle .pluses-list{
        margin-right: 0;
        width: 100%;
    }
    .biznesu-partners{
        position: relative;
    }
    .biznesu-partners .back-to-list{
        float: none;
        position: absolute;
        bottom: 40px;
        margin-bottom: 0;
    }

    .biznesu-partners{
        padding: 40px 0 40px;
    }
    .uslugi-block .usluga-block img{
        max-width: calc(90% - 25px);
        top: 20px;
        right: 20px;
        max-height: 50px;
    }
    .zhitelyam-kvartir-middle .contour-button-link.arrow, .zhitelyam-kvartir-middle .contour-button.arrow {
        padding: 12px 10px 15px 18px;
    }
    .feedback-main .zag_news, .feedback-main .zag_news:hover {
        font-size: 19px;
        line-height: 25px;
    }
    .cookie-policy .cookie-policy-text{
        width: 100%;
        padding-right: 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .cookie-policy .cookie-policy-close{
        margin-top: -10px;
    }
    .cookie-table{
        margin-bottom: 40px;
    }
    .cookie-table th, .cookie-table td{
        display: block;
        border-bottom: 0;
        padding: 5px 0;
    }
    .cookie-table th{
        padding: 5px;
    }
    .cookie-table tr th:first-child, .cookie-table tr td:first-child{
        padding-top: 20px;
    }
    .cookie-table tr th:last-child, .cookie-table tr td:last-child{
        border-bottom: 1px solid #C9E1EE;
        padding-bottom: 20px;
    }

    .biznesu-middle .pluses-list{
        min-height: 52px;
    }
    /*главная владимир*/
    .biznesu-vladimir .biznesu-top .wrapper, .top-otkhody .wrapper{
        display: flex;
        flex-direction:column;
        padding-bottom: 40px;
    }
    .wrapper.uslugi{
        margin-top: 40px;
    }
    .uslugi-block.uslugi-6-block.uslugi-with-image>a:first-child{
        height: 251px;
    }
    .uslugi-block.uslugi-6-block.uslugi-with-image .img-block-wr{
        width: 100%;
    }
    .uslugi-block.uslugi-6-block.uslugi-with-image>a:first-child img{
        max-width: 100%;
        max-height: 120px;
        position: relative;
        top:0;
        right:0;
        margin-bottom: 15px;
    }

    .uslugi-cars-slider{
        width: 290px;
        float: none;
        margin: 0 auto;
        order: 1;
    }
    .uslugi-cars-slider .slider-pictures{
        width: 290px;
        height: 127px;
        background-size: 320px 2px;
    }
    .uslugi-cars-slider .slider-pictures img{
        width: 290px;
        height: 127px;
    }
    .uslugi-cars-slider .slider-picture-wrapper{
        height: 127px;
    }

    /*лэндинги услуг*/
    .top-otkhody{
        padding-top: 20px;
        padding-bottom: 0;
    }
    .top-otkhody h1{
        margin-bottom: 10px;
    }
    .top-otkhody .h3, .top-otkhody h1{
        width: 100%;
    }
    .radio-cards { display:block; }
    .why-list-block .one-reason{
        margin-right: 0;
    }
    .why-list-block .reason-text{
        width: 100%;
    }
    .radio-cards .radio-card .radio-card-title{
        font-size: 16px;
        line-height: 20px;
    }
    .top-otkhody .submit-block.div-inline-block.anchor-to-calc{
        width: 100%;
        margin-bottom: 20px;
    }
    .top-otkhody .submit-block.div-inline-block.anchor-to-calc .button.submit{
        width: 100%;
        box-sizing: border-box;
    }
    .wrapper.othody-info{
        margin: 40px auto;
    }
    .why-we-block{
        padding-top: 40px;
        margin-bottom: 40px;
    }
    .order_wastecollecting-list + .biznesu-partners.uslugi-page{
        margin-top: 0;
    }
    .uslugi-page .back-to-list a:before{
        content: unset;
    }
    /*контейнеры*/
    .contayner-rent-top.tula .wrapper{
        background-image: none;
    }
    .contayner-rent-top .wrapper{
        background-image: none;
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .contayner-rent-top h1, .contayner-rent-top .h3{
        width: 100%;
        margin-bottom: 20px;
    }
    .contayner-rent-top .submit-block.div-inline-block.anchor-to-list, .contayner-rent-top .submit-block.div-inline-block.anchor-to-list .button{
        width: 100%;
        box-sizing: border-box;
    }
    .container-rent-steps .one-step img{
        width: 120px;
        margin-bottom: 15px;
        height: 120px;
        padding-left: 25px;
    }
    .container-rent-steps .one-step{
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .container-rent-steps .one-step::after{
        content: unset;
    }
    .container-rent-steps .one-step .h2{
        position: relative;
    }
    .container-rent-steps .one-step .h2:before{
        content: ' ';
        width: 10px;
        height: 150px;
        position: absolute;
        top: -160px;
        left: 2px;
        background: url(/local/templates/hartiya/images/mainpage/mobile-arrow.png) no-repeat bottom center;
    }
    .container-rent-steps .one-step:first-child .h2:before{
        content: unset;
    }
    .container-rent-steps, .container-rent-steps .one-step:last-child{
        margin-bottom: 0;
    }
    .light-gray-bg.how-to-rent{
        padding: 35px 0;
    }

    .wrapper.trust-contact-banner-wrapper{
        padding-top: 20px;
    }
    .trust-contact-banner {
        padding-left:0;
        background: url(/local/templates/hartiya/images/bottom-contact-banner.png) no-repeat top center;
        padding-top: 80px;
        background-size: 100px auto;
    }
    .trust-contact-banner p{
        width: 100%;
    }
    .trust-contact-banner .button{
        width: 100%;
    }
    .pop-up-banner-anchor{
        bottom: 20px;
        right: 20px;
    }
    .pop-up-banner-window{
        width: 100%;
        height: auto;
        box-sizing: border-box;
        position: fixed;
        bottom:0;
        right: 0;
        z-index: 650;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 180px;
        padding-bottom: 20px;
        border: 1px solid #C9E1EE;
        box-shadow: 0px 4px 40px rgba(4, 40, 60, 0.2);
        border-radius: 20px 20px 0px 0px;
        background: url('/local/templates/hartiya/images/pop-up-banner/Pic_banner_mobile.png') no-repeat 0 20px #FFFFFF;
        background-size: auto 150px;
    }
    .form-banner{
        border: 1px solid #C9E1EE;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        background: url('/local/templates/hartiya/images/pop-up-banner/Pic_banner_form_mobile.png') no-repeat 0 20px #FFFFFF;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 180px;
        padding-bottom: 20px;
        background-size: auto 150px;
        border-radius: 20px;
        margin-bottom: 40px;
    }
    .button--wide-mobile {
        padding-left: 40px;
        padding-right: 40px;
    }
    .instruction-links {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: baseline;
    }
}

/*для админки в публичной части*/
.bx-file-dialog img, .ml-frame img{
    display: inline;
}
.ml-frame  img.ml-col-del, .ml-frame img.ml-col-edit{
    display: none;
}
div.bxml-dialog *, div.bxml-subdialog-cont * {
    line-height: 16px;
}

/* End */
/* /local/components/mstrike/siteheader/templates/.default/style.css?17349522565359 */
/* /local/components/mstrike/siteheader/templates/top-info-mobile/style.css?172422478849 */
/* /local/templates/hartiya/components/bitrix/menu/hartiya-top/style.css?16267762227688 */
/* /local/components/mstrike/siteheader/templates/mobile-phones/style.css?1707494480672 */
/* /local/templates/hartiya/components/bitrix/menu/hartiya-bottom/style.css?17086514804116 */
/* /local/templates/hartiya/styles.css?1580191073253 */
/* /local/templates/hartiya/template_styles.css?175369236385612 */