/* Start:/bitrix/templates/main/css/bxslider.css?17034897174319*/
.bx-wrapper{
    position: relative;

    margin: 0 auto;
    padding: 0;
}


.bx-wrapper .bx-pager{
    position: absolute;
    bottom: 57px;
    z-index: 98;

    width: 100%;
    height: 7px;

    text-align: center;
}
.advantages .bx-wrapper .bx-pager{
    bottom: -70px;
}

.bx-wrapper .bx-pager .bx-pager-item{
    display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a{
    display: block;

    width: 7px;
    height: 7px;

    margin: 0 9px;

    border-radius: 50%;
    outline: 0;
    background: #fff;

    text-indent: -9999px;
    transition: background .2s linear;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #3eab3a;
}


.bx-wrapper .bx-controls-direction a{
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 90;

    width: 48px;
    height: 48px;

    margin-right: -579px;

    outline: 0;
    background: url(/bitrix/templates/main/css/../images/ic_slider_arrows.png) 0 0 no-repeat;

    text-indent: -9999px;
}

.bx-wrapper .bx-controls-direction a.bx-prev{
    margin-top: -60px;

    background-position: 0 0;
}
.bx-wrapper .bx-controls-direction a.bx-next{
    margin-top: 12px;

    background-position: -48px 0;
}

.bx-wrapper .bx-controls-direction a.bx-prev:hover{
    background-position: 0 -48px;
}
.bx-wrapper .bx-controls-direction a.bx-next:hover{
    background-position: -48px -48px;
}


.carousel_wrap .bx-wrapper .bx-controls-direction a{
    position: absolute;
    top: 50%;
    right: -85px;
    z-index: 99;

    width: 48px;
    height: 48px;

    margin-right: 0;

    outline: 0;
    background: url(/bitrix/templates/main/css/../images/ic_carousel_arrows.png) 0 0 no-repeat;

    text-indent: -9999px;
}

.carousel_wrap .bx-wrapper .bx-controls-direction a.bx-prev{
    right: auto;
    left: -85px;

    margin-top: -24px;

    background-position: 0 0;
}
.carousel_wrap .bx-wrapper .bx-controls-direction a.bx-next{
    margin-top: -24px;

    background-position: -48px 0;
}

.carousel_wrap .bx-wrapper .bx-controls-direction a.bx-prev:hover{
    background-position: 0 -48px;
}
.carousel_wrap .bx-wrapper .bx-controls-direction a.bx-next:hover{
    background-position: -48px -48px;
}


.products .carousel_wrap .bx-wrapper .bx-controls-direction a{
    right: -15px;
}
.products .carousel_wrap .bx-wrapper .bx-controls-direction a.bx-prev{
    right: auto;
    left: -15px;
}


.product_info .images .bx-wrapper .bx-controls-direction a{
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 99;

    width: 29px;
    height: 29px;

    margin-right: 0;

    outline: 0;
    background: url(/bitrix/templates/main/css/../images/ic_carousel_arrows2.png) 0 0 no-repeat;

    text-indent: -9999px;
}

.product_info .images .bx-wrapper .bx-controls-direction a.bx-prev{
    right: auto;
    left: 0;

    margin-top: -15px;

    background-position: 0 0;
}
.product_info .images .bx-wrapper .bx-controls-direction a.bx-next{
    margin-top: -15px;

    background-position: -29px 0;
}

.product_info .images .bx-wrapper .bx-controls-direction a.bx-prev:hover{
    background-position: 0 -29px;
}
.product_info .images .bx-wrapper .bx-controls-direction a.bx-next:hover{
    background-position: -29px -29px;
}


.reviews .carousel_wrap .bx-wrapper .bx-controls-direction a{
    position: absolute;
    top: 9px;
    right: -62px;
    z-index: 99;

    width: 48px;
    height: 48px;

    margin-right: 0;

    outline: 0;
    background: url(/bitrix/templates/main/css/../images/ic_carousel_arrows.png) 0 0 no-repeat;

    text-indent: -9999px;
}

.reviews .carousel_wrap .bx-wrapper .bx-controls-direction a.bx-prev{
    right: -62px;
    left: auto;

    margin-top: 0;

    background-position: 0 -48px;
}
.reviews .carousel_wrap .bx-wrapper .bx-controls-direction a.bx-next{
    top: 74px;

    margin-top: 0;

    background-position: -48px -48px;
}

.reviews .carousel_wrap .bx-wrapper .bx-controls-direction a.bx-prev:hover{
    background-position: 0 0;
}
.reviews .carousel_wrap .bx-wrapper .bx-controls-direction a.bx-next:hover{
    background-position: -48px 0;
}


.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-caption{
    display: none;
}

/* End */


/* Start:/bitrix/templates/main/css/fancybox.css?17034897174537*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{
    vertical-align: top;

    margin: 0;
    padding: 0;

    border: 0;
    outline: none;
}

.fancybox-wrap{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin{
    position: relative;

    margin-bottom: 20px;

    border-radius: 5px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
.fancybox-opened{
    z-index: 8030;
}
.fancybox-outer,
.fancybox-inner{
    position: relative;
}
.fancybox-inner{
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner{
    -webkit-overflow-scrolling: touch;
}

.fancybox-error{
    margin: 0;
    padding: 15px;

    color: #444;
    font: 14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;

    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe{
    display: block;

    width: 100%;
    height: 100%;
}

.fancybox-image{
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-prev span,
.fancybox-next span{
    background-image: url('/bitrix/templates/main/css/../images/fancybox/fancybox_sprite.png');
}

#fancybox-loading{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 8060;

    margin-top: -22px;
    margin-left: -22px;

    opacity: .8;
    background-position: 0 -108px;

    cursor: pointer;
}

#fancybox-loading div{
    width: 44px;
    height: 44px;

    background: url('/bitrix/templates/main/css/../images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close{
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 8040;

    width: 30px;
    height: 30px;

    border-radius: 50%;
    background: #3eab3a url(/bitrix/templates/main/css/../images/ic_close.png) 45% 45% no-repeat;

    cursor: pointer;
    transition: .2s linear;
}
.fancybox-close:hover{
    background-color: #f59d00;

    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
}

.fancybox-nav{
    position: absolute;
    top: 0;
    z-index: 8040;

    width: 40%;
    height: 100%;

    background: transparent url('/bitrix/templates/main/css/../images/fancybox/blank.gif'); /* helps IE */

    cursor: pointer;
    text-decoration: none;

    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fancybox-prev{
    left: 0;
}
.fancybox-next{
    right: 0;
}

.fancybox-nav span{
    position: absolute;
    top: 50%;
    z-index: 8040;

    visibility: hidden;

    width: 36px;
    height: 34px;

    margin-top: -18px;

    cursor: pointer;
}
.fancybox-prev span{
    left: 10px;

    background-position: 0 -36px;
}
.fancybox-next span{
    right: 10px;

    background-position: 0 -72px;
}

.fancybox-nav:hover span{
    visibility: visible;
}

.fancybox-tmp{
    position: absolute;
    top: -99999px;
    left: -99999px;

    visibility: hidden;
    overflow: visible !important;

    max-width: 99999px;
    max-height: 99999px;
}

.fancybox-lock{
    overflow: hidden !important;

    width: auto;
}
.fancybox-lock body{
    overflow: hidden !important;
}
.fancybox-lock-test{
    overflow-y: hidden !important;
}

.fancybox-overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8010;

    display: none;
    overflow: hidden;

    background: url('/bitrix/templates/main/css/../images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed{
    position: fixed;
    right: 0;
    bottom: 0;
}

.fancybox-lock .fancybox-overlay{
    overflow: auto;
    overflow-y: scroll;
}

.fancybox-title{
    position: relative;
    z-index: 8050;

    visibility: hidden;

    font: normal 13px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;

    text-shadow: none;
}
.fancybox-opened .fancybox-title{
    visibility: visible;
}

.fancybox-title-float-wrap{
    position: absolute;
    right: 50%;
    bottom: 0;
    z-index: 8050;

    margin-bottom: -35px;

    text-align: center;
}

.fancybox-title-float-wrap .child{
    display: inline-block;

    margin-right: -100%;
    padding: 2px 20px;

    color: #fff;
    font-weight: bold;
    line-height: 24px;

    border-radius: 15px;
    background: transparent;
    background: rgba(0, 0, 0, .8);
    text-shadow: 0 1px 2px #222;

    white-space: nowrap;
}

.fancybox-title-outside-wrap{
    position: relative;

    margin-top: 10px;

    color: #fff;
}
.fancybox-title-inside-wrap{
    padding-top: 10px;
}

.fancybox-title-over-wrap{
    position: absolute;
    bottom: 0;
    left: 0;

    padding: 10px;

    color: #fff;

    background: #000;
    background: rgba(0, 0, 0, .8);
}

/* End */


/* Start:/bitrix/templates/main/css/jscrollpane.css?17034897171269*/
.jspContainer{
    position: relative;

    overflow: hidden;
}

.jspPane{
    position: absolute;
}

.jspVerticalBar{
    position: absolute;
    top: 0;
    right: 10px;

    width: 4px;
    height: 100%;
}

.jspHorizontalBar{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 10px;
}

.jspVerticalBar *,
.jspHorizontalBar *{
    margin: 0;
    padding: 0;
}

.jspCap{
    display: none;
}

.jspHorizontalBar .jspCap{
    float: left;
}

.jspTrack{
    position: relative;

    border-radius: 5px;
    background: #fff;
}

.jspDrag{
    position: relative;
    top: 0;
    left: 0;

    border-radius: 5px;
    background: #3eab3a;

    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
    float: left;

    height: 100%;
}

.jspArrow{
    display: none;

    cursor: pointer;
    text-indent: -20000px;
}

.jspArrow.jspDisabled{
    cursor: default;
}

.jspVerticalBar .jspArrow{
    height: 10px;
}

.jspHorizontalBar .jspArrow{
    float: left;

    width: 10px;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus{
    outline: none;
}

.jspCorner{
    float: left;

    height: 100%;

    background: #eeeef4;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
    margin: 0 -3px 0 0;
}

/* End */


/* Start:/bitrix/templates/main/css/styles.css?1756987369106971*/
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&subset=cyrillic&display=swap');


*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*:before,
*:after{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

img{
    border: none;
}
textarea{
    overflow: auto;
}
input,
textarea,
input:active,
textarea:active{
         outline: none transparent!important;
    box-shadow: none;

    -moz-outline: none!important;
}
input[type=submit],
button[type=submit]{
    -webkit-border-radius: 0;

    -webkit-appearance: none;
}
:focus{
    outline: none;
}

/*---------------
    Main styles
---------------*/
.clear{
    clear: both;
}
.left{
    float: left;
}
.right{
    float: right;
}

html{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body{
    background: #fff;

    -webkit-text-size-adjust: 100%;
}

.cont{
    position: relative;

    width: 100%;
    max-width: 1200px;

    margin: 0 auto;
    padding: 0 10px;
}


.modal_cont{
    position: relative;
}
.mini_modal{
    position: absolute;
    z-index: 999;

    display: none;
}

.police{
    margin: 15px 0;
}
.police a{
    text-decoration: none;
}

.block_head{
    margin-bottom: 45px;

    text-align: center;
}

.block_head .title{
    color: #1a1a1a;
    font: 700 26px PT Sans;

    text-transform: uppercase;
    letter-spacing: .1em;
}

.block_head .desc{
    width: 580px;
    max-width: 100%;

    margin: 20px auto 0;

    color: #6f6f6f;
    font: 18px PT Sans;
}


.block_description {
    font: 14px PT Sans;
    margin-top: 20px;
    color: #6f6f6f;
}

.block_description.mb20 {
    margin-bottom: 20px;
}

.block_head + .block_description {
    margin-top: 0;
}

.page_content{
    padding: 20px 0 40px;
}
.page_content.bg_grey{
    background: #f2f2f2;
}
.page_content.no_dottom_pad{
    padding-bottom: 0;
}


.page_title{
    margin-bottom: 30px;

    color: #1a1a1a;
    font: 700 26px PT Sans;
}


.breadcrumbs{
    padding: 96px 0 26px;

    color: #6f6f6f;
    font: 14px PT Sans;

    background: #f2f2f2;
}

.breadcrumbs a{
    color: #1a1a1a;

    text-decoration: none;
}

.breadcrumbs a span{
    border-bottom: 1px solid #bebebe;

    transition: border-color .2s linear;
}
.breadcrumbs a:hover span{
    border-color: transparent;
}

.breadcrumbs .sep{
    margin: 0 6px;
}


.content{
    width: 100%;

    margin-right: -390px;
    padding-right: 410px;
}


.form .lines{
    display: flex;

    margin-left: -27px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.form .lines .line_wrap{
    flex-direction: column;

    width: 50%;

    flex-basis: 50%;
}

.form .lines .line{
    margin-left: 27px;
}

.form .line{
    margin-bottom: 22px;
}

.form .name{
    margin-bottom: 10px;

    color: #1a1a1a;
    font: 700 16px PT Sans;
}

.form .input{
    display: block;

    width: 100%;
    height: 41px;

    padding: 0 13px;

    color: #6f6f6f;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 3px;
    background: #fff;
}

.form textarea{
    display: block;

    width: 100%;
    height: 100px;

    padding: 10px 13px;

    color: #6f6f6f;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 3px;
    background: #fff;

    resize: none;
}

.form ::-webkit-input-placeholder{
    color: #6f6f6f;
}
.form ::-moz-placeholder{
    color: #6f6f6f;
}
.form :-moz-placeholder{
    color: #6f6f6f;
}
.form :-ms-input-placeholder{
    color: #6f6f6f;
}


.form .submit{
    padding-top: 8px;
}
.form .submit_btn{
    display: inline-block;
    vertical-align: top;

    height: 51px;

    padding: 0 39px;

    color: #fff;
    font: 12px/51px PT Sans;

    border: none;
    border-radius: 4px;
    background: #3eab3a;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.form .submit_btn:hover{
    background: #f59d00;
}



/*---------------
   Header
---------------*/
header{
    height: 70px;

    background: #141414;
}

header .cont{
    padding: 0;
}


header .logo{
    position: relative;
    z-index: 2;
}
header .logo a{
    display: block;

    width: 244px;
    height: 70px;

    line-height: 69px;

    border-bottom: 1px solid #d2d2d2;
    background: #fff;

    text-align: center;
}

header .logo img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 100%;
    max-height: 100%;
}



header .search{
    width: 100%;

    margin: 0 -280px 0 -244px;
    padding: 0 280px 0 244px;
}

header .search .input{
    display: block;

    width: 100%;
    height: 70px;

    padding: 0 25px;

    color: #c6c6c6;
    font: 15px PT Sans;

    border: none;
    background: #141414;
}

header .search .submit_btn{
    position: relative;

    display: block;

    width: 63px;
    height: 70px;

    margin-left: -63px;

    border: none;
    background: none;

    cursor: pointer;
}
header .search .submit_btn:after{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 15px;
    height: 15px;

    margin: -8px 0 0 -8px;

    background: url(/bitrix/templates/main/css/../images/ic_search.png) 0 0 no-repeat;

    content: '';
}
header .search .submit_btn:hover:after{
    background-position: 0 -15px;
}



header .account{
    position: relative;
    z-index: 100;

    width: 280px;

    padding: 11px 21px;

    color: #fff;
    font: 15px/48px PT Sans;

    background: #1f1f1f;

    text-align: right;
}

header .account a{
    display: inline-block;
    vertical-align: top;

    height: 48px;

    color: #fff;

    text-decoration: none;
}
header .account a span{
    display: inline-block;
    vertical-align: middle;

    line-height: 16px;

    border-bottom: 1px dotted #656565;

    transition: border-color .2s linear;
}
header .account a:hover span,
header .account a.active span{
    border-color: transparent;
}

header .account .sep{
    display: inline-block;
    vertical-align: top;

    width: 1px;
    height: 19px;

    margin: 15px 15px 0;

    background: #323232;
}

header .account .avatar{
    overflow: hidden;

    width: 48px;
    height: 48px;

    margin-left: 22px;

    border-radius: 50%;
    background: #484848 url(/bitrix/templates/main/css/../images/avatar_default.png) 0 0 no-repeat;
}
header .account .avatar a,
header .account .avatar img{
    display: block;

    width: 100%;
    height: 100%;
}


#login_modal{
    top: 70px;
    right: 198px;

    width: 340px;

    padding: 19px;

    border-radius: 5px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);

    text-align: left;
}
#login_modal:before{
    position: absolute;
    top: -14px;
    right: 16px;

    display: block;

    width: 14px;
    height: 14px;

    border: 7px solid transparent;
    border-bottom-color: #fff;

    content: '';
}

#login_modal form .line{
    margin-bottom: 13px;
}
#login_modal form .name{
    margin-bottom: 7px;

    color: #222;
    font: 15px/15px PT Sans;
}

#login_modal form .field{
    position: relative;
}
#login_modal form .field.error:after{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 40px;
    height: 40px;

    border-radius: 5px;
    background: #ff4f49 url(/bitrix/templates/main/css/../images/ic_error_field.png) 50% 50% no-repeat;

    content: '';
}

#login_modal form .input{
    display: block;

    width: 100%;
    height: 40px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

#login_modal form input[type=checkbox]{
    display: none;
}
#login_modal form label{
    position: relative;

    display: inline-block;
    vertical-align: top;

    padding-left: 30px;

    color: #222;
    font: 15px/24px PT Sans;

    cursor: pointer;
}
#login_modal form label span{
    display: inline-block;
    vertical-align: middle;

    line-height: 15px;

    border-bottom: 1px dotted #898989;

    transition: border-color .2s linear;
}
#login_modal form label:hover span{
    border-color: transparent;
}

#login_modal form label:before{
    position: absolute;
    top: 3px;
    left: 0;

    display: block;

    width: 18px;
    height: 18px;

    background: url(/bitrix/templates/main/css/../images/ic_checkbox.png) 0 0 no-repeat;

    content: '';
}
#login_modal form input[type=checkbox]:checked + label:before{
    background-position: 0 -18px;
}

#login_modal form .forgot_link{
    display: block;

    height: 43px;

    margin-top: 9px;
    margin-right: 9px;
    padding-left: 30px;

    color: #222;
    font: 15px/43px PT Sans;

    background: url(/bitrix/templates/main/css/../images/ic_forgot_link.png) 0 50% no-repeat;

    text-decoration: none;
}
#login_modal form .forgot_link span{
    display: inline-block;
    vertical-align: middle;

    line-height: 15px;

    border-bottom: 1px solid #bebebe;

    transition: border-color .2s linear;
}
#login_modal form .forgot_link:hover span{
    border-color: transparent;
}

#login_modal form .submit{
    padding-top: 9px;
}
#login_modal form .submit_btn{
    display: inline-block;
    vertical-align: top;

    min-width: 135px;
    height: 43px;

    padding: 0 25px;

    color: #fff;
    font: 13px/43px PT Sans;

    border: none;
    border-radius: 5px;
    background: #3eab3a;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .01em;
    transition: background .2s linear;
}
#login_modal form .submit_btn:hover{
    background: #f59d00;
}



