#head div.top_line {
    border: #000 0px solid;
    position: absolute;
    width: 1024px;
    height: 4px;
    top: 0px;
    left: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    z-index: 0;
    background: url(/templates/images/top_head_top_line.png) repeat-x 0px 0px;
}
#head div.top_line_rcorner {
    border: #000 0px solid;
    position: absolute;
    width: 4px;
    height: 4px;
    top: 0px;
    right: 0px;
    z-index: 10;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(/templates/images/top_head_top_line_rcorner.png) no-repeat
        0px 0px;
}
#head div.top_line_lcorner {
    border: #000 0px solid;
    width: 4px;
    height: 4px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(/templates/images/top_head_top_line_lcorner.png) no-repeat
        0px 0px;
}
#head div.bottom_line {
    border: #000 0px solid;
    width: 1020px;
    height: 4px;
    float: left;
    bottom: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(/templates/images/top_head_bottom_line.png) repeat-x 0px 0px;
}
#head div.bottom_line_rcorner {
    border: #000 0px solid;
    width: 4px;
    height: 4px;
    float: right;
    bottom: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(/templates/images/top_head_bottom_line_rcorner.png)
        no-repeat 0px 0px;
}
#head div.head_main {
    border: #000 0px solid;
    position: relative;
    width: 1024px;
    height: 365px;
    float: left;
    bottom: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#head div.head_main #reasons_menu_column {
    border: #000 0px solid;
    width: 215px;
    height: 200px;
    position: absolute;
    right: 0px;
    top: 150px;
    z-index: 10;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(/templates/images/menu_top_line_bg.png) repeat-x 0px 0px;
}
#head div.head_main #reasons_menu_column #lmenu {
    border: #000 0px solid;
    width: 215px;
    position: relative;
    float: left;
    margin: 0px 4px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#lmenu ul.lmenu {
    display: block;
    float: left;
    border: #e1e1e1 0px solid;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: relative;
    width: 215px;
}
#lmenu ul.lmenu li {
    display: inline-block;
    background: transparent url(/templates/images/reasons_menu_line.png)
        repeat-x 0px bottom;
    width: 200px;
    padding: 0px 0px 0px 0px;
    margin: 0px auto;
    border: #e1e1e1 0px solid;
}
#lmenu ul.lmenu li a {
    display: block;
    float: left;
    height: 48px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0 auto;
    border: #e1e1e1 0px solid;
    background: url(/templates/images/reasons_menu_arrow_sprite.png) no-repeat
        0px -50px;
    position: relative;
}
#lmenu ul.lmenu li a:hover,
#lmenu ul.lmenu li a.ecolog:hover {
    background-position: 0px 14px;
}
#lmenu ul.lmenu li a span {
    display: block;
    padding: 0px 0px 0px 20px;
    margin: 0 auto;
    width: 190px;
    margin-top: 18px;
    border: #e1e1e1 0px solid;
}
#lmenu ul.lmenu li.ecolog a.ecolog span,
#lmenu ul.lmenu li.ecolog a.ecolog:focus span {
    height: 12px;
    outline: none;
    background: url(/ua/templates/images/reasons_button_ecology_sprite_ua.png)
        no-repeat center 0px;
}
#lmenu ul.lmenu li.ecolog a.ecolog:hover span,
#lmenu ul.lmenu li.ecolog a.ecolog_selected span,
#lmenu ul.lmenu li.ecolog a.ecolog_selected:focus span {
    background: url(/ua/templates/images/reasons_button_ecology_sprite_ua.png)
        no-repeat center -13px;
    outline: none;
}

#lmenu ul.lmenu li.dostup a.dostup span,
#lmenu ul.lmenu li.dostup a.dostup:focus span {
    height: 30px;
    outline: none;
    margin-top: 8px;
    background: url(/ua/templates/images/reasons_button_price_sprite_ua.png)
        no-repeat center top;
}
#lmenu ul.lmenu li.dostup a.dostup:hover span,
#lmenu ul.lmenu li.dostup a.dostup_selected span,
#lmenu ul.lmenu li.dostup a.dostup_selected:focus span {
    background: url(/ua/templates/images/reasons_button_price_sprite_ua.png)
        no-repeat center -31px;
    outline: none;
}

