/* Start:/local/spaceapp/css/lazyload.css?1759070315155*/
img[data-lazy-load] {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    display: block;
}
img[data-lazy-load].loaded {
    opacity: 1;
}
/* End */


/* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.css?1614510686585*/
.bx-breadcrumb {
	margin: 10px 0;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

/* End */


/* Start:/local/templates/him/template_styles.css?176952232297431*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}

.art-bl .art-back-btn,
.footer .colum .txt_1,
.services-bl .price-btn,
.why-we h2 {
    text-transform: uppercase
}

.filter-bl select,
.service-bl .table .third .order-form select,
.services-bl .hidden-bl .table .five .order-form select {
    text-indent: .01px;
    text-overflow: ''
}

footer,
header,
nav,
section {
    width: 100%;
    min-width: 1024px;
    background-repeat: no-repeat
}

.clear {
    clear: both
}

.wrapp1024 {
    min-width: 1024px;
    width: 100%;
    overflow: hidden
}

.serv {
    max-width: 1300px;
    margin: 0 auto;
}

.serv__inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.conf_text a {
    color: #c10000;
}

.wrapp-clients .item {
    display: flex;
    margin: 40px 0;
}

.wrapp-img {
    width: 35%;
}

.wrapp-img img {
    width: 100%;
    height: auto;
}

.wrap-text {
    width: 65%;
    padding-left: 50px;
}

.wrap-text .header-txt {
    padding: 5px 0 10px;
    font: 21px Roboto;
    font-weight: 300;
    color: #333333;
}

.wrap-text .txt {
    font: 14px Roboto;
    font-weight: 300;
    color: #666666;
    line-height: 1.6;
}

.services-ysl {
    width: 100%;
    padding: 40px 0;
    background: #f7f7f7;
}

.wrapp-clients {
    width: 1000px;
    height: auto;
    margin: 0 auto;
}

body {
    font-family: 'Roboto', sans-serif;
    color: #333;
    font-weight: 300;
    background: #f4f5f1
}

a {
    text-decoration: none;
    cursor: pointer
}

.preload {
    display: none
}

nav {
    background: rgba(255, 255, 255, .9);
    /* position: fixed; */
    z-index: 150;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    height: 120px;
}