header .mob_menu_link{
    display: none;

    width: 70px;
    height: 70px;

    padding: 20px 15px;

    text-align: center;
}

header .mob_menu_link span{
    display: block;

    width: 100%;
    height: 5px;

    background: #1a1a1a;
}
header .mob_menu_link span + span{
    margin-top: 7px;
}



header .menu{
    position: absolute;
    bottom: -70px;
    left: 0;
    z-index: 99;

    width: 100%;
    height: 70px;

    background: #fff;
}

header .menu > ul{
    display: flex;

    width: 100%;

    margin-right: -198px;
    padding-right: 230px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

header .menu > ul > li{
    position: relative;

    flex-direction: column;

    list-style: none;
}

header .menu > ul > li > a{
    position: relative;

    display: block;

    height: 70px;

    padding: 0 20px;

    color: #1a1a1a;
    font: 16px/70px PT Sans;

    text-decoration: none;
    transition: color .2s linear;
}
header .menu > ul > li > a.sub_link:after{
    position: absolute;
    top: 50%;
    right: 5px;

    display: block;

    width: 7px;
    height: 4px;

    background: url(/bitrix/templates/main/css/../images/ic_sub_link.png) 0 0 no-repeat;

    content: '';
}

header .menu > ul > li:hover > a{
    color: #048b00;
}

header .menu .sub_menu{
    position: absolute;
    top: 77px;
    left: 0;

    display: none;

    padding: 15px 10px;

    border-radius: 5px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
header .menu .sub_menu:before{
    position: absolute;
    top: -7px;
    left: 0;

    display: block;

    width: 100%;
    height: 7px;

    content: '';
}
header .menu .sub_menu:after{
    position: absolute;
    top: -10px;
    left: 20px;

    display: block;

    width: 10px;
    height: 10px;

    border: 5px solid transparent;
    border-bottom-color: #fff;

    content: '';
}

header .menu .sub_menu.columns{
    width: 360px;

            column-count: 2;
    -webkit-column-count: 2;
       -moz-column-count: 2;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
}

header .menu > ul > li:hover .sub_menu{
    display: block;
}

header .menu .sub_menu li{
    display: block;

    width: 238px;

    list-style: none;
}
header .menu .sub_menu li + li{
    margin-top: 10px;
}

header .menu .sub_menu li a{
    position: relative;

    display: inline-block;
    vertical-align: top;

    padding-left: 25px;

    color: #1f1f1f;
    font: 16px PT Sans;

    text-decoration: none;
    transition: color .2s linear;
}

header .menu .sub_menu li a:before{
    position: absolute;
    top: 10px;
    left: 11px;

    display: block;

    width: 2px;
    height: 2px;

    background: #3eab3a;

    content: '';
}

header .menu .sub_menu li a:hover{
    color: #048b00;
}


header .order_link{
    position: relative;
    z-index: 2;

    display: block;

    width: 198px;
    height: 70px;

    color: #fff;
    font: 13px/70px PT Sans;

    background: #3eab3a;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: background .2s linear;
}
header .order_link:hover{
    background: #f59d00;
}



/*---------------
   Main section
---------------*/
.main_slider{
    position: relative;

    margin-bottom: 23px;
}

.main_slider .slide{
    position: relative;

    display: none;
    overflow: hidden;
}

.main_slider .bx-wrapper .slide{
    display: block;
}

.main_slider .slide:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;

    display: block;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,.73);

    content: '';
}

.main_slider .slide .img{
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;

    display: block;

    min-width: 100%;
    min-height: 100%;

    transform: translateX(-50%);
}

.main_slider .slide .info{
    position: relative;
    z-index: 10;

    display: table-cell;
    vertical-align: middle;

    height: 534px;

    padding-top: 40px;
    padding-left: 100px;
    padding-right: 100px;
}

.main_slider .slide .title{
    margin-bottom: 5px;

    color: #fff;
    font: 700 30px PT Sans;

    text-transform: uppercase;
    letter-spacing: .1em;
}

.main_slider .slide .desc{
    color: #fff;
    font: 25px PT Sans;
}

.main_slider .slide .link{
    display: inline-block;
    vertical-align: top;

    height: 47px;

    margin-top: 30px;
    padding: 0 24px;

    color: #fff;
    font: 13px/47px PT Sans;

    border-radius: 4px;
    background: #3eab3a;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: background .2s linear;
}
.main_slider .slide .link img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    margin-left: 26px;
}

.main_slider .slide .link:hover{
    background: #f59d00;
}


.slider_count{
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 98;

    display: none;

    margin-left: -590px;

    color: #fff;
    font: 18px/40px PT Sans;
}
.slider_count .box{
    display: table-cell;
    vertical-align: middle;

    height: 534px;
}

.slider_count a{
    position: relative;

    display: block;

    height: 40px;

    color: #fff;

    text-decoration: none;
    transition: .2s linear;
}
.slider_count a:after{
    position: absolute;
    top: 50%;
    left: 55px;

    display: block;

    width: 0;
    height: 1px;

    background: #3eab3a;

    content: '';
    transition: width .2s ease-in-out .2s;
}

.slider_count a.active{
    padding-left: 10px;

    color: #3eab3a;
    font-size: 28px;
    font-weight: 700;
}
.slider_count a.active:after{
    width: 50px;
}



.services .items{
    display: flex;

    margin-left: -20px;
    padding-bottom: 9px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.services .item_wrap{
    flex-direction: column;

    margin-bottom: 21px;

    flex-basis: 25%;
}

.services .item_wrap .item{
    position: relative;

    display: block;
    overflow: hidden;

    margin-left: 20px;

    background: #f1f1f1;

    text-decoration: none;
}

.services .item_wrap .item + .item{
    margin-top: 20px;
}

.services .item_wrap .item img{
    display: block;

    width: 100%;
    height: 100%;

    transition: transform .5s linear;
}

.services .item_wrap .item:hover img{
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.services .item_wrap .info{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    padding: 30px 20px;
}

.services .item_wrap .number{
    margin-bottom: 25px;

    color: #048b00;
    font: 700 28px/28px PT Sans;
}

.services .item_wrap .name{
    color: #1a1a1a;
    font: 700 18px PT Sans;
}
.services .item_wrap .name span{
    border-bottom: 1px solid rgba(47,47,47,.3);

    transition: border-color .2s linear;
}

.services .item_wrap a:hover .name span{
    border-color: transparent;
}

.services .item_wrap .desc{
    margin-top: 20px;

    color: #fff;
    font: 17px PT Sans;
}


.services .item_wrap.current{
    padding: 30px 0 30px 20px;

    background: #fff;
}

.services .item_wrap.current .desc{
    color: #1a1a1a;
    font: 16px PT Sans;
}

.services .item_wrap.current .desc ul{
    margin-bottom: 20px;
}
.services .item_wrap.current .desc li{
    position: relative;

    padding-left: 22px;

    list-style: none;
}
.services .item_wrap.current .desc li + li{
    margin-top: 15px;
}
.services .item_wrap.current .desc li:before{
    position: absolute;
    top: 7px;
    left: 0;

    display: block;

    width: 7px;
    height: 7px;

    border-radius: 50%;
    background: #3eab3a;

    content: '';
}

.services .item_wrap.current .link{
    display: inline-block;
    vertical-align: top;

    height: 47px;

    margin-top: 30px;
    padding: 0 22px;

    color: #fff;
    font: 13px/47px PT Sans;

    border-radius: 4px;
    background: #f59d00;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: background .2s linear;
}
.services .item_wrap.current .link:hover{
    background: #3eab3a;
}



.calc{
    padding: 42px 0;

    background: #f1f1f1;
}

.page_content .calc{
    padding: 0;
}

.calc form .data{
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

.calc form .line{
    display: flex;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}
.calc form .line + .line{
    border-top: 1px solid #d2d2d2;
}

.calc form .col{
    flex-direction: column;

    width: 100%;

    padding: 30px 21px;

    flex-basis: 100%;
}
.calc form .col1of4{
    width: 25% !important;

    flex-basis: 25% !important;
}
.calc form .col2of4{
    width: 50% !important;

    flex-basis: 50% !important;
}
.calc form .col3of4{
    width: 75% !important;

    flex-basis: 75% !important;
}

.calc form .col + .col{
    border-left: 1px solid #d2d2d2;
}

.calc form .checks{
    display: flex;

    margin-bottom: -17px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.calc form .checks .checkbox{
    flex-direction: column;

    width: 100%;

    flex-basis: 100%;
}

.calc form .name{
    margin-bottom: 10px;

    color: #1a1a1a;
    font: 700 17px PT Sans;
}

.calc form .name.left{
    margin-right: 28px;
    margin-bottom: 0;

    line-height: 19px;
}

.calc form .name sup{
    display: inline-block;
    vertical-align: top;

    font-size: 13px;
}

.calc form .input{
    display: block;

    width: 100%;
    height: 57px;

    padding: 0 15px;

    color: #181818;
    font: 700 25px PT Sans;

    border: none;
    border-radius: 4px;
    background: #f1f1f1;
}

.calc form .item{
    display: inline-block;
    vertical-align: top;
}
.calc form .item + .item{
    margin-left: 26px;
}


.calc form input[type=radio]{
    display: none;
}

.calc form input[type=radio]:disabled + label{
    opacity: 0.5;
}

.calc form input[type=radio] + label{
    position: relative;

    display: inline-block;
    vertical-align: top;

    padding-left: 29px;

    color: #1a1a1a;
    font: 15px/19px PT Sans;

    cursor: pointer;
}
.calc form input[type=radio] + label span{
    position: relative;
    top: -1px;

    display: inline-block;
    vertical-align: middle;

    line-height: 15px;

    border-bottom: 1px dotted #656565;

    transition: border-color .2s linear;
}

.calc form input[type=radio] + label:before{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;

    display: block;

    width: 19px;
    height: 19px;

    border: 3px solid #3fc03b;
    border-radius: 50%;

    content: '';
}

.calc form input[type=radio] + label:after{
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 9;

    display: block;

    width: 7px;
    height: 7px;

    opacity: 0;
    border-radius: 50%;
    background: #3fc03b;

    content: '';
    transition: opacity .2s linear;
}

.calc form input[type=radio]:checked + label{
    font-weight: 700;
}
.calc form input[type=radio]:checked + label:after{
    opacity: 1;
}
.calc form input[type=radio]:checked + label span,
.calc form input[type=radio] + label:hover span{
    border-color: transparent;
}


.calc form input[type=checkbox]{
    display: none;
}
.calc form input[type=checkbox] + label{
    position: relative;

    display: inline-block;
    vertical-align: top;

    margin-bottom: 17px;
    padding-left: 28px;

    color: #1a1a1a;
    font: 15px/18px PT Sans;

    cursor: pointer;
}

.calc form input[type=checkbox] + label .icon{
    display: inline-block;
    vertical-align: middle;

    width: 23px;
    height: 27px;

    margin-right: 5px;

    line-height: 27px;

    text-align: center;
    border-bottom: 1px dotted transparent;
}
.calc form input[type=checkbox] + label .icon img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 100%;
    max-height: 100%;
}

.calc form input[type=checkbox] + label span{
    border-bottom: 1px dotted #656565;

    transition: border-color .2s linear;
}

.calc form input[type=checkbox] + label:before{
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9;

    display: block;

    width: 18px;
    height: 18px;

    margin-top: -9px;

    background: url(/bitrix/templates/main/css/../images/ic_checkbox.png) 0 0 no-repeat;

    content: '';
}

.calc form input[type=checkbox]:checked + label{
    font-weight: 700;
}
.calc form input[type=checkbox]:checked + label:before{
    background-position: 0 -18px;
}
.calc form input[type=checkbox]:checked + label span,
.calc form input[type=checkbox] + label:hover span{
    border-color: transparent;
}


.calc form .submit{
    margin-top: 33px;

    text-align: center;
}

.calc form .submit_btn{
    display: inline-block;
    vertical-align: top;

    height: 48px;

    padding: 0 23px;

    color: #fff;
    font: 13px/50px PT Sans;

    border: none;
    border-radius: 4px;
    background: #3eab3a;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: background .2s linear;
}
.calc form .submit_btn:hover{
    background: #f59d00;
}

.calc form .total{
    display: inline-block;
    vertical-align: top;

    height: 48px;

    color: #1a1a1a;
    font: 24px/48px PT Sans;
}

.calc form .total .exp_ic{
    font-size: 30px;
    font-weight: 700;
}

.calc form .total b{
    margin-left: 6px;

    color: #048b00;
    font-size: 30px;
}


.calc .exp{
    margin-top: 40px;

    color: #6f6f6f;
    font: 14px/20px PT Sans;
}


.calc_exp{
    padding: 16px 0;

    color: #6f6f6f;
    font: 13px/21px PT Sans;

    background: #f7f7f7;
}



.advantages{
    padding: 60px 0 120px;

    background: url(/bitrix/templates/main/css/../images/bg_advantages.jpg) 50% 50% no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.advantages .block_head .title{
    color: #fff;
}

.advantages .links{
    margin-bottom: 70px;

    text-align: center;
}

.advantages .links a{
    display: inline-block;
    vertical-align: top;

    min-width: 132px;
    height: 35px;

    padding: 0 17px;

    color: #55c351;
    font: 13px/33px PT Sans;

    border: 1px solid #3eab3a;
    border-radius: 4px;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: .2s linear;
}

.advantages .links a:hover{
    color: #fff;

    border-color: #f59d00;
    background: #f59d00;
}

.advantages .links a.active{
    color: #fff;

    border: 1px solid rgba(0,0,0,.05);
    background: rgba(0,0,0,.3);
}

.advantages .links a + a{
    margin-left: 29px;
}


.advantages .slide{
    display: none;
}
.advantages .bx-wrapper .slide{
    display: block;
}

.advantages .items{
    display: flex;

    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.advantages .item{
    flex-direction: column;

    color: #fff;
    font: 19px PT Sans;

    text-align: center;

    flex-basis: 25%;
}

.advantages .item .icon{
    height: 63px;

    margin-bottom: 37px;

    line-height: 63px;
}
.advantages .item .icon img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 100%;
    max-height: 100%;
}



.clients{
    padding: 45px 0 35px;
}
.service_info + .clients,
.service_bottom + .clients{
    padding-top: 0;
}

.clients .block_head .desc{
    width: 100%;
}

.clients .carousel_wrap{
    padding: 0 85px;
}

.clients .carousel .slide{
    display: none;

    height: 80px;

    line-height: 80px;

    text-align: center;
}
.clients .bx-wrapper .slide{
    display: block;
}


.clients .carousel .slide img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 80%;
    max-height: 80%;
}


 .news_link {
color: #f59d00 !important;
    font: 16px/20px PT Sans;
    letter-spacing: .075em;
    }


.articles{
    margin-bottom: 45px;
    padding: 45px 0;

    background: #f5f5f5;
}

.articles .block{
    width: 50%;
}
.articles .block.left{
    padding-right: 25px;
}
.articles .block.right{
    padding-left: 25px;
}

.articles .block_title{
    margin-bottom: 32px;

    color: #1a1a1a;
    font: 700 27px/35px PT Sans;
}

.articles .all_link{
    display: inline-block;
    vertical-align: top;

    height: 35px;

    margin-left: 34px;
    padding: 0 17px;

    color: #1a1a1a;
    font: 15px/31px PT Sans;

    border: 1px solid #3eab3a;
    border-radius: 3px;

    text-decoration: none;
    transition: .2s linear;
}
.articles .all_link:hover{
    color: #fff;

    border-color: #f59d00;
    background: #f59d00;
}


.articles .items{
    overflow: hidden;

    margin-left: -28px;
}

.articles .item_wrap{
    float: left;

    width: 50%;
}
.articles .item_wrap.full{
    width: 100%;
}

.articles .item{
    overflow: hidden;

    margin-left: 28px;

    color: #6f6f6f;
    font: 16px PT Sans;
}

.articles .item .thumb{
    position: relative;
    z-index: 2;

    width: 264px;
}
.articles .item .thumb a,
.articles .item .thumb img{
    display: block;

    width: 100%;
}

.articles .item .thumb + .info{
    width: 100%;

    margin-left: -264px;
    padding-left: 285px;
}

.articles .item .name{
    margin-bottom: 20px;
}
.articles .item .name a{
    display: inline-block;
    vertical-align: top;

    color: #1a1a1a;
    font: 700 18px/20px PT Sans;

    text-decoration: none;
}
.articles .item .name a span{
    border-bottom: 1px solid #aeaeae;

    transition: border-color .2s linear;
}

.articles .item .name a:hover span{
    border-color: transparent;
}

.articles .item .date{
    margin-bottom: 20px;

    color: #048b00;
    font-size: 14px;
}



.products .carousel_wrap{
    position: relative;

    margin-bottom: 80px;
}
.products .carousel_wrap:before{
    position: absolute;
    top: 62px;
    left: 0;
    z-index: 9;

    display: block;

    width: 1px;
    height: 220px;

    background: #fff;

    content: '';
}

.products .grid{
    display: flex;

    /* justify-content: space-between; */
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.products .product_wrap{
    flex-direction: column;

    flex-basis: 33.333%;
}


.products .product_wrap .product{
    padding: 0;
}

.products .product{
    position: relative;

    padding: 0 28px;

    color: #6f6f6f;
    font: 16px/18px PT Sans;

    text-align: center;
}
.products .carousel_wrap .product:before{
    position: absolute;
    top: 62px;
    left: 0;

    display: block;

    width: 1px;
    height: 220px;

    background: #dcdcdc;

    content: '';
}

.products .product .thumb{
    margin-bottom: 25px;
}
.products .product .thumb a{
    display: block;

    height: 210px;

    line-height: 210px;
}
.products .product .thumb img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 100%;
    max-height: 100%;
}

.products .product .name{
    margin-bottom: 25px;
}
.products .product .name a{
    display: inline-block;
    vertical-align: top;

    color: #1a1a1a;
    font: 700 17px/20px PT Sans;

    text-decoration: none;
}
.products .product .name a span{
    transition: border-color .2s linear;
}
.products .product .name a:hover span{
    border-color: transparent;
}

.products .product .name .price-list {
    font-family: PT Sans;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: rgba(62, 171, 58, 1);
    display: block;
}

.faq .exp{
    margin-bottom: 30px;
    margin-left: 25px;
    padding: 10px 0 0;

    color: #6f6f6f;
    font: 15px PT Sans;
}

.faq .exp a{
    color: #1a1a1a;

    text-decoration: none;
}

.faq .exp a span{
    position: relative;
    top: -1px;

    display: inline-block;
    vertical-align: middle;

    line-height: 16px;

    border-bottom: 1px dotted #656565;

    transition: border-color .2s linear;
}
.faq .exp a:hover span{
    border-color: transparent;
}

.faq .list .group{
    overflow: hidden;

    border: 1px solid #e9e9e9;
    border-radius: 2px;
}
.faq .list .group + .group{
    margin-top: 10px;
}

.faq .list .group_name{
    position: relative;

    padding: 30px 78px 31px 20px;

    color: #1a1a1a;
    font: 700 16px PT Sans;

    background: #f2f2f2;

    cursor: pointer;
    transition: background .2s linear;
}
.faq .list .group_name:after{
    position: absolute;
    top: 50%;
    right: 13px;

    display: block;

    width: 50px;
    height: 50px;

    margin-top: -25px;

    border-radius: 50%;
    background: url(/bitrix/templates/main/css/../images/ic_faq.png) 0 0 no-repeat;

    content: '';
}

.faq .list .group_name span{
    border-bottom: 1px dotted #909090;

    transition: border-color .2s linear;
}

.faq .list .group_name:hover:after{
    background-position: 0 -50px;
}
.faq .list .group_name:hover span,
.faq .list .group_name.active span{
    border-color: transparent;
}

.faq .list .group_name.active{
    background: #fff;
}

.faq .list .group_name.active:after{
    background-position: -50px 0;
}
.faq .list .group_name.active:hover:after{
    background-position: -50px -50px;
}

.faq .list .group_data{
    display: none;

    padding: 20px 18px 23px;

    border-top: 1px solid #e9e9e9;
}

.faq .list .item + .item{
    margin-top: 20px;
}

.faq .list .name{
    color: #1a1a1a;
    font: 700 16px PT Sans;

    cursor: pointer;
}
.faq .list .name span{
    border-bottom: 1px dotted #909090;

    transition: border-color .2s linear;
}
.faq .list .name:hover span,
.faq .list .name.active span{
    border-color: transparent;
}

.faq .list .data{
    display: none;

    margin-top: 10px;
    padding-left: 25px;

    color: #6f6f6f;
    font: 15px/20px PT Sans;
}
.faq .list .data p + p{
    margin-top: 10px;
}


.faq .list_exp{
    position: relative;
    z-index: 2;

    width: 390px;

    padding-left: 20px;

    color: #6f6f6f;
    font: 16px PT Sans;

    border-left: 1px solid #1a1a1a;
}

.faq .list_exp b{
    color: #1a1a1a;
}

.faq .list_exp p + p{
    margin-top: 20px;
}


.faq .add_question{
    margin-top: 23px;
    padding-top: 23px;

    border-top: 1px solid #e9e9e9;
}

.faq .add_question .block_title{
    margin-bottom: 25px;

    color: #1a1a1a;
    font: 700 26px pT Sans;
}

.faq .add_question .form{
    padding: 22px 22px 39px;

    border-radius: 5px;
    background: #f2f2f2;
}



.gallery .list{
    overflow: hidden;
}

.gallery .list .item_wrap{
    float: left;

    width: 25%;

    margin-bottom: 28px;
}

.gallery .list .item{
    border: 1px solid #e9e9e9;
    border-top: none;
}

.gallery .list .item .thumb a{
    position: relative;

    display: block;
}
.gallery .list .item .thumb a.video_link:before{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    display: block;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,.7);

    content: '';
}
.gallery .list .item .thumb a.video_link:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;

    display: block;

    width: 100%;
    height: 100%;

    opacity: .6;
    background: url(/bitrix/templates/main/css/../images/ic_video_play.png) 50% 50% no-repeat;

    content: '';
    transition: opacity .2s linear;
}
.gallery .list .item:hover .thumb a.video_link:after{
    opacity: 1;
}

.gallery .list .item .thumb img{
    display: block;

    width: 100%;
}

.gallery .list .item .info{
    padding: 20px 10px;
}

.gallery .list .item .name a{
    display: inline-block;
    vertical-align: top;

    color: #1a1a1a;
    font: 700 18px/20px PT Sans;

    text-decoration: none;
}
.gallery .list .item .name a span{
    border-bottom: 1px solid #aeaeae;

    transition: border-color .2s linear;
}
.gallery .list .item .name a:hover span{
    border-color: transparent;
}

.gallery .list .item .date{
    margin-top: 15px;

    color: #048b00;
    font: 14px PT Sans;
}



.articles_page .list{
    position: relative;

    margin-bottom: 20px;
}

.articles_page .item{
    overflow: hidden;

    color: #6f6f6f;
    font: 16px PT Sans;

    border-bottom: 1px solid rgba(0,0,0,.07);
    background: #fff;
}

.articles_page .item .thumb{
    overflow: hidden;
}

.articles_page .item .thumb a,
.articles_page .item .thumb img{
    display: block;

    width: 100%;

    transition: transform .5s linear;
}

.articles_page .item:hover .thumb a{
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.articles_page .item .info{
    padding: 15px 10px;
}

.articles_page .item .date{
    margin-bottom: 10px;

    color: #048b00;
    font-size: 14px;
}

.articles_page .item .name{
    margin-bottom: 22px;
}
.articles_page .item .name a{
    display: inline-block;
    vertical-align: top;

    color: #1a1a1a;
    font: 700 16px PT Sans;

    text-decoration: none;
}
.articles_page .item .name a span{
    border-bottom: 1px solid #aeaeae;

    transition: border-color .2s linear;
}

.articles_page .item .name a:hover span{
    border-color: transparent;
}

.articles_page .item .tags{
    overflow: hidden;

    margin-top: 20px;
    margin-left: -10px;
}
.articles_page .item .tags a{
    display: block;
    float: left;

    height: 24px;

    margin-bottom: 5px;
    margin-left: 10px;
    padding: 0 12px;

    color: #2b2b2b;
    font: 14px/22px PT Sans;

    border-radius: 4px;
    background: #e1e1e1;

    white-space: nowrap;
    text-decoration: none;
    transition: .2s linear;
}
.articles_page .item .tags a:hover{
    color: #fff;

    background: #3eab3a;
}



.article_full{
    padding-top: 20px;
}
.article_full h1{
    margin-bottom: 25px;

    font-size: 30px;

    text-align: center;
}
.article_full .h1{
    margin-bottom: 30px;
    color: #1a1a1a;
    font: 700 26px PT Sans;
    text-align: left;
}

.article_full .head{
    width: 1019px;
    max-width: 100%;

    margin: 0 auto 35px;

    text-align: center;
}

.article_full .head .date{
    display: inline-block;
    vertical-align: top;

    color: #048b00;
    font: 14px/24px PT Sans;
}

.article_full .head .tags{
    display: inline-block;
    vertical-align: top;

    margin-left: 25px;
}
.article_full .head .tags a{
    display: inline-block;
    vertical-align: top;

    height: 24px;

    padding: 0 12px;

    color: #2b2b2b;
    font: 14px/22px PT Sans;

    border-radius: 4px;
    background: #e1e1e1;

    white-space: nowrap;
    text-decoration: none;
    transition: .2s linear;
}
.article_full .head .tags a + a{
    margin-left: 6px;
}
.article_full .head .tags a:hover{
    color: #fff;

    background: #3eab3a;
}

.article_full .head img{
    display: block;

    max-width: 100%;

    margin: 50px auto 0;
}


.product_info{
    margin-top: -20px;
}
.product_info .images{
    width: 391px;

    margin-bottom: 25px;

    border: 1px solid #e9e9e9;
    border-top: none;
    background: #fff;
}

.product_info .images .big li{
    display: block;

    list-style: none;
}

.product_info .images .big li a{
    display: block;

    height: 365px;

    line-height: 365px;

    text-align: center;
}

.product_info .images .big li img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 90%;
    max-height: 90%;
}

.product_info .images .thumbs{
    padding-top: 1px;

    /*background: #e9e9e9;*/
}
.product_info .images .thumbs li{
    display: inline-block;
    vertical-align: top;
}
.product_info .images .thumbs li a{
    display: block;

    width: 100%;
    height: 129px;

    line-height: 129px;

    background: #fff;

    text-align: center;
}
.product_info .images .thumbs li a img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 80%;
    max-height: 80%;
}