#lmenu ul.lmenu li.warm_house a.warm_house span,
#lmenu ul.lmenu li.warm_house a.warm_house:focus span {
    outline: none;
    height: 17px;
    margin-top: 16px;
    background: url(/ua/templates/images/reasons_button_teplyi_dom_sprite_ua.png)
        no-repeat center 0px;
}
#lmenu ul.lmenu li.warm_house a.warm_house:hover span,
#lmenu ul.lmenu li.warm_house a.warm_house_selected span,
#lmenu ul.lmenu li.warm_house a.warm_house_selected:focus span {
    outline: none;
    background: url(/ua/templates/images/reasons_button_teplyi_dom_sprite_ua.png)
        no-repeat center -18px;
}

#lmenu ul.lmenu li.longevity a.longevity span,
#lmenu ul.lmenu li.longevity a.longevity:focus span {
    height: 14px;
    outline: none;
    background: url(/ua/templates/images/reasons_button_dolgovech_sprite_ua.png)
        no-repeat center 0px;
}
#lmenu ul.lmenu li.longevity a.longevity:hover span,
#lmenu ul.lmenu li.longevity a.longevity_selected span,
#lmenu ul.lmenu li.longevity a.longevity_selected:focus span {
    outline: none;
    background: url(/ua/templates/images/reasons_button_dolgovech_sprite_ua.png)
        no-repeat center -15px;
}

#lmenu ul.lmenu li.estetic a.estetic span,
#lmenu ul.lmenu li.estetic a.estetic:focus span {
    height: 12px;
    outline: none;
    background: url(/ua/templates/images/reasons_button_estetic_sprite_ua.png)
        no-repeat center 0px;
}
#lmenu ul.lmenu li.estetic a.estetic:hover span,
#lmenu ul.lmenu li.estetic a.estetic_selected span,
#lmenu ul.lmenu li.estetic a.estetic_selected:focus span {
    outline: none;
    background: url(/ua/templates/images/reasons_button_estetic_sprite_ua.png)
        no-repeat center -13px;
}

/*����� ����� �������*/
#head div.head_main div.top_head_slogan {
    border: #000 0px solid;
    width: 468px;
    height: 30px;
    position: absolute;
    float: right;
    z-index: 10;
    top: 35px;
    left: 300px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(/ua/templates/images/top_slogan_ua_5.png) no-repeat 0px 0px;
}
#head div.head_main div.top_head_house {
    border: #000 0px solid;
    width: 554px;
    height: 296px;
    position: relative;
    float: left;
    z-index: 1;
    bottom: -73px;
    right: 7px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(/ua/templates/images/head_house_ua_2.png) no-repeat 0px 0px;
}
/*#head div.head_main div.top_head_house{
	border: #000 0px solid;
	width: 545px; height:295px; position:relative;
	float: left; z-index:1; bottom:-70px; left:-8px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: url(/templates/images/top_head_house_6.png) no-repeat 0px 0px;
}*/

#head div.head_main #logo {
    border: #000 0px solid;
    width: 139px;
    height: 125px;
    position: absolute;
    z-index: 10;
    right: 34px;
    top: 5px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#head div.head_main #logo a,