.nav .logo,
.nav ul li {
    float: left;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.nav {
    height: auto;
    margin: 0 auto
}

.nav .logo {
    width: 198px;
    height: 99px;
    background: url(/local/templates/him/./img/Himchistka_nomer_odin_logo_2020.png);
    background-size: cover;
    margin: 10px 20px 10px 100px;
    transition: all .5s
}

.footer_logo_link {
    width: 220px;
    height: 120px;
    display: block;
    background: url(/local/templates/him/./img/Himchistka_nomer_odin_logo_2020.png) no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: 10px;
}

.nav ul li {
    margin: 33px 0 0;
    padding: 15px 14px;
    transition: all .5s;
    border-radius: 30px
}

.nav .ico-bl,
.nav .phone-bl {
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.nav ul li.active {
    background: #c10000;
}

.nav ul li a {
    font: 17px Roboto;
    color: #333333;
}

.nav ul li a:hover {
    color: #c10000
}

.nav ul li.active a {
    color: #fff
}

.nav .ico-bl {
    float: right;
    margin: 35px 68px 0 0;
    transition: all .5s
}

.nav .ico-bl a {
    float: left;
    display: block
}

.nav .ico-bl a.star {
    width: 21px;
    height: 20px;
    background: url(/local/templates/him/./img/nav-star.png);
    margin: 10px 32px 0 0
}

.nav .ico-bl a.star:hover {
    background: url(/local/templates/him/./img/nav-star-hover.png)
}

.nav .ico-bl a.user {
    width: 18px;
    height: 17px;
    background: url(/local/templates/him/./img/nav-user.png);
    margin: 11px 32px 0 0
}

.nav .ico-bl a.user:hover {
    background: url(/local/templates/him/./img/nav-user-hover.png)
}

.nav .ico-bl a.cart {
    width: 38px;
    height: 29px;
    background: url(/local/templates/him/./img/nav-cart.png);
    font: 12px Roboto;
    color: #fff
}

.nav .ico-bl a.cart:hover {
    background: url(/local/templates/him/./img/nav-cart-hover.png)
}

.nav .ico-bl a.cart span {
    padding-left: 24px;
    line-height: 20px
}

.nav .phone-bl {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 30px
}

.nav .btn,
.nav .car2-btn {
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.nav .btnphone {
    width: 420px;
    height: auto;
    float: right;
    text-align: left
}

.nav .btn {
    width: auto;
    height: auto;
    float: right;
    text-align: right;
    margin-right: 20px;
    margin-top: 17px;
    transition: all .5s
}

.nav .car2-btn {
    width: 60px;
    height: 60px;
    background: url(/local/templates/him/./img/hn1_van.svg) no-repeat;
    background-size: contain;
    background-position: center;
    float: left;
    margin: 20px 10px 0 0;
    transition: all .5s
}

.nav .bascet-btn,
.nav .lk-btn {
    width: 60px;
    height: 60px;
    float: left;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.nav .bascet-btn {
    background: url(/local/templates/him/./img/bascet.png);
    background-size: cover;
    margin: 17px 0 0;
    transition: all .5s
}

.nav .lk-btn {
    background: url(/local/templates/him/./img/lk.png);
    background-size: cover;
    margin: 20px 6px 0 0;
    transition: all .5s
}

.delivery .car,
.nav .phone-bl .phone {
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.nav .phone-bl .phone {
    font: 18px Roboto;
    color: #c10000;
    transition: all .5s ease;
}

.bx-breadcrumb {
    max-width: 1000px;
    margin: 25px auto 0px;
}

.bx-breadcrumb i {
    color: #c10000;
}

.bx-breadcrumb .bx-breadcrumb-item a {
    text-decoration: none;
    color: #333;
    transition: all .2s ease;
}

.bx-breadcrumb .bx-breadcrumb-item a:hover {
    color: #c10000;
}

.bx-breadcrumb .bx-breadcrumb-item span {
    font: 14px Roboto;
}

.nav .phone-bl .phone:hover {
    color: #c1c1c1;
}

.nav .phone-bl .mod_call {
    font: 18px Roboto;
    color: #c10000;
    transition: all .5s ease;
    margin-top: 5px;
}

.nav .phone-bl .mod_call:hover {
    color: #c1c1c1;
}

.nav .phone-bl .order-btn {
    font: 15px Roboto;
    color: #000;
    text-decoration: underline;
    cursor: pointer
}

.nav .phone-bl .order-btn:hover {
    color: #d24a43;
    text-decoration: none
}

.nav-fixed {
    height: 85px;
    background: rgba(255, 255, 255, .9)
}

.nav-fixed .nav .logo {
    width: 180px;
    /* height: 250px; */
    min-width: 50px;
    background-repeat: no-repeat;
}

.nav-fixed .ico-bl {
    margin-top: 20px
}

.str-txt {
    margin-left: 15px
}

.nav-fixed .nav ul li {
    padding: 5px 22px
}

.nav-fixed .nav .phone-bl {
    margin-top: 25px
}

.nav ul li,
.nav-fixed .nav .btn {
    margin-top: 0
}

.nav-fixed .nav ul {
    padding-top: 25px
}

.nav ul {
    float: none;
    padding-top: 44px
}

.nav ul li {
    padding-top: 5px;
    padding-bottom: 5px
}

@media screen and (max-width:1610px) {
    .nav .logo {
        margin-left: 40px
    }

    .nav-fixed .nav .logo {
        margin-left: 40px;
        margin-top: 20px
    }

    .nav-fixed .nav ul {
        position: relative
    }

    .nav-fixed .nav ul li a {
        line-height: normal
    }
}

@media screen and (max-width:1550px) {
    .nav .logo {
        margin-left: 40px
    }

    .nav-fixed {
        height: 140px
    }

    .nav-fixed .nav .logo {
        margin-left: 40px;
        margin-top: 20px
    }

    .nav-fixed .nav ul {
        position: relative
    }

    .nav-fixed .nav ul li a {
        line-height: normal
    }
}

@media screen and (max-width:1366px) {
    .nav .logo {
        margin-left: 40px
    }

    .nav-fixed {
        height: 140px
    }

    .nav-fixed .nav .logo {
        margin-left: 40px;
        margin-top: 20px
    }

    .nav-fixed .nav ul {
        position: relative
    }

    .nav-fixed .nav ul li a {
        line-height: normal
    }
}

@media screen and (max-width:1180px) {
    .nav .logo {
        margin-left: 40px
    }

    .nav ul {
        /*clear:both;float:right;width:790px;margin-top:-30px*/
    }

    .nav-fixed {
        height: 170px
    }

    .nav-fixed .nav .logo {
        margin-left: 40px;
        margin-top: 20px
    }

    .nav-fixed .nav ul {
        position: relative
    }

    .nav-fixed .nav ul li a {
        line-height: normal
    }
}

.header,
.header .slide-slide {
    width: 100%;
    height: 629px
}

.header .txt-bl {
    width: 420px;
    height: auto;
    top: 370px;
    left: 45%;
    margin-left: 400px;
    position: relative
}

.header .txt-bl .txt_1 {
    font: 29px Roboto;
    color: #fff;
    text-align: right
}

.header .txt-bl .txt_2 {
    font: 55px Roboto;
    color: #fff;
    line-height: 50px;
    text-align: right
}

.header .txt-bl .header-btn {
    width: 260px;
    height: 64px;
    display: block;
    text-align: center;
    font: 21px Roboto;
    color: #f4f5f1;
    background: #c10000;
    border-radius: 32px;
    line-height: 64px;
    margin-top: 15px;
    float: right
}

.slide-1,
.why-we .zag-bl .line-left {
    float: left
}

.header .txt-bl .header-btn:hover {
    background: #c1c1c1;
}

@media screen and (max-width:1380px) {
    .header .txt-bl {
        margin-left: 0
    }
}

.why-we {
    width: 1130px;
    margin: 0 auto
}

.why-we-bg {
    background-color: #fff;
}

.slide-1 {
    width: 100%;
    width: 1600px;
    height: 650px;
    background: url(/local/templates/him/./img/index-header-bg-1600.jpg) center no-repeat
}

.why-we .wrapp-why {
    display: none
}

.why-we .zag-bl {
    width: 1000px;
    margin: 0 auto
}

.why-we .zag-bl .line-left,
.why-we .zag-bl .line-right {
    width: 300px;
    height: 4px;
    background: #0e101f;
    margin-top: 16px
}

.why-we .zag-bl .line-right {
    float: right
}

.why-we h2 {
    font: 30px Roboto;
    text-align: center;
    color: #0e101f
}

.why-we .opis-bl {
    width: 100%;
    height: auto;
    margin-top: 30px
}

.why-we .opis-bl .txt_1 {
    font: 17px Roboto;
    color: #333333;
    line-height: 1.6;
    padding-bottom: 20px;
}

.why-we .opis-bl .why-we-btn {
    width: 178px;
    height: 48px;
    display: block;
    font: 14px Roboto;
    color: #000;
    background: url(/local/templates/him/./img/why-we-btn.png);
    text-align: center;
    line-height: 48px;
    margin: 22px auto 0;
    border-radius: 24px
}

.why-we .opis-bl .why-we-btn:hover {
    background: #d24a43;
    color: #fff
}

.why-we .tabs-wrapp {
    max-width: 1000px;
    width: 100%;
    margin: 30px auto 0;
    position: relative;
    height: 100px
}

.why-we .tabs-wrapp .why-tab {
    width: 20%;
    height: auto;
    text-align: center;
    font: 17px Roboto;
    color: #333333;
    cursor: pointer;
    float: left;
    position: relative
}

.why-we .tabs-wrapp .why-tab .ico {
    /* width: 100px;
    height: 113px;
    background: url(/local/templates/him/./img/ico-bg.png);
    margin: 0 auto */
}

.why-we .tabs-wrapp .why-tab svg {
    fill: #fff
}

.why-we .tabs-wrapp .why-tab svg:hover {
    fill: #c10000;
}

.why-we .tabs-wrapp .why-tab.active svg {
    fill: #c10000;
}

.why-we-tab-bg .tabs-wrapp .why-tab.active span {
    border-bottom: none
}

.why-we-tab-bg .tabs-wrapp .why-tab.active .decor {
    opacity: 1
}

.why-we-tab-bg .tabs-wrapp .why-tab .red-line {
    width: 100%;
    height: 7px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    background: #d24a43
}

.why-we-tab-bg .tabs-wrapp .why-tab:hover .red-line {
    opacity: 1
}

.why-we-tab-bg .tabs-wrapp .why-tab.active .razd {
    opacity: 0
}

.why-we-tab-bg .tabs-wrapp .razd {
    width: 1px;
    height: 64px;
    background: url(/local/templates/him/./img/why-tab-razd.png);
    float: left;
    margin-top: 18px
}

.st0 {
    fill: #fff
}

.why-we .tabs-wrapp .why-tab svg:hover .st0,
.why-we .tabs-wrapp .why-tab.active svg .st0 {
    fill: #c10000;
}

.st1 {
    fill: #311c1e
}

.st2 {
    font-family: Roboto
}

.st3 {
    font-size: 9.78px
}

.why-we .tabs-wrapp .why-tab p {
    margin-top: 10px;
    color: #333333;
}

.why-we .tabs-wrapp .why-tab.active p,
.why-we .tabs-wrapp .why-tab:hover p {
    color: #b00000;
}

@media screen and (max-width:1130px) {
    .why-we .opis-bl {
        margin-left: 40px
    }
}

.price-bg {
    background: #f5f3f0;
    background-size: cover;
    padding-bottom: 60px;
}

.price-service {
    max-width: 1130px;
    margin: 0 auto
}

.price-service h2 {
    font: 36px Roboto;
    color: #333;
    font-weight: 300;
    text-align: center;
    padding-top: 98px
}

.price-service .tabs-wrapp {
    width: 500px;
    height: 60px;
    margin: 70px auto 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.price-service .tabs-wrapp .line {
    width: 90%;
    height: 1px;
    background: #252525;
    top: 16px;
    position: relative;
    margin: 0 auto;
}

.price-service .tabs-wrapp .tab {
    width: 100px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 4;
    cursor: pointer
}

.price-service .tabs-wrapp .tab .txt_1 {
    font: 21px Roboto;
    color: #333333;
    padding-top: 15px;
}

.price-service .tabs-wrapp .tab.active .txt_1,
.price-service .tabs-wrapp .tab:hover .txt_1 {
    border-bottom: none;
    color: #b00000;
}

.price-service .tabs-wrapp .tab .ico {
    width: 33px;
    height: 33px;
    margin: 0 auto;
    background: url(/local/templates/him/./img/price-tab.png) no-repeat
}

.price-service .tabs-wrapp .tab:hover .ico {
    background: url(/local/templates/him/./img/price-tab-hover.png)
}

.price-service .tabs-wrapp .tab.active .ico {
    background: url(/local/templates/him/./img/price-tab-active.png)
}

.delivery-bg {
    background-color: #f5f3f0;
}

.price-service .wrapp-service {
    width: auto;
    height: auto;
    margin: 60px auto 0;
    text-align: center;
    display: none
}

.price-service .wrapp-service-1 {
    display: block
}

.price-service .wrapp-service .serv {
    width: 232px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 26px;
    cursor: pointer
}

/* .price-service .wrapp-service .serv:hover .ico {
    background: url(/local/templates/him/./img/grey_circle.svg) no-repeat;
} */

.price-service .wrapp-service .serv .ico {
    width: 230px;
    height: 230px;
    position: relative;
}

.footer_bottom {
    padding: 0 20px;
    color: #fff;
    font: 16px Roboto;
    margin-bottom: 20px
}

.price-service .wrapp-service .serv .txt_1 {
    font: 21px Roboto;
    color: #333333;
    font-weight: 300;
}

.price-service .wrapp-service .serv .price {
    width: 128px;
    height: 34px;
    background: url(/local/templates/him/./img/services-price.svg) no-repeat;
    font: 17px Roboto;
    color: #333333;
    font-weight: 300;
    text-align: center;
    padding-left: 5px;
    line-height: 34px;
    margin: 12px auto 0
}


.price-service .wrapp-service .serv:hover .price {
    background: url(/local/templates/him/./img/services-price-hover.svg) no-repeat;
    color: #fff;
}

.price-service .all-serv-btn {
    width: 216px;
    height: 48px;
    border-radius: 24px;
    font: 16px Roboto;
    font-weight: 300;
    color: #fff;
    text-align: center;
    line-height: 48px;
    background: #c10000;
    display: block;
    margin: 25px auto 0
}

.services-bl .all-serv-btn {
    width: 216px;
    height: 48px;
    border-radius: 24px;
    font: 16px Roboto;
    color: #fff;
    font-weight: 300;
    text-align: center;
    line-height: 48px;
    background: #c10000;
    display: block;
    margin: 40px auto 60px;
}

.services-bl .all-serv-btn:hover {
    background: #c1c1c1;
}

.price-service .all-serv-btn:hover {
    background: #c1c1c1;
}

@media screen and (max-width:1130px) {
    .price-service .wrapp-service .serv {
        margin: 0 0 65px
    }
}



.delivery {
    display: flex;
    align-items: center;
    background: #fff;
}

.delivery__slider {
    width: 50%;
}

.delivery__description {
    width: 50%;
}

.coffee {
    display: flex;
    align-items: center;
}

.coffee__slider {
    width: 50%;
}

.coffee__description {
    width: 50%;
}

.delivery h2 {
    font: 32px Roboto;
    text-align: center;
    padding-top: 82px
}

.coffee .h2 {
    font: 32px Roboto;
    color: #333333;
    font-weight: 300;
    text-align: left;
    padding: 0 100px 15px;
}

.coffee_logo {
    width: 100px;
    margin-left: 100px;
}

.coffee .all-serv-btn {
    width: 216px;
    height: 48px;
    border-radius: 24px;
    font: 17px Roboto;
    color: #fff;
    text-align: center;
    line-height: 48px;
    background: #c10000;
    display: block;
    font-weight: 300;
    margin: 25px auto 0;
}

.coffee .all-serv-btn:hover {
    background-color: #c1c1c1;
}

.delivery__description .txt_1 {
    font: 18px Roboto;
    color: #252525;
    padding-bottom: 19px;
    line-height: 1.2;
}

.delivery .car {
    width: 755px;
    height: 448px;
    /* background: url(/local/templates/him/./img/delivery-car.png); */
    background-size: 100% 100%;
    float: left;
    margin-left: -108px;
    margin-top: 45px;
    transition: all .5s
}

.delivery .car:hover {
    margin-top: 0
}

.delivery .txt_1 {
    font: 16px Roboto;
    color: #666666;
    font-weight: 300;
    line-height: 1.6;
    padding: 15px 100px;
}

.coffee .txt_1 {
    font: 16px Roboto;
    color: #666666;
    line-height: 1.6;
    padding: 15px 100px;
    font-weight: 300;
}

.delivery .car-btn,
.map-bl .search-btn {
    border-radius: 24px;
    color: #fff;
    text-align: center
}

.delivery .car-btn {
    width: 212px;
    height: 48px;
    background: #c10000;
    font: 17px Roboto;
    line-height: 48px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 24px;
    font-weight: 300;
}

.modal-btn {
    width: 214px;
    height: 40px;
    background: #c10000;
    font: 17px Roboto;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    margin: 0 10px 20px 0;
    font-weight: 400;
    transition: all .2s ease;
}

.delivery .car-btn:hover {
    background: #c1c1c1;
}

.modal-btn:hover {
    background: #c1c1c1;
}

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

    .delivery .car {
        width: 534px;
        height: 318px;
        margin-left: 50px
    }

    .delivery .txt-bl {
        margin-top: 80px;
        width: 350px;
        margin-right: 40px
    }
}

.map-bl {
    position: relative;
    height: 600px
}

.map-bl .search-btn {
    width: 218px;
    height: 48px;
    background: #c10000;
    cursor: pointer;
    font: 16px Roboto;
    line-height: 48px;
    position: absolute;
    bottom: 30px;
    right: 30px
}

.map-bl .search-bl {
    width: 370px;
    height: 145px;
    border: 1px solid #b7b7b7;
    border-radius: 8px;
    position: absolute;
    background: #fff;
    right: 53px;
    bottom: 108px;
    display: none;
    -webkit-box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75);
    box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75)
}

.map-bl .search-bl .txt {
    font: 19px Roboto;
    text-align: center;
    color: #000;
    padding-top: 30px
}

.map-bl .search-bl .on-geo {
    width: 162px;
    height: 48px;
    background: #d24a43;
    border-radius: 24px;
    float: left;
    font: 14px Roboto;
    color: #fff;
    text-align: center;
    line-height: 48px;
    margin: 19px 0 0 61px;
    cursor: pointer
}

.map-bl .search-bl .close-search-bl {
    font: 15px Roboto;
    color: #a3a3a3;
    float: left;
    cursor: pointer;
    text-decoration: underline;
    line-height: 48px;
    margin: 19px 0 0 32px
}

.map-adress .adress,
.map-adress .time {
    font: 12px Roboto;
    float: left
}

.map-bl .search-bl .decor {
    width: 19px;
    height: 13px;
    background: url(/local/templates/him/./img/map-search-decor.png);
    position: absolute;
    bottom: -13px;
    right: 77px
}

.map-bl .search-bl .close-search-bl:hover {
    text-decoration: none
}

.map-bl .search-bl .on-geo:hover,
.map-bl .search-btn:hover {
    background: #c1c1c1;
}

/* .map-bl .search-btn p:before {
    content: url(/local/templates/him/./img/map-search.png);
    position: relative;
    top: 4px;
    margin-right: 18px
} */

.map-adress {
    width: auto;
    height: 600px;
    background: #f5f3f0;
    position: absolute;
    padding-left: 28px;
    z-index: 130;
    /*box-shadow: 20px 0 65px #888*/
}

.modal-delivery,
.modal-form,
.modal-ok,
.modal-vacant {
    -webkit-box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75)
}

.map-hidden {
    width: 336px;
    overflow-y: auto;
    height: 575px;
    margin-top: 15px;
    margin-bottom: 10px
}

.map-adress ul {
    padding-top: 23px;
    width: 296px;
    padding-left: 40px
}

.map-adress ul li {
    clear: both;
    padding-top: 16px;
    cursor: pointer;
    display: inline-block
}

.map-adress ul li:hover .time {
    color: #c10000;
}

.map-adress .time {
    color: #c10000;
    width: 85px
}

.map-adress .circle {
    width: 4px;
    height: 4px;
    background: #6a1c1f;
    border-radius: 50%;
    float: left;
    margin-top: 4px
}

.map-adress ul li:hover .circle {
    background: #c10000;
}

.map-adress .adress {
    color: #252525;
    margin-left: 11px;
    max-width: 170px
}

.map-adress ul li:hover .adress {
    color: #c10000;
}

.map-adress .all-adress-btn {
    width: 148px;
    height: 40px;
    background: url(/local/templates/him/./img/map-adress-btn.png);
    text-align: center;
    font: 15px Roboto;
    color: #000;
    display: block;
    margin: 25px auto 0;
    position: relative;
    line-height: 40px;
    left: -34px;
    border-radius: 20px
}

.map-adress .all-adress-btn:hover {
    background: #c10000;
    color: #fff
}

.map-adress .hidden-btn {
    width: 62px;
    height: 62px;
    background: url(/local/templates/him/./img/slider-prev.svg);
    border-radius: 50%;
    position: absolute;
    right: -24px;
    top: 245px;
    cursor: pointer
}

.map-adress .hidden-btn:hover {
    background: url(/local/templates/him/./img/slider-prev-hover.svg) center no-repeat
}

/* .map-adress .hidden-btn .arrows {
    width: 62px;
    height: 62px;
    background: url(/local/templates/him/./img/map-hidden-arrow.png) center no-repeat
} */

.map-adress .hidden-btn .arrows.hidd {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
    -o-transform: rotate(-180deg)
}

.article-bg {
    background: #f3f3f3;
}

.article-bl {
    width: 100%;
    height: 800px;
    margin: 0 auto
}

.article-bl h2 {
    font: 36px Roboto;
    text-align: center;
    padding-top: 43px
}

.article-bl .article-slider {
    width: 100%;
    height: 450px;
    margin-top: 32px
}

.article-bl .article-slider .art {
    width: 367px;
    height: 450px;
    display: block
}

.article-bl .article-slider .art .img {
    width: 367px;
    height: 241px;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    margin-top: 10px
}

.article-bl .article-slider .art:hover .img {
    margin-top: 0;
    margin-bottom: 10px
}

.article-bl .article-slider .art .img .line {
    width: 367px;
    height: 7px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    background: #500000;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.articles-bl .art .ico,
.footer .colum .soc a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.article-bl .article-slider .art:hover .img .line {
    opacity: 1
}

.article-bl .article-slider .art .zag {
    font: 18px Roboto;
    color: #333333;
    text-decoration: underline;
    padding: 32px 20px 0
}

.article-bl .article-slider .art:hover .zag {
    color: #c10000;
}

.article-bl .article-slider .art .txt_1 {
    font: 14px Roboto;
    color: #666666;
    padding: 16px 20px 0
}

.article-bl .all-article-btn {
    width: 198px;
    height: 48px;
    background: url(/local/templates/him/./img/article-btn.png);
    font: 14px Roboto;
    text-align: center;
    line-height: 48px;
    border-radius: 24px;
    margin: 67px auto 0;
    display: block;
    color: inherit !important
}

.article-bl .all-article-btn:hover {
    background: #ab735d;
    color: #fff
}

footer {
    background: #500000;
    overflow: hidden
}

.footer {
    width: calc(100% - 60px);
    height: 327px;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
}

.footer .right-fl {
    float: left
}

.copyright,
.policy_privacy {
    display: inline-block
}

.policy_privacy {
    margin-left: 40px;
    color: #fff;
    font: 16px Roboto;
    text-decoration: underline
}

.policy_privacy:hover {
    text-decoration: none
}

.footer_phone .phone {
    color: #fff;
    font: 24px Roboto
}

.footer .colum {
    width: 100%;
    height: auto;
    float: left;
    vertical-align: top;
    padding-top: 70px;
    margin: 0 15px;
}

.footer .colum .txt_1 {
    font: 13px Roboto;
    color: #fff;
    padding-bottom: 29px;
    padding-top: 20px
}

.footer .colum .mail {
    font: 16px Roboto;
    color: #fff;
    text-decoration: underline
}

.footer .colum .mail:hover {
    color: #c19786;
    text-decoration: none
}

.articles-bl .art .name,
.contacts-info-bl .mail,
.modal-about .info-txt a {
    text-decoration: none;
}

.footer .colum .soc {
    width: 160px;
    height: 38px;
    margin-top: 32px
}

.footer .colum .soc a {
    width: 39px;
    height: 38px;
    position: relative;
    float: left;
    margin-right: 10px;
    transition: all .5s
}

.footer .colum .soc a:hover {
    margin-top: -6px
}

.footer .colum .soc a.instagram {
    background: url(/local/templates/him/./img/soc-footer-1.png) round
}

.footer .colum .soc a.vk {
    background: url(/local/templates/him/./img/soc-footer-3.png) round
}

.footer .colum .soc a.facebook {
    background: url(/local/templates/him/./img/soc-footer-2.png) round
}

.footer .colum .razd {
    float: left;
    width: 1px;
    height: 187px
}

.footer .colum .razd-2 {
    float: right
}

.footer .colum .zag {
    font: 18px Roboto;
    color: #fff;
    padding-bottom: 14px
}

.footer .colum ul {
    margin-left: 0;
}

.footer .colum ul li {
    list-style: none;
    color: #fff
}

.footer .colum ul li a {
    font: 14px Roboto;
    color: #fff;
    font-weight: 300;
    margin-left: 0
}

.modal-about {
    margin-left: -235px;
    overflow: hidden
}

.footer .colum ul li a:hover {
    color: #c19786
}

.footer .colum .ul-1 li {
    margin-bottom: 9px
}

@media screen and (max-width:1599px) {
    .footer .colum-5 {
        display: none
    }
}

@media screen and (max-width:1300px) {
    .footer .colum-4 {
        display: none
    }
}

.modal-about {
    width: 470px;
    height: 470px;
    top: 50%;
    left: 50%;
    margin-top: -216px;
    position: fixed;
    background: #fff;
    border-radius: 8px;
    z-index: 1000;
    display: none
}

.modal-about form {
    text-align: center
}

.modal-about .zag {
    text-align: center;
    font: 35px Roboto, Regular;
    color: #cb2228;
    padding-top: 36px
}

.modal-about .position {
    text-align: center;
    font: 19px Roboto, Regular;
    padding-bottom: 30px
}

.modal-about .info-bg {
    width: 100%;
    height: 110px;
    background: #4d2922
}

.modal-about .info-txt,
.modal-about .info-txt a {
    text-align: center;
    font: 18px Roboto, Regular;
    color: #fff;
    padding-top: 10px;
    padding-right: 10px;
    line-height: 26px
}

.modal-about .info-txt span a {
    font: 22px Roboto, Regular;
    text-align: center;
    line-height: 40px;
    color: #fff
}

.modal-about input[type=submit] {
    margin-top: 20px;
    background: url(/local/templates/him/./img/about-modal-close.png) no-repeat;
    height: 50px;
    width: 138px;
    border-radius: 25px
}

.modal-about input[type=submit]:hover {
    background: #4d2922;
    cursor: pointer;
    color: #fff
}

.conf_text {
    font: 16px Roboto;
    color: #333;
    font-weight: 300;
    padding: 10px 0
}

.modal-delivery,
.modal-vacant {
    width: 470px;
    height: auto;
    right: 20px;
    margin-left: -235px;
    position: fixed;
    background: #fff;
    border-radius: 8px;
    z-index: 1000;
    overflow: hidden;
    box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75);
    display: none
}

.modal-delivery {
    top: 0px
}

.modal-vacant {
    top: 30%
}

.modal-delivery .zag,
.modal-vacant .zag {
    font: 32px Roboto;
    font-weight: 300;
    color: #333;
    text-align: center;
}

.modal-delivery form,
.modal-vacant form {
    text-align: center;
    margin: 0 auto;
    width: 470px;
}

.modal-delivery label,
.modal-vacant label {
    font: 16px Roboto;
    text-align: left;
    color: #333;
    font-weight: 300;
    display: block;
    padding-left: 67px;
    margin-top: 20px
}

.mf-text {
    margin: 10px 0;
}

.delivery-btn,
.modal-car .zag,
.modal-car form,
.modal-pretenz .zag,
.modal-pretenz form,
.modal-form .zag,
.modal-form form,
.modal-ok,
.modal-ok .ok-btn {
    text-align: center
}

.modal-car,
.modal-form,
.modal-pretenz,
.modal-ok {
    position: fixed;
    display: none
}

.modal-delivery input[type=text],
.modal-vacant input[type=text] {
    width: 319px;
    height: 32px;
    border: 1px solid #b7b7b7;
    color: #333;
    font: 16px Roboto;
    padding-left: 14px;
    border-radius: 3px;
    margin-top: 10px
}

.modal-delivery select,
.modal-vacant select {
    width: 333px;
    height: 32px;
    border: 1px solid #b7b7b7;
    color: #000;
    font: 16px Roboto;
    padding-left: 14px;
    border-radius: 3px;
    margin-top: 10px;
    cursor: pointer
}

.modal-delivery .button-bg,
.modal-vacant .button-bg {
    width: 470px;
    background: #f4eae1;
    margin-top: 0px
}

.delivery-btn,
.modal-delivery input[type=submit],
.modal-vacant input[type=submit] {
    width: 165px;
    height: 48px;
    background: #c10000;
    border-radius: 24px;
    font: 16px Roboto;
    font-weight: 300;
    color: #fff;
    margin-top: 25px;
    cursor: pointer;
    border: none
}

.vakansii .button-bg {
    background: none;
}

.delivery-btn {
    margin-right: auto;
    margin-left: auto;
    line-height: 48px;
}

.delivery-btn:hover,
.modal-delivery input[type=submit]:hover,
.modal-vacant input[type=submit]:hover {
    background: #c1c1c1;
}

.modal-ok {
    width: 470px;
    height: 495px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 8px;
    z-index: 100;
    box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75)
}

.modal-car,
.modal-form,
.team-bl .modal-person {
    overflow: hidden;
    -moz-box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75)
}