.product_info .data_info{
    width: 100%;

    margin-bottom: 25px;
    margin-left: -391px;
    padding-top: 25px;
    padding-left: 409px;
}

.product_info .data_info h1{
    margin-bottom: 20px;

    color: #1a1a1a;
    font: 700 23px PT Sans;
}

.product_info .data_info .status{
    margin-bottom: 20px;

    color: #6f6f6f;
    font: 700 16px PT Sans;
}
.product_info .data_info .status.green{
    color: #048b00;
}

.product_info .data_info .desc{
    margin-bottom: 30px;

    color: #6f6f6f;
    font: 16px PT Sans;
}
.product_info .data_info .desc p{
    margin-bottom: 20px;
}

.product_info .data_info .features{
    display: flex;

    margin-bottom: 29px;
    padding: 24px 15px;

    border: 1px solid #e9e9e9;
    border-radius: 4px;

    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    flex-wrap: wrap;
}

.product_info .data_info .features .item{
    position: relative;

    padding: 5px 0 4px 65px;

    color: #1a1a1a;
    font: 15px/20px PT Sans;
}
.product_info .data_info .features .item + .item{
    margin-left: 45px;
}

.product_info .data_info .features .item .icon{
    position: absolute;
    top: calc(50% - 26px);
    left: 0;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border-radius: 50%;
}
.product_info .data_info .features .item .icon img{
    display: block;

    width: 100%;
    height: 100%;
}

.product_info .data_info .features .item b{
    font-size: 21px;
}
.product_info .data_info .features .item sup{
    display: inline-block;
    vertical-align: top;

    font-size: 13px;
    line-height: 5px;
}

.product_info .data_info .features .item a{
    display: inline-block;
    vertical-align: top;

    height: 20px;

    color: #1a1a1a;
    font-size: 22px;
    line-height: 20px;

    text-decoration: none;
}


.product_info .data_info .where_buy{
    display: inline-block;
    vertical-align: top;

    width: 168px;
    height: 48px;

    color: #fff;
    font: 13px/48px PT Sans;

    border-radius: 4px;
    background: #f59d00;

    text-align: center;
    text-decoration: none;
    letter-spacing: .1em;
    transition: background .2s linear;
}
.product_info .data_info .where_buy:hover{
    background: #3eab3a;
}


.product_info .data_info .packing{
    display: inline-block;
    vertical-align: top;

    margin-left: 26px;
    padding: 3px 0 5px;

    color: #6f6f6f;
    font: 16px/20px PT Sans;
}
.product_info .data_info .packing b{
    display: block;

    color: #1a1a1a;
}



.prod_information .text{
    flex-direction: column;

    padding: 40px 0;

    color: #6f6f6f;
    font: 18px PT Sans;

    text-align: center;

    flex-basis: 100%;
}
.prod_information .text p + p{
    margin-top: 20px;
}


.prod_information .row{
    display: table;

    width: 100%;

    margin-bottom: 20px;
}

.prod_information .col_left{
    display: table-cell;
    vertical-align: top;

    width: 391px;

    table-layout: fixed;

    border: 1px solid #e9e9e9;
    border-right: none;
}

.prod_information .documents{
    padding: 25px 20px;

    background: #f7f7f7;
}
.prod_information .documents .title{
    margin-bottom: 25px;

    color: #1a1a1a;
    font: 700 21px/21px PT Sans;
}

.prod_information .documents .item{
    position: relative;

    display: block;

    padding: 4px 0 4px 48px;

    color: #6f6f6f;
    font: 15px/20px PT Sans;

    text-decoration: none;
}
.prod_information .documents .item + .item{
    margin-top: 12px;
}

.prod_information .news_link {
color: #f59d00;
    font: 16px/20px PT Sans;
    letter-spacing: .075em;
}


.prod_information .documents .item:before{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 28px;
    height: 28px;

    border-radius: 50%;
    background: url(/bitrix/templates/main/css/../images/ic_documents.png) 0 0 no-repeat;

    content: '';
}
.prod_information .documents .item:hover:before{
    background-position: 0 -28px;
}

.prod_information .documents .item span{
    display: inline-block;
    vertical-align: middle;

    color: #1a1a1a;
    line-height: 16px;

    border-bottom: 1px dotted #909090;

    transition: border-color .2s linear;
}
.prod_information .documents .item:hover span{
    border-color: transparent;
}


.product_info .reviews{
    padding: 32px 10px 10px 10px;

    background: none;
}
.product_info .reviews .block_title{
    margin-bottom: 25px;
    padding-right: 67px;
    padding-left: 10px;

    color: #1a1a1a;
    font: 700 21px/21px PT Sans;
}
.product_info .reviews .all_link{
    display: block;

    height: 21px;

    color: #2b2b2b;
    font: 15px/21px PT Sans;

    text-decoration: none;
}
.product_info .reviews .all_link span{
    border-bottom: 1px solid #bebebe;

    transition: border-color .2s linear;
}
.product_info .reviews .all_link:hover span{
    border-color: transparent;
}

.product_info .reviews .carousel_wrap{
    padding-right: 67px;
}
.product_info .reviews .slide{
    position: relative;

    display: none;
    overflow: hidden;
}
.product_info .reviews .bx-wrapper .slide{
    display: block;
}

.product_info .reviews .slide:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;

    display: block;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,.52);

    content: '';
}

.product_info .reviews .slide img{
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
}

.product_info .reviews .slide .info{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;

    padding: 35px 20px;

    color: #fff;
    font: 14px PT Sans;
}
.product_info .reviews .slide .info .date{
    margin-bottom: 15px;
}

.product_info .reviews .slide .info .name a{
    display: inline-block;
    vertical-align: top;

    color: #fff;
    font: 700 16px PT Sans;

    text-decoration: none;
}
.product_info .reviews .slide .info .name a span{
    border-bottom: 1px solid #bebebe;

    transition: border-color .2s linear;
}

.product_info .reviews .slide .info .name a:hover span{
    border-color: transparent;
}


.prod_information .pluses{
    display: table-cell;
    vertical-align: top;

    padding: 25px 20px;

    border: 1px solid #e9e9e9;
}

.prod_information .pluses .title{
    margin-bottom: 30px;

    color: #1a1a1a;
    font: 700 21px/21px PT Sans;
}

.prod_information .pluses li{
    position: relative;

    padding-left: 30px;

    color: #1a1a1a;
    font: 16px/20px PT Sans;

    list-style: none;
}
.prod_information .pluses li + li{
    margin-top: 30px;
}

.prod_information .pluses .icon{
    position: absolute;
    top: 0;
    left: 0;

    height: 20px;

    line-height: 20px;
}
.prod_information .pluses .icon img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-height: 100%;
}