#head div.head_main #logo a:focus {
    width: 158px;
    height: 151px;
    outline: none;
}
#head div.head_main #logo a span {
    text-indent: -99999px;
    display: block;
}
#head div.head_main #logo img {
    height: 139px;
}
#head div.head_main #menu_block {
    border: #000 0px solid;
    width: 263px;
    height: 422px;
    position: relative;
    z-index: 30;
    float: left;
    margin: 75px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(/ua/templates/images/menu_column_transp.png) no-repeat 0px
        0px;
}
#menu_block .main_menu {
    border: #000 0px solid;
    list-style: none;
    float: left;
    clear: both;
    margin: 25px 0px 20px 17px;
    display: block;
}
.main_menu ul {
    border: #000 0px solid;
    width: 263px;
    list-style: none;
    font-family:
        Helvetica Neue,
        Arial,
        Tahoma,
        Gill Sans,
        Gill Sans MT,
        sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    font-weight: 900;
    float: left;
    clear: both;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 8px 0px 0px 0px;
    background: url(../images/head_menu_left_vline.png) repeat-y 222px top;
}
.main_menu ul li {
    float: left;
    border: #000 0px solid;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    display: block;
    background: url(../images/head_menu_left_vline.png) repeat-y 1px top;
}
.main_menu ul li a {
    display: block;
    text-decoration: none;
    padding: 4px 0px 0px 9px;
    width: 210px;
    height: 28px;
    border: 0px solid #b4b5b5;
    margin: 0px 0px 0px 0px;
    letter-spacing: 0.1em;
    line-height: 13px;
    font-weight: 900;
    font-size: 12px;
    z-index: 99;
    position: relative;
}
.main_menu ul li a span {
    display: block;
    border-bottom: #b4b5b5 1px solid;
}
.main_menu ul li a span.title {
    color: #044b16;
    text-align: left;
    text-indent: 4px;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 2px 0px;
    -webkit-text-stroke: 0.2px #044b16;
    -webkit-margin-before: 0.1em;
    -webkit-margin-after: 0.1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.main_menu ul li a:hover span.title {
    color: #c8ad47;
    -webkit-text-stroke: 0.25px #c8ad47;
}
.main_menu ul li a span.text {
    color: #993333;
    text-align: right;
    font-size: 8px;
    letter-spacing: 1px;
    visibility: hidden;
    border: 0px solid #993333;
    line-height: 6px;
    padding-top: 1px;
    padding-right: 4px;
    margin: 1px 7px 0px 0px;
    font-family:
        "Helvetica Neue", "Arial", "Tahoma", "Gill Sans", "Gill Sans MT";
    font-weight: 900;
}
.main_menu ul li a:hover span.text {
    visibility: visible;
}
.main_menu ul li.active {
    /*style of LI that gets dynamically added to menu to create background effect*/
    position: absolute;
    width: 222px;
    height: 65px;
    border: 0px solid navy;
    left: 18px;
    z-index: 0;
    background: #e8e9ea url(../images/menu_head_hover.png) repeat-y 0px 0px;
}
.main_menu ul li.right-active {
    /*style of LI that gets dynamically added to menu to create background effect*/
    position: absolute;
    width: 5px;
    height: 5px;
    border: 0px solid navy;
    left: 239px;
    background: url(../images/menu_head_hover.png) repeat-y 0px 0px;
}

#head #top_menu_box {
    position: absolute;
    top: 8px;
    left: 30px;
    margin: 0;
    padding: 0;
}
#top_menu_box .top_menu_row {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
#top_menu_box a.top_home {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: url(/templates/images/top_menu_home.png) no-repeat center 0px;
}
#top_menu_box a.top_home:hover,
#top_menu_box a.top_home:focus {
    background: url(/templates/images/top_menu_home.png) no-repeat center -22px;
    outline: none;
}
#top_menu_box .lang-switcher {
    display: flex;
    gap: 5px;
}
#top_menu_box .lang-switcher a.lang-link {
    display: block;
    padding: 3px 8px;
    font-family: "Squada One", Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #045b18;
    border: 2px solid #1a944a;
    border-radius: 4px;
    line-height: 1;
}
#top_menu_box .lang-switcher a.lang-link:hover {
    color: #c8ad47;
    border-color: #c8ad47;
}
#top_menu_box .lang-switcher a.lang-link.active {
    background-color: #1a944a;
    color: #fff;
}
#top_menu_box a.tel {
    font-family: "Squada One", cursive;
    line-height: 20px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.03em;
    margin: 0;
    text-decoration: none;
    padding: 3px 6px;
    border: 2px solid #1a944a;
    border-radius: 4px;
    color: #045b18;
    white-space: nowrap;
}
#top_menu_box a.tel .phone {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 5px -4px 2px;
    background: url(/templates/images/phone-call.png) no-repeat 0px 0px;
}
#top_menu_box a.tel:hover {
    text-decoration: underline;
    border-color: #c8ad47;
    color: #c8ad47;
}
#top_menu_box a.tel:hover .phone {
    background: url(/templates/images/phone-call.png) no-repeat 0px -23px;
}