.modal-ok .ok {
    margin-top: 50px
}

.modal-ok .txt {
    font: 19px Roboto;
    color: #000;
    padding-top: 30px
}

.modal-ok .button-bg {
    width: 470px;
    height: 80px;
    background: #f4eae1;
    margin-top: 32px;
    padding-top: 29px
}

.modal-ok .ok-btn {
    width: 165px;
    height: 48px;
    background: #d24a43;
    border-radius: 24px;
    font: 14px Roboto;
    color: #fff;
    line-height: 48px;
    margin: 0 auto;
    cursor: pointer
}

.modal-ok .ok-btn:hover {
    background: #ab735d
}

.modal-car,
.modal-form,
.modal-pretenz {
    width: 470px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* margin-top: -300px; */
    background: #fff;
    border-radius: 8px;
    z-index: 1000;
    -webkit-box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75);
    box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75)
}

.modal-car .zag,
.modal-form .zag,
.modal-pretenz .zag {
    font: 30px Roboto;
    color: #333;
    font-weight: 300;
    padding-top: 25px;
}

.modal-car label,
.modal-form label,
.modal-pretenz label {
    font: 14px Roboto;
    text-align: left;
    font-weight: 300;
    display: block;
    padding-left: 67px;
    margin-top: 10px;
}

.modal-car .mf-text,
.modal-form .mf-text,
.modal-pretenz .mf-text {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 300;
}

.modal-car .conf_text,
.modal-form .conf_text,
.modal-pretenz .conf_text {
    font: 14px Roboto;
    color: #333;
    font-weight: 300;
    padding: 10px 20px;
}

.modal-car input[type=text],
.modal-car select,
.modal-form input[type=text],
.modal-form select,
.modal-pretenz input[type=text],
.modal-pretenz select {
    height: 30px;
    color: #333;
    font: 14px Roboto;
    font-weight: 300;
    padding-left: 14px;
    margin-top: 0px;
}

.modal-car input[type=text],
.modal-form input[type=text],
.modal-pretenz input[type=text] {
    width: 319px;
    border: 1px solid #b7b7b7;
    border-radius: 3px
}

.modal-car select,
.modal-form select,
.modal-pretenz select {
    width: 333px;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    cursor: pointer
}

.modal-pretenz textarea {
    border: 1px solid #b7b7b7;
    color: #333;
    font: 16px Roboto;
    width: 319px;
    height: 100px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    resize: none;
    border-radius: 3px;
}

.modal-pretenz .form_field {
    margin-top: 25px;
    /* margin-left: 30px;
    margin-right: 30px; */
}

.modal-car input[type=submit],
.modal-form input[type=submit],
.modal-pretenz input[type=submit] {
    width: 165px;
    height: 40px;
    background: #c10000;
    border-radius: 24px;
    font: 14px Roboto;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    border: none;
    cursor: pointer
}

.modal-car input[type=submit]:hover,
.modal-form input[type=submit]:hover,
.modal-pretenz input[type=submit]:hover {
    background: #c1c1c1;
}

.about-close,
.modal-close {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 25px;
    right: 25px;
    background: url(/local/templates/him/./img/modal-close.png);
    cursor: pointer
}

.overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    position: fixed;
    z-index: 90;
    top: 0;
    left: 0;
    display: none
}



.h2 {
    font: 36px Roboto;
    color: #333;
    font-weight: 300;
    text-align: center;
    margin-top: 60px;
}

.page-nav {
    width: 470px;
    height: 45px;
    margin: 0px auto 55px;
}

.page-nav .dotted,
.page-nav a {
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 50%;
    text-align: center;
    float: left
}

.page-nav a {
    cursor: pointer;
    font: 24px Roboto;
    color: #000;
    line-height: 45px
}

.page-nav a:hover {
    background-color: #decec4
}

.page-nav a.active {
    background-color: #c10000;
    color: #fff
}

.page-nav .prev-bt {
    background: url(/local/templates/him/./img/page-nav-prev.png) 12px center no-repeat;
    margin-right: 40px
}

.page-nav .num {
    margin: 0 6px
}

.page-nav .dotted {
    cursor: default;
    font: 24px Roboto;
    color: #000;
    line-height: 45px;
    margin: 0 6px
}

.page-nav .next-bt {
    background: url(/local/templates/him/./img/page-nav-next.png) 17px center no-repeat;
    margin-left: 40px
}

.articles-bl {
    max-width: 1152px;
    min-width: 1024px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 40px;
}

.articles-bl h1 {
    text-align: center;
    font: 32px Roboto;
    font-weight: 300;
    margin-top: 40px;
}

.articles-bl h2 {
    text-align: center;
    font: 32px Roboto;
    font-weight: 300;
    margin-top: 40px;
}

.articles-bl .wrapp-art {
    text-align: center;
    width: 100%
}

.articles-bl .art {
    width: 367px;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 40px 6px 0
}

.articles-bl .art .ico {
    margin-bottom: 29px;
    transition: all .5s;
    position: relative;
    height: 215px;
}


.articles-bl.article_cont .art .ico .line {
    width: 362px
}