.prod_information .items{
    display: flex;

    margin-left: -20px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.prod_information .description,
.prod_information .table{
    flex-direction: column;

    flex-basis: 50%;
}

.prod_information .description .data{
    height: 100%;

    margin-left: 20px;
    padding: 25px 20px;

    color: #6f6f6f;
    font: 16px PT Sans;

    background: #f7f7f7;
}

.prod_information .description .item + .item{
    margin-top: 20px;
}

.prod_information .description .title{
    margin-bottom: 20px;

    color: #1a1a1a;
    font-weight: 700;
}


.prod_information .table .data{
    height: 100%;

    margin-left: 20px;

    background: #f7f7f7;
}
.prod_information .table .title{
    padding: 19px 20px 20px;

    color: #1a1a1a;
    font: 700 21px/21px PT Sans;

    border-bottom: 1px solid #e9e9e9;
}

.prod_information .table table{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;
}
.prod_information .table table th{
    vertical-align: middle;

    height: 54px;

    color: #1a1a1a;
    font: 16px/20px PT Sans;

    border-bottom: 1px solid #e9e9e9;

    text-align: center;
}

.prod_information .table table td{
    padding: 11px;

    color: #6f6f6f;
    font: 16px/20px PT Sans;

    text-align: center;
}



.prod_advantages{
    padding: 40px 0;

    background: url(/bitrix/templates/main/css/../images/bg_prod_advantages.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.prod_advantages .items{
    display: flex;

    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.prod_advantages .item{
    flex-direction: column;

    color: #fff;
    font: 15px/20px PT Sans;

    text-align: center;
}

.prod_advantages .item .icon{
    height: 53px;

    margin-bottom: 20px;

    line-height: 53px;
}
.prod_advantages .item .icon img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 100%;
    max-height: 100%;
}



.prod_bottom{
    background: url(/bitrix/templates/main/css/../images/bg_prod_bottom.jpg) 50% 50% no-repeat;
    background-size: cover;

    text-align: center;
}

.prod_bottom .row{
    display: table;

    width: 100%;
}

.prod_bottom .box{
    display: table-cell;
    vertical-align: middle;

    height: 398px;
}

.prod_bottom .title{
    width: 940px;
    max-width: 100%;

    margin: 0 auto 55px;

    color: #fff;
    font: 18px/35px PT Sans;

    text-align: center;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.prod_bottom .title a{
    color: #3fac3b;
}
.prod_bottom .title a:hover{
    text-decoration: none;
}

.prod_bottom .link{
    display: inline-block;
    vertical-align: top;

    height: 47px;

    padding: 0 42px;

    color: #fff;
    font: 13px/47px PT Sans;

    border-radius: 4px;
    background: #3eab3a;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: background .2s linear;
}
.prod_bottom .link:hover{
    background: #f59d00;
}


.prod_exp{
    padding: 16px 0;

    color: #6f6f6f;
    font: 13px/21px PT Sans;

    background: #f7f7f7;
}

.prod_exp .item{
    position: relative;

    padding-left: 25px;
}
.prod_exp .item .stars{
    position: absolute;
    top: 3px;
    left: 0;

    color: #1a1a1a;
    font-size: 20px;
}



.shops .head{
    margin-bottom: 25px;

    border: 1px solid #e9e9e9;
    border-radius: 5px;
    background: #f2f2f2;
}

.shops .head .search{
    position: relative;
    z-index: 2;

    width: 473px;

    padding: 18px;
}
.shops .head .search .name{
    width: 66px;
    height: 43px;

    color: #1a1a1a;
    font: 16px/43px PT Sans;
}

.shops .head .search .input{
    display: block;

    width: 328px;
    height: 43px;

    padding: 0 15px 3px;

    color: #1a1a1a;
    font: 16px PT Sans;

    border: 1px solid #c5c5c5;
    border-right: none;
    border-radius: 5px 0 0 5px;
    background: #fff;
}

.shops .head .search .submit_btn{
    display: block;

    width: 43px;
    height: 43px;

    border: none;
    border-radius: 0 5px 5px 0;
    background: #3eab3a url(/bitrix/templates/main/css/../images/ic_shops_search.png) 50% 50% no-repeat;

    cursor: pointer;
    transition: background-color .2s linear;
}
.shops .head .search .submit_btn:hover{
    background-color: #f59d00;
}


.shops .head .types{
    position: relative;
    z-index: 1;

    width: 100%;

    margin-left: -473px;
    padding-left: 506px;
}

.shops .head .types a{
    position: relative;

    display: inline-block;
    vertical-align: top;

    height: 81px;

    padding-left: 20px;

    color: #1a1a1a;
    font: 16px/81px PT Sans;

    text-decoration: none;
}
.shops .head .types a + a{
    margin-left: 30px;
}

.shops .head .types a:before{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 11px;
    height: 11px;

    margin-top: -6px;

    border-radius: 50%;
    background: #8a8a8a;

    content: '';
}
.shops .head .types a.active:before{
    background: #3eab3a;
}

.shops .head .types a.e-commerce{
    padding: 0 24px 0 44px;

    background: #e9e9e9;
}
.shops .head .types a.e-commerce:before{
    left: 24px;
}

.shops .head .types a span{
    line-height: 18px;

    border-bottom: 1px dotted #1a1a1a;

    transition: border-color .2s linear;
}
.shops .head .types a.active span,
.shops .head .types a:hover span{
    border-color: transparent;
}


.shops .map{
    position: relative;
    z-index: 1;

    width: 100%;
    height: 450px;

    margin-right: -390px;
    padding-right: 410px;
}


.shops .list{
    position: relative;
    z-index: 2;

    width: 390px;
    height: 450px;

    padding: 10px 0 10px 20px;

    background: #f2f2f2;
}
.shops .list .scroll{
    overflow: hidden;

    height: 430px;
}

.shops .list .item{
    padding-bottom: 20px;
    padding-left: 25px;

    color: #6f6f6f;
    font: 15px/20px PT Sans;
}
.shops .list .item + .item{
    padding-top: 20px;

    border-top: 1px solid #ddd;
}

.shops .list .item .name{
    position: relative;

    margin-bottom: 10px;
    padding-top: 5px;

    color: #1a1a1a;
    font: 700 16px PT Sans;
}
.shops .list .item .name span{
    display: inline-block;
    vertical-align: top;

    border-bottom: 1px dotted #1a1a1a;

    cursor: pointer;
    transition: border-color .2s linear;
}
.shops .list .item .name:hover span{
    border-color: transparent;
}

.shops .list .item .name:before{
    position: absolute;
    top: 11px;
    left: -25px;

    display: block;

    width: 11px;
    height: 11px;

    border-radius: 50%;
    background: #3eab3a;

    content: '';
}

.shops .list .item .site{
    margin-top: 10px;

    color: #1a1a1a;
    font: 15px PT Sans;
}
.shops .list .item .site a{
    color: #1a1a1a;

    text-decoration: none;
}
.shops .list .item .site a span{
    display: inline-block;
    vertical-align: top;

    border-bottom: 1px solid #bebebe;

    cursor: pointer;
    transition: border-color .2s linear;
}
.shops .list .item .site a:hover span{
    border-color: transparent;
}


.shops .full_list{
    margin-bottom: 20px;
    padding: 20px 0 20px 10px;

    background: #f2f2f2;
}
.shops .full_list .scroll{
    overflow: hidden;

    height: 335px;

    margin-left: -3.333%;
}

.shops .full_list .item{
    position: relative;

    width: 30%;

    margin-top: 40px;
    margin-left: 3.333%;
    padding-left: 90px;

    color: #6f6f6f;
    font: 15px/20px PT Sans;
}
.shops .full_list .item:nth-child(3n+1){
    clear: both;
}
.shops .full_list .item:nth-child(n+1):nth-child(-n+3){
    margin-top: 0;
}

.shops .full_list .item .icon{
    position: absolute;
    top: 0;
    left: 0;
}
.shops .full_list .item .icon img{
    display: block;

    max-width: 71px;
}

.shops .full_list .item .name{
    margin-bottom: 10px;

    color: #1a1a1a;
    font: 700 16px PT Sans;
}
.shops .full_list .item .name a{
    color: #1a1a1a;

    border-bottom: 1px dotted #1a1a1a;

    text-decoration: none;
    transition: border-color .2s linear;
}
.shops .full_list .item .name a:hover{
    border-color: transparent;
}

.shops .full_list .item .site{
    margin-top: 10px;

    color: #1a1a1a;
    font: 15px PT Sans;
}
.shops .full_list .item .site a{
    color: #1a1a1a;

    text-decoration: none;
}
.shops .full_list .item .site a span{
    border-bottom: 1px solid #bebebe;

    cursor: pointer;
    transition: border-color .2s linear;
}
.shops .full_list .item .site a:hover span{
    border-color: transparent;
}



.catalog .cat{
    padding-bottom: 20px;
}
.catalog .cat + .cat{
    padding-top: 20px;
}

.catalog .cat:last-child{
    padding-bottom: 0;
background: #fff !important;
}

.catalog .cat:nth-child(2n){
    background: #f6f6f6;
}

.catalog .cat .main{
    position: relative;
    position: relative;
    z-index: 2;

    width: 270px;

    padding: 22px 0 22px 50px;

    color: #1a1a1a;
    font: 700 22px PT Sans;
}
.catalog .cat .main.no_pad{
    padding-left: 0;
}

.catalog .cat .main .icon{
    position: absolute;
    top: 26px;
    left: 0;
}
.catalog .cat .main .icon img{
    display: block;

    max-width: 100%;
}


.catalog .cat .sub_cats{
    width: 100%;

    margin-left: -270px;
    padding-left: 290px;
}

.catalog .cat .sub_cats .block{
    border: 1px solid #dfdfdf;
}
.catalog .cat .sub_cats .block + .block{
    margin-top: 20px;
}

.catalog .cat .sub_cats .block .title{
    padding: 16px 22px;

    color: #1a1a1a;
    font: 700 21px PT Sans;
}
.catalog .cat .sub_cats .block .title img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    margin-right: 16px;
}

.catalog .cat .sub_cats .data{
    padding: 16px 20px;

    border-top: 1px solid #dfdfdf;
    background: #fff;
}
.catalog .cat .sub_cats .data.no_border{
    border-top: none;
}

.catalog .cat .sub_cats .features .item{
    position: relative;

    display: inline-block;
    vertical-align: top;

    margin-bottom: 40px;
    padding-left: 40px;

    color: #1a1a1a;
    font: 700 17px PT Sans;
}
.catalog .cat .sub_cats .features .item + .item{
    margin-left: 46px;
}

.catalog .cat .sub_cats .features .item .icon{
    position: absolute;
    top: 0;
    left: 0;

    height: 44px;

    line-height: 44px;
}
.catalog .cat .sub_cats .features .item .icon img{
    position: relative;
    top: -1px;

    vertical-align: middle;
}


.catalog_bottom{
    background: url(/bitrix/templates/main/css/../images/bg_catalog_bottom.jpg) 50% 50% no-repeat;
    background-size: cover;

    text-align: center;
}

.catalog_bottom .row{
    display: table;

    width: 100%;
}

.catalog_bottom .box{
    display: table-cell;
    vertical-align: middle;

    height: 398px;
}

.catalog_bottom .title{
    width: 940px;
    max-width: 100%;

    margin: 0 auto 55px;

    color: #fff;
    font: 18px/35px PT Sans;

    text-align: center;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.catalog_bottom .title a{
    color: #3fac3b;
}
.catalog_bottom .title a:hover{
    text-decoration: none;
}

.catalog_bottom .link{
    display: inline-block;
    vertical-align: top;

    height: 47px;

    padding: 0 42px;

    color: #fff;
    font: 13px/47px PT Sans;

    border-radius: 4px;
    background: #f59d00;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: background .2s linear;
}
.catalog_bottom .link:hover{
    background: #3eab3a;
}



.text_block{
    width: 780px;
    max-width: 100%;

    margin: 0 auto;

    color: #6f6f6f;
    font: 17px/21px PT Sans;
}

.text_block h2{
    margin-top: 40px;
    margin-bottom: 20px;

    color: #1a1a1a;
    font: 700 17px/21px PT Sans;
}

.text_block p{
    margin-bottom: 20px;
}

.text_block ol{
    margin-bottom: 35px;

    counter-reset: li;
}
.text_block ol li{
    position: relative;

    padding-left: 60px;

    list-style: none;
}
.text_block ol li + li{
    margin-top: 30px;
}

.text_block ol li:before{
    position: absolute;
    top: 0;
    left: 0;

    width: 31px;
    height: 31px;

    color: #fff;
    font: 700 17px/31px PT Sans;

    border-radius: 50%;
    background: #f59d00;

    content: counter(li);
    counter-increment: li;
    text-align: center;
}

.article_full img{
    display: block;

    max-width: 100%;

    margin: 0 auto 20px;
}



.pagination{
    overflow: hidden;

    border-radius: 4px;
    background: #f7f7f7;

    text-align: center;
}
.pagination.bg_white{
    background: #fff;
}

.pagination a{
    display: inline-block;
    vertical-align: top;

    width: 34px;
    height: 34px;

    margin: 13px 0;

    color: #3c3d41;
    font: 700 15px/34px PT Sans;

    border-radius: 50%;

    text-decoration: none;
    transition: .2s linear;
}

.pagination a:hover,
.pagination a.active{
    color: #fff;

    background: #3eab3a;
}

.pagination a.prev,
.pagination a.next{
    display: block;

    width: 61px;
    height: 60px;

    margin: 0;

    border-radius: 0;

    transition: background-color .2s linear;
}

.pagination a.prev{
    border-right: 1px solid #ddd;
    background: url(/bitrix/templates/main/css/../images/ic_pag_prev.png) 50% 50% no-repeat;
}

.pagination a.next{
    border-left: 1px solid #ddd;
    background: url(/bitrix/templates/main/css/../images/ic_pag_next.png) 50% 50% no-repeat;
}

.pagination a.prev:hover,
.pagination a.next:hover{
    background-color: #ddd;
}



.service_head{
    position: relative;

    overflow: hidden;
}

.service_head.service1{
    background: url(/bitrix/templates/main/css/../images/service1_head_img.jpg) 50% 50% no-repeat;
    background-attachment: fixed;
     background-size: cover; 
  /*  background-size: auto 550px;*/
}
.service_head.service2{
    background: url(/bitrix/templates/main/css/../images/service2_head_img.jpg) 50% 50% no-repeat;
    background-attachment: fixed;
     background-size: cover; 
   /* background-size: auto 550px;*/
}
.service_head.service3{
    background: url(/bitrix/templates/main/css/../images/service3_head_img.jpg) 50% 50% no-repeat;
    background-attachment: fixed;
    background-size: cover; 
  /*  background-size: auto 550px;*/
}
.service_head.service4{
    background: url(/bitrix/templates/main/css/../images/service4_head_img.jpg) 50% 50% no-repeat;
    background-attachment: fixed;
    background-size: cover; 
   /* background-size: auto 550px;*/
}

@media (min-width: 1600px)
{

}

.service_head .breadcrumbs{
    color: #fff;

    background: none;
}
.service_head .breadcrumbs a{
    color: #fff;
}

.service_head .img{
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;

    display: block;

    min-width: 100%;
    min-height: 100%;

    transform: translateX(-50%);
}

.service_head .row{
    display: table;

    width: 100%;
}
.service_head .box{
    position: relative;

    display: table-cell;
    vertical-align: top;

    width: 100%;
    height: 410px;

    padding-top: 85px;

    text-align: center;
}

.service_head .box .scroll_down{
    position: absolute;
    bottom: 63px;
    left: 50%;

    display: block;

    width: 48px;
    height: 48px;

    margin-left: -24px;

    background: url(/bitrix/templates/main/css/../images/ic_scroll_down.png) 0 0 no-repeat;
}

.service_head h1{
    color: #fff;
    font: 700 30px/52px PT Sans;

    text-transform: uppercase;
    letter-spacing: .1em;
}

.service_head .desc{
    margin-top: 30px;

    color: #fff;
    font: 18px PT Sans;
}

.service_head + .services{
    padding-top: 55px;
}



.service_pluses{
    margin-bottom: 40px;
    padding: 40px 0;
}
.service_pluses.bg{
    background: #f9f9f9;
}

.service_pluses .block_head .desc{
    width: 925px;
}

.service_pluses .items{
    display: flex;

    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.service_pluses .item{
    flex-direction: column;

    padding: 0 30px;

    color: #1a1a1a;
    font: 16px PT Sans;

    text-align: center;

    flex-basis: 25%;
}

.service_pluses .item .icon{
    height: 69px;

    margin-bottom: 21px;

    line-height: 69px;
}

.service_pluses .item .icon img{
    position: relative;
    top: -1px;

    vertical-align: middle;

    max-width: 100%;
    max-height: 100%;
}



.service_info{
    margin-bottom: 40px;
}

.service_info .block_head{
    margin-bottom: 60px;
}

.service_info .items{
    display: flex;

    margin-left: -20px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.service_info .item_wrap{
    flex-direction: column;

    flex-basis: 25%;
}
.service_info .item_wrap.big{
    flex-basis: 75%;
}

.service_info .item_wrap.big .data{
    display: flex;

    margin-left: 20px;

    border: 1px solid #cacaca;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.service_info .item_wrap.big .col:first-child{
    flex-basis: 30%;
}
.service_info .item_wrap.big .col{
    position: relative;

    flex-direction: column;

    padding: 35px 25px;

    color: #1a1a1a;
    font: 16px PT Sans;

    flex-basis: 35%;
}

.service_info .item_wrap.big img{
    position: absolute;
    bottom: 0;
    left: 50%;

    display: block;

    transform: translateX(-50%);
}

.service_info .item_wrap.big .name{
    margin-bottom: 30px;

    font-weight: 700;
}

.service_info .item_wrap.big .desc{
    color: #1a1a1a;
    font: 17px/25px PT Sans;
}

.service_info .item_wrap.big .desc p + p{
    margin-top: 20px;
}

.service_info .item_wrap.big li{
    position: relative;

    padding-left: 22px;

    list-style: none;
}
.service_info .item_wrap.big li + li{
    margin-top: 15px;
}
.service_info .item_wrap.big li:before{
    position: absolute;
    top: 7px;
    left: 0;

    display: block;

    width: 7px;
    height: 7px;

    border-radius: 50%;
    background: #3eab3a;

    content: '';
}

.service_info .item_wrap.big .link{
    display: inline-block;
    vertical-align: top;

    height: 47px;

    margin-top: 30px;
    padding: 0 22px;

    color: #fff;
    font: 13px/47px PT Sans;

    border-radius: 4px;
    background: #f59d00;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: background .2s linear;
}
.service_info .item_wrap.big .link:hover{
    background: #3eab3a;
}


.service_info .calc_item{
    position: relative;

    display: block;

    height: 100%;

    margin-left: 20px;

    background: #3fc03b;

    text-decoration: none;
}

.service_info .calc_item img{
    position: absolute;
    right: 35px;
    bottom: 0;

    display: block;
}

.service_info .calc_item .info{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    padding: 30px 25px;
}

.service_info .calc_item .name{
    color: #1a1a1a;
    font: 700 18px PT Sans;
}
.service_info .calc_item .name span{
    border-bottom: 1px solid #399336;

    transition: border-color .2s linear;
}
.service_info .calc_item:hover .name span{
    border-color: transparent;
}

.service_info .calc_item .desc{
    margin-top: 20px;

    color: #fff;
    font: 17px PT Sans;
}


.service_info .monitoring_item{
    position: relative;

    display: block;

    height: 100%;

    margin-left: 20px;

    background: #3fc03b;

    text-decoration: none;
}

.service_info .monitoring_item img{
    position: absolute;
    right: 40px;
    bottom: 25px;

    display: block;
}

.service_info .monitoring_item .info{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    padding: 30px 25px;
}

.service_info .monitoring_item .name{
    color: #1a1a1a;
    font: 700 18px PT Sans;
}
.service_info .monitoring_item .name span{
    border-bottom: 1px solid #399336;

    transition: border-color .2s linear;
}
.service_info .monitoring_item:hover .name span{
    border-color: transparent;
}

.service_info .monitoring_item .desc{
    margin-top: 20px;

    color: #fff;
    font: 17px PT Sans;
}



.service1_data{
    padding: 40px 0;

    background: #f9f9f9;
}

.service1_data .steps{
    position: relative;

    display: block;

    width: 450px;
    height: 447px;

    margin: 0 auto;

    background: url(/bitrix/templates/main/css/../images/bg_service1_steps.png) 0 0 no-repeat;
}
.service1_data .steps .step{
    position: relative;
    position: absolute;
    left: 50%;

    display: block;

    color: #1a1a1a;
    font: 700 16px PT Sans;

    text-decoration: none;
}

.service1_data .steps .step1{
    top: 28px;

    margin-left: -28px;
}
.service1_data .steps .step2{
    top: 195px;

    margin-left: 107px;
}
.service1_data .steps .step3{
    bottom: 82px;

    margin-left: -140px;

    color: #fff;
}

.service1_data .steps .step .icon{
    position: absolute;
}
.service1_data .steps .step .icon img{
    display: block;
}

.service1_data .steps .step1 .icon{
    top: 5px;
    left: -60px;
}
.service1_data .steps .step2 .icon{
    bottom: -65px;
}
.service1_data .steps .step3 .icon{
    top: -65px;
    left: -47px;
}

.service1_data .steps .step span{
    color: #fff;
    font-weight: normal;
}

.service1_data .item{
    width: 25%;

    color: #6f6f6f;
    font: 17px/20px PT Sans;
}

.service1_data .item1{
    position: absolute;
    top: 0;
    left: 15px;
}
.service1_data .item2{
    position: absolute;
    top: 50%;
    right: 15px;

    transform: translateY(-50%);
}

.service1_data .item .title{
    margin-bottom: 20px;

    color: #1a1a1a;
    font: 700 20px/33px PT Sans;

    text-transform: uppercase;
    letter-spacing: .01em;
}

.service1_data .item p + p{
    margin-top: 20px;
}

.service1_data .item p{
    color: #1e1e1e;
}



.service_gallery{
    margin-bottom: 60px;
}

.service_gallery .items{
    overflow: hidden;
}

.service_gallery .item_wrap{
    float: left;

    width: 33.333%;
}

.service_gallery .item_wrap img{
    display: block;

    width: 100%;
}



.service_bottom{
    margin-bottom: 55px;

    text-align: center;
}

.service_bottom.service3{
    background: url(/bitrix/templates/main/css/../images/bg_service_bottom3.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.service_bottom.service4{
    background: url(/bitrix/templates/main/css/../images/bg_service_bottom4.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.service_bottom .row{
    display: table;

    width: 100%;
}

.service_bottom .box{
    display: table-cell;
    vertical-align: middle;

    height: 399px;
}

.service_bottom .title{
    width: 940px;
    max-width: 100%;

    margin: 0 auto 55px;

    color: #fff;
    font: 18px/35px PT Sans;

    text-align: center;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.service_bottom .title a{
    color: #3fac3b;
}
.service_bottom .title a:hover{
    text-decoration: none;
}

.service_bottom .link{
    display: inline-block;
    vertical-align: top;

    height: 47px;

    padding: 0 42px;

    color: #fff;
    font: 13px/47px PT Sans;

    border-radius: 4px;
    background: #f59d00;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: background .2s linear;
}
.service_bottom .link:hover{
    background: #3eab3a;
}



.examples{
    position: relative;

    padding: 55px 0;

    background: #f9f9f9;
}

.examples .items{
    display: flex;

    margin-left: -20px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.examples .item_wrap{
    flex-direction: column;

    flex-basis: 33.333%;
}

.examples .item{
    height: 100%;

    margin-left: 20px;

    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.19);
}

.examples .item .thumb img{
    display: block;

    width: 100%;
}

.examples .item .info{
    padding: 32px 22px 22px;

    color: #6f6f6f;
    font: 15px PT Sans;
}

.examples .item .info .name{
    margin-bottom: 25px;

    font: 700 17px PT Sans;

    text-transform: uppercase;
    letter-spacing: .1em;
}
.examples .item .info .name.color1{
    color: #f13838;
}
.examples .item .info .name.color2{
    color: #f59d00;
}
.examples .item .info .name.color3{
    color: #359232;
}

.examples .item .info p + p{
    margin-top: 20px;
}

.examples .item .info b{
    color: #1a1a1a;
}

.examples .order_link{
    position: absolute;
    bottom: -24px;
    left: 50%;

    display: inline-block;
    vertical-align: top;

    height: 47px;

    padding: 0 22px;

    color: #fff;
    font: 13px/47px PT Sans;

    border-radius: 4px;
    background: #f59d00;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: background .2s linear;
    transform: translateX(-50%);
}
.examples .order_link:hover{
    background: #3eab3a;
}



.algorithm{
    padding: 75px 0;
}

.algorithm .items{
    display: flex;

    margin-left: -20px;

    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

.algorithm .item_wrap{
    flex-direction: column;

    flex-basis: 25%;
}

.algorithm .item{
    height: 100%;

    margin-left: 20px;
}

.algorithm .item .title{
    margin-bottom: 30px;

    color: #1a1a1a;
    font: 700 24px PT Sans;

    text-transform: uppercase;
    letter-spacing: .01em;
}

.algorithm .item .desc{
    color: #6f6f6f;
    font: 17px/25px PT Sans;
}
.algorithm .item .desc p + p{
    margin-top: 20px;
}

.algorithm .item .algorithm_name{
    position: relative;

    height: 58px;

    padding: 0 20px;

    color: #fff;
    font: 700 17px/58px PT Sans;

    border-bottom: 1px solid rgba(255,255,255,.3);

    letter-spacing: .01em;
}
.algorithm .item .algorithm_name.padding{
    padding-left: 40px;
}

.algorithm .item .algorithm_name:before{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 30px;
    height: 58px;

    border-top: 29px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 15px solid #fff;

    content: '';
}

.algorithm .item .algorithm_name:after{
    position: absolute;
    top: 0;
    right: -30px;

    display: block;

    width: 30px;
    height: 58px;

    border-top: 29px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 15px solid transparent;

    content: '';
}

.algorithm .item .info{
    padding: 20px 20px 40px;

    color: #1a1a1a;
    font: 16px PT Sans;
}

.algorithm .item .info li{
    position: relative;

    padding-left: 20px;

    list-style: none;
}
.algorithm .item .info li + li{
    margin-top: 20px;
}
.algorithm .item .info li:before{
    position: absolute;
    top: 7px;
    left: 0;

    display: block;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    content: '';
}


.algorithm .item.bg1{
    background: #4b4b4b;
}
.algorithm .item.bg1 .algorithm_name:before{
    display: none;
}
.algorithm .item.bg1 .algorithm_name:after{
    border-left-color: #4b4b4b;
}
.algorithm .item.bg1 .info li{
    color: #fff;
}
.algorithm .item.bg1 .info li:before{
    background: #3eab3a;
}


.algorithm .item.bg2{
    background: #ffb93c;
}
.algorithm .item.bg2 .algorithm_name:after{
    border-left-color: #ffb93c;
}
.algorithm .item.bg2 .algorithm_name{
    color: #1a1a1a;
}
.algorithm .item.bg2 .info li:before{
    background: #4b4b4b;
}


.algorithm .item.bg3{
    background: #3db039;
}
.algorithm .item.bg3 .algorithm_name:after{
    display: none;
}
.algorithm .item.bg3 .info li:before{
    background: #fff;
}



.service_information .item{
    background: #f9f9f9;
}
.service_information .item .cont{
    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    flex-wrap: wrap;
}

.service_information .item .image{
    flex-basis: 50%;
}
.service_information .item .image img{
    display: block;

    width: 100%;
}

.service_information .item .info{
    padding: 40px;

    color: #1a1a1a;
    font: 17px/25px PT Sans;

    flex-basis: 50%;
}

.service_information .item .info .title{
    margin-bottom: 25px;

    font-size: 19px;
    font-weight: 700;
}

.service_information .item .info p + p{
    margin-top: 20px;
}

.service_information .item .info li{
    position: relative;

    padding-left: 22px;

    list-style: none;
}
.service_information .item .info li + li{
    margin-top: 20px;
}
.service_information .item .info li:before{
    position: absolute;
    top: 7px;
    left: 0;

    display: block;

    width: 7px;
    height: 7px;

    border-radius: 50%;
    background: #3eab3a;

    content: '';
}



.partners_page_head{
    margin-top: -20px;
    margin-bottom: 30px;
    padding: 10px 0 30px;

    background: #f2f2f2;

    text-align: center;
}

.partners_page_head .page_title{
    margin: 0;

    text-transform: uppercase;
    letter-spacing: .1em;
}


.partners_text{
    padding-bottom: 20px;

    color: #5f5f5f;
    font: 15px/20px PT Sans;
}

.partners_text .title{
    margin-bottom: 35px;

    color: #1a1a1a;
    font: 700 15px/20px PT Sans;
}

.partners_text ul{
    /*width: 48%;*/
    display: inline-block;
    margin-bottom: 35px;
}
.partners_text ul li{
    position: relative;

    padding-left: 20px;

    list-style: none;
}
.partners_text ul li + li{
    margin-top: 3px;
}
.partners_text ul li:before{
    position: absolute;
    top: 9px;
    left: 0;

    display: block;

    width: 4px;
    height: 4px;

    border-radius: 50%;
    background: #f59d00;

    content: '';
}

.partners_text p{
    margin-bottom: 20px;
}

.partners_text a{
    color: #1a1a1a;
}
.partners_text a:hover{
    text-decoration: none;
}



.partner_form{
    overflow: hidden;

    padding: 25px 0 70px;

    background: #f7f7f7;
}
.partner_form .block_title{
    margin-bottom: 40px;

    color: #1a1a1a;
    font: 700 26px PT Sans;

    text-align: center;
}

.partner_form form{
    width: 670px;
    max-width: 100%;

    margin: 0 auto;
}

.partner_form form .grey_line{
    position: relative;

    padding-top: 35px;
}
.partner_form form .grey_line:before{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 1920px;
    height: 1px;

    margin-left: -960px;

    background: #dadada;

    content: '';
}

.partner_form form .block{
    margin-bottom: 35px;
}
.partner_form form .block_name{
    margin-bottom: 30px;

    color: #1a1a1a;
    font: 700 17px PT Sans;
}
.partner_form form .block_name.small{
    font-size: 15px;
}

.partner_form form .line{
    display: table;

    width: 100%;

    margin-bottom: 20px;
}
.partner_form form .line.big_margin{
    margin-bottom: 40px;
}

.partner_form form .name{
    display: table-cell;
    vertical-align: middle;

    width: 290px;
    height: 41px;

    padding-right: 25px;

    color: #4a4a4a;
    font: 15px PT Sans;

    table-layout: fixed;
}

.partner_form form .name.aligntop{
    vertical-align: top;

    line-height: 41px;
}

.partner_form form .required{
    color: #ff4141;
    font-weight: 700;
}

.partner_form form .field{
    position: relative;

    display: table-cell;
    vertical-align: top;
}
.partner_form form .field.error:after{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 40px;
    height: 41px;

    border-radius: 5px;
    background: #f59d00 url(/bitrix/templates/main/css/../images/ic_error_field.png) 50% 50% no-repeat;

    content: '';
}

.partner_form form select{
    display: block;

    width: 100%;
    height: 41px;

    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font: 15px/39px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.partner_form form .sbHolder{
    position: relative;

    display: block;

    width: 100%;
    height: 41px;
}
.partner_form form .sbSelector{
    display: block;
    overflow: hidden;

    width: 100%;
    height: 41px;

    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font: 15px/39px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;

    white-space: nowrap;
    text-decoration: none;
}

.partner_form form .sbToggle{
    position: absolute;
    top: 50%;
    right: 14px;

    display: block;

    width: 7px;
    height: 4px;

    margin-top: -2px;

    background: url(/bitrix/templates/main/css/../images/ic_select_toggle.png) 0 0 no-repeat;

    content: '';
}
.partner_form form .sbToggle.sbToggleOpen{
    background-position: 0 -4px;
}

.partner_form form .sbOptions{
    position: absolute;
    top: 44px !important;
    left: 0;
    z-index: 99;

    overflow: hidden;

    width: 100%;
    max-height: 183px !important;

    border: none;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
.partner_form form .sbOptions li{
    list-style: none;
}
.partner_form form .sbOptions li:first-child{
    display: none;
}
.partner_form form .sbOptions.init{
    min-height: 168px !important;
}

.partner_form form .sbOptions a{
    display: block;

    width: 100%;

    padding: 0 15px;

    color: #4a4a4a;
    font: 15px/28px PT Sans;

    text-decoration: none;
}

.partner_form form .input{
    display: block;

    width: 100%;
    height: 40px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.partner_form form textarea{
    display: block;

    width: 100%;
    height: 208px;

    padding: 10px 49px 10px 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;

    resize: none;
}

.partner_form form ::-webkit-input-placeholder{
    color: #848484;
}
.partner_form form ::-moz-placeholder{
    color: #848484;
}
.partner_form form :-moz-placeholder{
    color: #848484;
}
.partner_form form :-ms-input-placeholder{
    color: #848484;
}

.partner_form form input[type=checkbox]{
    display: none;
}
.partner_form form label{
    position: relative;

    display: inline-block;
    vertical-align: top;

    width: 18px;
    height: 41px;

    padding-left: 18px;

    color: #222;
    font: 15px/41px PT Sans;

    cursor: pointer;
}

.partner_form form label:before{
    position: absolute;
    top: 12px;
    left: 0;

    display: block;

    width: 18px;
    height: 18px;

    background: url(/bitrix/templates/main/css/../images/ic_checkbox.png) 0 0 no-repeat;

    content: '';
}
.partner_form form input[type=checkbox]:checked + label:before{
    background-position: 0 -18px;
}

.partner_form form .submit{
    padding-left: 290px;
}
.partner_form form .submit_btn{
    display: inline-block;
    vertical-align: top;

    min-width: 151px;
    height: 51px;

    padding: 0 25px;

    color: #fff;
    font: 12px PT Sans;

    border: none;
    border-radius: 3px;
    background: #3eab3a;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.partner_form form .submit_btn:hover{
    background: #f59d00;
}



/*---------------
   Footer
---------------*/
footer{
    background: #1f1f1f;
}

footer .info{
    padding: 32px 0;
}

footer .cont{
    display: flex;

    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: wrap;
}

footer .info .col{
    float: left;
    flex-direction: column;

    width: 25%;

    flex-basis: 25%;
}

footer .info .title{
    margin-bottom: 25px;

    color: #fff;
    font: 700 16px PT Sans;
}

footer .info .item + .item{
    margin-top: 40px;
}

footer .info .links li{
    padding-right: 50px;

    list-style: none;
}
footer .info .links li + li{
    margin-top: 12px;
}

footer .info .links li a{
    display: inline-block;
    vertical-align: top;

    color: #828282;
    font: 14px PT Sans;

    text-decoration: none;
    transition: color .2s linear;
}
footer .info .links li a:hover{
    color: #fff;
}


footer .info .phone,
footer .info .phone a{
    margin-bottom: 10px;
    text-decoration: none;
    color: #3eab3a;
    font: 700 24px/30px PT Sans;
}


footer .bottom{
    padding: 32px 0;

    background: #141414;
}


footer .copyright{
    width: 25%;

    color: #8d8d8d;
    font: 13px PT Sans;

    flex-basis: 25%;
}


footer .adres{
    position: relative;

    margin-right: 70px;
    padding-left: 80px;

    color: #8d8d8d;
    font: 13px PT Sans;

    background: url(/bitrix/templates/main/css/../images/ic_adres.png) 0 0 no-repeat;
}
footer .adres b{
    position: absolute;
    top: 0;
    left: 26px;

    color: #fff;
}

footer .adres p{
    padding-bottom: 5px;
}


footer .email{
    position: relative;

    margin-right: 70px;
    padding-left: 85px;

    color: #8d8d8d;
    font: 13px PT Sans;

    background: url(/bitrix/templates/main/css/../images/ic_email.png) 0 2px no-repeat;
}
footer .email b{
    position: absolute;
    top: 0;
    left: 29px;

    color: #fff;
}
footer .email  a{
    color: #8d8d8d;

    transition: color .2s linear;
}
footer .email a:hover{
    color: #fff;
}


footer .socials{
    width: 25%;

    flex-basis: 25%;
}

footer .socials a{
    display: inline-block;
    vertical-align: top;

    width: 23px;
    height: 23px;

    background: url(/bitrix/templates/main/css/../images/ic_socials.png) 0 0 no-repeat;
}
footer .socials a + a{
    margin-left: 5px;
}

footer .socials a.odnokl{
    background-position: 0 0;
}
footer .socials a.vk{
    background-position: -23px 0;
}
footer .socials a.twitter{
    background-position: -46px 0;
}
footer .socials a.fb{
    background-position: -69px 0;
}
footer .socials a.youtube{
    background-position: -92px 0;
}



/*---------------
   PopUp
---------------*/
.modal{
    display: none;
}

.modal_top {
    display: flex;
    align-items: center;
    padding: 55px 52px 40px;
    box-sizing: border-box;

    border-bottom: 1px solid #e7e7e7;
}

.modal_title {
    margin-right: 50px;
    padding: 19px;

    color: #1a1a1a;
    font: 700 18px PT Sans;

    border-bottom: 1px solid #e7e7e7;
}

.modal_desc{
    padding: 19px;

    color: #4a4a4a;
    font: 15px PT Sans;

    border-bottom: 1px solid #e7e7e7;
}

#register_modal .modal_title {
    padding: 0;

    font-size: 18px;
    line-height: 23px;
    font-weight: bold;

    border-bottom: none;
}

#register_modal .modal_desc {
    padding: 0;

    font-size: 13px;
    line-height: 17px;

    color: #7C7C7C;
    border-bottom: none;
}

.modal--order .modal_title {
    padding: 22px 25px;
}


.modal form .fields{
    padding: 19px 19px 6px;
}

#register_modal form .fields {
    display: flex;
    flex-direction: column;
    padding: 18px 52px 39px;
}

.modal--order form .fields {
    display: flex;
    padding: 11px 25px 33px;
}

.modal--order .col {
    width: 100%;
    max-width: 300px;
}

.modal--order .col:nth-of-type(1) {
    margin-right: 12px;
}

.modal form .line{
    margin-bottom: 20px;
}
.modal form .line.left,
.modal form .line.right{
    width: 48.5%;
}

#register_modal form .line{
    margin-bottom: 16px;
}

.modal form .row {
    display: flex;
}

.modal form .row .line,
.modal form .row .col {
    width: 100%;
    min-width: 393px;
    max-width: 393px;
}

.modal form .row .line:nth-of-type(odd) {
    margin-right: 77px;
}

.modal--order form .line {
    margin-bottom: 10px;
}

.modal form .name{
    margin-bottom: 10px;

    color: #222;
    font: 15px/15px PT Sans;
}

#register_modal form .name {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #1A1A1A;
}

.modal--order form .name {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #1A1A1A;
}

.modal form .required{
    color: #f00;
    font-weight: 700;
}

.modal form .field{
    position: relative;
}
.modal form .field.error:after{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 45px;
    height: 45px;

    border-radius: 5px;
    background: #ff4f49 url(/bitrix/templates/main/css/../images/ic_error_field.png) 50% 50% no-repeat;

    content: '';
}

.modal form .input{
    display: block;

    width: 100%;
    height: 40px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.modal--order form .input {
    height: 45px;
    border: 1px solid #E3E3E3;
}

#register_modal form .input {
    max-width: 863px;
    height: 45px;
    border: 1px solid #E3E3E3;
}

.modal form textarea{
    display: block;

    width: 100%;
    height: 144px;

    padding: 10px 49px 10px 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;

    resize: none;
}

.modal--order form textarea {
    height: 128px;
    margin-bottom: 38px;
    border: 1px solid #E3E3E3;
}

.modal form ::-webkit-input-placeholder{
    color: #848484;
}
.modal form ::-moz-placeholder{
    color: #848484;
}
.modal form :-moz-placeholder{
    color: #848484;
}
.modal form :-ms-input-placeholder{
    color: #848484;
}

.modal--order form ::-webkit-input-placeholder{
    color: #ADADAD;
}
.modal--order form ::-moz-placeholder{
    color: #ADADAD;
}
.modal--order form :-moz-placeholder{
    color: #ADADAD;
}
.modal--order form :-ms-input-placeholder{
    color: #ADADAD;
}

#register_modal form ::-webkit-input-placeholder{
    color: #ADADAD;
}
#register_modal form ::-moz-placeholder{
    color: #ADADAD;
}
#register_modal form :-moz-placeholder{
    color: #ADADAD;
}
#register_modal form :-ms-input-placeholder{
    color: #ADADAD;
}

.modal form .captcha .img{
    float: left;

    width: 180px;
    height: 40px;

    margin-right: 15px;

    background: #ebebeb;
}
.modal form .field-wrap {
    display: flex;
}
#register_modal form .field-wrap .input {
    width: 193px;
    margin-right: auto;
}

.modal form .captcha .img img{
    display: block;

    width: 100%;
    height: 100%;
}

.modal form .captcha .field-wrap img {
    width: 193px;
    height: 45px;
}

.modal form .captcha .input{
    width: 143px;

    padding: 0 10px 2px;
}

.modal form .submit{
    padding: 28px;

    border-top: 1px solid #e7e7e7;

    text-align: center;
}
#register_modal form .submit {
    margin-top: 27px;
    padding: 0;
    border-top: none;
}
.modal form .submit_btn{
    display: inline-block;
    vertical-align: top;

    min-width: 135px;
    height: 51px;

    padding: 0 20px;

    color: #fff;
    font: 13px/51px PT Sans;

    border: none;
    border-radius: 5px;
    background: #3eab3a;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .01em;
    transition: background .2s linear;
}
#register_modal form .submit_btn {
    width: 100%;
    height: 45px;
    font-size: 16px;
    line-height: 21px;
}
.modal form .submit_btn:hover{
    background: #f59d00;
}

.modal--order .police,
#register_modal .police {
    margin: 8px 0 0;
}

.modal--order .police p {
    font-family: PT Sans;
    font-size: 8px;
    line-height: 10px;
    color: #A5A5A5;
}

#register_modal .police p {
    font-family: PT Sans;
    font-size: 11px;
    line-height: 14px;
    color: #A5A5A5;
}

.modal--order .police a,
#register_modal .police a {
    color: inherit;
}