.articles-bl .art:hover .ico img {
    transition: transform .5s ease-out;
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.articles-bl .art img {
    position: absolute;
    left: 50%;
    top: 50%;
    transition: transform .5s ease-out;
    transform: translateX(-50%) translateY(-50%) scale(0.9);
}

.articles-bl .art .name {
    font: 18px Roboto;
    color: #333333;
    padding: 0 40px 0 20px
}

.articles-bl .art:hover>.name {
    color: #d24a43
}

.articles-bl .art .txt {
    font: 14px Roboto;
    color: #666666;
    font-weight: 300;
    line-height: 1.6;
    padding: 0 40px 0 20px;
    margin-top: 16px
}

.contacts-info-bg {
    background: url(/local/templates/him/./img/bg4.jpg) no-repeat #90120d;
    background-position: calc(50% - 350px)
}

.contacts-info-bl {
    width: 967px;
    height: 521px;
    margin: 0 auto
}

.contacts-info-bl .text-bl {
    margin: 0 0 0 570px;
    padding-top: 130px
}

.contacts-info-bl h3 {
    font: 26px Roboto;
    color: #ffb94f
}

.contacts-info-bl .txt_1 {
    font: 15px Roboto;
    color: #fff;
    line-height: 21px;
    margin-top: 21px
}

.contacts-info-bl .adres {
    font: 18px Roboto;
    color: #fff;
    margin-top: 39px
}

.contacts-info-bl .phone {
    font: 42px Roboto;
    color: #ffb94f;
    display: block;
    margin-top: 5px
}

.contacts-info-bl .mail {
    font: 28px Roboto;
    color: #fff
}

.contacts-info-bl .mail:hover {
    text-decoration: none
}

.art-bl {
    width: 970px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 90px;
}

.art-bl h1 {
    font: 32px Roboto;
    color: #333333;
    text-align: center;
    font-weight: 300;
    margin-top: 40px;
}

.art-bl h2 {
    font: 32px Roboto;
    color: #333333;
    text-align: center;
    font-weight: 300;
    margin-top: 40px;
}

.art-bl .art-back-btn {
    width: 168px;
    height: 48px;
    background: url(/local/templates/him/./img/dashed-btn.png);
    display: block;
    font: 16px Roboto;
    color: #333;
    line-height: 48px;
    border-radius: 48px;
    margin-top: 32px;
    float: left
}

.art-bl .art-back-btn:hover {
    background: #c10000;
    color: #fff
}

.art-bl .art-back-btn p {
    margin-left: 25px
}

.art-bl .art-back-btn p:before {
    content: url(/local/templates/him/./img/article-back-btn-decor.png);
    position: relative;
    top: 3px;
    margin-right: 22px
}

.art-bl .art-back-btn:hover>p:before {
    content: url(/local/templates/him/./img/article-back-btn-decor-hover.png)
}

.art-bl .sharing-bl {
    float: right;
    height: 47px;
    margin-top: 31px
}

.art-bl .sharing-bl .txt {
    font: 18px Roboto;
    color: #333;
    float: left;
    line-height: 47px;
    margin-right: 10px
}

.art-bl .sharing-bl .soc {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    float: left;
    margin-left: 8px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.art-bl .sharing-bl .soc:hover {
    margin-top: -6px
}

.art-bl .sharing-bl .soc.facebook {
    background: url(/local/templates/him/./img/article-soc-1.png);
    background-size: contain;
}

.art-bl .sharing-bl .soc.vk {
    background: url(/local/templates/him/./img/article-soc-2.png);
    background-size: contain;
}

.art-bl .art-wrapp {
    margin-top: 42px;
    font: 16px Roboto;
    line-height: 1.6;
    font-weight: 300;
    color: #333;
    clear: both
}

.art-bl .foto {
    float: left;
    padding: 0 60px 30px 0
}

.art-bl .txt {
    font: 16px Roboto;
    color: #333;
    padding-bottom: 20px;
    font-weight: 300;
    line-height: 1.6;
}

.services-bl {
    width: 1000px;
    height: auto;
    margin: 0 auto
}

.services {
    width: 1000px;
    height: auto;
    margin: 0 auto
}

.services-bl .tab-services li {
    text-transform: uppercase;
    float: left;
    margin-top: 30px;
    border-radius: 30px
}

.services-bl .tab-services li a {
    font: 15px Roboto;
    color: #333;
    display: inline-block;
    padding: 15px 22px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    float: left
}

.services-bl .tab-services li.active {
    background: #c10000;
}

.services-bl .tab-services li:hover a {
    color: #c10000
}

.services-bl .tab-services li.active a {
    color: #fff
}

.services-bl .price-btn {
    width: 113px;
    height: 48px;
    background: url(/local/templates/him/./img/price-btn-decor.png) left 20px center no-repeat, url(/local/templates/him/./img/dashed-btn.png);
    font: 16px Roboto;
    color: #333;
    line-height: 48px;
    float: right;
    border-radius: 24px;
    margin-top: 31px;
    padding-left: 55px
}

.services-slider,
.services-slider .slide {
    width: 100%;
    height: 460px
}

.services-bl .price-btn:hover {
    color: #fff;
    background: url(/local/templates/him/./img/price-btn-decor-decor.png) left 20px center no-repeat #d24a43
}

.services-bl .price-btn p:before {
    content: url(/local/templates/him/./img/price-btn-decor.png);
    position: relative;
    top: 6px;
    margin-right: 17px;
    margin-left: 15px
}

.services-bl .price-btn:hover>p:before {
    content: url(/local/templates/him/./img/price-btn-decor-decor.png)
}

.services-slider {
    margin-top: 36px;
    z-index: 10
}

.services-slider .slide-1 {
    background: url(/local/templates/him/./img/services-slide-1.png) center no-repeat
}

.services-bl .wrapp-serv-table {
    padding-bottom: 55px;
}

.wrapp_table {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.wrapp_table .txt {
    display: block;
    color: #333333;
    font: 16px 'Roboto';
    font-weight: 300;
    margin: 10px 0;
    transition: all .2s;
}

.wrapp_table .txt:hover {
    color: #c10000;
    text-decoration: none;
}

.wrapp_table .table_name {
    color: #c10000;
    font: 21px 'Roboto';
    font-weight: 400;
    margin: 15px 0;
}

.services-bl .serv-tab {
    width: 1000px;
    height: auto;
    min-height: 71px;
    background: url(/local/templates/him/./img/services-dotted-decor.png) 0 39px repeat-x;
    position: relative;
    margin-bottom: 6px
}

.services-bl .serv-tab .ico {
    width: 57px;
    height: 57px;
    border-radius: 50%;
    float: left;
    cursor: pointer;
    border: 7px solid #f4f5f1;
    background: url(/local/templates/him/./img/services-tab-decor.png) center no-repeat #886453
}

.services-bl .serv-tab:hover>.ico {
    border: 7px solid #d3c9c1
}

.services-bl .serv-tab .txt-op {
    font: 27px Roboto;
    color: #000;
    float: left;
    line-height: 71px;
    background: #f4f5f1;
    padding: 0 30px 0 26px;
    cursor: pointer
}

.services-bl .serv-tab:hover>.txt-op {
    color: #d24a43
}

.services-bl .serv-tab .decor-toggle {
    width: 13px;
    height: 8px;
    position: absolute;
    top: 35px;
    right: 0;
    padding-right: 9px;
    padding-left: 24px;
    background: url(/local/templates/him/./img/services-open-table.png) 24px 0 no-repeat #f4f5f1;
    cursor: pointer
}

.services-bl .serv-tab:hover>.decor-toggle {
    background-image: url(/local/templates/him/./img/services-open-table-hover.png)
}

.services-bl .serv-tab.active .decor-toggle {
    background-image: url(/local/templates/him/./img/services-close-table.png)
}

.services-bl .hidden-bl {
    width: 100%;
    height: auto;
    padding-top: 40px;
    display: none;
    clear: both
}

.services-bl .hidden-bl .foto {
    float: left;
    margin-right: 35px;
    margin-bottom: 20px;
    width: 400px;
}

.services-bl .hidden-bl .big-let {
    font: 101px Roboto;
    color: #d24a43;
    float: left;
    line-height: 78px;
    margin: 0 12px 10px 0
}

.services-bl .hidden-bl .txt_1 {
    font: 15px Roboto;
    color: #000;
    padding-bottom: 19px
}

.services-bl .hidden-bl .white-bg {
    background: #fff;
    padding: 0 0 47px;
    margin-top: 0
}

.services-bl .hidden-bl .table {
    width: 100%;
    height: auto
}

.services-bl .hidden-bl .table .tr {
    cursor: pointer
}



.services-bl .hidden-bl .table .first {
    width: 500px;
    font: 18px Roboto;
    color: #333;
    font-weight: 400;
    padding: 15px 0 15px 10px;
    display: inline-block;
    vertical-align: top;
}

.services-bl .hidden-bl .table .first.red {
    color: #c10000
}



.services-bl .hidden-bl .table .first p {
    position: relative;
    padding-right: 5px
}

.services-bl .hidden-bl .table .second {
    width: 300px;
    font: 18px Roboto;
    color: #666;
    padding: 15px 0;
    font-weight: 300;
    display: inline-block;
    vertical-align: top
}



.services-bl .hidden-bl .table .third {
    width: 100px;
    text-decoration: underline;
    padding: 15px 0;
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.services-bl .hidden-bl .table .third a {
    font: 15px Roboto;
    color: #a3a3a3
}



.services-bl .hidden-bl .table .four {
    width: 172px;
    font: 18px Roboto;
    color: #333;
    font-weight: 400;
    padding: 15px 10px 15px 0;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}



.services-bl .hidden-bl .table .four span {
    padding-right: 10px
}

.services-bl .hidden-bl .table .five {
    width: 34px;
    padding: 15px 0;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.services-bl .hidden-bl .table .five .cart {
    width: 24px;
    height: 19px;
    background: url(/local/templates/him/./img/services-cart.png);
    position: relative
}



.services-bl .hidden-bl .table .line {
    width: 100%;
    border-bottom: 1px solid #dadada;
}

.services-bl .hidden-bl .table .five .order-form {
    width: 469px;
    height: auto;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    top: 65px;
    right: -222px;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 8px 21px -4px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 8px 21px -4px rgba(0, 0, 0, .75);
    box-shadow: 0 8px 21px -4px rgba(0, 0, 0, .75);
    z-index: 5;
    cursor: default;
    display: none
}

.services-bl .hidden-bl .table .five .order-form .decor {
    width: 50px;
    height: 26px;
    background: url(/local/templates/him/./img/services-order.png);
    position: absolute;
    top: -26px;
    left: 205px
}

@media screen and (max-width:1467px) {
    .services-bl .hidden-bl .table .five .order-form {
        right: -25px
    }

    .services-bl .hidden-bl .table .five .order-form .decor {
        left: 401px
    }
}

.services-bl .hidden-bl .table .five .order-form .close-order {
    width: 14px;
    height: 14px;
    background: url(/local/templates/him/./img/modal-close.png);
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer
}

.services-bl .hidden-bl .table .five .order-form .zag {
    font: 26px Roboto;
    color: #000;
    text-align: center;
    padding: 35px 7px 0
}

.services-bl .hidden-bl .table .five .order-form .border {
    width: 390px;
    border-bottom: 1px dotted #000;
    margin: 28px auto 27px
}

.services-bl .hidden-bl .table .five .order-form .str {
    margin-bottom: 11px
}

.services-bl .hidden-bl .table .five .order-form .txt {
    font: 19px Roboto;
    color: #000;
    line-height: 34px;
    margin-left: 36px;
    float: left;
    width: 125px;
    clear: both
}

.table_header img {
    width: 80px;
}

.services-bl .hidden-bl .table .five .order-form input[type=radio] {
    display: none
}

.serv_snoski {
    padding: 20px;
    font: 16px Roboto
}

.radio label {
    position: relative
}

.radio_description {
    display: none;
    position: absolute;
    bottom: 80px;
    background: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    font: 12px Roboto;
    width: 200%;
    margin-left: -50%;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 8px 21px -4px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 8px 21px -4px rgba(0, 0, 0, .75);
    box-shadow: 0 8px 21px -4px rgba(0, 0, 0, .75)
}

.radio label:hover>.radio_description {
    display: block
}

.services-bl .hidden-bl .table .five .order-form .radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font: 16px Roboto;
    color: #635d65;
    line-height: 34px
}

.services-bl .hidden-bl .table .five .order-form .radio label.lab-pad {
    width: 106px
}

.services-bl .hidden-bl .table .five .order-form .radio label:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 5px solid #fff;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #b7b7b7;
    -moz-box-shadow: 0 0 0 1px #b7b7b7;
    box-shadow: 0 0 0 1px #b7b7b7;
    position: relative;
    top: 4px;
    margin-right: 9px
}

.services-bl .hidden-bl .table .five .order-form input[type=radio]:checked+label {
    color: #000
}

.services-bl .hidden-bl .table .five .order-form input[type=radio]:checked+label:before {
    background-color: #d24a43
}

.services-bl .hidden-bl .table .five .order-form select {
    width: 263px;
    height: 32px;
    border: 1px solid #b7b7b7;
    border-radius: 4px;
    font: 16px Roboto;
    padding-left: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
    cursor: pointer;
    background: url(/local/templates/him/./img/services-select.png) right center no-repeat
}

.services-bl .hidden-bl .table .five .order-form input[type=text] {
    width: 58px;
    height: 32px;
    text-align: center;
    border: 1px solid #b7b7b7;
    border-radius: 4px;
    font: 16px Roboto;
    float: left;
    margin-right: 20px
}

.services-bl .hidden-bl .table .five .order-form .txt-2 {
    font: 16px Roboto;
    color: #635d65;
    line-height: 34px
}

.services-bl .hidden-bl .table .five .order-form .wrapp-bg {
    width: 469px;
    height: 100px;
    margin-top: 50px;
    background: #f4eae1
}

.services-bl .hidden-bl .table .five .order-form .price {
    font: 30px Roboto;
    margin-left: 42px;
    line-height: 100px;
    float: left;
    color: #000 !important
}

.services-bl .hidden-bl .table .five .order-form button {
    width: 165px;
    height: 48px;
    background: #d24a43;
    border-radius: 24px;
    border: none;
    color: #fff;
    font: 14px Roboto;
    float: right;
    margin: 26px 37px 0 0;
    cursor: pointer
}

.services-bl .hidden-bl .table .five .order-form button:hover {
    background: #cb2228
}

.services-bl .hidden-bl .close-bl {
    width: 1000px;
    height: 99px;
    background: url(/local/templates/him/./img/services-close-table-bl.png)
}

.services-bl .hidden-bl .close-bl .oform-bt {
    width: 181px;
    height: 48px;
    background: url(/local/templates/him/./img/services-oform-btn.png);
    border-radius: 24px;
    text-align: center;
    font: 14px Roboto;
    color: #fff;
    line-height: 48px;
    float: right;
    margin: 26px 34px 0 0;
    cursor: pointer
}

.services-bl .hidden-bl .close-bl .oform-bt:hover {
    background: #d24a43
}

.services-bl .hidden-bl .close-bl .close-table {
    width: 125px;
    height: auto;
    display: block;
    margin: 0 auto;
    padding-top: 31px;
    text-align: center;
    font: 14px Roboto;
    color: #a69a98;
    cursor: pointer
}

.services-bl .hidden-bl .close-bl .close-table:hover {
    color: #d24a43
}

.services-bl .hidden-bl .close-bl .close-table p {
    padding-top: 7px
}

.service-bl {
    width: 1000px;
    height: auto;
    margin: 0 auto
}

.service-bl .price-btn,
.service-bl .serv-back-btn {
    width: 168px;
    height: 48px;
    float: left;
    text-transform: uppercase
}

.service-bl .serv-back-btn {
    background: url(/local/templates/him/./img/dashed-btn.png);
    display: block;
    font: 15px Roboto;
    color: #000;
    line-height: 48px;
    border-radius: 48px;
    margin-top: 32px
}

.service-bl .table .first,
.service-bl .table .second,
.service-bl .table .third {
    display: inline-block;
    vertical-align: top
}

.service-bl .serv-back-btn:hover {
    background: #d24a43;
    color: #fff
}

.service-bl .serv-back-btn p {
    margin-left: 25px
}

.service-bl .serv-back-btn p:before {
    content: url(/local/templates/him/./img/article-back-btn-decor.png);
    position: relative;
    top: 3px;
    margin-right: 22px
}

.service-bl .serv-back-btn:hover>p:before {
    content: url(/local/templates/him/./img/article-back-btn-decor-hover.png)
}

.service-bl .price-btn {
    background: url(/local/templates/him/./img/dashed-btn.png);
    font: 15px Roboto;
    color: #000;
    line-height: 48px;
    border-radius: 24px;
    margin-top: 31px;
    margin-left: 28px
}

.service-bl .price-btn:hover {
    background: #d24a43;
    color: #fff
}

.service-bl .price-btn p:before {
    content: url(/local/templates/him/./img/price-btn-decor.png);
    position: relative;
    top: 6px;
    margin-right: 17px;
    margin-left: 15px
}

.service-bl .price-btn:hover>p:before {
    content: url(/local/templates/him/./img/price-btn-decor-decor.png)
}

.service-slider {
    width: 100%;
    margin-top: 36px
}

.service-slider .slide {
    width: 100%;
    height: 460px
}

.service-slider .slide-1 {
    background: url(/local/templates/him/./img/service-slide-1.jpg) center no-repeat
}

.service-bl .txt_1 {
    font: 27px Roboto;
    color: #000;
    padding-top: 60px;
    padding-bottom: 28px
}

.service-bl .spis li,
.service-bl .txt_2 {
    padding-bottom: 15px
}

.service-bl .big-let {
    font: 101px Roboto;
    color: #d24a43;
    float: left;
    line-height: 78px;
    margin-right: 10px
}

.service-bl .spis,
.service-bl .txt_2 {
    font: 15px Roboto;
    color: #000
}

.service-bl .border-bottom {
    width: 980px;
    border-bottom: 1px dotted #000;
    margin-top: 26px
}

.service-bl .spis {
    margin-top: 32px
}

.service-bl .spis .dott {
    color: #d24a43;
    margin-right: 12px
}

.service-bl .spis .red {
    color: #d24a43
}

.service-bl .white-bg {
    background: #fff;
    padding: 10px 0 47px;
    margin-top: 45px
}

.service-bl .table {
    width: 100%;
    height: auto
}

.service-bl .table .tr {
    cursor: pointer
}

.service-bl .table .tr:hover {
    background: #ece1df
}

.service-bl .table .first {
    width: 720px;
    font: 17px Roboto;
    color: #000;
    padding: 15px 0 15px 1px;
    margin-left: 59px
}

.service-bl .table .first.red {
    color: #d24a43
}

.service-bl .table .first p {
    position: relative
}

.service-bl .table .first p:before {
    content: url(/local/templates/him/./img/services-star.png);
    position: absolute;
    top: -3px;
    left: -36px
}

.service-bl .table .first.red p:before {
    content: url(/local/templates/him/./img/services-star-hover.png);
    position: absolute;
    top: -3px;
    left: -36px
}

.service-bl .table .second {
    width: 140px;
    font: 17px Roboto;
    color: #976154;
    padding: 15px 0
}

.service-bl .table .second span {
    padding-right: 10px
}

.service-bl .table .third {
    width: 34px;
    padding: 9px 0;
    position: relative
}

.service-bl .table .third .cart {
    width: 35px;
    height: 35px;
    background: url(/local/templates/him/./img/services-cart.png) 5px 9px no-repeat;
    border-radius: 50%;
    position: relative
}

.service-bl .table .third .cart:hover {
    background: url(/local/templates/him/./img/services-cart-hover.png) 5px 9px no-repeat #d24a43
}

.service-bl .table .line {
    width: 900px;
    border-bottom: 1px dotted #000;
    margin-left: 59px
}

.service-bl .table .third .order-form {
    width: 469px;
    height: auto;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    top: 65px;
    right: -226px;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 8px 21px -4px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 8px 21px -4px rgba(0, 0, 0, .75);
    box-shadow: 0 8px 21px -4px rgba(0, 0, 0, .75);
    z-index: 5;
    cursor: default;
    display: none
}

.service-bl .table .third .order-form .decor {
    width: 50px;
    height: 26px;
    background: url(/local/templates/him/./img/services-order.png);
    position: absolute;
    top: -26px;
    left: 205px
}

@media screen and (max-width:1467px) {
    .service-bl .table .third .order-form {
        right: -30px
    }

    .service-bl .table .third .order-form .decor {
        left: 401px
    }
}

.service-bl .table .third .order-form .close-order {
    width: 14px;
    height: 14px;
    background: url(/local/templates/him/./img/modal-close.png);
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer
}

.service-bl .table .third .order-form .zag {
    font: 26px Roboto;
    color: #000;
    text-align: center;
    padding-top: 35px
}

.service-bl .table .third .order-form .border {
    width: 390px;
    border-bottom: 1px dotted #000;
    margin: 28px auto 27px
}

.service-bl .table .third .order-form .str {
    margin-bottom: 11px
}

.service-bl .table .third .order-form .txt {
    font: 19px Roboto;
    color: #000;
    line-height: 34px;
    margin-left: 36px;
    float: left;
    width: 125px;
    clear: both
}

.service-bl .table .third .order-form input[type=radio] {
    display: none
}

.service-bl .table .third .order-form .radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font: 16px Roboto;
    color: #635d65;
    line-height: 34px
}

.service-bl .table .third .order-form .radio label.lab-pad {
    width: 106px
}

.service-bl .table .third .order-form .radio label:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 5px solid #fff;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #b7b7b7;
    -moz-box-shadow: 0 0 0 1px #b7b7b7;
    box-shadow: 0 0 0 1px #b7b7b7;
    position: relative;
    top: 4px;
    margin-right: 9px
}

.service-bl .table .third .order-form input[type=radio]:checked+label {
    color: #000
}

.service-bl .table .third .order-form input[type=radio]:checked+label:before {
    background-color: #d24a43
}

.service-bl .table .third .order-form select {
    width: 263px;
    height: 32px;
    border: 1px solid #b7b7b7;
    border-radius: 4px;
    font: 16px Roboto;
    padding-left: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
    cursor: pointer;
    background: url(/local/templates/him/./img/services-select.png) right center no-repeat
}

.service-bl .table .third .order-form input[type=text] {
    width: 58px;
    height: 32px;
    text-align: center;
    border: 1px solid #b7b7b7;
    border-radius: 4px;
    font: 16px Roboto;
    float: left;
    margin-right: 20px
}

.service-bl .table .third .order-form .txt-2 {
    font: 16px Roboto;
    color: #635d65;
    line-height: 34px
}

.service-bl .table .third .order-form .wrapp-bg {
    width: 469px;
    height: 100px;
    margin-top: 50px;
    background: #f4eae1
}

.service-bl .table .third .order-form .price {
    font: 30px Roboto;
    margin-left: 42px;
    line-height: 100px;
    float: left
}

.service-bl .table .third .order-form button {
    width: 165px;
    height: 48px;
    background: #d24a43;
    border-radius: 24px;
    border: none;
    color: #fff;
    font: 14px Roboto;
    float: right;
    margin: 26px 37px 0 0;
    cursor: pointer
}

.service-bl .table .third .order-form button:hover {
    background: #cb2228
}

.service-bl .price-oform-bl {
    width: 1000px;
    height: 99px;
    background: url(/local/templates/him/./img/services-close-table-bl.png);
    margin-bottom: 130px
}

.service-bl .price-oform-bl .oform-bt {
    width: 181px;
    height: 48px;
    background: #d24a43;
    border-radius: 24px;
    text-align: center;
    font: 14px Roboto;
    color: #fff;
    line-height: 48px;
    float: right;
    margin: 26px 34px 0 0;
    cursor: pointer
}

.service-bl .price-oform-bl .oform-bt:hover {
    background: #cb2228
}

.service-bl .price-oform-bl .price {
    font: 34px Roboto;
    color: #fff;
    float: right;
    line-height: 99px;
    width: 160px
}

.price-bl {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 150px
}

.price-bl .h2 {
    margin-bottom: 30px;
}

.price-bl .price-btn {
    width: 150px;
    height: 30px;
    display: inline-block;
    background: url(/local/templates/him/./img/pdf_red.svg) no-repeat;
    font: 14px Roboto;
    color: #666666;
    line-height: 30px;
    padding-left: 40px;
}

.price-bl .price-btn:hover {
    background: url(/local/templates/him/./img/pdf_red_hover.svg) no-repeat;
    color: #c10000;
}

.price-bl .price-btn p:before {
    content: url(/local/templates/him/./img/price-btn-decor.png);
    position: relative;
    top: 6px;
    margin-right: 17px;
    margin-left: 15px
}

.price-bl .price-btn:hover>p:before {
    content: url(/local/templates/him/./img/price-btn-decor-decor.png)
}

.price-bl .search-bl {
    float: left;
    margin-top: 31px;
    margin-left: 40px
}

.price-bl .search-bl input[type=text] {
    width: 298px;
    height: 44px;
    border: 1px solid #999993;
    border-radius: 24px;
    background: 0 0;
    padding-left: 24px;
    font: 19px Roboto;
    color: #000;
    float: left
}

.price-bl .search-bl input[type=submit] {
    width: 48px;
    height: 48px;
    background: url(/local/templates/him/./img/price-search.png) center no-repeat #d24a43;
    border-radius: 50%;
    margin-left: 6px;
    border: none;
    cursor: pointer
}

.price-bl .search-bl input[type=submit]:hover {
    background: url(/local/templates/him/./img/price-search.png) center no-repeat #cb2228
}

.price-bl .sharing-bl {
    float: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.price-bl .sharing-bl .txt {
    font: 14px Roboto;
    color: #333;
    float: left;
    font-weight: 300;
    margin-right: 10px
}

.header_wr .sharing-bl .txt {
    font: 14px Roboto;
    color: #333;
    font-weight: 300;
    float: left;
    line-height: 47px;
    margin-right: 10px;
}

.price-bl .sharing-bl .soc {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-left: 8px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.header_wr .sharing-bl .soc {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-left: 8px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.price-bl .sharing-bl .soc:hover {
    margin-top: -6px
}

.header_wr .sharing-bl .soc:hover {
    margin-top: -6px
}

.price-bl .sharing-bl .soc.facebook {
    background: url(/local/templates/him/./img/article-soc-1.png);
    background-size: contain;
}

.header_wr .sharing-bl .soc.facebook {
    background: url(/local/templates/him/./img/article-soc-1.png);
    background-size: contain;
}

.price-bl .sharing-bl .soc.vk {
    background: url(/local/templates/him/./img/article-soc-2.png);
    background-size: contain;
}

.header_wr .sharing-bl .soc.vk {
    background: url(/local/templates/him/./img/article-soc-2.png);
    background-size: contain;
}

.price-bl .table {
    width: 100%;
    height: auto;
    margin-top: 45px
}

.price-bl .zag-table {
    width: 1000px;
    padding: 25px 0;
    background: #f3f3f3;
}

.price-bl .table .tr {
    cursor: pointer;
    display: block
}

/* .price-bl .table .tr:hover {
    background: #fff9d7;
} */

.price-bl .zag-table p {
    margin-left: 54px;
    font: 24px Roboto;
    color: #333;
}

.price-bl .white-bg {
    background: #fff;
    padding: 0 0 8px
}

.price-bl .table .first {
    width: 589px;
    font: 18px Roboto;
    color: #333;
    padding: 5px 0;
    display: inline-block;
    vertical-align: top;
    padding-left: 15px
}

.price-bl .table .second,
.price-bl .table .third {
    padding: 5px 0;
    font: 18px Roboto;
    display: inline-block;
    vertical-align: top
}

.price-bl .table .first.red {
    color: #d24a43
}

.yslovia {
    font-size: 16px;
    font-family: Roboto;
    padding-left: 53px;
    padding-bottom: 40px;
    line-height: 1.4;
}

.price-bl .table .second {
    width: 200px;
    color: #666666;

}

.price-bl .table .third {
    width: 173px;
    color: #333333;
    text-align: right;
    padding-right: 15px;
}

.price-bl .table .third span {
    padding-right: 10px
}

.price-bl .table .line {
    border-bottom: 1px solid #dadada;
}

.price-bl .info-bl {
    margin: 22px 0 40px 52px;
    height: 45px
}

.price-bl .info-bl .ico {
    width: 45px;
    height: 45px;
    background: url(/local/templates/him/./img/price-info.png);
    float: left;
    margin-right: 25px
}

.price-bl .info-bl .txt_1 {
    margin-top: 2px;
    font: 17px Roboto;
    color: #886453
}

.price-bl .info-bl .txt_2 {
    font: 17px Roboto;
    color: #886453;
    line-height: 45px
}

.about-bl {
    width: 1000px;
    height: auto;
    margin: 0 auto
}

.about-slider {
    width: 100%;
    margin-top: 36px
}

.about-slider .slide {
    width: 100%;
    height: 460px
}

.about-slider .slide-1 {
    background: url(/local/templates/him/./img/about-slide-1.jpg) center no-repeat
}

.about-opis-1 {
    width: 967px;
    height: auto;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 55px
}

.about-opis-1 .left-txt {
    width: 470px;
    height: auto;
    float: left
}

.about-opis-1 .right-txt {
    width: 470px;
    height: auto;
    float: right
}

.about-opis-1 .txt_1 {
    font: 18px Roboto;
    color: #333333;
    font-weight: 300;
    padding-bottom: 19px;
    line-height: 1.6;
}

.wrapp-opis {
    font: 16px Roboto;
    color: #333;
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 40px;
}

/* .wrapp-opis-2 {
    background: url(/local/templates/him/./img/about-opis-bg.jpg) center no-repeat #55231b;
    height: 362px
} */

.about-opis-2 {
    width: 967px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 40px;
}

.about-opis-2 .big-let,
.about-opis-2 .txt_1::first-letter {
    font: 101px Roboto;
    color: #fff;
    line-height: 78px;
    float: left;
    margin: 0 20px 10px 0
}

.about-opis-2 .txt_1 {
    font: 18px Roboto;
    color: #fff
}

.about-opis-3 {
    width: 967px;
    height: auto;
    margin: 0 auto;
    padding-top: 96px
}

.about-opis-3 .foto {
    float: left
}

.about-opis-3 .txt-bl {
    width: 480px;
    height: auto;
    float: right
}

.shapka {
    width: 100%;
    height: 100%;
}

.shapka_img {
    width: 100%;
    max-height: 100%;
}

.about-opis-3 .txt-bl .txt_1 {
    font: 15px Roboto;
    color: #000;
    padding-bottom: 20px
}

.about-opis-3 .txt-bl .line {
    width: 480px;
    border-bottom: 1px dotted #000;
    margin-bottom: 14px
}

.about-opis-3 h3 {
    font: 55px Roboto;
    margin-top: 75px
}

.wrapp-team {
    background: #f5f3f1;
}

.wrapp-team .h2 {
    padding-top: 40px;
    margin-top: 0;
}

.team-bl {
    width: 967px;
    height: auto;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 50px;
    text-align: center;
    position: relative
}

.team-bl .person {
    width: 160px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    margin: 0 52px 55px
}

.team-bl .person.left {
    margin-left: 0
}

.team-bl .person.right {
    margin-right: 0
}

.team-bl .person .foto {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

.team-bl .person .foto .line {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 11px solid rgba(255, 255, 255, .4);
    position: absolute;
    top: 0;
    left: 0
}

.team-bl .person:hover>.foto .line {
    border: 11px solid #d5bd99
}

.team-bl .person .name {
    font: 18px Roboto;
    color: #333;
    font-weight: 400;
    padding-top: 20px
}

.team-bl .person:hover>.name {
    color: #c10000;
}

.team-bl .person .position {
    font: 15px Roboto;
    font-weight: 300;
    color: #333;
    font-style: italic;
}

.team-bl .modal-person {
    width: 470px;
    height: auto;
    top: 100px;
    left: 50%;
    margin-left: -235px;
    position: absolute;
    background: #fff;
    border-radius: 8px;
    z-index: 100;
    -webkit-box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75);
    box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75);
    display: none;
    text-align: center;
    padding-bottom: 40px
}

.team-bl .modal-person .zag {
    font: 35.08px Roboto;
    color: #d24a43;
    padding-top: 30px
}

.team-bl .modal-person .position {
    font: 19.04px Roboto;
    color: #000;
    padding-top: 3px
}

.team-bl .modal-person .brown-bg {
    background: #56241c;
    padding: 20px 0 17px;
    color: #fff;
    margin-top: 30px
}

.team-bl .modal-person .brown-bg .txt_1 {
    font: 16px Roboto;
    padding-bottom: 7px
}

.team-bl .modal-person .brown-bg .mail {
    font: 16px Roboto;
    color: #fff;
    display: inline-block;
    text-decoration: underline
}

.map-adress ul li>a,
.open-ymap a,
.table-bl .tr>a,
.team-bl .modal-person .brown-bg .mail:hover {
    text-decoration: none
}

.team-bl .modal-person .brown-bg .phone {
    font: 18px Roboto;
    color: #fff;
    margin-top: 6px;
    display: inline-block
}

.team-bl .modal-person .txt {
    font: 15px Roboto;
    color: #000;
    padding-top: 28px
}

.team-bl .modal-person .close-person {
    width: 138px;
    height: 48px;
    text-align: center;
    font: 14px Roboto;
    color: #000;
    background: url(/local/templates/him/./img/about-close-modal.png);
    line-height: 48px;
    margin: 30px auto 0;
    cursor: pointer;
    border-radius: 24px
}

.team-bl .modal-person .close-person:hover {
    background: #d24a43;
    color: #fff
}

.wrapp-vacanties {
    background: #fff;
    margin-top: 55px;
}

.vacanties-bl {
    width: 967px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 140px
}

.vacanties-bl h3 {
    font: 55px Roboto;
    color: #000;
    padding-top: 85px;
    padding-bottom: 32px
}

.vacanties-bl .vacant-tab {
    width: 967px;
    height: auto;
    min-height: 71px;
    /* background: url(/local/templates/him/./img/services-dotted-decor.png) 0 39px repeat-x; */
    position: relative;
    margin-bottom: 6px
}

.vacanties-bl .vacant-tab:before {
    content: "";
    display: block;
    height: 1px;
    background: #dadada;
    position: absolute;
    width: 100%;
    top: 50%;
    overflow: hidden;
}

.vacanties-bl .vacant-tab .ico {
    width: 57px;
    height: 57px;
    position: relative;
    border-radius: 50%;
    float: left;
    border: 7px solid #fff;
    background: url(/local/templates/him/./img/about-vacant.png) center 16px no-repeat #c10000;
    cursor: pointer
}



.vacanties-bl .vacant-tab .txt-op {
    font: 21px Roboto;
    position: relative;
    color: #333;
    font-weight: 300;
    float: left;
    line-height: 71px;
    background: #fff;
    padding: 0 30px 0 30px;
    cursor: pointer
}

.vacanties-bl .vacant-tab:hover>.txt-op {
    color: #c10000;
}

.vacanties-bl .vacant-tab .valary {
    float: right;
    font: 21px Roboto;
    color: #000;
    line-height: 71px;
    padding-left: 30px;
    background: #fff;
    margin-right: 49px
}

.vacanties-bl .vacant-tab .decor-toggle {
    cursor: pointer;
    width: 13px;
    height: 8px;
    position: absolute;
    top: 35px;
    right: 0;
    padding-right: 9px;
    padding-left: 40px;
    background: url(/local/templates/him/./img/services-open-table.png) 24px 0 no-repeat #fff
}

.vacanties-bl .vacant-tab:hover>.decor-toggle {
    background-image: url(/local/templates/him/./img/services-open-table-hover.png)
}

.vacanties-bl .vacant-tab.active .decor-toggle {
    background-image: url(/local/templates/him/./img/services-close-table.png)
}

.vacanties-bl .vacant-tab .hidden-bl {
    width: 967px;
    height: auto;
    background: #f3f3f3;
    border-radius: 8px;
    clear: both;
    position: relative;
    margin-top: 20px;
    margin-bottom: 44px;
    padding-bottom: 40px;
    display: none
}

.vacanties-bl .vacant-tab .hidden-bl .decor {
    width: 36px;
    height: 21px;
    background: url(/local/templates/him/./img/about-hidden-decor.png);
    position: absolute;
    top: -18px;
    left: 18px
}

.vacanties-bl .vacant-tab .hidden-bl .left-block {
    width: 385px;
    height: auto;
    float: left;
    margin: 47px 0 0 88px
}

.vacanties-bl .vacant-tab .hidden-bl .right-block {
    width: 405px;
    height: auto;
    float: right;
    margin: 47px 45px 0 0
}

.vacanties-bl .vacant-tab .hidden-bl .txt_1 {
    font: 24px Roboto;
    font-weight: 300;
    color: #c10000;
    padding-bottom: 22px
}

.vacanties-bl .vacant-tab .hidden-bl ul {
    margin-left: 18px;
    margin-bottom: 10px
}

.vacanties-bl .vacant-tab .hidden-bl ul li {
    font: 14px Roboto;
    color: #333;
    font-weight: 300;
    list-style: disc;
    padding-bottom: 20px
}

.vacanties-bl .vacant-tab .hidden-bl .txt_2 {
    font: 22px Roboto;
    color: #000;
    padding-bottom: 25px
}

.vacanties-bl .vacant-tab .hidden-bl .line {
    width: 405px;
    height: 1px;
    background: #c9bca9;
    margin-bottom: 30px
}

.vacanties-bl .vacant-tab .hidden-bl .answer-btn {
    width: 242px;
    height: 48px;
    text-align: center;
    color: #fff;
    font: 14px Roboto;
    line-height: 48px;
    border-radius: 24px;
    background: #d24a43;
    float: left;
    cursor: pointer;
    margin-right: 20px
}

.vacanties-bl .vacant-tab .hidden-bl .answer-btn:hover {
    background: #cb2228
}

.vacanties-bl .vacant-tab .hidden-bl .close-vacant {
    width: 135px;
    height: 48px;
    text-align: center;
    color: #000;
    font: 14px Roboto;
    line-height: 48px;
    border-radius: 24px;
    border: 1px solid #dadada;
    cursor: pointer;
    float: right;
    display: none;
}

.vacanties-bl .vacant-tab .hidden-bl .close-vacant:hover {
    background: #c10000;
    color: #fff
}

.contact_info {
    background: #f3f3f3;
    padding: 60px 0;
}

.contact_info .h2 {
    font-size: 32px;
    margin-top: 0;
}

.contact_items {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.contact_info_right .contact_items {
    margin-left: 0;
    height: auto;
}

.contact_info_right .contact_items .item {
    margin-bottom: 5px;
    justify-content: center;
}

.contact_info_right .contact_items .item_txt,
.contact_info_right .contact_items a {
    font: 14px Roboto;
    color: #333;
    font-weight: 300;
}

.contact_items .icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.contact_info_left {
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: center;
}

.contact_info_right {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
}

.contact_items .item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.contact_items .item:last-child {
    margin-bottom: 0;
}

.contact_items .item_txt,
.contact_items a {
    font: 18px Roboto;
    color: #333;
    font-weight: 300;
}

.contact_info .service_man {
    height: 150px;
}

.contact_info_right_text {
    font: 14px Roboto;
    text-align: center;
    color: #333;
}

.contact_info_right_text .txt {
    margin-bottom: 5px;
    font-weight: 300;
}

.contact_info_inner {
    max-width: 1100px;
    margin: 40px auto 0;
    display: flex;
    height: auto;
    justify-content: space-between;
}

.contact_info_right .preten {
    width: 160px;
    height: 40px;
    background: #c10000;
    font: 16px Roboto;
    line-height: 40px;
    margin-left: auto;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    margin-right: auto;
    display: block
}

.points-bl {
    width: 967px;
    height: auto;
    margin: 0 auto
}

.map-cont-points {
    width: 100%;
    position: relative;
    height: 600px;
    margin-top: 36px
}

.modal-map {
    width: 385px;
    background: #fff;
    background-clip: padding-box;
    white-space: normal;
    border-radius: 8px;
    position: absolute;
    z-index: 1010;
    -webkit-box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75);
    box-shadow: 0 0 21px -4px rgba(0, 0, 0, .75);
    display: block
}

.modal-map .close-mod {
    width: 24px;
    height: 24px;
    background: url(/local/templates/him/./img/points-close.png) center no-repeat rgba(255, 255, 255, .8);
    position: absolute;
    border-radius: 50%;
    top: 13px;
    right: 13px;
    cursor: pointer
}

.modal-map .txt-bl {
    padding: 22px 0 0 25px;
    width: 375px;
    height: auto
}

.modal-map .adress {
    font: 16px Roboto;
    color: #000
}

.modal-map .metro {
    font: 15px Roboto
}

.modal-map .metro:before {
    position: relative;
    top: 0;
    margin-right: 5px
}

.modal-map .metro.blue {
    color: #009cd6
}

.modal-map .metro.green {
    color: #437d30
}

.modal-map .metro.purple {
    color: #97007f
}

.modal-map .metro.blue-2 {
    color: #0040ad
}

.modal-map .metro.red {
    color: #ea4323
}

.modal-map .metro.orange {
    color: #ff7e00
}

.modal-map .metro.grey {
    color: #a79596
}

.modal-map .metro.brown {
    color: #830300
}

.modal-map .phone,
.modal-map .time {
    font: 16px Roboto;
    color: #000
}

.modal-map .metro.blue:before {
    content: url(/local/templates/him/./img/metro-blue.png)
}

.modal-map .metro.green:before {
    content: url(/local/templates/him/./img/metro-green.png)
}

.modal-map .metro.purple:before {
    content: url(/local/templates/him/./img/metro-purple.png)
}

.modal-map .metro.blue-2:before {
    content: url(/local/templates/him/./img/metro-blue-2.png)
}

.modal-map .metro.red:before {
    content: url(/local/templates/him/./img/metro-red.png)
}

.modal-map .metro.orange:before {
    content: url(/local/templates/him/./img/metro-orange.png)
}

.modal-map .metro.grey:before {
    content: url(/local/templates/him/./img/metro-grey.png)
}

.modal-map .metro.brown:before {
    content: url(/local/templates/him/./img/metro-brown.png)
}

.modal-map .line {
    width: 330px;
    border-bottom: 1px dotted #000;
    margin-top: 10px;
    margin-bottom: 12px
}

.modal-map .phone-bl {
    float: left;
    padding-bottom: 15px;
    margin-right: 6px;
}

.modal-map .time {
    float: right;
    padding-bottom: 5px
}

.modal-map .pink-bg {
    width: 385px;
    background: #f4f5f1;
    clear: both;
    padding: 16px 0 15px
}

.modal-map .pink-bg p {
    color: #C10000;
    font: 14px Roboto;
    font-weight: 300;
    margin-left: 27px;
    padding-right: 1px
}

.modal-map .pink-bg p span {
    margin: 0 6px;
    opacity: 0;
}

.wrapp-filter {
    background: #4c0400;
}

.filter-bl {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 30px 0;
}

.filter-bl .sort {
    margin-bottom: 5px
}

.filter-bl .txt_1 {
    font: 18px Roboto;
    color: #fff;
    line-height: 42px;
    float: left;
    width: 180px
}

.filter-bl label,
.filter-bl select {
    font: 16px Roboto;
    font-weight: 300;
    cursor: pointer
}

.filter-bl select {
    width: 194px;
    height: 34px;
    border-radius: 4px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
    background: url(/local/templates/him/./img/services-select.png) right center no-repeat #fff;
    padding-left: 13px;
    margin-right: 24px
}

.filter-bl input[type=checkbox] {
    display: none
}

.filter-bl label {
    display: flex;
    align-items: center;
    position: relative;
    color: #dedede;
    line-height: 34px;
    margin-right: 25px
}

.filter-bl label:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    background-color: #dedede;
    position: relative;
    margin-right: 13px
}

.filter-bl input[type=checkbox]:checked+label {
    color: #fff
}

.filter-bl input[type=checkbox]:checked+label:before {
    background: url(/local/templates/him/./img/points-checkbox.png) 7px 9px no-repeat #fff
}

.table-bl {
    width: 1100px;
    height: auto;
    margin: 0 auto;
    clear: both;
    padding-top: 26px;
    padding-bottom: 100px
}

.table-bl .tr {
    padding: 5px 0 0;
    display: block
}

.table-bl .first {
    width: 500px;
    float: left;
    margin-left: 10px;
}

.table-bl .first .adress {
    font: 18px Roboto;
    color: #333333;
    font-weight: 400;
    margin: 5px 0;
}

.table-bl .first .adress.new:after {
    content: url(/local/templates/him/./img/points-new.png);
    position: absolute;
    margin: -4px 0 0 12px
}

.table-bl .first .phone {
    font: 14px Roboto;
    color: #333;
    font-weight: 300;
    margin: 5px 0;
}

.table-bl .first .serv {
    font: 14px Roboto;
    color: #666666;
    font-weight: 300;
    margin: 5px 0;
}

.table-bl .second,
.table-bl .third {
    font: 16px Roboto;
    font-weight: 300;
    float: left;
    margin: 5px 0;
}

.table-bl .first .serv span {
    margin: 0 10px
}

.table-bl .second {
    color: #333;
    width: 390px;
    margin: 5px 0;
}

.table-bl .third {
    width: 200px;
}

.table-bl .second p:before {
    content: url(/local/templates/him/./img/points-time-2.png);
    position: relative;
    top: 2px;
    margin-right: 10px
}

.table-bl .second.all-time p:before {
    content: url(/local/templates/him/./img/points-time.png)
}

.table-bl .third p:before {
    position: relative;
    top: -1px;
    margin-right: 10px
}

.table-bl .third.blue {
    color: #009cd6
}

.table-bl .third.green {
    color: #437d30
}

.table-bl .third.purple {
    color: #97007f
}

.table-bl .third.blue-2 {
    color: #0040ad
}

.table-bl .third.red {
    color: #ea4323
}

.table-bl .third.orange {
    color: #ff7e00
}

.table-bl .third.grey {
    color: #a79596
}

.table-bl .third.brown {
    color: #830300
}

.table-bl .third.blue p:before {
    content: url(/local/templates/him/./img/metro-blue.png)
}

.table-bl .third.green p:before {
    content: url(/local/templates/him/./img/metro-green.png)
}

.table-bl .third.purple p:before {
    content: url(/local/templates/him/./img/metro-purple.png)
}

.table-bl .third.blue-2 p:before {
    content: url(/local/templates/him/./img/metro-blue-2.png)
}

.table-bl .third.red p:before {
    content: url(/local/templates/him/./img/metro-red.png)
}

.table-bl .third.orange p:before {
    content: url(/local/templates/him/./img/metro-orange.png)
}

.table-bl .third.grey p:before {
    content: url(/local/templates/him/./img/metro-grey.png)
}

.table-bl .third.brown p:before {
    content: url(/local/templates/him/./img/metro-brown.png)
}

.table-bl .line {
    width: 1100px;
    border-bottom: 1px solid #dadada;
    clear: both;
    padding-top: 5px
}

.point-bl {
    width: 967px;
    height: auto;
    margin: 0 auto
}

.point-bl .point-back-btn {
    width: 168px;
    height: 48px;
    background: url(/local/templates/him/./img/dashed-btn.png);
    display: block;
    font: 15px Roboto;
    color: #000;
    text-transform: uppercase;
    line-height: 48px;
    border-radius: 48px;
    margin-top: 32px;
    float: left
}

.point-bl .point-back-btn:hover {
    background: #d24a43;
    color: #fff
}

.point-bl .point-back-btn p {
    margin-left: 25px
}

.point-bl .point-back-btn p:before {
    content: url(/local/templates/him/./img/article-back-btn-decor.png);
    position: relative;
    top: 3px;
    margin-right: 22px
}

.point-bl .point-back-btn:hover>p:before {
    content: url(/local/templates/him/./img/article-back-btn-decor-hover.png)
}

.point-bl .info-point {
    width: 760px;
    height: auto;
    float: right;
    margin-top: 32px
}

.point-bl .info-point .adress {
    width: 380px;
    font: 26px Roboto;
    color: #000
}

.point-bl .info-point .metro-bl {
    float: left;
    margin-top: 4px;
    margin-right: 10px
}

.point-bl .info-point .metro {
    font: 26px Roboto
}

.point-bl .info-point .metro:before {
    position: relative;
    top: -1px;
    margin-right: 11px
}

.point-bl .info-point .metro.blue {
    color: #009cd6
}

.point-bl .info-point .metro.green {
    color: #437d30
}

.point-bl .info-point .metro.purple {
    color: #97007f
}

.point-bl .info-point .metro.blue-2 {
    color: #0040ad
}

.point-bl .info-point .metro.red {
    color: #ea4323
}

.point-bl .info-point .metro.orange {
    color: #ff7e00
}

.point-bl .info-point .metro.grey {
    color: #a79596
}

.point-bl .info-point .metro.brown {
    color: #830300
}

.point-bl .info-point .metro.blue:before {
    content: url(/local/templates/him/./img/metro-blue-big.png)
}

.point-bl .info-point .metro.green:before {
    content: url(/local/templates/him/./img/metro-green-big.png)
}

.point-bl .info-point .metro.purple:before {
    content: url(/local/templates/him/./img/metro-purple-big.png)
}

.point-bl .info-point .metro.blue-2:before {
    content: url(/local/templates/him/./img/metro-blue-2-big.png)
}

.point-bl .info-point .metro.red:before {
    content: url(/local/templates/him/./img/metro-red-big.png)
}

.point-bl .info-point .metro.orange:before {
    content: url(/local/templates/him/./img/metro-orange-big.png)
}

.point-bl .info-point .metro.grey:before {
    content: url(/local/templates/him/./img/metro-grey-big.png)
}

.point-bl .info-point .metro.brown:before {
    content: url(/local/templates/him/./img/metro-brown-big.png)
}

.point-bl .info-point .time {
    font: 26px Roboto;
    color: #9b9c99
}

.point-bl .info-point .line {
    width: 100%;
    border-bottom: 1px dotted #000;
    margin-top: 15px;
    margin-bottom: 10px
}

.point-bl .info-point .phone {
    display: inline-block;
    font: 26px Roboto;
    color: #000;
    margin-right: 20px
}

.point-bl .info-point .serv {
    font: 18px Roboto;
    color: #868785;
    margin-top: 20px
}

.point-bl .info-point .serv span {
    margin: 0 12px
}

.point-slider {
    width: 100%;
    margin-top: 36px
}

.point-slider .slide {
    width: 100%;
    height: 460px
}

.point-opis-bg {
    width: 100%;
    height: 362px;
    background: url(/local/templates/him/./img/point-opis-bg.jpg) center no-repeat
}

.point-opis {
    width: 967px;
    height: auto;
    margin: 0 auto;
    padding-top: 82px
}

.point-opis .txt-bl {
    width: 745px;
    margin-left: 208px
}

.point-opis .txt-bl .big-let,
.point-opis .txt-bl .txt::first-letter {
    font: 101px Roboto;
    color: #fff;
    line-height: 78px;
    float: left;
    margin: 0 20px 20px 0
}

.point-opis .txt-bl .txt {
    font: 18px Roboto;
    color: #fff
}

.map-block {
    width: 100%;
    height: 803px;
    margin-top: 30px
}

.services-bl .hidden-bl .table .tr.hov {
    background: #886453;
    color: #fff
}

.services-bl .hidden-bl .table .tr.hov>.first,
.services-bl .hidden-bl .table .tr.hov>.four,
.services-bl .hidden-bl .table .tr.hov>.second,
.services-bl .hidden-bl .table .tr.hov>.third a {
    color: #fff
}

.services-bl .hidden-bl .table .tr.hov>.five .cart {
    background: url(/local/templates/him/./img/services-cart-hover.png)
}

.modal-map>.arrow,
.modal-map>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.modal-map>.arrow:after {
    border-width: 20px
}

.modal-map>.arrow {
    border-width: 20px 20px 0;
    bottom: -21px;
    left: 50%;
    margin-left: -24px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .35)
}

.modal-map>.arrow:after {
    bottom: 1px;
    margin-left: -20px;
    content: " ";
    border-top-color: #f4eae1;
    border-bottom-width: 0
}

.map-adress ul li>a {
    display: inline-block
}

.table-bl .tr>a {
    display: block
}

.table-bl .tr:nth-child(2n + 1) {
    background: #f3f3f3;
}

.open-ymap,
.open-ymap a {
    display: inline-block
}

.table-bl .first .adress,
.table-bl .second,
.table-bl .third {
    cursor: pointer
}

.table-bl .third p.blue {
    color: #009cd6
}

.table-bl .third p.green {
    color: #437d30
}

.table-bl .third p.purple {
    color: #97007f
}

.table-bl .third p.blue-2 {
    color: #0040ad
}

.table-bl .third p.red {
    color: #ea4323
}

.table-bl .third p.orange {
    color: #ff7e00
}

.table-bl .third p.grey {
    color: #a79596
}

.table-bl .third p.brown {
    color: #830300
}

.table-bl .third p.blue:before {
    content: url(/local/templates/him/./img/metro-blue.png)
}

.table-bl .third p.green:before {
    content: url(/local/templates/him/./img/metro-green.png)
}

.table-bl .third p.purple:before {
    content: url(/local/templates/him/./img/metro-purple.png)
}

.table-bl .third p.blue-2:before {
    content: url(/local/templates/him/./img/metro-blue-2.png)
}

.table-bl .third p.red:before {
    content: url(/local/templates/him/./img/metro-red.png)
}

.table-bl .third p.orange:before {
    content: url(/local/templates/him/./img/metro-orange.png)
}

.table-bl .third p.grey:before {
    content: url(/local/templates/him/./img/metro-grey.png)
}

.table-bl .third p.brown:before {
    content: url(/local/templates/him/./img/metro-brown.png)
}

.blurred {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px)
}