#order_modal form .submit{
    padding: 0;

    border: none;

    text-align: left;
}
#order_modal form .submit_btn{
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
}


/*.add_question form .field.error:after{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 40px;
    height: 41px;

    border-radius: 5px;
    background: #f59d00 url(/bitrix/templates/main/css/../images/ic_error_field.png) 50% 50% no-repeat;

    content: '';
}*/

/*Загрузки*/
.products1 .list1{
    margin-bottom: 70px;
}
.products1 .list1 .product1{
    display: table;

    width: 100%;

    margin-bottom: 20px;
    padding: 0;

    border: 1px solid #e2e2e2;
    border-radius: 5px;

    text-align: left;
}

.products1 .product1{
    position: relative;

    padding: 0 35px 20px;

    background: #fff;

    text-align: center;

}

.products1 .list1 .product1 .info1{
    display: table-cell;
    vertical-align: top;

    padding: 18px;
}

.products1 .list1 .product1 .name1{
    margin-bottom: 13px;

    font: 700 17px PT Sans;
}

.products1 .list1 .product1 .desc1{
    margin-bottom: 22px;

    color: #6f6f6f;
    font: 16px/20px PT Sans;
}

.products1 .list1 .product1 .details1{
    display: inline-block;
    vertical-align: top;

    height: 48px;

    padding: 0 23px;

    color: #fff;
    font: 13px/50px PT Sans;

    border: none;
    border-radius: 4px;
    background: #3eab3a;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-decoration: none;
    transition: background .2s linear;
}