.filter-bl input[type=checkbox]:disabled+label:before {
    background: url(/local/templates/him/./img/points-checkbox-disabled.png) 7px 9px no-repeat #bfa0a0
}

.services-bl .hidden-bl .table .tr {
    position: relative;
    width: 100%;
}

.services-bl .hidden-bl .table .tr:nth-child(2n + 1) {
    background: #f3f3f3;
}

.services-bl .hidden-bl .table .tr .star {
    display: inline-block;
    padding: 10px;
    position: absolute;
    top: 6px;
    left: 15px;
    width: 21px;
    height: 20px
}

.services-bl .hidden-bl .table .tr .star.addWishlist {
    background: url(/local/templates/him/./img/services-star.png) center no-repeat
}

.services-bl .hidden-bl .table .tr .star.removeWishlist {
    background: url(/local/templates/him/./img/services-star-hover.png) center no-repeat
}

form .form_field {
    position: relative
}

form .form-error {
    color: #b94a48;
    font: 14px Roboto;
    position: absolute;
    top: 105%;
    left: 38%
}

form .form_field label sup {
    color: red
}

.map-adress ul li:first-child {
    padding-top: 0
}

.not-found {
    font: 17px Roboto;
    padding: 15px 0 15px 15px
}

.why-we {
    height: auto;
    padding-bottom: 82px;
}

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

    .footer .colum,
    .right-fl .colum {
        width: 280px
    }
}

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

    .footer .colum,
    .right-fl .colum {
        width: 260px
    }
}

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

    .footer .colum,
    .right-fl .colum {
        width: 230px
    }
}