.products1 .list1 .product1 .details1:hover{
    background: #f59d00;
}

/*END Загрузки*/

/*словарь терминов*/
.dictionary-letters{
    margin-bottom: 25px;
    padding: 30px 0 30px;    
}
.dictionary-letters .letter{
    color: #1a1a1a;
    font: 700 26px/41px PT Sans;
}
.dictionary-letters .letter.active{    
    font: 700 38px/41px PT Sans;
}
.dictionary-letters .letter.active a{
    text-decoration: none;    
}

.dictionary-letters .row{
    display: table;

    width: 100%;
}
.dictionary-letters .row .letter{
    display: inline;
    vertical-align: middle;

    padding-right: 20px;

    white-space: nowrap;
}
.dictionary-letters .row .letter a{
    color: #1a1a1a;
}
/*end словарь терминов*/

/*поиск*/
.search-form{
    display: inline-block;

    width: 30%;
    height: 40px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.search_submit{
    display: inline-block;
    vertical-align: top;

    min-width: 151px;
    height: 40px;

    padding: 0 25px;

    color: #fff;
    font: 12px PT Sans;

    border: none;
    border-radius: 3px;
    background: #3eab3a;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.search_submit:hover{
    background: #f59d00;
}

.products1 .list1 .product1 .thumb1{
    display: table-cell;
    vertical-align: middle;

    width: 216px;

    table-layout: fixed;

    border-right: 1px solid #e2e2e2;

    text-align: center;
}
.products1 .list1 .product1 .thumb1 a{
    display: inline-block;
    vertical-align: middle;

    height: auto;

    line-height: normal;
}
.products1 .list1 .product1 .thumb1 a img{
    display: block;

    max-width: 100%;
}

.products1 .list1 .product1 .name1 a{
    color: #1a1a1a;
}
.products1 .list1 .product1 .name1 a:hover{
    text-decoration: none;
}


.search-list .product1 .thumb1 a img{
    top:0px;
}

.search-list .path{
    margin-bottom: 25px;

    color: #6f6f6f;
    font: 16px PT Sans;
}
.search-list .path a{
    color: #1a1a1a;
}
.search-list .path a:hover{
    text-decoration: none;
}

.search-list .path .sep{
    margin: 0 6px;
}
/*end поиск*/

/*допуски*/
.photo_gallery{
    overflow: hidden;
    margin-bottom: 28px;
    border: none;
}
.photo_gallery .item{
    position: relative;
/*width: 25%;padding-bottom: 26px;*/
    border: 1px solid #e2e2e2;
    text-align: center;
}
.photo_gallery .item .download_link{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
    display: block;
    width: 45px;
    height: 43px;
    border-radius: 50%;
    background: url(/bitrix/templates/main/css/../images/ic_download_link.png) 0 0 no-repeat;
}
.photo_gallery .item .download_link:hover{
    background-position: 0 -43px;
}
.photo_gallery .item .thumb a{
    display: block;
    height: 230px;
    line-height: 230px;
    text-align: center;
}
.photo_gallery .item .thumb a img{
    position: relative;
    top: -1px;
    vertical-align: middle;
}

.photo_gallery .item .name{
    height: 44px;
	padding-top:14px;
    font: 700 18px PT Sans;
}
.photo_gallery .item .name a{
    color: #1a1a1a;
}
.photo_gallery .item .name a:hover{
    text-decoration: none;
}
/*end допуски*/

/*магазины*/
.shops .full_list .item
{
    overflow-wrap: break-word;
}

.shops .list .item .name.retail:before, .shops .head .types a.retail.active:before{
    background: #f59d00;
}
.shops .list .item .name.wholesale:before, .shops .head .types a.wholesale.active:before{
    background: #3eab3a;
}
/*end магазины*/

.our_clients{
    margin-bottom: -20px;

    /* border-bottom: 1px solid #e9e9e9; */
}

.our_clients .text_block{
    width: 100%;

    padding-bottom: 25px;

    color: #6f6f6f;
    font: 16px PT Sans;
}

.our_clients .text_block img{
    display: block;

    margin-right: 55px;
    margin-bottom: 20px;
}

.our_clients .text_block h2{
    margin-bottom: 20px;

    color: #1a1a1a;
    font: 700 26px PT Sans;
}


.clients + .service_info{
    margin-top: 30px;
}

.title-h1{
    margin-bottom: 20px;
    line-height: 1;
    color: #1a1a1a;
    font: 700 26px PT Sans;
}

.title-h1--center{
    text-align: center;
}

.article_full .title-h1--left{
    text-align: left;
}

.page_text h2{
    margin-bottom: 16px;
}
.title a,.cat_link{
    color: #000;
    text-decoration: none;
}
.title a:hover, .cat_link:hover{
    text-decoration: underline;
}

.custom_action_block {
    background: url('https://hstream.ru/bitrix/templates/main/images/service3_head_img.jpg');
    padding: 20px 0 20px;
    text-align: center;
    margin: 40px 0;
}

.custom_action_block a {
    display: inline-block;
    vertical-align: top;
    height: 47px;
    padding: 0 42px;
    color: #fff;
    font: 13px/47px PT Sans;
    border-radius: 4px;
    background: #f59d00;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    transition: background .2s linear;
    text-transform: uppercase;
}

.modal_link.action_link {
    color: #f59d00;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
    border-bottom: 1px dashed;
}

.custom_action_block a:hover {
    background: #3eab3a;
}

.glikol_link {
    display: inline-block;
    width: 49%;
    text-align: center;
    text-decoration: none;
    position: relative;
    margin: 5px 0;
    padding: 40px 0;
    border: 1px solid #eaeaea;
}

.glikol_link.secondary .glikol_link_text {
    color: #5f5f5f;
}

.glikol_link .glikol_link_bg {
position: absolute;
    font-size: 100px;
    color: rgba(245, 157, 0, 0.3607843137254902);
    letter-spacing: 40px;
    left: 0;
    right: 0;
    transition: color .2s linear;
}

@media only screen and (max-width: 1200px) {
    .glikol_link .glikol_link_bg {
        letter-spacing: 20px;
    }
}

@media only screen and (max-width: 1000px) {
    .glikol_link .glikol_link_bg {
        letter-spacing: 20px;
        font-size: 80px
    }

    .modal_top {
        align-items: flex-start;
        flex-direction: column;
    }

    .modal_title {
        margin-right: 0;
        margin-bottom: 8px;
    }

    .modal form .row {
        flex-direction: column;
    }

    .modal form .row .line:nth-of-type(odd) {
        margin-right: 0;
    }

    .modal form .row .line,
    .modal form .row .col {
        width: 100%;
        min-width: 519px;
        max-width: 519px;
    }

    #register_modal form .input {
        max-width: 519px;
    }

    #register_modal form .field-wrap .input {
        /*width: 290px;*/
        margin-right: 16px;
        /*margin-bottom: 16px;*/
    }
}

@media only screen and (max-width: 800px) {
    .glikol_link .glikol_link_bg {
        letter-spacing: 10px;
        font-size: 70px
    }
}

@media only screen and (max-width: 640px) {
    .modal_top {
        padding: 30px 15px 20px;
    }

    #register_modal form .fields {
        padding: 18px 15px 39px;
    }

    .modal form .row .line,
    .modal form .row .col {
        min-width: 260px;
        max-width: 260px;
    }

    #register_modal form .input {
        max-width: 260px;
    }

    #register_modal form .field-wrap {
        flex-direction: column;
    }

    #register_modal form .field-wrap .input {
        width: 260px;
        margin-right: 0;
        margin-bottom: 16px;
    }
}

@media only screen and (max-width: 610px) {
    .glikol_link .glikol_link_bg {
        letter-spacing: 0;
        font-size: 60px
    }
}

@media only screen and (max-width: 450px) {
    .glikol_link .glikol_link_bg {
        letter-spacing: 0;
        font-size: 40px;
    }
}

.glikol_link .glikol_link_text {
    z-index: 9;
    position: relative;
    font-weight: bold;
    color: #000;
    font-size: 2.6vw;
}

.glikol_link:hover .glikol_link_bg{
    color: rgba(62, 171, 58, 0.4392156862745098);
}

.price_table_wrapper {
    width: 100%;
}

@media (max-width: 700px) {
    .price_table_wrapper {
        overflow-x: scroll;
    }

    .modal--order form .fields {
        flex-wrap: wrap;
    }

    .modal--order form textarea {
        margin-bottom: 14px;
    }
}

table.price_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

table.price_table:not(:last-of-type) {
margin-bottom: 40px;
}

table.cols_3 td {
    width: 33%;
}

table.cols_8 td {
    width: calc(100%/8);
}

table.price_table thead {
    text-align: center;
    font-weight: bolder;
}

table.price_table td {
    padding: 25px 10px;
    border: 1px solid #eaeaea;
}

table.price_table td[colspan], table.price_table td[rowspan] {
    text-align: center;
    background: #FFF;
}

table.price_table .price_table_name, table.price_table .price_table_price {
    font-weight: bold;
}

table.price_table .price_table_price {
    text-align: center;
}

table.price_table tbody tr:nth-child(odd) {
    background: #fdfbfb;
}

table.price_table tbody tr:hover {
    background: #40af3c08;
}

.info_message {
    display: block;
    margin-bottom: 20px;
    background: #f59d00;
    color: #FFF;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    font-size: 16px;
}


header .cont .conts {
    width: 150px;
    font-family: "PT Sans";
    color: #FFF;
    font-size: 15px;
    height: 70px;
    line-height: 35px;
    text-align: center;
    display: block;
}

header .cont .conts span {
    display: block;
}

header .cont .conts a {
    color: #FFF;
    text-decoration: none;
}

header .cont .conts p {
    font-size: 14px;
}
.contacts_page h3 + img {
    margin-bottom: 10px;
}

 @media (min-width: 767px) {
    header .cont .search {
        width: 100%;
        margin: 0 -430px 0 -244px;
        padding: 0 430px 0 244px;
    }
    .glikol_link {
	    vertical-align: top;
	}
} 

 @media (min-width: 479px) and (max-width: 767px) {
     header .cont .search {
        width: 100%;
        margin: 0 -150px 0 -244px !important;
        padding: 0 150px 0 244px !important;
     }
 }
 
@media (max-width: 479px) {
 header .cont .conts {
     width:100%;
     text-align: center;
 }
 .contacts_page h3 + img {
    display: none;
 }
}

.pdf_docs {display: inline-block;
    width: 100%;
    vertical-align: top;
    border: 1px solid #3eab3a;
    padding: 15px 10px;
    box-sizing: border-box;
    font-size: 0;
    box-shadow: 0px 0px 1px #f59d00;
    border-radius: 5px;
    margin-left: 2%;
    margin-bottom: 2%;
text-align: center;
}
    
.pdf_docs a {
    width: 25%;
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
text-align: center;
}

.pdf_docs a:before {
    content: "";
    width: 27px;
    height: 27px;
    background: url(/bitrix/templates/main/css/../images/pdf.png) 0 0 no-repeat;
    display: inline-block;
    background-size: 100%;
    margin-right: 10px;
    vertical-align: middle;
}

.pdf_docs a:first-child {
   /* margin-bottom: 30px; */
}

@media (max-width: 767px) {
.pdf_docs {
    width: 100%;
    margin-bottom: 30px;
    margin-left: 0;
}
.pdf_docs a {
    width: 50%;
}
}
@media (max-width: 500px) {
.pdf_docs a {
    width: 100%;
}
}
.contacts_h3 {
    font-size: 1.17em;
    font-weight: bold;
}
.contacts_h4 {
    font-weight: bold;
}
/* Task 126467 */
.modal_link.action_link.table-button {
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    margin-top: 0;
    cursor: pointer;
}
.order_button_wrapper.show_sm { display: none; }
.hide_sm { text-align: center; }
@media screen and (max-width: 900px) { 
    .hide_sm { display: none; }
    .order_button_wrapper.show_sm { display: flex; }
}
@media screen and (max-width: 650px) {
    .cont p:first-child img {
        margin-right: 300px;
    }
	.price_table_wrapper table.cols_8 td {
		font: 12px/10px PT Sans;
		padding: 15px 5px;
	}
     .price_table thead {
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
    }
}
@media (max-width: 650px) {
    .services .info .name {
        background: #f1f1f1b8;
    }
}
.advise-products {
    margin-top: 30px;
    margin-bottom: 30px;
}

/* End */


/* Start:/bitrix/templates/main/css/dev.css?17034897178604*/
.field-required.error{
    border: 1px solid #f7572e;    
}
.field-required.input.error{
    border: 1px solid #f7572e;    
}
#add_question .form-success{
    color:green;
    font: 16px/43px PT Sans;
}
#add_question .form-error{
    color:red;
    font: 16px/43px PT Sans;
}

#partner_form .form-success{
    color:green;
    font: 16px/43px PT Sans;
}
#partner_form .form-error{
    color:red;
    font: 16px/43px PT Sans;
}
#auth-form .form-error{
    color:red;
    font: 16px/43px PT Sans;
}
#reg-form .form-error{
    color:red;
    font: 16px/43px PT Sans;
}
#forgot-form .form-error{
    color:red;
    font: 16px/43px PT Sans;
}
#forgot-form .form-success{
    color:green;
    font: 16px/23px PT Sans;
    margin-bottom: 20px;
}
#change-form .form-error{
    color:red;
    font: 16px/43px PT Sans;
}
#change-form .form-success{
    color:green;
    font: 16px/23px PT Sans;
    margin-bottom: 20px;
}

.forgot_pswd_block{
    overflow: hidden;

    padding: 25px 0 70px;

    /* background: #f7f7f7; */
}
.forgot_pswd_block .block_title{
    margin-bottom: 40px;

    color: #1a1a1a;
    font: 700 26px PT Sans;

    text-align: center;
}

.forgot_pswd_block form{
    width: 670px;
    max-width: 100%;

    margin: 0 auto;
}

.forgot_pswd_block form .grey_line{
    position: relative;

    padding-top: 35px;
}
.forgot_pswd_block form .grey_line:before{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 1920px;
    height: 1px;

    margin-left: -960px;

    background: #dadada;

    content: '';
}

.forgot_pswd_block form .block{
    margin-bottom: 35px;
}
.forgot_pswd_block form .block_name{
    margin-bottom: 30px;

    color: #1a1a1a;
    font: 700 17px PT Sans;
}
.forgot_pswd_block form .block_name.small{
    font-size: 15px;
}

.forgot_pswd_block form .line{
    display: table;

    width: 100%;

    margin-bottom: 20px;
}
.forgot_pswd_block form .line.big_margin{
    margin-bottom: 40px;
}

.forgot_pswd_block form .name{
    display: table-cell;
    vertical-align: middle;

    width: 290px;
    height: 41px;

    padding-right: 25px;

    color: #4a4a4a;
    font: 15px PT Sans;

    table-layout: fixed;
}

.forgot_pswd_block form .required{
    color: #f00;
    font-weight: 700;
}

.forgot_pswd_block form .field{
    position: relative;

    display: table-cell;
    vertical-align: top;
}
.forgot_pswd_block form .field.error:after{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 40px;
    height: 40px;

    border-radius: 5px;
    background: #ff4f49 url(/bitrix/templates/main/css/../images/ic_error_field.png) 50% 50% no-repeat;

    content: '';
}

.forgot_pswd_block form select{
    display: block;

    width: 100%;
    height: 41px;

    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font: 15px/39px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.forgot_pswd_block form .sbHolder{
    position: relative;

    display: block;

    width: 100%;
    height: 41px;
}
.forgot_pswd_block form .sbSelector{
    display: block;
    overflow: hidden;

    width: 100%;
    height: 41px;

    padding: 0 35px 0 15px;

    color: #4a4a4a;
    font: 15px/39px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;

    white-space: nowrap;
    text-decoration: none;
}

.forgot_pswd_block form .sbToggle{
    position: absolute;
    top: 50%;
    right: 14px;

    display: block;

    width: 7px;
    height: 4px;

    margin-top: -2px;

    background: url(/bitrix/templates/main/css/../images/ic_select_toggle.png) 0 0 no-repeat;

    content: '';
}
.forgot_pswd_block form .sbToggle.sbToggleOpen{
    background-position: 0 -4px;
}

.forgot_pswd_block form .sbOptions{
    position: absolute;
    top: 44px !important;
    left: 0;
    z-index: 99;

    overflow: hidden;

    width: 100%;
    max-height: 183px !important;

    border: none;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
.forgot_pswd_block form .sbOptions li{
    list-style: none;
}
.forgot_pswd_block form .sbOptions li:first-child{
    display: none;
}
.forgot_pswd_block form .sbOptions.init{
    min-height: 168px !important;
}

.forgot_pswd_block form .sbOptions a{
    display: block;

    width: 100%;

    padding: 0 15px;

    color: #4a4a4a;
    font: 15px/28px PT Sans;

    text-decoration: none;
}

.forgot_pswd_block form .input{
    display: block;

    width: 100%;
    height: 40px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;
}

.forgot_pswd_block form textarea{
    display: block;

    width: 100%;
    height: 65px;

    padding: 0 49px 0 10px;

    color: #222;
    font: 15px PT Sans;

    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #fff;

    resize: none;
}

.forgot_pswd_block form ::-webkit-input-placeholder{
    color: #848484;
}
.forgot_pswd_block form ::-moz-placeholder{
    color: #848484;
}
.forgot_pswd_block form :-moz-placeholder{
    color: #848484;
}
.forgot_pswd_block form :-ms-input-placeholder{
    color: #848484;
}

.forgot_pswd_block form input[type=checkbox]{
    display: none;
}
.forgot_pswd_block form label{
    position: relative;

    display: inline-block;
    vertical-align: top;

    padding-left: 18px;

    color: #222;
    font: 15px/41px PT Sans;

    cursor: pointer;
}

.forgot_pswd_block form label:before{
    position: absolute;
    top: 12px;
    left: 0;

    display: block;

    width: 18px;
    height: 18px;

    background: url(/bitrix/templates/main/css/../images/ic_checkbox.png) 0 0 no-repeat;

    content: '';
}
.forgot_pswd_block form input[type=checkbox]:checked + label:before{
    background-position: 0 -18px;
}

.forgot_pswd_block form .submit{
    padding-left: 290px;
}
.forgot_pswd_block form .submit_btn{
    display: inline-block;
    vertical-align: top;

    min-width: 151px;
    height: 51px;

    padding: 0 25px;

    color: #fff;
    font: 12px PT Sans;

    border: none;
    border-radius: 3px;
    background: #3eab3a;

    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.forgot_pswd_block form .submit_btn:hover{
    background: #f59d00;
}

    /*личное меню*/
    #account_modal{
    top: 69px;
    right: 0;

    width: 150px;

    padding: 15px;

    border-radius: 5px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
#account_modal:before{
    position: absolute;
    top: -14px;
    left: 11px;

    display: block;

    width: 14px;
    height: 14px;

    border: 7px solid transparent;
    border-bottom-color: #fff;

    content: '';
}
#account_modal li{
    list-style: none;
}
#account_modal li a{
    position: relative;

    display: block;

    width: 100%;

    padding-left: 13px;

    color: #1a1a1a;
    font: 12px/25px PT Sans;

    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .075em;
	text-align:left;
	height:20px;
}
#account_modal li a span{
    display: inline-block;
    vertical-align: middle;

    line-height: 14px;

    border-bottom: 1px solid #bebebe;

    transition: border-color .2s linear;
}

#account_modal li a:before{
    position: absolute;
    top: 12px;
    left: 0;

    display: block;

    width: 3px;
    height: 3px;

    background: #3eab3a;

    content: '';
}

#account_modal li a:hover{
    text-decoration: none;
}
#account_modal li a:hover span{
    border-color: transparent;
}

/*печать карты в контактах*/
.article_info{
    margin-bottom: 70px;
    padding-top: 10px;
    text-align: center;
}
    .text_block img {
    display: block;
    max-width: 100%;
    margin: 0 auto 30px;
}

.where_buy_product .link {
    display: inline-block;
    vertical-align: top;
    min-width: 151px;
    height: 51px;
    margin-top: 25px;
    padding: 0 25px;
    color: #fff;
    font: 12px/51px PT Sans;
    border-radius: 3px;
    background: #3eab3a;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .075em;
    transition: background .2s linear;
}
.where_buy_product .link:hover {
background: #f59d00;
}
/*end печать карты в контактах*/

.no-table{
flex-basis: 100% !important;
}

.no_click_menu
{
    cursor:default;
}

a.order_link {
    text-decoration: none;
}

#order_modal_success .form-success {
    color: darkgreen;
    margin-bottom: 10px;
    font: 15px/15px PT Sans;
}

#order_modal_no, #order_modal_error .form-error {
    color: red;
    margin-bottom: 10px;
    font: 15px/15px PT Sans;
}
/* End */


/* Start:/bitrix/templates/main/css/response_1199.css?17034897172203*/
@media (max-width: 1199px){
    header .menu ul{
        padding-right: 198px;
    }

    header .menu ul li a{
        padding: 0 14px;

        font-size: 15px;
    }
    header .menu ul li a.sub_link:after{
        right: 2px;

        margin-top: -2px;
    }


    .slider_count{
        left: 10px;

        margin-left: 0;
    }

    .main_slider .bx-wrapper .bx-controls-direction a{
        right: 10px;

        margin-right: 0;
    }


    .services .item_wrap .item + .item{
        margin-top: 17px;
    }


    .calc form .name.left{
        float: none;

        width: 100%;
        height: auto;

        margin: 0 0 15px;

        line-height: normal;
    }


    .articles .item_wrap{
        width: 100%;
    }
    .articles .item_wrap + .item_wrap{
        margin-top: 40px;
    }

    .articles .item .thumb + .info{
        margin: 0;
        padding: 15px 0 0;
    }


    .products .carousel_wrap:before{
        left: 1px;
    }

    .products .product{
        padding: 0 20px;
    }

    .products .carousel_wrap .bx-wrapper .bx-controls-direction a.bx-prev{
        left: -10px;
    }
    .products .carousel_wrap .bx-wrapper .bx-controls-direction a{
        right: -10px;
    }


    .product_info .data_info .features{
        padding-bottom: 4px;
    }
    .product_info .data_info .features .item{
        width: 50%;

        margin-bottom: 20px;
    }
    .product_info .data_info .features .item + .item{
        margin-left: 0;
    }


    .shops .head .search{
        width: 100%;
    }
    .shops .head .search .name{
        width: 10%;
    }
    .shops .head .search .input{
        width: 82%;
    }
    .shops .head .search .submit_btn{
        width: 8%;
    }

    .shops .head .types{
        margin: 0;
        padding: 0 0 0 18px;
    }


    .services .item_wrap.current{
        padding: 0 0 0 20px;
    }


    footer .adres,
    footer .email{
        margin: 0;
        padding-top: 25px;
        padding-left: 0;

        flex-basis: 25%;
    }

        .our_clients .text_block img{
        margin-right: 40px;
    }

}

/* End */


/* Start:/bitrix/templates/main/css/response_1023.css?17034897178669*/
@media (max-width: 1023px){
    header .mob_menu_link{
        display: block;
    }

    header .menu > ul{
        position: absolute;
        top: 70px;
        left: 0;
        z-index: 999;

        display: none;

        width: 100%;

        padding: 10px 0;

        border-top: 1px solid #1a1a1a;
        background: #fff;
    }

    header .menu > ul > li > a{
        height: 45px;

        font-size: 16px;
        line-height: 45px;

        text-align: center;
    }
    header .menu > ul > li > a.sub_link:after{
        display: none;
    }

    header .menu > ul > li:hover .sub_menu{
        display: none;
    }
    
    header .menu > ul > li .sub_menu{
        position: relative;
        top: 0;
        left: 0;
        width: 360px;
        max-width: 100%;
        margin: 0 auto;
    }

    .main_slider .slide .info{
        padding: 40px 150px 0;

        text-align: center;
    }


    .services .item_wrap{
        flex-basis: 50%;
    }

    .services .item_wrap .item + .item{
        margin-top: 26px;
    }


    .calc form .col1of4,
    .calc form .col3of4{
        width: 50% !important;

        flex-basis: 50% !important;
    }

    .calc form .col2of4{
        width: 100% !important;

        flex-basis: 100% !important;
    }


    .calc form .name.left{
        margin-bottom: -5px;
    }

    .calc form .item{
        display: block;
        float: left;

        width: 33.333%;

        margin-top: 15px;
    }
    .calc form .item + .item{
        margin-left: 0;
    }

    .calc form .submit_btn{
        margin-left: 31px;
    }


    .calc form .total{
        height: auto;

        line-height: 26px;

        text-align: center;
    }

    .calc form .submit_btn{
        display: block;
        float: none;

        margin: 20px auto 0;
    }


    .advantages .item{
        font-size: 15px;
    }


    .articles .all_link{
        float: right;

        margin-left: 0;
    }


    .shops .full_list .scroll{
        margin-left: -5%;
    }
    .shops .full_list .item{
        width: 45%;

        margin-left: 5%;
    }

    .shops .full_list .item:nth-child(n+1):nth-child(-n+3){
        margin-top: 40px;
    }
    .shops .full_list .item:nth-child(n+1):nth-child(-n+2){
        margin-top: 0;
    }

    .shops .full_list .item:nth-child(3n+1){
        clear: none;
    }
    .shops .full_list .item:nth-child(2n+1){
        clear: both;
    }


    .catalog .cat .main{
        width: 100%;

        margin-bottom: 20px;
        padding: 0 0 0 50px;
    }

    .catalog .cat .main .icon{
        top: 0;
    }

    .catalog .cat .sub_cats{
        margin-left: 0;
        padding: 0;
    }

    .catalog .cat .sub_cats .products .product_wrap .product{
        padding: 0 10px;
    }


    .catalog_bottom .row,
    .prod_bottom .row,
    .service_bottom .row{
        display: block;
    }
    .catalog_bottom .box,
    .prod_bottom .box,
    .service_bottom .box{
        display: block;

        width: 100%;
        height: auto;

        padding: 60px 0;
    }


    .faq .page_title{
        float: none;
    }

    .faq .exp{
        float: none;

        margin: 0 0 20px;
    }

    .faq .list_exp{
        width: 100%;

        margin-bottom: 25px;
        padding: 0;

        border: none;
    }


    .content{
        margin: 0;
        padding: 0;
    }


    .gallery .list .item_wrap{
        width: 33.333%;
    }


    .product_info .images{
        float: none;

        width: 100%;
    }

    .product_info .data_info{
        margin: 0 0 25px;
        padding: 0;
    }


    .product_info .data_info .features{
        padding-bottom: 24px;
    }
    .product_info .data_info .features .item{
        width: auto;

        margin-bottom: 0;
    }
    .product_info .data_info .features .item + .item{
        margin-left: 41px;
    }


    .prod_advantages{
        padding-bottom: 10px;
    }
    .prod_advantages .item{
        margin-bottom: 30px;

        flex-basis: 33.333%;
    }


    .prod_information .row{
        display: block;
    }

    .prod_information .col_left{
        display: table;

        width: 100%;
    }

    .prod_information .documents,
    .product_info .reviews{
        display: table-cell;
        vertical-align: top;

        width: 50%;

        padding-top: 25px;

        border-right: 1px solid #e9e9e9;
    }

    .prod_information .pluses{
        display: block;

        width: 100%;

        border-top: none;
    }


    .prod_information .description{
        margin-bottom: 20px;

        flex-basis: 100%;
    }
    .prod_information .table{
        flex-basis: 100%;
    }


    .service_head h1 br{
        display: none;
    }


    .service_head + .services .item_wrap.current{
        flex-basis: 100%;
    }

    .service_head + .services .item_wrap{
        flex-basis: 33.333%;
    }


    .service1_data .item{
        position: relative;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;

        width: 100%;

        text-align: center;
        transform: none;
    }
    .service1_data .item .title br{
        display: none;
    }

    .service1_data .steps{
        margin: 30px auto;
    }


    .service_pluses{
        margin-bottom: 0;
    }
    .service_pluses .item{
        padding: 0;

        font-size: 15px;
    }


    .service_info .item_wrap.big,
    .service_info .item_wrap{
        flex-basis: 100%;
    }

    .service_info .calc_item{
        height: auto;

        margin-top: 20px;
    }
    .service_info .monitoring_item{
        height: auto;

        margin-bottom: 20px;
    }

    .service_info .calc_item .desc br,
    .service_info .monitoring_item .desc br,
    .service_head .desc br{
        display: none;
    }

    .service_info .monitoring_item .info,
    .service_info .calc_item .info{
        position: relative;
    }

    .service_info .monitoring_item img{
        bottom: 5px;
    }


    .algorithm{
        padding: 60px 0;
    }
    .algorithm .item_wrap:first-child{
        margin-bottom: 30px;

        flex-basis: 100%;
    }

    .algorithm .item_wrap{
        flex-basis: 33.333%;
    }


    .service_information .item .image{
        flex-basis: 100%;
        order: 1;
    }
    .service_information .item .info{
        flex-basis: 100%;
        order: 2;
    }


    .service_bottom .title br{
        display: none;
    }


    footer .info .col{
        width: 33.333%;

        flex-basis: 33.333%;
    }

    footer .info .col:last-child{
        overflow: hidden;

        width: 100%;

        margin-top: 20px;

        flex-basis: 100%;
    }

    footer .info .col:last-child .item{
        float: left;

        width: 33.333%;
    }

    footer .info .item + .item{
        margin-top: 0;
    }


    footer .copyright,
    footer .adres,
    footer .email{
        width: 33.333%;

        flex-basis: 33.333%;
    }


    footer .socials{
        width: 100%;

        margin-top: -23px;

        flex-basis: 100%;
    }

    /*поиск*/
    .products1 .list1 .product1 .thumb1{
        position: relative;
        z-index: 2;

        display: block;
        float: left;
    }
    .products1 .list1 .product1 .thumb1 a{
        height: 224px;

        line-height: 224px;
    }
    .products1 .list1 .product1 .thumb1 a img{
        position: relative;
        top: -1px;

        display: inline-block;
        vertical-align: middle;
    }

    .products1 .list1 .product1 .info1{
        position: relative;
        z-index: 1;

        display: block;
        float: left;

        width: 100%;

        margin-left: -216px;
        padding-left: 236px;
    }

    .products1 .list1 .product1 .information1{
        display: block;
        clear: both;

        width: 100%;

        border-top: 1px solid #e2e2e2;
        border-left: none;
    }
    /*end поиск*/

        .our_clients{
        margin-bottom: -35px;
    }

    .our_clients .text_block img{
        max-width: calc(50% - 35px);

        margin-right: 30px;
    }

    .our_clients .text_block h2{
        font-size: 20px;
        line-height: 24px;
    }

    .clients + .service_info{
        margin-top: 0;
    }
}

/* End */


/* Start:/bitrix/templates/main/css/response_767.css?170348971711623*/
@media (max-width: 767px){
    .block_head{
        margin-bottom: 30px;
    }
    .block_head .title{
        font-size: 22px;
    }
    .block_head .desc{
        margin-top: 10px;

        font-size: 15px;
    }


    header .search{
        margin-right: 0;
        padding-right: 0;
    }

    header .account{
        width: 100%;
        z-index: auto;
    }

    header .menu{
        bottom: -45px;

        height: 45px;
        z-index: 101;
    }

    header .order_link{
        width: 100%;
        height: 45px;

        line-height: 45px;
    }


    header .mob_menu_link{
        position: absolute;
        top: -70px;
    }
    header .mob_menu_link span{
        background: #fff;
    }

    header .menu ul{
        top: 0;
    }


    .slider_count{
        display: none !important;
    }

    .main_slider .slide .info{
        padding: 40px 58px;
    }

    .main_slider .slide .title{
        margin-bottom: 20px;

        font-size: 26px;
    }
    .main_slider .slide .desc{
        font-size: 22px;
    }


    .services .items{
        margin-left: -10px;
    }
    .services .item_wrap{
        margin-bottom: 10px;
    }
    .services .item_wrap .item{
        margin-left: 10px;
    }
    .services .item_wrap.current{
        padding-left: 10px;
    }

    .services .item_wrap .item + .item{
        margin-top: 10px;
    }
    .services .item_wrap .item.why{
        padding-bottom: 6px;

        background: #f59d00;
    }
    .services .item_wrap .item.why .info{
        padding: 15px 20px;
    }


    .calc{
        padding: 40px 0;
    }
    .calc form .col{
        padding: 20px 15px;
    }
    .calc form .col1of4,
    .calc form .col3of4{
        width: 100% !important;

        flex-basis: 100% !important;
    }
    .calc form .col + .col{
        border-top: 1px solid #d2d2d2;
        border-left: 0;
    }

    .calc form .item{
        width: 50%;
    }

    .calc form .submit{
        margin-top: 10px;

        text-align: center;
    }
    .calc form .total{
        width: 100%;
    }

    .calc form .total b{
        font-size: 26px;
    }

    .calc .exp{
        margin-top: 20px;
    }


    .advantages{
        padding: 40px 0 10px;
    }

    .advantages .links{
        margin-bottom: 30px;
    }

    .advantages .item{
        margin-bottom: 30px;

        flex-basis: 50%;
    }

    .advantages .bx-wrapper .bx-pager{
        display: none;
    }


    .clients{
        padding: 40px 0;
    }
    .clients .carousel_wrap{
        padding: 0 55px;
    }

    .carousel_wrap .bx-wrapper .bx-controls-direction a.bx-prev{
        left: -55px;
    }
    .carousel_wrap .bx-wrapper .bx-controls-direction a.bx-next{
        right: -55px;
    }


    .articles{
        margin-bottom: 40px;
        padding: 40px 0;
    }

    .articles .block{
        width: 100%;

        padding: 0 !important;
    }
    .articles .block + .block{
        margin-top: 40px;
    }

    .articles .block_title{
        margin-bottom: 20px;
    }

    .articles .item .name{
        margin-bottom: 15px;
    }

    .articles .item .date{
        margin-bottom: 10px;
    }


    .products .carousel_wrap .product:before,
    .products .carousel_wrap:before{
        display: none;
    }

    .products .carousel_wrap .bx-wrapper .bx-controls-direction a.bx-prev{
        left: 0;
    }
    .products .carousel_wrap .bx-wrapper .bx-controls-direction a.bx-next{
        right: 0;
    }

    .products .carousel_wrap{
        margin-bottom: 40px;
    }


    .shops .head .search .name{
        width: 100%;
        height: auto;

        padding-bottom: 7px;

        line-height: normal;
    }
    .shops .head .search .input{
        width: 85%;
    }
    .shops .head .search .submit_btn{
        width: 15%;
    }


    .shops .head .types a{
        display: block;
        float: left;

        width: 33.333%;

        padding: 20px 20px 20px 24px;

        line-height: normal;
    }
    .shops .head .types a.e-commerce{
        padding: 20px 20px 20px 44px;
    }
    .shops .head .types a + a{
        margin-left: 0;
    }


    .shops .map{
        width: 100%;
        height: 300px;

        margin: 0 0 20px;
        padding: 0;
    }

    .shops .list{
        width: 100%;
    }


    .shops .full_list .item{
        width: 95%;

        margin-top: 30px;
    }
    .shops .full_list .item:nth-child(n+1):nth-child(-n+2){
        margin-top: 30px;
    }
    .shops .full_list .item:nth-child(1){
        margin-top: 0 !important;
    }


    .page_content{
        padding-top: 145px;
    }


    .breadcrumbs{
        display: none;
    }


    .article_full{
        padding-top: 0;
    }

    .article_full .head img{
        margin-top: 30px;
    }


    .text_block{
        font-size: 15px;
        line-height: 18px;
    }

    .text_block :last-child{
        margin-bottom: 0;
    }

    .text_block ol li + li{
        margin-top: 20px;
    }
    .text_block ol li{
        padding-left: 45px;
    }


    .catalog .cat .main{
        font-size: 20px;
    }

    .catalog .cat .sub_cats .features .item{
        width: 49%;

        margin-bottom: 20px;

        font-size: 16px;
    }
    .catalog .cat .sub_cats .features .item + .item{
        margin-left: 0;
    }

    .products .product_wrap{
        flex-basis: 50%;
    }
    .catalog .cat .sub_cats .products .product_wrap .product{
        padding: 0 20px;
    }


    .catalog_bottom .box,
    .prod_bottom .box,
    .service_bottom .box{
        padding: 40px 0;
    }

    .catalog_bottom .title,
    .prod_bottom .title,
    .service_bottom .title{
        margin-bottom: 30px;

        font-size: 16px;
        line-height: 24px;
    }


    .service_bottom,
    .service_gallery{
        margin-bottom: 40px;
    }


    .service_info .block_head{
        margin-bottom: 20px;
    }


    .faq .add_question .form{
        padding: 20px;
    }

    .form .lines .line_wrap{
        width: 100%;

        flex-basis: 100%;
    }


    .gallery .list .item_wrap{
        width: 50%;
    }


    .product_info .images{
        border: 1px solid #e9e9e9;
    }

    .product_info .data_info .features{
        padding-bottom: 4px;
    }
    .product_info .data_info .features .item{
        width: 50%;

        margin-bottom: 20px;
    }
    .product_info .data_info .features .item + .item{
        margin-left: 0;
    }


    .prod_information .text{
        padding: 30px 0;

        font-size: 15px;
        line-height: 20px;
    }

    .prod_information .documents,
    .product_info .reviews{
        display: block;

        width: 100%;
    }


    .reviews .carousel_wrap .bx-wrapper .bx-controls-direction a.bx-next{
        right: -62px;
    }


    .service_head{
        width: 100%;
    }
    .service_head .box:after{
        display: none;
    }

    .service_head .row{
        display: block;
    }
    .service_head .box{
        display: block;

        height: auto;

        padding: 85px 0 40px;
    }

    .service_head h1{
        font-size: 26px;
        line-height: 34px;
    }

    .service_head .desc{
        margin-top: 20px;

        font-size: 15px;
    }


    .service_head + .services{
        padding-top: 40px;
    }

    .service_head + .services .item_wrap.current{
        margin-bottom: 20px;
    }
    .service_head + .services .item_wrap{
        flex-basis: 50%;
    }


    .service1_data .item{
        font-size: 15px;
    }

    .service1_data .item .title{
        font-size: 18px;
        line-height: 20px;
    }


    .service_pluses{
        padding-bottom: 10px;
    }
    .service_pluses .item{
        margin-bottom: 30px;

        flex-basis: 50%;
    }

    .service_info .item_wrap.big .col:first-child{
        display: none;
    }

    .service_info .item_wrap.big .col{
        padding: 20px;

        font-size: 15px;

        flex-basis: 50%;
    }

    .service_info .item_wrap.big .desc{
        font-size: 15px;
        line-height: 20px;
    }


    .examples{
        padding: 40px 0;
    }

    .examples .item_wrap{
        flex-basis: 100%;
    }
    .examples .item_wrap + .item_wrap{
        margin-top: 20px;
    }


    .algorithm{
        padding-bottom: 40px;
    }
    .algorithm .item .title{
        margin-bottom: 20px;
    }
    .algorithm .item .desc{
        font-size: 15px;
        line-height: 20px;
    }

    .algorithm .item_wrap:first-child{
        margin-bottom: 15px;
    }
    .algorithm .item_wrap{
        flex-basis: 100%;
    }
    .algorithm .item_wrap + .item_wrap{
        margin-top: 10px;
    }

    .algorithm .item .algorithm_name:after,
    .algorithm .item .algorithm_name:before{
        display: none;
    }

    .algorithm .item .info{
        padding: 20px;
    }


    .service_information .item .info{
        padding: 30px 20px;

        font-size: 15px;
        line-height: 20px;
    }
    .service_information .item .info .title{
        margin-bottom: 15px;
    }


    .partners_page_head{
        margin-top: -30px;
        padding-top: 30px;
    }


    .partners_text ul{
        width: 100%;
    }

    .partner_form{
        padding-bottom: 40px;
    }
    .partner_form form .name{
        width: 170px;

        padding-right: 20px;
    }

    .partner_form form .submit{
        padding-left: 170px;
    }
    .partner_form form .submit_btn{
        width: 100%;
    }


    footer .info{
        padding: 30px 0 0;
    }

    footer .info .col,
    footer .info .col:last-child{
        width: 50%;

        margin-top: 0;
        margin-bottom: 30px;

        flex-basis: 50%;
    }

    footer .info .col:last-child .item{
        float: none;

        width: 100%;
    }
    footer .info .col:last-child .item + .item,
    footer .info .item + .item{
        margin-top: 30px;
    }


    footer .bottom{
        padding: 30px 0;
    }

    footer .copyright,
    footer .adres,
    footer .email,
    footer .socials{
        width: 50%;

        flex-basis: 50%;
    }

    footer .copyright{
        padding-right: 20px;
    }

    footer .socials{
        margin: 20px 0 0;
    }

    /*поиск*/
    .products1 .items1 .product1{
        width: 50%;
    }


    .products1 .list1 .product1 .thumb1 a{
        height: 364px;

        line-height: 364px;
    }
    /*end поиск */

    .photo_gallery .item
    {
        width: 50%;
    }

       .our_clients .text_block img{
        float: none;

        width: 100%;
        max-width: 100%;

        margin-right: 0;
    }

    .our_clients .text_block h2{
        margin-top: 0;
    }
    
    #login_modal{

        right: 140px;

        max-width: 100%;

    }

    #login_modal:before{

        right: 80px;

    }

    #login_modal form .forgot_link{

        margin-right: 0;

    }

    .service_head .box .scroll_down{

        display: none;

    }

    .modal{

        width: 450px;

    }

    .modal form .line.left,

    .modal form .line.right{

        width: 100%;

    }
}