@media screen and (max-width:1299px) {
    .right-fl .colum {
        width: 200px
    }
}

@media screen and (max-width:1199px) {
    .right-fl .colum {
        width: 170px
    }
}

@media screen and (max-width:1099px) {
    .right-fl .colum {
        width: 150px
    }
}

.open-ymap a {
    width: 100%;
    height: 43px;
    background: url(/local/templates/him/./img/yandex-maps4.png) -5px 0 no-repeat;
    background-size: 43px;
    font: 25px/40px Roboto;
    color: rgba(0, 0, 0, .61);
    padding-left: 30px
}

@media screen and (min-width:2000px) {
    .footer .right-fl {
        float: left
    }
}

.zag a {
    color: #ffffff;
}

.zag a:hover {
    color: #c19786;
}

.about-bl ul {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 10px;
}

.about-bl p {
    margin-bottom: 10px;
    line-height: 1.6;
}

.about-bl li {
    line-height: 1.6;
}

.delivery .h2 {
    font: 32px Roboto;
    color: #333333;
    font-weight: 300;
    text-align: left;
    padding-left: 100px;
}

.why-we .h2 {
    font: 32px Roboto;
    text-align: center;
    color: #333333;
    font-weight: 300;
    margin-top: 20px;
}

.price-service .h2 {
    font: 32px Roboto;
    color: #333333;
    font-weight: 300;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 20px;
    margin-top: 0;
}