/* End */


/* Start:/bitrix/templates/main/css/response_479.css?17034897179168*/
@media (max-width: 479px){
    .block_head .title{
        font-size: 19px;
    }


    header{
        height: auto;
    }

    header .logo,
    header .logo a{
        width: 100%;
    }


    header .search{
        margin: 0;
        padding: 0;
    }

    header .account{
        padding: 10px;
    }


    header .mob_menu_link{
        width: 60px;

        padding: 24px 15px;
    }
    header .mob_menu_link span{
        height: 4px;
    }
    header .mob_menu_link span + span{
        margin-top: 6px;
    }


    .main_slider{
        margin-bottom: 10px;
    }
    .main_slider .bx-wrapper .bx-controls-direction a{
        display: none;
    }
    .main_slider .slide .title{
        font-size: 23px;
    }

    .main_slider .slide .info{
        padding: 40px 0;
    }
    .main_slider .slide .desc{
        font-size: 18px;
    }


    .services .item_wrap{
        flex-basis: 100%;
    }

    .calc form .item{
        width: 100%;
    }

    .calc form input[type=checkbox] + label .icon{
        display: none;
    }

    .calc form .total b{
        display: block;

        font-size: 22px;
        line-height: 22px;
    }


    .advantages .item{
        font-size: 13px;
    }

    .advantages .links a + a{
        margin-left: 11px;
    }


    .articles .block_title{
        overflow: hidden;
    }

    .articles .items{
        clear: both;
    }


    .shops .head .types{
        padding: 0;
    }
    .shops .head .types a,
    .shops .head .types a.e-commerce{
        width: 100%;
        height: 61px;

        padding: 0 20px 0 42px;

        line-height: 61px;
    }
    .shops .head .types a:before{
        left: 24px;
    }
    .shops .head .types a.e-commerce{
        padding-left: 44px;
    }

    .shops .list{
        padding-left: 10px;
    }


    .page_content{
        padding-top: 65px;
    }

    .article_full h1{
        font-size: 26px;
        line-height: 30px;
    }

    .article_full .head .tags{
        margin-left: 11px;
    }

    .articles_page .list{
        margin-bottom: 0;
    }


    .pagination a.prev,
    .pagination a.next{
        display: none;
    }


    .catalog .cat .main{
        line-height: 20px;
    }

    .catalog .cat .sub_cats .block .title{
        padding: 15px 20px;

        font-size: 18px;
    }
    .catalog .cat .sub_cats .block .title img{
        display: none;
    }

    .catalog .cat .sub_cats .data{
        padding: 15px;
    }

    .catalog .cat .sub_cats .features .item{
        width: 100%;

        margin-bottom: 15px;
    }

    .products .product_wrap{
        flex-basis: 100%;
    }


    .faq .list .data{
        line-height: 18px;
    }


    .gallery .list .item_wrap{
        width: 100%;

        margin-bottom: 10px;
    }


    .product_info{
        margin-top: 0;
    }
    .product_info .data_info h1{
        font-size: 22px;
        line-height: 24px;
    }

    .product_info .data_info .features{
        padding: 15px 15px 0;
    }
    .product_info .data_info .features .item{
        width: 100%;

        margin-bottom: 15px;
    }

    .product_info .data_info .where_buy{
        width: 100%;
    }

    .product_info .data_info .packing{
        width: 100%;

        margin-top: 10px;
        margin-left: 0;

        text-align: center;
    }


    .prod_advantages .item{
        font-size: 14px;
        line-height: 18px;

        flex-basis: 50%;
    }

    .prod_information .documents .item{
        padding-top: 0;
        padding-bottom: 0;
    }

    .product_info .reviews .block_title{
        padding: 0;
    }

    .product_info .reviews .slide .info{
        padding: 15px;
    }
    .product_info .reviews .slide .info .name a{
        font-size: 14px;
    }


    .prod_information .pluses{
        padding: 15px;
    }
    .prod_information .pluses li{
        font-size: 15px;
        line-height: 20px;
    }
    .prod_information .pluses li + li{
        margin-top: 20px;
    }


    .prod_information .description .data{
        font-size: 15px;
    }
    .prod_information .description .title{
        margin-bottom: 10px;
    }


    .prod_information .table table th{
        padding: 0 10px;

        font-size: 14px;
    }

    .prod_information .table table td{
        padding: 5px 10px;
    }


    .catalog_bottom .title,
    .prod_bottom .title,
    .service_bottom .title{
        font-size: 14px;
        line-height: 20px;
    }


    .service_head h1{
        font-size: 20px;
        line-height: 24px;
    }

    .services .item_wrap.current .link{
        width: 100%;

        margin-top: 25px;

        text-align: center;
    }

    .service_head + .services .item_wrap{
        flex-basis: 100%;
    }


    .service1_data .steps{
        width: 100%;
        height: auto;

        margin-bottom: 50px;

        background: none;
    }

    .service1_data .steps .step{
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        margin: 0;
        padding-left: 95px;

        color: #1a1a1a;
    }
    .service1_data .steps .step span{
        color: #1a1a1a;
    }

    .service1_data .steps .step br{
        display: none;
    }

    .service1_data .steps .step .icon{
        top: -10px;
        bottom: 0;
        left: 0;

        width: 75px;
        height: 60px;

        line-height: 60px;

        border-radius: 3px;

        text-align: center;
    }
    .service1_data .steps .step1 .icon{
        background: #3dab39;
    }
    .service1_data .steps .step2 .icon{
        background: #f59d00;
    }
    .service1_data .steps .step3 .icon{
        background: #626366;
    }

    .service1_data .steps .step .icon img{
        position: relative;
        top: -1px;

        display: inline-block;
        vertical-align: middle;

        max-width: 70%;
        max-height: 70%;
    }

    .service1_data .steps .step + .step{
        margin-top: 30px;
    }


    .service_info .item_wrap.big .col{
        flex-basis: 100%;
    }
    .service_info .item_wrap.big .data .col:nth-child(3){
        padding-top: 0;
    }

    .service_info .calc_item .desc br,
    .service_info .monitoring_item .desc br{
        display: block;
    }

    .service_info .calc_item{
        margin-top: 10px;
    }


    .examples .item .info{
        padding: 15px;
    }

    .examples .item .info .name{
        margin-bottom: 15px;
    }


    .examples .order_link{
        white-space: nowrap;
    }


    .service_information .item .info{
        padding: 25px 0;
    }
    .service_information .item .info .title{
        font-size: 18px;
    }


    .service_gallery .item_wrap{
        width: 100%;
    }

    .service_info .monitoring_item{
        margin-bottom: 10px;
    }


    .partners_page_head{
        margin-top: -20px;
    }
    .partners_page_head .page_title{
        font-size: 22px;

        letter-spacing: .05em;
    }


    .partner_form .block_title{
        margin-bottom: 30px;

        font-size: 22px;
        line-height: 24px;
    }

    .partner_form form .line.big_margin{
        margin-bottom: 20px;
    }

    .partner_form form label{
        height: 18px;
    }
    .partner_form form label:before{
        top: 0;
    }

    .partner_form form .name{
        display: block;

        width: 100%;
        height: auto;

        padding-right: 0;
        padding-bottom: 7px;
    }
    .partner_form form .field{
        display: block;

        width: 100%;
    }

    .partner_form form .submit{
        padding: 0;
    }


    footer .info .phone{
        font-size: 17px;
        line-height: 20px;
    }

    footer .copyright,
    footer .adres,
    footer .email,
    footer .socials{
        width: 100%;

        margin-top: 20px;

        flex-basis: 100%;
    }

    footer .copyright{
        margin-top: 0;
        padding-right: 0;
    }

    /*поиск*/
    .products1 .list1 .product1 .thumb1{
        width: 100%;

        border-right: none;
        border-bottom: 1px solid #e2e2e2;
    }
    .products1 .list1 .product1 .thumb1 a{
        line-height: 224px;

        height: 224px;
    }

    .products1 .list1 .product1 .info1{
        margin: 0;
        padding: 20px;
    }

    /*end поиск*/

    .photo_gallery .item
    {
        width: 100%;
    }

        .our_clients .text_block h2{
        font-size: 18px;
        line-height: 20px;
    }
    
    #login_modal{
        right: 0;
    }

    #login_modal:before{
        right: 208px;
    }

    .modal{
        width: 290px;
    }
}


@media (max-width: 349px){
    .articles .all_link{
        display: block;
        float: left;

        margin-top: 15px;
    }
}

/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/top1/style.min.css?17034897172111*/
ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/.default/components/bitrix/menu/top1/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/bitrix/templates/.default/components/bitrix/menu/top1/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/.default/components/bitrix/menu/top1/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/top1/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/top1/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/bottom/style.css?1714635140613*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/bitrix/templates/.default/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}
.footer-title a{
	color:white;
}



/* End */


/* Start:/bitrix/templates/main/styles.css?1703489717224*/
.copyright {
    text-align: center;
}

.sitemap_link > a {
    color: #8d8d8d;
}

.sitemap_link > a:hover {
    text-decoration: none;
}

.text_block ul {
    margin: 0 0 20px 50px;
}
.text_block p {
    line-height: 1.5;
}
/* End */


/* Start:/bitrix/templates/main/template_styles.css?17228490774637*/
.uslugi-dlya-infostranits * {
    color: #5f5f5f;
    font-family: "PT Sans";
}
.uslugi-dlya-infostranits p {
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 16px;
}
.uslugi-dlya-infostranits a {
    color: #2F75B5;
}
.uslugi-dlya-infostranits tr td:last-child a {
    color: #f59d00;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px dashed;
}
.uslugi-dlya-infostranits table {
    font-size: 15px;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1em;
}
.uslugi-dlya-infostranits table tbody tr:nth-child(odd) {
    background: #fdfbfb;
}
.uslugi-dlya-infostranits table tr:hover {
    background: #40af3c08;
}
.uslugi-dlya-infostranits td {
    border: 1px solid #D4D4D4;
    padding: 5px;
}
.uslugi-dlya-infostranits td {
    text-align: center;
}
.uslugi-dlya-infostranits td:first-child {
    text-align: left;
}
.uslugi-dlya-infostranits tr:first-child td:first-child {
    text-align: center;
}
.uslugi-dlya-infostranits tr:first-child td {
    font-weight: bold;
}
.uslugi-dlya-infostranits .uslugi-dlya-infostranits_tovar td {
    width: 33%;
}
.uslugi-dlya-infostranits .uslugi-dlya-infostranits_usluga td {
    width: 50%;
}
@media (max-width:450px) {
  .uslugi-dlya-infostranits p {
    font-size: 16px;
  }
  .uslugi-dlya-infostranits table {
    font-size: 14px;
  }
}
.popup-description {
	color: #000;
	background: #fff;
	position: absolute !important;
	top: 27px !important;
	padding: 15px 10px;
	width: 30ch;
	border-radius: 5px;
	box-shadow: 0 6px 10px rgba(0,0,0,.4);
}
.calc form .product_label:hover {
	opacity: 1 !important;
}
.product_label:hover .popup-description {
	display: block !important;
}
.popup-description:after {
	position: absolute;
	top: -10px;
	left: 20px;
	display: block;
	width: 10px;
	height: 10px;
	border: 5px solid transparent;
	border-bottom-color: #fff;
	content: '';
}
.footnote {
	font: italic 12px "PT Sans", sans-serif;
	text-align: center;
	padding: 0 0 10px 0;
}
@media screen and (max-width:1023px) and (min-width:451px){
	.product_label:hover .popup-description {
		display: none !important;
	}
}
@media screen and (max-width:450px){
	.calc form input[type=radio]:checked + label > .popup-description {
		display: block !important;
		position: inherit !important;
		top: 3px !important;
		width: 100%;
	}
	.calc form input[type=radio]:not(:checked) + label > .popup-description {
		display: none !important;
	}
}

/* Order <button> */
.order_button_wrapper {
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
    
    width:100%;
    margin-bottom: 20px;
}
.order_button_wrapper .modal_link.action_link,
.order_button_wrapper .anchor_link {
    padding: 0 42px;
	margin: 10px;
    border: none;
    border-radius: 4px;
    font: 13px/47px "PT Sans", sans-serif;
    cursor: pointer;
    height: 47px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    background: #3eab3a;
    letter-spacing: .1em;
    transition: background .2s linear;
    text-transform: uppercase;
	text-decoration: none;
}
.order_button_wrapper .modal_link.action_link:hover,
.order_button_wrapper .anchor_link:hover {
    color: #fff;
    background-color: #f59d00;
}
.order_button_wrapper .anchor_link.inverse {
	background-color: #f59d00;
}
.order_button_wrapper .anchor_link.inverse:hover {
	background: #3eab3a;
}
@media screen and (max-width: 320px) {
    .order_button_wrapper .anchor_link {
        padding: 0 10px;
    }
}
@media (hover: none) {
	.order_button_wrapper .anchor_link:hover {
    	background-color: #3eab3a;
	}
	.order_button_wrapper .anchor_link.inverse:hover {
		background: #f59d00;
	}
}
/* <img> floating in text */
.floating-image { 
	float:right; 
	padding-left: 5px;
}
@media screen and (max-width: 450px) {
	.floating-image {
		display: block;
		margin: 0 auto;
		float: none;
		padding: 5px;
	}
}

/* <ol> styling */
.partners_text ol {
	margin-bottom: 35px;
}
.partners_text ol li {
	padding-left: 20px;
	position: relative;
	left: 20px;
}

.product_info .data_info .features {
	justify-content: space-between;
	padding-bottom: 20px;
}

.product_info .data_info .features .item{
	margin-top: 10px;
	margin-bottom: 10px;
}

.product_info .data_info .features .item + .item{
	margin-left: 0;
}
.field.error{
	position: relative;
}
.form .field.error:after{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background: #ff4f49 url('/bitrix/templates/main/images/ic_error_field.png') 50% 50% no-repeat;
	content: '';
}
.captcha-block .field-wrap{
	display: flex;
	justify-content: space-between;
}
/* End */
/* /bitrix/templates/main/css/bxslider.css?17034897174319 */
/* /bitrix/templates/main/css/fancybox.css?17034897174537 */
/* /bitrix/templates/main/css/jscrollpane.css?17034897171269 */
/* /bitrix/templates/main/css/styles.css?1756987369106971 */
/* /bitrix/templates/main/css/dev.css?17034897178604 */
/* /bitrix/templates/main/css/response_1199.css?17034897172203 */
/* /bitrix/templates/main/css/response_1023.css?17034897178669 */
/* /bitrix/templates/main/css/response_767.css?170348971711623 */
/* /bitrix/templates/main/css/response_479.css?17034897179168 */
/* /bitrix/templates/.default/components/bitrix/menu/top1/style.min.css?17034897172111 */
/* /bitrix/templates/.default/components/bitrix/menu/bottom/style.css?1714635140613 */
/* /bitrix/templates/main/styles.css?1703489717224 */
/* /bitrix/templates/main/template_styles.css?17228490774637 */