.articles-clients .h2 {
    font: 32px Roboto;
    text-align: center;
    color: #333333;
    font-weight: 300;
}

.h2.polezno_znat {
    font: 32px Roboto;
    text-align: center;
    font-weight: 300;
    color: #333333;
}

.price-bl .sharing-bl .soc.instagram {
    background: url(/local/templates/him/./img/soc-footer-1.png) round;
}

.header_wr .sharing-bl .soc.instagram {
    background: url(/local/templates/him/./img/soc-footer-1.png) round;
}

.price-bl .sharing-bl {
    min-width: 300px;
}

.header_wr .sharing-bl {
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    align-items: center;
}

.header_wr {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadada;
}

.header_wr .price-btn {
    width: 171px;
    height: 30px;
    display: inline-block;
    background: url(/local/templates/him/./img/pdf_red.svg) no-repeat;
    font: 14px Roboto;
    color: #666666;
    line-height: 30px;
    position: absolute;
    top: 22%;
    transform: translateY(-13%);
    left: 0;
    padding-left: 40px;
}

.header_wr .price-btn:hover {
    background: url(/local/templates/him/./img/pdf_red_hover.svg) no-repeat;
    color: #c10000;
}

.header_wr .price-btn:hover .line {
    border: none;
}

.wrapp_table .line {
    width: 100%;
    border-bottom: 1px solid #333333;
}

.header_wr .sharing-bl li {
    float: none;
}

.footer_bottom {
    font: 14px Roboto;
    font-weight: 300;
}

.policy_privacy {
    font: 14px Roboto;
}

.map-adress .hidden-btn {
    z-index: 2;
}

.nav ul {
    padding-top: 0px !important;
}

@media screen and (max-width: 1366px) {
    .nav-fixed {
        height: 90px;
    }
}

@media screen and (max-width: 1550px) {
    .nav-fixed {
        height: 120px;
    }
}

.nav .btnphone {
    width: 300px;
}


.nav ul {
    display: flex;
    flex-wrap: wrap;
}


.nav-fixed .nav .phone-bl {
    margin-top: 0px;
}

.nav .phone-bl {
    margin-top: 0px;
}

.nav .car2-btn {
    margin: 0;
}

.nav .btn {
    margin-top: 0px;
}

.nav-fixed .nav .logo {
    margin: 0px !important;
}

.nav .logo {
    max-width: 180px;
    width: 180px;
    min-width: 50px;
}

.nav-fixed .nav ul li {
    padding: 5px 14px;
}


.header.slick-initialized .slick-slide,
.header {
    height: 100%;
}

.white-detail-text {
    font: 15px Roboto;
}

.lol {
    font: 15px Roboto;
}

.art-bl .sharing-bl {
    display: flex;
}

.phone-bl>* {
    white-space: nowrap;
}


.tajust {
    text-align: justify;
}

.tajust span {
    font: 14px Roboto;
}

.tajust a {
    color: #c10000;
}



.map-adress .circle {
    display: none;
}

.map-adress .time {
    width: auto;
    margin-top: 10px;
    padding-left: 10px;
}



.art-wrapp a {
    color: #ed1c24;
}

.vakansii {
    display: block !important;
    opacity: 1 !important;
    width: 100%;
    height: auto;
    right: 0;
    margin-left: 0;
    padding: 60px 0;
    background: #f3f3f3;
    position: relative;
    border-radius: 0;
    z-index: 0;
    overflow: hidden;
    box-shadow: none;

}

.wr {
    width: 100%;
    margin: 0 auto;
}

.price-service .serv img {
    position: absolute;
    left: 50%;
    top: 50%;
    transition: transform .5s ease-out;
    transform: translateX(-50%) translateY(-50%) scale(0.9);
}

.price-service .wrapp-service .serv:hover .ico img {
    transition: transform .5s ease-in;
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.vak-descr {
    text-align: center;
    font: 18px Roboto;
    color: #333;
    font-weight: 300;
    margin: 20px 0;
}

.vacanties-bl {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 40px;
}

.buttons-vakansii {
    text-align: center;
    margin: 60px 0;
}

.buttons-vakansii a {
    font: 16px Roboto;
    background: #c10000;
    display: block;
    padding: 15px 40px;
    border-radius: 30px;
    width: 225px;
    text-align: center;
    word-wrap: break-word;
    text-decoration: none;
    display: inline-block !important;
    color: #fff;
}

.buttons-vakansii a:hover {
    background: #c1c1c1;
}

.art-bl .h3 {
    font: 55px Roboto;
    color: #000;
    padding-top: 85px;
    padding-bottom: 32px;
}

.vacanties-bl .h3 {
    display: none;
}

.tit .h3 {
    padding-top: 0 !important;
}

.tit {
    padding-bottom: 0 !important;
}

.himch {
    width: 100%;
}

div.g-recaptcha>div {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.href-btn {
    width: auto;
    height: 40px;
    background: #c10000;
    font: 17px Roboto;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 30px;
    color: #fff !important;
    margin: 0 10px 20px 0;
    font-weight: 400;
    transition: all .2s;
    padding: 0 10px 0 10px;
}

.href-btn:hover {
    background: #c1c1c1;
}

.content .h2 {
    font: 32px Roboto;
    color: #333333;
    font-weight: 300;
    text-align: center;
    margin-top: 60px;
}

.content .h2 h1 {
    font: 32px Roboto;
    color: #333333;
    font-weight: 300;
    text-align: center;
    margin-top: 60px;
}

.contacts-info-bg {
    background: url(/local/templates/him/img/stenka-o-nas.jpg) center center #ffffff;
    background-position: inherit;
}

.contacts-info-bl .txt_1,
.contacts-info-bl .adres,
.contacts-info-bl .mail {
    color: #000;
}

.contacts-info-bl .text-bl {
    text-align: center;
    margin: 0;
    padding-top: 160px;
}

.open-form-contacts {
    display: inline-block !important;
}

.contacts-info-bl .phone {
    color: #d24a43;
}

.white-detail-text h2 {
    font: 24px Roboto !important;
}

.contacts-info-bl .h3 {
    font: 26px Roboto;
    color: #ffb94f;
}

.vacanties-bl .h3 {
    font: 55px Roboto;
    color: #000;
    padding-top: 85px;
    padding-bottom: 32px;
}


.lol>h1 {
    font-family: Roboto;
    font-size: 32px !important;
    margin-bottom: 15px;
    text-align: center;
}

.lol>h2 {
    font-family: Roboto;
    font-size: 24px !important;
    margin-bottom: 15px;
}

.lol>h3 {
    font-family: Roboto;
    font-size: 24px !important;
}


.art-wrapp h1 {
    font-family: Roboto;
    font-size: 32px !important;
    margin-bottom: 15px;
}

.art-wrapp h2 {
    font-family: Roboto;
    font-size: 24px !important;
    margin-bottom: 15px;
}

.white-detail-text>h1 {
    font-family: Roboto;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 300;
    font-size: 32px !important;
}

.white-detail-text>h2 {
    font-family: Roboto;
    font-size: 24px !important;
    font-weight: 300;
    margin-bottom: 15px;
}

.white-detail-text>h3 {
    font-family: Roboto;
    font-size: 24px !important;
    margin-bottom: 10px;
    font-weight: 300;
}


.wrapp-opis>h1 {
    font-family: Roboto;
    text-align: center;
    margin-bottom: 15px;
    font-size: 32px !important;
    font-weight: 300;
}

.wrapp-opis>h2 {
    font-family: Roboto;
    font-size: 24px !important;
    margin-bottom: 15px;
    font-weight: 300;
}

.wrapp-opis>h3 {
    font-family: Roboto;
    font-size: 24px !important;
    font-weight: 300;
}



.price-bl .sharing-bl .soc {
    background: url(/local/templates/him/./img/soc-footer-1.png) round;
}

.lk-btn,
.bascet-btn {
    display: none !important;
}


.wrapp-opis li {
    margin-left: 20px;
    list-style: disc;
}

.wrapp-opis ul {
    margin: 10px 0 10px 0;
}

.articles-bl .art img {
    height: 286px;
    width: 100%;
    object-fit: cover;
}

.art-bl h3 {
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

.contacts-info-bl h3 {
    font: 34px Roboto;
}

.content h2 {
    font: 24px Roboto;
    font-weight: 600;
    line-height: 34px;
    margin-top: 16px;
}

@media screen and (max-width: 600px) {
    .contacts-info-bl .text-bl {
        padding-top: 40px;
    }

    .contacts-info-bl {
        width: auto;
    }

    .contacts-info-bl .phone {
        font: 32px Roboto;
    }

    .contacts-info-bl .mail {
        font: 22px Roboto;
    }

    .contacts-info-bl .open-form-contacts {
        font: 18px MyriadProRegular;
        padding: 14px 22px;
        width: 220px;
    }

    .contacts-info-bl h3 {
        font: 34px Roboto;
    }

    .content h2 {
        font: 24px Roboto;
        font-weight: 600;
        line-height: 34px;
        margin-top: 16px;
    }

    .content p {
        font-size: 18px;
    }
}
/* End */


/* Start:/local/templates/him/css/style1111.css?161418346735*/
.header .txt-bl{

    left: 40%;

}
/* End */


/* Start:/local/templates/him/css/style_new.css?16141834671043*/

.article-bl {
    height: 615px;
}
.main_pg_carousel_services{
	position: relative;
}
.main_pg_carousel_services .owl-item{
    float: left;
}
.main_pg_carousel_services .owl-stage-outer{
	overflow: hidden;
}
.main_pg_carousel_services .owl-next, .main_pg_carousel_services .owl-prev{
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;
	
	top: 18%;
}
.main_pg_carousel_services .owl-next{
	background: url(/local/templates/him/css/../img/slider-next.svg) no-repeat;
	right: -70px;
}
.main_pg_carousel_services .owl-prev{
	left: -70px;
	background: url(/local/templates/him/css/../img/slider-prev.svg) no-repeat;
}
.main_pg_carousel_services .owl-next:hover{
	cursor: pointer;
	background: url(/local/templates/him/css/../img/slider-next-hover.svg) no-repeat;
}
.main_pg_carousel_services .owl-prev:hover{
	cursor: pointer;
	background: url(/local/templates/him/css/../img/slider-prev-hover.svg) no-repeat;
}

.header.slick-slider .txt-bl{
   	top: 80%;
    width: 100%;
    margin: 0;
    text-align: center;
	left: 0;
}

.header.slick-slider .txt-bl .header-btn{
		margin-right:30px;
}

.table .tr {
	display: inline-block;
}
/* End */


/* Start:/local/templates/him/css/slick.css?16141834661734*/
.slick-slider {
  position: relative;
  /* margin-top: 120px; */
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 345px;
  position: relative;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  max-height: 100%;
  width: 100%;
  object-fit: cover;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* End */


/* Start:/local/templates/him/css/slick-theme.css?16141834662697*/
@charset "UTF-8";
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  background: 0 0;
  outline: 0;
}
.slick-dots,
.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  padding: 0;
}
.slick-dots li,
.slick-dots li button {
  cursor: pointer;
  height: 13px;
  width: 13px;
}
.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
  font-family: slick;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  z-index: 10;
  width: 64px;
  height: 64px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  border: none;
}
.slick-prev:hover:before {
  content: url(/local/templates/him/css/../img/slider-prev-hover.svg);
}
.slick-next:hover:before {
  content: url(/local/templates/him/css/../img/slider-next-hover.svg);
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
  font-size: 20px;
  line-height: 1;
  opacity: 1;
  color: #fff;
}
.about-slider .slick-next,
.about-slider .slick-prev,
.point-slider .slick-next,
.point-slider .slick-prev,
.service-slider .slick-next,
.service-slider .slick-prev,
.services-slider .slick-next,
.services-slider .slick-prev,
header .slick-next,
header .slick-prev {
  top: 50%;
}
.slick-prev {
  left: 80px;
  top: 140px;
}
[dir="rtl"] .slick-prev {
  right: 80px;
  left: auto;
}
.slick-prev:before {
  content: url(/local/templates/him/css/../img/slider-prev.svg);
}
.slick-next {
  right: 80px;
  top: 140px;
}
[dir="rtl"] .slick-next {
  right: auto;
  left: 80px;
}
.slick-next:before {
  content: url(/local/templates/him/css/../img/slider-next.svg);
}
@media screen and (max-width: 1380px) {
  .slick-prev,
  [dir="rtl"] .slick-next {
    left: 20px;
  }
  .slick-next,
  [dir="rtl"] .slick-prev {
    right: 20px;
  }
}
.slick-dots {
  bottom: 16px;
  width: 100%;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0;
}
.slick-dots li button:hover:before {
  background: #ed1c24;
}
.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  content: "";
  text-align: center;
  background: #fff;
  border-radius: 50%;
}
.slick-dots li.slick-active button:before {
  background: #c10000;
}

/* End */


/* Start:/local/templates/him/css/jquery.jscrollpane.css?1614183466950*/
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;left:0px;width:4px;height:100%;background:#e3d0b5;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dfdfdf;position:relative;}
.jspDrag{background:#c10000;position:relative;top:0;left:0;border-radius:5px;cursor:pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
* html .jspCorner{margin:0 -3px 0 0;}
/* End */


/* Start:/local/templates/him/js/owl-carousel/owl.carousel.min.css?16141835032936*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/him/js/owl-carousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/him/css/style_modalform.css?16141834672566*/
#modal-form label {
  display: block;
  margin-bottom: 10px;
  font: 16px Roboto;
  text-align: left;
}
#modal-form .fb-form__message label {
  font: 16px Roboto;
  margin-top: 10px;
  margin-bottom: 10px;
}
#modal-form .input-field {
  margin-top: 25px;
  margin-left: 30px;
  margin-right: 30px;
}
.feeb-back__inner h3 {
  font: 32px Roboto;
  color: #333;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 13px;
}
.feeb-back__inner h4 {
  font: 16px Roboto;
  color: #333;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 13px;
}
#modal-form input[type="text"] {
  width: 319px;
  height: 32px;
  border: 1px solid #b7b7b7;
  color: #333;
  font: 16px Roboto;
  padding-left: 14px;
  border-radius: 3px;
}
#modal-form textarea {
  border: 1px solid #b7b7b7;
  color: #333;
  font: 16px Roboto;
  width: 305px;
  height: 100px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  resize: none;
  border-radius: 3px;
}
#modal-form select {
  width: 333px;
  height: 32px;
  border: 1px solid #dadada;
  color: #333;
  font: 16px Roboto;
  padding-left: 14px;
  border-radius: 3px;
  cursor: pointer;
}
#modal-form .confidential_success {
}
#modal-form input[type="checkbox"] {
  float: left;
}
#modal-form .fb-form__message {
  margin-left: 30px;
  margin-right: 30px;
}
#modal-form input[type="submit"] {
  width: 165px;
  height: 48px;
  background: #C10000;
  border-radius: 24px;
  font: 16px Roboto;
  color: #fff;
  border: none;
  cursor: pointer;
  margin: 0 auto;
  display: block;
}
#modal-form input[type="submit"]:hover {
  background: #c1c1c1;
}
#modal-form .error input,
#modal-form .error input[type="checkbox"] {
  border-color: #c10000;
}
.fancybox-close-small:after {
  content: "" !important;
  background: url(/local/templates/him/img/modal-close.png) !important;
  width: 14px !important;
  height: 14px !important;
  top: 15px !important;
  right: 15px !important;
}
.open-form,
.razrab a {
  color: #fff;
  text-decoration: underline;
}
.open-form:hover,
.razrab a:hover,
.open-form-contacts:hover {
  text-decoration: none;
}
.razrab {
  float: right;
  width: 230px;
}
.open-form-contacts {
    width: 160px;
    height: 40px;
    background: #c10000;
    font: 16px Roboto;
    line-height: 40px;
    margin-left: auto;
    text-align: center;
    color: #fff;
    font-weight: 300;
    border-radius: 50px;
    margin-right: auto;
    display: block;
    text-decoration: none;
}
.open-form-contacts:hover {
    background: #c1c1c1;
}
.modal-ok {
  height: 495px !important;
}

/* End */


/* Start:/local/templates/him/css/style_review.css?16564894382078*/
*{-webkit-box-sizing:border-box;box-sizing:border-box}.reviewsSlider{padding-bottom:100px}.reviewsSlider__box{margin-top:30px;width:100%;position:relative}.reviewsSlider__container{width:80%;padding:0 15px}.reviewsSlider__item{height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:20px 0;padding:30px;background:#F3F3F3;-webkit-box-shadow:4px 4px 20px rgba(0,0,0,0.1);box-shadow:4px 4px 20px rgba(0,0,0,0.1)}.reviewsSlider__text{line-height:25px;margin-bottom:32px}.reviewsSlider__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.reviewsSlider__name{line-height:19px;color:#C10000;margin:0 10px 10px 0}.reviewsSlider__link{line-height:19px;color:#9D9D9D;-webkit-transition:all 0.38s;transition:all 0.38s;margin-left:auto}.reviewsSlider__link:hover{color:#C10000}.reviewsSlider .swiper-arrow-prev,.reviewsSlider .swiper-arrow-next{width:70px;height:70px;background-color:#FFFFFF;border-radius:50%;-webkit-transition:all 0.38s;transition:all 0.38s}.reviewsSlider .swiper-arrow-prev:hover,.reviewsSlider .swiper-arrow-next:hover{background-color:#C10000}.reviewsSlider .swiper-arrow-prev::after,.reviewsSlider .swiper-arrow-next::after{font-size:30px;color:#000000;-webkit-transition:all 0.38s;transition:all 0.38s}.reviewsSlider .swiper-arrow-prev:hover::after,.reviewsSlider .swiper-arrow-next:hover::after{-webkit-transition:all 0.38s;transition:all 0.38s;color:#FFFFFF}@media (max-width: 992px){body{font-size:14px;line-height:20px}h2{margin-bottom:30px}.reviewsSlider{padding-bottom:50px}.reviewsSlider__box{margin-top:15px}.reviewsSlider__container{width:100%}.reviewsSlider__item{padding:20px}.reviewsSlider__text{margin-bottom:15px}.reviewsSlider .swiper-arrow-prev,.reviewsSlider .swiper-arrow-next{display:none}}
/*# sourceMappingURL=style.css.map */
/* End */


/* Start:/local/templates/him/css/findPage.css?17025414212585*/
.html,body{font-family:Roboto;font-weight:400}a{text-decoration:none;color:#302c2c}.container{width:100%;max-width:1310px;padding-left:15px;padding-right:15px;margin:0 auto}@media screen and (max-width: 992px){.container{max-width:720px}}@media screen and (max-width: 768px){.container{max-width:540px;padding-left:15px;padding-right:15px}}@media screen and (max-width: 576px){.container{max-width:none}}.findPage{margin-top:30px}@media(min-width: 992px){.findPage{margin-top:calc(0.0215517241*100vw + 8.6206896552px)}}@media(min-width: 1920px){.findPage{margin-top:50px}}.findPage__title{font-size:26px;font-family:Roboto;color:#333;font-weight:400;margin-bottom:20px}@media(min-width: 992px){.findPage__title{font-size:calc(0.0064655172*100vw + 19.5862068966px)}}@media(min-width: 1920px){.findPage__title{font-size:32px}}.findPage__label{margin-bottom:30px;display:flex;flex-direction:column;gap:10px}@media(min-width: 992px){.findPage__label{margin-bottom:calc(0.0215517241*100vw + 8.6206896552px)}}@media(min-width: 1920px){.findPage__label{margin-bottom:50px}}.findPage__label p{color:#676767;font-size:14px}.findPage__labelHeader{position:relative}.findPage__labelHeader .findPage__search{margin-bottom:20px;width:92%}.findPage__labelHeader-btn{position:absolute;top:50%;translate:0 -50%;right:15px;border:none;background-color:rgba(0,0,0,0);cursor:pointer}.findPage__search{border:1px solid #e5e5e5;padding:11px 20px;color:#333;font-size:16px}.findPage__search::placeholder{font-size:14px;color:#676767;font-family:"Roboto"}.findPage__results{display:flex;flex-direction:column;border-top:1px solid #e5e5e5;margin-bottom:45px}.findPage__results-item{display:flex;flex-direction:column;gap:20px;border-bottom:1px solid #e5e5e5;padding:15px 40px 15px 0}.findPage__results-item h4{margin:0;color:#c10000;font-weight:400;font-size:20px}.findPage__results-item p{font-size:16px;line-height:140%}.findPage__pagination{display:flex;gap:20px;color:#302c2c}.findPage__pagination a{line-height:140%;font-size:16px}.findPage__pagination a.active{color:#c10000;font-weight:600}.breadcrumbs{display:flex;gap:10px}.breadcrumbs a{text-decoration:none;font-size:16px;color:#a4a7ad}.breadcrumbs a:not(.breadcrumbs a:first-child){position:relative;padding-left:15px}.breadcrumbs a:not(.breadcrumbs a:first-child)::after{content:"";position:absolute;left:0;top:50%;translate:0 -50%;width:7px;height:1px;background-color:#a4a7ad}.ulWrap .findPage{margin-top:0}@media(max-width: 992px){.wrapp1024{min-width:100%}.findPage__pagination{justify-content:center}}/*# sourceMappingURL=findPage.css.map */
/* End */


/* Start:/local/templates/him/js/fancybox-3.0/jquery.fancybox.min.css?161418350210424*/
@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}
/* End */
/* /local/spaceapp/css/lazyload.css?1759070315155 */
/* /bitrix/components/bitrix/breadcrumb/templates/.default/style.css?1614510686585 */
/* /local/templates/him/template_styles.css?176952232297431 */
/* /local/templates/him/css/style1111.css?161418346735 */
/* /local/templates/him/css/style_new.css?16141834671043 */
/* /local/templates/him/css/slick.css?16141834661734 */
/* /local/templates/him/css/slick-theme.css?16141834662697 */
/* /local/templates/him/css/jquery.jscrollpane.css?1614183466950 */
/* /local/templates/him/js/owl-carousel/owl.carousel.min.css?16141835032936 */
/* /local/templates/him/css/style_modalform.css?16141834672566 */
/* /local/templates/him/css/style_review.css?16564894382078 */
/* /local/templates/him/css/findPage.css?17025414212585 */
/* /local/templates/him/js/fancybox-3.0/jquery.fancybox.min.css?161418350210424 */