/* Start:/bitrix/templates/vgkh/css/slick-theme.css?15719898263895*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
   /* background: #fff url('/bitrix/templates/vgkh/css/./ajax-loader.gif') center center no-repeat;*/
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/bitrix/templates/vgkh/css/./fonts/slick.eot');
  /*  src: url('/bitrix/templates/vgkh/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/vgkh/css/./fonts/slick.woff') format('woff'), url('/bitrix/templates/vgkh/css/./fonts/slick.ttf') format('truetype'), url('/bitrix/templates/vgkh/css/./fonts/slick.svg#slick') format('svg');

*/
}

/* Arrows */
.sales-and-price .slick-prev,
.sales-and-price .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.sales-and-price .slick-next{
	margin-top: 0px !important;
}
.sales-and-price .slick-prev:hover,
.sales-and-price .slick-prev:focus,
.sales-and-price .slick-next:hover,
.sales-and-price .slick-next:focus
{
    /*color: transparent;
    outline: none;
    background: transparent;*/
}
.sales-and-price .slick-prev:hover:before,
.sales-and-price .slick-prev:focus:before,
.sales-and-price .slick-next:hover:before,
.sales-and-price .slick-next:focus:before
{
    opacity: 1;
}
.sales-and-price .slick-prev.slick-disabled:before,
.sales-and-price .slick-next.slick-disabled:before
{
    opacity: .25;
}

.sales-and-price .slick-prev:before,
.sales-and-price .slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
font-family: 'Font Awesome 5 Free';
    font-size: 42px;
    line-height: 20px;
    
	font-weight: 900;
	color: #000;
    opacity: .5;
    

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sales-and-price .slick-prev
{
    left: -27px !important;
	top: 53%;
}
[dir='rtl'] .slick-prev
{
    right: -27px;
    left: auto;
}
.sales-and-price .slick-prev:before
{
    
    content: '\f053';
	
	
}
[dir='rtl'] .slick-prev:before
{
	
    content: '\f053';
	right: -15px !important;
}

.sales-and-price .slick-next
{
    right: -15px !important;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -15px !important;
}
.sales-and-price .slick-next:before
{
    content: '\f054';
	
	
}
[dir='rtl'] .slick-next:before
{
    content: '\f054';
	
}

/* Dots */
.sales-and-price .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.sales-and-price .slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.sales-and-price .slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.sales-and-price .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.sales-and-price .slick-dots li button:hover,
.sales-and-price .slick-dots li button:focus
{
    outline: none;
}
.sales-and-price .slick-dots li button:hover:before,
.sales-and-price .slick-dots li button:focus:before
{
    opacity: 1;
}
.sales-and-price .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sales-and-price .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/bitrix/templates/vgkh/css/slick.css?15066984881729*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/bitrix/templates/vgkh/components/bitrix/form/new_callback/bitrix/form.result.new/.default/style.css?17472243008939*/
*{
    font-family: Roboto, sans-serif !important;
}

.btn_green_new_open {
	width: 100%;
    max-width: 250px;
    margin-top: 45px;
    height: 45px;
    font-size: 18px;
    color: #fff;
    background-color: #39b54a;
    border: 1px solid #39b54a;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    -webkit-box-shadow: 0px 5px 15px 0px rgb(34 60 80 / 50%);
    -moz-box-shadow: 0px 5px 15px 0px rgba(34, 60, 80, 0.5);
    box-shadow: 0px 5px 15px 0px rgb(34 60 80 / 50%);
}
.form_callback_new_container {
	display:none;
}
.form_callback_new {

	width: 400px;
	max-height: 700px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 20px;
    position: fixed;
    top: calc(50vh - 275px);
	top: 100%;
	left: calc(50% - 200px);
	transition: top .5s;
    z-index: 999999;
}
.form_callback_substrate {
	position: fixed;
	opacity: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999998;
    background-color: rgba(0, 0, 0, 0.25);
	transition: opacity .5s;
}
.form_callback_new .form_callback_new {
	width: 370px;
    margin: 0 auto;
	position: relative;
}
.form_callback_new .callback_container {
	padding: 0px 30px 20px;
}
.form_callback_new .callback_container h3 {
	color: #3C6B9B;
	font-size: 27px;
	margin: 30px 0;
}
.form_callback_new .callback_container .input_group {
	position: relative;
	margin-bottom: 25px;
}
.form_callback_new .callback_container .input_group input {
	width: 100%;
    border: 1px solid #3C6B9B;
    border-radius: 13px;
    padding: 10px;
	font-size: 16px;
}
.form_callback_new .callback_container .input_group input:focus {
    border: 1px solid #3C6B9B;
	outline: none;
}
.form_callback_new .callback_container .input_group input::placeholder					   {opacity: 1; transition: opacity 0.3s ease; color: #777; font-size: 14px;}
.form_callback_new .callback_container .input_group input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease; color: #777; font-size: 14px;}
.form_callback_new .callback_container .input_group input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease; color: #777; font-size: 14px;}
.form_callback_new .callback_container .input_group input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease; color: #777; font-size: 14px;}
.form_callback_new .callback_container .input_group input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease; color: #777; font-size: 14px;}
.form_callback_new .callback_container .input_group input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.form_callback_new .callback_container .input_group input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
.form_callback_new .callback_container .input_group input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
.form_callback_new .callback_container .input_group input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}
.form_callback_new .callback_container .input_group textarea {
	width: 100%;
    height: 60px;
    border: 1px solid #3C6B9B;
    border-radius: 13px;
    padding: 10px;
	font-size: 16px;
	resize: none;
}
.form_callback_new .callback_container .input_group textarea:focus {
    border: 1px solid #3C6B9B;
	outline: none;
}
.form_callback_new .callback_container .input_group textarea::placeholder {
	opacity: 1; transition: opacity 0.3s ease; color: #777; font-size: 14px;
}
.form_callback_new .callback_container .input_group textarea:focus::placeholder {
	opacity: 0; transition: opacity 0.3s ease;
}
.form_callback_new .callback_container .callback__checkbutton input[type="button"]  {
	width: 100%;
    color: #fff;
    background-color: #39b54a;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
}
.form_callback_new .callback_container .callback__comments {
	margin-top: 5px;
}
.form_callback_new .callback_container .callback__comments p {
	font-size: 9px;
	color: #555;
    margin-bottom: 0;
}
.form_callback_new .callback_container .callback__comments a {
	color: #39b54a;
    text-decoration: underline;
	border-bottom: 0px !important;
	font-size: 9px !important;
}
.form_callback_new .callback_container .field_title {
	position: absolute;
    top: -12px;
    left: 10px;
    padding: 5px;
    height: 22px;
    background-color: #fff;
	display:none;
}
.form_callback_new .callback_container .field_title p {
	font-size: 10px;
}
.form_callback_new .field_error {
	position: absolute;
    top: 10px;
    left: 2px;
    background-color: #fff;
	display:none;
}
.form_callback_new .field_error .line_line {
	display: flex;
    margin-left: 15px;
	height: 20px;
}
.form_callback_new .field_error .line_line p {
	color: red;
}
.form_callback_new .field_error .line_line ico {
    background: url(/bitrix/templates/vgkh/components/bitrix/form/new_callback/bitrix/form.result.new/.default/images/errore.png) no-repeat center;
	background-size: cover;
    width: 20px;
    height: 20px;
	margin-right: 10px;
    display: block;
}
.form_callback_new .f_error input {
	border: 1px solid red !important;
}

.form_callback_new_container .sending-error {
	margin: 45px 20px 35px;
	display:none;
}

.form_callback_new_container .sending-success {
	margin: 45px 20px 35px;
	display:none;
}

.form_callback_new_container .callback_response {
	position: fixed;
    top: 20%;
    max-width: 320px;
    background-color: #fff;
	border-radius: 20px;
	z-index: 999999;
	left: calc(50% - 202px);
	display:none;
}
.form_callback_new_container .callback_response .btn_green_new {
	width: 212px;
	height: 45px;
    margin: 35px auto 0;
    color: #fff;
    background-color: #39b54a;
    border-radius: 10px;
    cursor: pointer;
	-webkit-box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 25%);
	-moz-box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 25%);
	box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 25%);
}
.form_callback_new_container .callback_response .btn_green_new h3 {
	color: #fff;
    text-align: center;
    font-size: 19px;
    font-weight: 400;
    margin: 0;
    padding: 11px;
}
.form_callback_new .btn_close {
	position: absolute;
    right: 12px;
    top: 12px;
    color: #3C6B9B;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
}
.form_callback_new_container .callback_response .response_text h3 {
	text-align: center;
    font-size: 32px !important;
}
.form_callback_new_container .callback_response .response_text p {
	text-align: center;
    font-size: 18px;
    font-weight: 400;
}
.form_callback_new_container .callback_response .sending-round {
	background-size: cover !important;
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
}
.form_callback_new_container .sending-error .sending-round {
    background: url(/bitrix/templates/vgkh/components/bitrix/form/new_callback/bitrix/form.result.new/.default/images/sending-error.png) no-repeat center;
}
.form_callback_new_container .sending-success .response_text h3 {
    color: #3C6B9B;
}
.form_callback_new_container .sending-success .response_text p {
    color: #3C6B9B;
}
.form_callback_new_container .sending-success .sending-round {
    background: url(/bitrix/templates/vgkh/components/bitrix/form/new_callback/bitrix/form.result.new/.default/images/sending-success.png) no-repeat center;
}

/* sending_bottom вырезан из финального макета */
.form_callback_new_container .sending_bottom {
	width: 170px;
    margin: 15% auto 0;
}
.form_callback_new_container .sending_bottom p {
	text-align: center;
	font-weight: 400;
    font-size: 12px;
    color: #74747480;
}

.form_agreement_container {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 15px;
}

.form_agreement_container input {
    margin-top: 3px;
}

.form_agreement_error {
    color: red;
    display: none;
    font-size: 9px;
    margin-bottom: 10px;
}

@media (max-width: 780px) {
	.form_callback_new {
		width: 330px;
		left: calc(50% - 165px);
	}
}
/*
@media (min-width: 1200px) {
	.form_callback_new {
		left: 40%;
	}
	.form_callback_new_container .callback_response {
		left: 40%;
	}
}

@media (min-width: 780px) and (max-width: 1199px) {
	.form_callback_new {
		width: 350px;
		left: calc(50% - 175px);
	}

@media (min-width: 670px) and (max-width: 779px) {
	.form_callback_new {
		left: 25%;
	}
	.form_callback_new_container .callback_response {
		left: 25%;
	}
}
@media (min-width: 475px) and (max-width: 669px) {
	.form_callback_new {
		left: 20%;
	}
	.form_callback_new_container .callback_response {
		left: 20%;
	}
}
@media (min-width: 420px) and (max-width: 474px) {
	.form_callback_new {
		left: 15%;
	}
	.form_callback_new_container .callback_response {
		left: 15%;
	}
}
@media (min-width: 380px) and (max-width: 419px) {
	.form_callback_new {
		left: 10%;
	}
	.form_callback_new_container .callback_response {
		left: 10%;
	}
}
@media (min-width: 340px) and (max-width: 379px) {
	.form_callback_new {
		left: 5%;
	}
	.form_callback_new_container .callback_response {
		left: 5%;
	}
}
@media (max-width: 329px) {
	.form_callback_new {
		left: 0%;
	}
	.form_callback_new_container .callback_response {
		left: 0;
	}
}*/
/* End */


/* Start:/bitrix/templates/vgkh/components/bitrix/search.form/search_rform_new/style.css?16546745861437*/
.search{
    display:inline-block;vertical-align:middle;margin-left:25px
}
.search__input{
    padding:7px 5px 7px 40px;-webkit-border-radius:3px;border-radius:3px;background-image:url(/bitrix/templates/vgkh/components/bitrix/search.form/search_rform_new/search.png);background-repeat:no-repeat;background-position:8px center;width:165px;border:1px solid #f3f2ef;font-size:14px
}
.search__input:focus {
	outline-color:#3c6b9b;
}
.search__btn {
    cursor: pointer;
}
.header_search {
    position: relative;
}
.search__form {
    position: absolute;
    top: -7px;
    right: -9999px;
    transition: right 0.25s ease-in-out;
}
.search__form.active {
    right: 0;
}
.search__form input {
    outline: none;
}
.search__form .search__input {
    padding: 13px 30px 13px 40px;
    border: 1px solid transparent;
    border-bottom: 1px solid #a9bbce;
    background-image: url(/bitrix/templates/vgkh/img/search_small.svg);
    width: 350px;
}
.search__form .search__input::placeholder {
    font-style: italic;
    color: #3C6B9B;
}
.search__form-close {
    background-image: url(/bitrix/templates/vgkh/img/x-close.svg);
    background-repeat: no-repeat;
    background-position: 0 center;
    position: absolute;
    top: 10px;
    right: 7px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

/*
color: #3c6b9b;
padding-left: 30px;
background-image: url(/bitrix/templates/vgkh/components/bitrix/search.form/search_rform_new/img/x-close.svg);
background-repeat: no-repeat;
background-position: left center;
text-decoration: none;
padding-top: 6px;
position: relative;*/
/* End */


/* Start:/bitrix/templates/vgkh/components/bitrix/menu/top_site_menu_new/style.css?15084029061848*/
.menu{
    text-align:right;vertical-align:middle;margin:7px 0;padding-left:0;display:inline-block
}
.menu__item{
    display:inline-block;vertical-align:middle;margin-left:42px
}
.menu__item-link{
    color:#3c6b9b;font-size:20px;text-decoration:none;-webkit-transition:all .25s;transition:all .25s;position:relative
}
.menu__item-link:after{
    content:'';position:absolute;display:block;width:0%;border-bottom:1px solid transparent;bottom:-2px;left:50%;-webkit-transition:all .25s;transition:all .25s
}
.menu__item:hover>a{
    color:#cd5e29
}
.menu__item:hover>a:after{
    content:'';position:absolute;display:block;width:100%;border-bottom:1px solid #cd5e29;bottom:-2px;left:0
}
.menu__item:hover>.submenu{
    visibility:visible;display:block;opacity:1;max-height:999px
}
.submenu{
    -webkit-transition:all .7s;transition:all .7s;position:absolute;width:100%;background-color:#fff;left:0;top:100%;text-align:left;opacity:0;padding-right:15px;max-height:0;overflow:hidden;visibility:none;z-index:99999
}
.submenu .container{
    padding:35px 0
}
.submenu__item{
    padding-left:55px;padding-right:15px
}
.submenu__item li{
    list-style:none;margin-bottom:20px
}
.submenu__item li a{
    color:#3c6b9b;text-decoration:none;font-size:18px;position:relative;-webkit-transition:all .25s;transition:all .25s;font-weight:600;
    background-color: white;
}
.submenu__item li a:after{
    content:'';position:absolute;display:block;width:0%;-webkit-transition:all .25s;transition:all .25s;bottom:-2px;left:50%
}
.submenu__item li a:hover{
    color:#f26d2e
}
.submenu__item li a:hover:after{
    width:100%;border-bottom:1px solid #f26d2e;left:0
}
.submenu__item-under{
    padding-left:10px;margin-top:10px;margin-bottom:35px
}
.submenu__item-under li{
    margin-bottom:11px
}
.submenu__item-under li a{
    font-size:16px;font-weight:400
}

/* End */


/* Start:/bitrix/templates/vgkh/components/bitrix/menu/top_site_mobile_menu/style.css?15367502702076*/
.menu{
    text-align:right;vertical-align:middle;margin:7px 0;padding-left:0;display:inline-block
}
.menu__item{
    display:inline-block;vertical-align:middle;margin-left:42px
}
.menu__item-link{
    color:#3c6b9b;font-size:20px;text-decoration:none;-webkit-transition:all .25s;transition:all .25s;position:relative
}
.menu__item-link:after{
    content:'';position:absolute;display:block;width:0%;border-bottom:1px solid transparent;bottom:-2px;left:50%;-webkit-transition:all .25s;transition:all .25s
}
.menu__item:hover>a{
    color:#cd5e29
}
.menu__item:hover>a:after{
    content:'';position:absolute;display:block;width:100%;border-bottom:1px solid #cd5e29;bottom:-2px;left:0
}
.menu__item:hover>.submenu{
    visibility:visible;display:block;opacity:1;max-height:999px
}
.submenu{
    -webkit-transition:all .7s;transition:all .7s;position:absolute;width:100%;background-color:#fff;left:0;top:100%;text-align:left;opacity:0;padding-right:15px;max-height:0;overflow:hidden;visibility:none;z-index:99999
}
.submenu .container{
    padding:35px 0
}
.submenu__item{
    padding-left:55px;padding-right:15px
}
.submenu__item li{
    list-style:none;margin-bottom:20px
}
.submenu__item li a{
    color:#3c6b9b;text-decoration:none;font-size:18px;position:relative;-webkit-transition:all .25s;transition:all .25s;font-weight:600;
    background-color: white;
}
.submenu__item li a:after{
    content:'';position:absolute;display:block;width:0%;-webkit-transition:all .25s;transition:all .25s;bottom:-2px;left:50%
}
.submenu__item li a:hover{
    color:#f26d2e
}
.submenu__item li a:hover:after{
    width:100%;border-bottom:1px solid #f26d2e;left:0
}
.submenu__item-under{
    padding-left:10px;margin-top:10px;margin-bottom:35px
}
.submenu__item-under li{
    margin-bottom:11px
}
.submenu__item-under li a{
    font-size:16px;font-weight:400
}

@media (max-width: 992px) {
    .submenu__item-under{
    padding-left:10px !important;
    margin-top:0px !important;
    margin-bottom:0px !important;
    }
}

.sticky-mobile {
    max-height: 100%;
    overflow-y: scroll;
}

/* End */


/* Start:/bitrix/templates/vgkh/components/bitrix/breadcrumb/def/style.css?16787858141018*/
.bx-breadcrumb {
	margin: 10px 0 25px 0;
}

@media (max-width: 767px){
	.bx-breadcrumb{
		/*position: absolute;*/
		/*bottom: 40px;*/
		/*z-index:2;*/
	}
}

.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 25px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
	display: contents;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	white-space: normal;
}

@media (max-width: 767px){
	.bx-breadcrumb .bx-breadcrumb-item span {
		font-size: 10px;
		line-height: 12px;
	}
}

.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}
@media (max-width:992px)
{
	.bx-breadcrumb .bx-breadcrumb-item {
		margin-bottom: 25px;
	}

	.bx-breadcrumb-mobile-hide {
		display: none !important;
	}
}


/* End */


/* Start:/bitrix/components/citrus/tszh.product.callback/templates/.default/style.css?1746541090116*/
.menu__icons > div:first-child,
#basket-container,
#auth-block .gray:nth-child(2) {
    display: none !important;
}

/* End */


/* Start:/bitrix/templates/vgkh/components/bitrix/sender.subscribe/vgkh-subscribe-form-new/style.css?15343269274987*/
.bx-subscribe {
	margin: 10px 0;
	position: relative;
}
.bx-subscribe div.bx-block-title {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.bx-subscribe-desc {
	color: #aaa;
	font-size: 12px;
	position: relative;
	margin-top: -5px;
	margin-bottom: 3px;
}
.bx-subscribe .bx-input-group .bx-form-control {
	position: relative;
	margin-bottom: 15px;
	display: block;
	width: 100%;
	height: 40px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #F8FAFC;
	border: 1px solid #D5DADC;
	border-radius: 2px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-subscribe .bx-input-group .bx-form-control::placeholder {
	color: #aaa;
}
.bx-ios .bx-subscribe .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.btn-subscribe {
	cursor: pointer;
	text-align: center;
	background: #70bb18;
	border: none;
	color: #fff;
	font-size: 13px;
	position: relative;
	text-transform: uppercase;
	border-radius: 2px;
	line-height: 30px;
	height: 40px;
	/*padding: 5px 60px 5px 20px;*/
	vertical-align: middle;
	outline: none;
	-webkit-transition: width 5s linear;
	-moz-transition: width 5s linear;
	-ms-transition: width 5s linear;
	-o-transition: width 5s linear;
	transition: width 5s linear;
}
.btn-subscribe:hover {
	background: #7ec629;
}
.btn-subscribe:before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 40px;
	background-color: #5b9f0b;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYyNDcxQTFERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYyNDcxQTJERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjI0NzE5RkRGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjI0NzFBMERGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plv+rHwAAADiSURBVHjajNK9asJQFMDxG42KUqFx9kEcRO1UcBCHjh3q3NXHcBEcdHQQPxY7+AaS0a1v0UEhSlu/rv+jhxIlBQ/84OTmnHuSmzjW2qExpoK9ekDcXMcRAVw1d2hckjxqwQxTJJXEDj+ooa5rK+neoocMnvGB7s3EVxQwwhdeDBMDvEPylr3EBB6yGOhaGzE0cJ5o4enOTSzQgY8D8nhDX2ty0hPTCxt6LDmsMtb6fk+hpr9a10THJ4pw8BtVII0ydRNxb/vPplLrSGNKT/Pb3BdVpOU7jklKSNzZKD+JfxJgAAV0YSAU8mZTAAAAAElFTkSuQmCC");
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 0 2px 2px 0;
}
.btn-subscribe span {
	display: block;
}
.btn-subscribe.send {
	padding: 5px 40px;
	-webkit-animation-name: MeilSend;
	animation-name: MeilSend;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	outline: none;
	color: #fff;
}
.btn-subscribe:hover, .btn-subscribe:active{color: #fff;}
.btn-subscribe.send:before {
	width: 0;
	background-position: 100px 50%;
	-webkit-animation-name: MeilSendButton;
	animation-name: MeilSendButton;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}
@keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}
@-webkit-keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}
@keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}}
@-webkit-keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}}
@keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}
@-webkit-keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}

.bx_subscribe_response_container {
	padding: 40px;
	color: #35414E;
}

.bx_subscribe_checkbox_container {
  line-height: 16px;
  font-size: 13px;
  margin-bottom: 3px;
  vertical-align: middle;
  color: #aaa;
}

.bx-sender-subscribe-agreement .main-user-consent-request a {
	font-weight: 100;
	font: 11px/10px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.bx_subscribe_submit_container {
	position: absolute;
    right: 0;
    top: 0;
}
/* End */


/* Start:/bitrix/templates/vgkh/components/bitrix/menu/tree_faq/style.css?15790806714525*/
div.menu-sitemap-tree
{
	font-size:14px;
}

div.menu-sitemap-tree>ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ebeef1;
    overflow: hidden;
}

div.menu-sitemap-tree ul ul
{
    margin: -1px 0 0;
    padding:8px 0px 15px 13px;
    list-style: none;
}

div.menu-sitemap-tree ul li:not(.menu-close)
{
    color: #e65100;
}

div.menu-sitemap-tree>ul>li
{
	border-top: 1px solid #ebeef1;
    color: unset;
}

div.menu-sitemap-tree>ul ul
{
	border-top:unset;
    color: #000000;
}

div.menu-sitemap-tree li.menu-close ul
{
	display: none;
}

div.menu-sitemap-tree>ul>li>div.item-text
{
	padding: 11px 35px 13px 0px;
}

div.menu-sitemap-tree div.item-text-a
{
	color: #666;
    display: block;
    padding: 4px 35px 4px 0px;
}

div.menu-sitemap-tree div.item-text-a.item-text-a-select a
{
    color: #e65100;
}

div.menu-sitemap-tree div {
	position: relative;
	cursor:pointer;
	padding: 4px 35px 4px 0px;
}

div.menu-sitemap-tree li div.item-text:before {
    content: "\f078";
    font-family: FontAwesome;
    position: absolute;
    font-size: 12px;
    right: 12px;
    font-weight: 400;
    top: calc(50% - 6px);
}

div.menu-sitemap-tree li.menu-close div.item-text:before {
    content: "\f054";
}

.menu-resize-container {
	display: block;
	position: absolute;
	top: 0;
	right: 0px;
	height: 100%;
	width: 10px;
	cursor: w-resize;
	z-index: 130;
}

.menu-collapsed-mode .menu-resize-container {
	left: 0;
	width: 40px;
	cursor: e-resize;
}

.menu-resize-item {
	display: block;
    opacity: 1;
    position: absolute;
    top: 250px;
    left: 0px;
    width: 18px;
    height: 50px;
    border-radius: 13px;
    border: 1px solid rgba(213, 213, 213, 0.6);
    background: #fafbfc;
    -webkit-box-shadow: 0 7px 18px -6px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 7px 18px -6px rgba(0,0,0,0.6);
    box-shadow: 0 7px 18px -6px rgba(0,0,0,0.6);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.menu-resize-btn {
	display: inline-block;
	position: relative;
	height: 50px;
	width: 13px;
	/*background: url(/bitrix/templates/vgkh/components/bitrix/menu/tree_faq/images/menu-sprite.svg) no-repeat;
	background-size: cover;*/
	box-sizing: border-box;
	cursor: pointer;

}

.menu-resize-btn {
	/*background-position: 4px -135px;*/
}

.menu-resize-btn:after {
    content: "";
    position: absolute;
    top: 16px;
    right: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 1;
    font-family: FontAwesome;
    content: "\f053";
    color: #bfbdbd;
    font-size: 14px;
}

.menu-resize-item:hover .menu-resize-btn:after {
	opacity: 1;
}

.menu-collapsed-mode .menu-resize-item {
	opacity: 1;
}

.menu-collapsed-mode .menu-resize-btn:after {
    content: "";
    position: absolute;
	top: 17px;
    right: -1px;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 1;
    font-family: FontAwesome;
    content: "\f054";
    color: #bfbdbd;
    font-size: 14px;
}

.menu-collapsed-mode .menu-resize-item:hover .menu-resize-btn:after {
	opacity: 1;
}

.menu-items-block {
    position: relative;
    height: calc(100% - 25px);
    margin-bottom: 25px;
}

.menu-collapsed-mode .bx-layout-inner-left {
	width: 0px;
}

.menu-collapsed-mode .menu-items {
    display: none;
}

.menu-animation-mode .menu-items
{
	display: inherit;
}

@media (min-width: 991px) {
	.content {
	    border-left: 1px solid #d5d5d5 !important;
	}
}

@media (max-width: 992px) {
	.menu-resize-container {
		display: none;
	}
}

.menu-resize-item-container
{
	position: relative;
    height: 100%;
    width: 20px;
    overflow-y: hidden;
}

.menu-collapsed-mode .menu-resize-item-container {
	  left: -8px
}

.menu-sitemap-tree .close_all {
	text-align: right;
    padding-right: 10px;
    padding-top: 10px;
    color: #bfbdbd;
}

.menu-sitemap-tree .close_all:hover {
	color: #777474;
}

.menu-sitemap-tree div:hover, a:hover {
        color: #e65100;
}


div.menu-sitemap-tree ul li.menu-choose
{
    color: #e65100;
}

.orang_video {
        background-repeat: no-repeat;
        background-image: url(/images/faq/orange_video.png);
        padding-left: 22px;
        background-position-y: 2px;
    }
.blue_video {
        background-repeat: no-repeat;
        background-image: url(/images/faq/blue_video.png);
        padding-left: 22px;
        background-position-y: 2px;
    }
.blue_video:hover, .blue_video:focus {
        background-image: url(/images/faq/orange_video.png);
    }
/* End */


/* Start:/bitrix/templates/vgkh/components/otr/search.form/search_rform_faq/style.css?1540279565419*/
.search_faq{
    display:inline-block;
    vertical-align:middle;
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}
.search__input_faq {
    padding:7px 5px 7px 40px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-image:url(/bitrix/templates/vgkh/components/otr/search.form/search_rform_faq/search.png);
    background-repeat:no-repeat;
    background-position:8px center;
    width: calc(100% - 10px);
    border: 1px solid #3187b1;
    font-size:14px;
}


/* End */


/* Start:/bitrix/templates/vgkh/styles.css?174401854650075*/
/*
 * main
 */
body {
    padding: 0;
    margin: 0;
    font-family: Roboto, sans-serif;
}

.sidebar__list-link {
    color: #3c6b9b !important;
}

.sidebar__list-link.active {
    color: #000 !important;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-input-placeholder {
    color: #dedede;
}

::-moz-placeholder {
    color: #dedede;
}

:-moz-placeholder {
    color: #dedede;
}

:-ms-input-placeholder {
    color: #dedede;
}

.callback_label {
    display: inline-block;
    font-weight: 600;
    vertical-align: middle;
    font-size: 16px;
    padding: 10px 0 10px 0 !important;
}

.inputtext {
    width: 100%;
    height: 50px;
}

.webForm-popup-style1__button {
    /* margin: 0 auto; */
    text-align: center;
    padding-top: 30px;
}

.btn-green {
    background-color: #39b54a;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-appearance: none;
}

.btn-green:hover {
    background-color: #2ea73f;
}

.section {
    position: relative;
}

.section-border {
    border-top: 1px solid #f3f2ef;
    border-bottom: 1px solid #f3f2ef;
}

.head {
    padding-top: 9px;
    padding-bottom: 9px;
}

.head__left {
    display: inline-block;
    text-align: left;
}

.head__right {
    display: block;
    float: right;
    text-align: right;
}

.login {
    font-size: 14px;
    color: #3c6b9b;
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
}

.login__btn {
    color: #3c6b9b;
    padding-left: 30px;
    background-image: url(/bitrix/templates/vgkh/img/login_new.png);
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-top: 6px;
    font-weight: 300;
}

.login__btn:hover {
    text-decoration: underline;
}

.search__btn {
    color: #3c6b9b;
    padding-left: 30px;
    background-image: url(/bitrix/templates/vgkh/img/search_new.png);
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-top: 6px;
    font-weight: 300;
}

.search__btn:hover {
    text-decoration: none;
}

.cart {
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 50px;
}

.cart__btn {
    color: #3c6b9b;
    padding-left: 30px;
    background-image: url(/bitrix/templates/vgkh/img/cart_new.png);
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
    padding-top: 6px;
    position: relative;
}

.cart__btn:hover {
    text-decoration: underline;
}

.cart__btn-sum {
    background-color: #39b54a;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    font-size: 8px;
    color: #fff;
    width: 10px;
    height: 10px;
    text-align: center;
    top: 0;
    left: 15px;
}

.search {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    width: 100%;
}

.search__input {
    padding: 7px 5px 7px 40px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url(/bitrix/templates/vgkh/img/search.png);
    background-repeat: no-repeat;
    background-position: 8px center;
    width: 100%;
    border: 1px solid #f3f2ef;
    font-size: 14px;
}

.mobile-header {
    display: none;
    background-color: #fff;
    z-index: 999;
}

.mobile-header .menu {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    max-height: 0;
    margin: 0;
    display: block;
    float: left;
    overflow: hidden;
}

.header {
    padding-top: 40px;
    padding-bottom: 15px;
    text-align: justify;
    overflow: hidden;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.head-section-devider {
    border-bottom: 1px solid #F3F2EF;
}

.header__right {
    text-align: right;
}

.header__top-right {
    text-align: right;
}

.header__middle-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__middle-right svg {
    color: #3C6B9B;
}

.ml-20 {
    margin-left: 20px;
}

.mr-70 {
    margin-right: 70px;
}

.header__topline {
    display: none;
    background: #F2F2F2;
}

@media (min-width: 1200px) {
    .header__topline {
        display: block;
    }
}


.menu {
    text-align: right;
    vertical-align: middle;
    margin: 0;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu__item {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
}

.menu__item-link {
    display: inline-block;
    color: #3c6b9b;
    font-size: 20px;
    text-decoration: none;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    position: relative;
    padding: 21px 0;
}

.menu__item-link:after {
    content: '';
    position: absolute;
    display: block;
    width: 0%;
    border-bottom: 1px solid transparent;
    bottom: -2px;
    left: 50%;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.menu__item:hover > a {
    color: #cd5e29;
}

.menu__item:hover > a:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    border-bottom: 1px solid #cd5e29;
    bottom: -2px;
    left: 0;
}

.menu__item:hover > .submenu {
    visibility: visible;
    display: block;
    opacity: 1;
    max-height: 999px;
}

.menu__icons {
    justify-content: space-between;
    align-items: center;
}

.menu__icons div:nth-child(2),
.menu__icons div:nth-child(3) {
    margin-left: 19px;
}

.header_container .menu__icons {
    display: flex;
}

.mobile__menu .menu__icons {
    display: none;
}

.mobile__menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.submenu {
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    position: absolute;
    width: 100%;
    background-color: #fff;
    left: 0;
    top: 100%;
    text-align: left;
    opacity: 0;
    padding-right: 15px;
    max-height: 0;
    overflow: hidden;
    visibility: none;
    z-index: 99999;
}

.submenu .container {
    padding: 35px 0;
}

.submenu__item {
    padding-left: 55px;
    padding-right: 15px;
}

.submenu__item li {
    list-style: none;
    margin-bottom: 20px;
}

.submenu__item li a {
    color: #3c6b9b;
    text-decoration: none;
    font-size: 18px;
    position: relative;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    font-weight: 600;
}

.submenu__item li a:after {
    content: '';
    position: absolute;
    display: block;
    width: 0%;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    bottom: -2px;
    left: 50%;
}

.submenu__item li a:hover {
    color: #f26d2e;
}

.submenu__item li a:hover:after {
    width: 100%;
    border-bottom: 1px solid #f26d2e;
    left: 0;
}

.submenu__item-under {
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 35px;
}

.submenu__item-under li {
    margin-bottom: 11px;
}

.submenu__item-under li a {
    font-size: 16px;
    font-weight: 400;
}

.promotion {
    font-size: 0;
    background-color: #faddd0;
}

.promotion-margin {
    margin-top: -15px;
    margin-bottom: -15px;
}

.promotion__elem {
    padding: 20px;
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}

.promotion__elem-title {
    font-size: 18px;
    color: #1f323f;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
}

.promotion__elem-text {
    font-size: 18px;
    color: #1f323f;
    text-align: center;
    line-height: 2;
}

.promotion__elem-pimg {
    padding: 4px;
}

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

.border-right {
    border-right: 1px solid #cacfd2;
}

.border-left {
    border-left: 1px solid #cacfd2;
}

.bg-blue {
    background-color: #1f323f;
}

.hslider {
    position: relative;
}

.hslider * {
    outline: 0;
}

.hslider__elem {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 41%;
    padding: 67px 0;
}

.slick-dots {
    text-align: center;
    bottom: 20px;
    position: absolute;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li button {
    margin: 5px;
    display: inline-block;
    border: 1px solid #f26d2e;
    width: 10px;
    height: 10px;
    background-color: transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    list-style: none;
    font-size: 0;
    cursor: pointer;
    padding: 0;
}

li.slick-active button {
    background-color: #f26d2e;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    list-style: none;
    font-size: 0;
    cursor: pointer;
    padding: 0;
}

.programs {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 75px;
    max-width: 1120px;
}

.programs__all {
    margin-top: 70px;
}

.programs__all-link {
    font-size: 22px;
    color: #3c6b9b;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    letter-spacing: 0.7px;
}

.program {
    display: inline-block;
    padding: 25px 30px;
    vertical-align: top;
}

.program__img {
    margin-bottom: 25px;
}

.program__img-item {
    max-width: 100%;
    height: 149px;
    width: auto;
}

.program__title {
    margin-bottom: 25px;
}

.program__title-link {
    font-size: 22px;
    color: #3c6b9b;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
}

.program__title:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.program__text {
    font-size: 16px;
    color: #1f323f;
    line-height: 1.45;
    margin-bottom: 30px;
}

.program__look-link {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    max-width: 240px;
    margin-bottom: 8px;
}

.program__scope-link {
    color: #3c6b9b;
    font-size: 16px;
    text-decoration: none;
}

.program-gray {
    background-color: #fbfbfb;
}

.demover-bg {
    background-image: url(/bitrix/templates/vgkh/img/demo_version.jpg);
    background-size: cover;
}

.demover {
    color: #fff;
    text-align: center;
    padding: 55px 0 20px 0;
}

.demover__title {
    font-size: 22px;
    letter-spacing: 0.7px;
    margin-bottom: 40px;
}

.demover__text {
    font-size: 18px;
    margin-bottom: 25px;
    line-height: 1.6;
}

.demover__form {
    text-align: center;
}

.demover__form:after {
    content: '';
    width: 100%;
    display: inline-block;
}

.demover__form-input {
    background-color: transparent;
    padding: 10px 20px;
    border: 1px solid #fff;
    width: 255px;
    display: inline-block;
    margin: 0 15px 25px;
    vertical-align: middle;
    color: #fff;
}

.demover__form-submit {
    background-color: #39b54a;
    border: 0;
    padding: 10px;
    font-size: 16px;
    width: 100%;
    max-width: 350px;
    font-weight: 200;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 25px;
    vertical-align: middle;
}

.demover__form-select {
    margin: 0 15px 25px;
    display: inline-block;
    width: 548px;
    vertical-align: middle;
    background-color: transparent;
    margin-bottom: 25px;
}

.jq-select-multiple li,
.jq-selectbox li,
.jq-selectbox__select-text {
    white-space: normal;
}

.jq-selectbox__select-text {
    padding: 10px 30px 10px 10px;
    text-align: left;
    cursor: pointer;
    border: 1px solid #fff;
}

.jq-selectbox__trigger {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -9px;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.jq-selectbox__trigger-arrow {
    display: block;
    width: 14px;
    height: 17px;
    background-image: url(/bitrix/templates/vgkh/img/arrow-select.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.jq-selectbox__dropdown {
    width: 100%;
    text-align: left;
}

.jq-selectbox__dropdown ul {
    padding: 0;
    margin: 0;
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
}

.jq-selectbox__dropdown ul li {
    cursor: pointer;
    padding: 10px;
}

.jq-selectbox__dropdown ul li:hover {
    background-color: #dedede;
}

.jq-selectbox.opened .jq-selectbox__trigger {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.prod {
    text-align: justify;
    max-width: 1120px;
    padding: 100px 0 80px 0;
}

.prod__item {
    vertical-align: top;
    text-align: left;
    display: inline-block;
    padding: 0 15px;
}

.prod__item-title {
    color: #fff;
    font-size: 22px;
    text-align: center;
    height: 120px;
    background-color: #39b54a;
    vertical-align: middle;
}

.prod__item-title span {
    vertical-align: middle;
    display: inline-block;
}

.prod__item-title:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.prod__item-list {
    background-color: #fbfbfb;
    padding: 30px 5px 55px 5px;
}

.prodlist {
    margin: 0;
    padding-left: 25px;
}

.prodlist__item {
    list-style: none;
    position: relative;
    line-height: 1.5;
}

.prodlist__item:after {
    content: '';
    position: absolute;
    left: -10px;
    top: 10px;
    width: 4px;
    height: 4px;
    background-color: #cd5e29;
}

.prodlist__item-link {
    color: #3c6b9b;
    text-decoration: none;
    font-size: 16px;
}

.prodall {
    position: relative;
}

.prodall__link {
    text-decoration: none;
    position: absolute;
    right: 35px;
    bottom: 18px;
    font-size: 16px;
}

.prod-orange-title {
    background-image: url(/bitrix/templates/vgkh/img/prod-orange.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.prod-green-title {
    background-image: url(/bitrix/templates/vgkh/img/prod-green.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.prod-blue-title {
    background-image: url(/bitrix/templates/vgkh/img/prod-blue.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.orange-text {
    color: #cd5e29;
}

.green-text {
    color: #39b54a;
}

.blue-text {
    color: #3c6b9b;
}

.prod-orange-list li:after {
    background-color: #cd5e29;
}

.prod-green-list li:after {
    background-color: #39b54a;
}

.prod-blue-list li:after {
    background-color: #3c6b9b;
}

.topical {
    text-align: center;
    padding-bottom: 65px;
}

.topical__title {
    color: #1f323f;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding: 0 20px;
    letter-spacing: 0.7px;
    margin-bottom: 45px;
}

.topical__list {
    text-align: left;
    display: block;
    width: 100%;
    position: relative;
    padding-left: 170px;
}

.topical__list-item {
    margin-bottom: 25px;
}

.topical__list:after {
    content: '';
    display: table;
    clear: both;
}

.topical__list-date {
    font-size: 18px;
    color: #1f323f;
    position: absolute;
    left: 45px;
}

.topical__list-title {
    color: #3c6b9b;
    text-decoration: none;
    font-size: 18px;
    display: inline-block;
}

.topical__list-desc {
    font-size: 16px;
    color: #1f323f;
    margin-top: 15px;
}

.topical__all {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
}

.topical__all-link {
    font-size: 18px;
    text-decoration: none;
    color: #3c6b9b;
}

.title-line {
    position: relative;
    margin-top: 20px;
}

.title-line:after {
    content: '';
    position: absolute;
    width: 100%;
    display: block;
    border-bottom: 1px solid #dedede;
    top: 15px;
    z-index: 0;
}

.title__logo {
    color: #3C6B9B;
    font-size: 25px;
    font-weight: 600;
    line-height: 135%;
}

.title__logo span {
    color: #EA5E20;
}

.footer {
    background-color: #1f323f;
    padding: 50px 0 15px 0;
}

.flist {
    padding: 0;
}

.flist__title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 25px;
}

.flist__menu {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}

.flist__menu li {
    margin-bottom: 10px;
}

.flist__menu a {
    color: #b2b0b0;
    font-size: 14px;
    text-decoration: none;
    font-weight: 200;
}

.flist-margin {
    margin-top: 60px;
}

.mail-img,
.phone-img,
.phone-padding,
.skype-img {
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 30px;
    min-height: 20px;
    display: inline-block;
}

.phone-img {
    background-image: url(/bitrix/templates/vgkh/img/phone.png);
}

.mail-img {
    background-image: url(/bitrix/templates/vgkh/img/email-outline.png);
}

.skype-img {
    background-image: url(/bitrix/templates/vgkh/img/skype.png);
}

.fnext-prog {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-weight: 200;
    font-size: 18px;
    margin-top: 65px;
}

.subscription {
    margin-bottom: 40px;
    position: relative;
}

.subscription__input {
    background-color: #aaa4a9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 40px;
    border: 0;
    width: 100%;
    padding-left: 15px;
    padding-right: 65px;
}

.subscription__submit {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 50px;
    cursor: pointer;
    height: 100%;
    font-size: 18px;
    font-weight: 200;
    text-align: center;
    padding: 10px;
}

.footer__mobile {
    display: none;
}

.social {
    text-align: left;
    margin-bottom: 35px;
}

.social:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.social__link {
    display: inline-block;
    margin: 3px;
    vertical-align: middle;
}

.social__link img {
    max-width: 40px;
    height: auto;
    width: 100%;
}

.work-link {
    padding: 20px 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 200;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.work-link:hover {
    color: #1f323f;
    background-color: #fff;
    font-weight: 600;
}

.payinfo {
    text-align: justify;
}

.payinfo__item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
}

.payinfo__link {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 200;
    color: #b2b0b0;
}

.copyright {
    background-color: #1f323f;
    border-top: 1px solid #39b54a;
    padding: 25px 0 20px 0;
}

.copytext {
    font-size: 14px;
    color: #b2b0b0;
    line-height: 1.5;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 200;
}

a.phone-big {
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
    letter-spacing: 0.7px;
    display: block;
}

.sidebar {
    padding-top: 95px;
    position: relative;
}

.sidebar__list {
    list-style: none;
    padding: 0;
    margin-top: 0;
}

.sidebar__list-link {
    color: #b2b0b0;
    font-size: 18px;
    text-decoration: none;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.sidebar__list-link:hover {
    color: #000;
}

.sidebar__list-link.active {
    color: #000;
}

.content {
    padding-top: 20px;
    padding-left: 25px;
    border-left: 1px solid #f3f2ef;
    margin-bottom: 35px;
    padding-bottom: 25px;
}

.content__thumb {
    float: left;
}

.thumbnail {
    margin-right: 30px;
}

.title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 50px;
}

.description {
    font-size: 18px;
    color: #1f323f;
    margin-top: 20px;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    margin-bottom: 45px;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video,
.embed-responsive-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.video-responsive {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.center {
    text-align: center;
}

.video-link {
    font-size: 18px;
    color: #3c6b9b;
    text-decoration: none;
    font-weight: 400;
}

.consultation {
    font-size: 0;
    padding: 25px 0;
    margin-bottom: 90px;
}

@media (max-width: 992px) {
    .consultation {
        margin-bottom: 0;
    }
}

.consultation__text {
    font-size: 18px;
    color: #1f323f;
    line-height: 1.8;
    display: inline-block;
    vertical-align: middle;
    width: 63%;
    text-align: left;
    padding-right: 15px;
}

.consultation__link {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    padding: 12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.cslider {
    width: 100%;
    border-top: 1px solid #3c6b9b;
    border-bottom: 1px solid #3c6b9b;
    position: relative;
}

.cslider__item {
    font-size: 0;
    padding: 40px 70px;
    outline: 0;
}

.cslider__item-img {
    width: 65%;
    padding-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

.cslider__item-text {
    width: 35%;
    padding-left: 15px;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
}

.cslider-paragraph {
    line-height: 1.8;
}

.title-link {
    font-size: 20px;
    color: #3c6b9b;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 25px;
    display: inline-block;
}

.read-more {
    font-size: 16px;
    color: #3c6b9b;
    text-decoration: none;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.slick-arrow {
    background-color: transparent;
    font-size: 0;
    width: 20px;
    height: 35px;
    border: 0;
    background-image: url(/bitrix/templates/vgkh/img/arrow-slider.png);
    background-repeat: no-repeat;
    background-size: cover;
    outline: 0;
    z-index: 999;
    cursor: pointer;
}

.slick-prev {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -17px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.slick-next {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -17px;
}

.look-demo {
    text-align: center;
    padding: 30px 0;
}

.bth-link {
    font-size: 18px;
    color: #3c6b9b;
    text-decoration: none;
    padding: 10px 20px;
    display: inline-block;
}

.accordion {
    border: 1px solid #f3f2ef;
    padding: 0;
    color: #070b0e;
    margin-bottom: 45px;
}

.accordion__item {
    list-style: none;
    display: block;
    border-bottom: 1px solid #f3f2ef;
}

.accordion__item-title {
    font-size: 20px;
    color: #3c6b9b;
    padding: 20px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}

.accordion__item-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 13px;
    height: 23px;
    background-image: url(/bitrix/templates/vgkh/img/arrow-slider.png);
    background-repeat: no-repeat;
    background-size: cover;
    right: 30px;
    top: 50%;
    margin-top: -11px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.accordion__item-description {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.accordion__item.active .accordion__item-title {
    color: #000;
}

.accordion__item.active .accordion__item-title:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion__item.active .accordion__item-description {
    max-height: 3000px;
    padding: 0 10px 10px 25px;
    opacity: 1;
}

.clear:after {
    content: '';
    display: table;
    clear: both;
}

.list-mark {
    font-size: 16px;
    list-style: none;
    font-weight: 200;
    padding-left: 25px;
}

.list-mark__title {
    position: relative;
    font-weight: 400;
}

.list-mark__title:after {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    left: -20px;
    top: 13px;
    background-image: url(/bitrix/templates/vgkh/img/list-mark.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.list-mark li {
    line-height: 2.4;
}

.list-mark18 {
    font-size: 18px;
    list-style: none;
    font-weight: 200;
    padding-left: 25px;
    margin-top: 0;
    margin-bottom: 70px;
}

.list-mark18__title {
    position: relative;
    font-weight: 400;
}

.list-mark18__title:after {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    left: -20px;
    top: 13px;
    background-image: url(/bitrix/templates/vgkh/img/list-mark.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.list-mark18 li {
    line-height: 1.8;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.float-left {
    float: left;
}

.border-none {
    border: 0;
}

.app-item {
    padding: 35px 10px 35px 25px;
    border: 1px solid #f3f2ef;
    position: relative;
    margin-bottom: 50px;
}

.app-link {
    position: absolute;
    right: 15px;
    top: 15px;
}

.app-link a {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 5px;
}

.app-link__android {
    background-image: url(/bitrix/templates/vgkh/img/android.png);
}

.app-link__ios {
    background-image: url(/bitrix/templates/vgkh/img/ios.png);
}

.padding-left {
    padding-left: 30px;
}

.section-green {
    background-color: #39b54a;
    color: #fff;
    padding: 50px 0;
    margin-bottom: 100px;
}

.section-green p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 25px;
}

.section-green__btn {
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    padding: 10px 30px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    display: inline-block;
}

.section-green__btn:hover {
    color: #39b54a;
    background-color: #fff;
}

.justify {
    text-align: justify;
}

.justify:after {
    content: '';
    display: inline-block !important;
    width: 100%;
}

.col-padding {
    padding: 0 15px;
}

.paragraph-18 p {
    font-size: 18px;
    margin-bottom: 22px;
}

.section-blue {
    background-color: #3c6b9b;
    color: #fff;
    padding: 50px 0 0 0;
}

.section-blue .title {
    color: #fff;
}

.benefits__row {
    text-align: justify;
}

.benefits__row:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.orange-title {
    color: #cd5e29;
    font-size: 20px;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.orange-title:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    border-bottom: 3px solid #cd5e29;
    bottom: 3px;
    left: 0;
}

.orange-title__link {
    right: 0;
    position: absolute;
    color: #cd5e29;
    display: inline-block;
    font-size: 18px;
    border: 2px solid #cd5e29;
    padding: 6px;
    text-align: center;
    width: 100%;
    max-width: 300px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.orange-title__link:hover {
    background-color: #cd5e29;
    color: #fff;
}

.text {
    font-size: 18px;
    color: #1f323f;
    line-height: 1.8;
}

.popup {
    background-image: url(/bitrix/templates/vgkh/img/popup_bg.jpg);
    background-color: #fff;
    padding: 20px 40px;
    position: relative;
}

.popup__form {
    color: #686868;
}

.popup__form-input {
    text-align: justify;
    max-width: 545px;
    margin: 0 auto;
    font-size: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.popup__form-input:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.popup__form-input input {
    max-width: 380px;
    height: 50px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.popup__form-input label {
    display: inline-block;
    text-align: right;
    width: 150px;
}

.popup__form-title {
    font-size: 30px;
    text-align: center;
    color: #39b54a;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cacaca;
    font-weight: 600;
}

.popup__form-text {
    font-size: 16px;
    text-align: center;
    color: #f3f2ef;
}

.popup__form-text p {
    margin-bottom: 0;
    font-weight: 200;
    color: #686868;
}

.popup__form-submit {
    text-align: center;
    font-size: 14px;
}

.popup__form-submit input[type='submit'] {
    border: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    padding: 10px 30px;
    margin: 0 10px;
    cursor: pointer;
}

.popup__form-submit a {
    display: inline-block;
    margin: 0 10px;
    font-size: 16px;
    border-bottom: 1px solid #000;
    font-weight: 200;
    color: #686868;
    line-height: 1;
}

.popup__form-checkbox {
    margin-bottom: 20px;
}

input {
    padding: 5px 10px;
    border: 1px solid #cacaca;
}

label {
    font-weight: 600;
    vertical-align: middle;
    font-size: 16px;
}

label span {
    color: #cd5e29;
}

.checkbox {
    position: absolute;
    display: inline-block;
    background-color: #fff;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    opacity: 0;
}

.checkbox:not(checked) + label {
    position: relative;
    padding: 3px 0 3px 40px;
}

.checkbox + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #cacaca;
}

.checkbox:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 5px;
    width: 15px;
    height: 15px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.checkbox:checked + label:after {
    content: '';
    background-image: url(/bitrix/templates/vgkh/img/list-mark.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.checkbox + label {
    cursor: pointer;
    font-weight: 200;
}

.login-form .popup__form-input {
    max-width: 600px;
    text-align: left;
}

.login-form .popup__form-input label {
    max-width: 80px;
}

.login-form .popup__form-input a {
    font-size: 16px;
    display: inline-block;
    width: 121px;
    vertical-align: middle;
    color: #686868;
    border-bottom: 1px solid #000;
    font-weight: 200;
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 15px;
}

.login-form .popup__form-input input {
    max-width: 335px;
    margin-left: 10px;
    margin-right: 10px;
}

.arcticmodal-container_i {
    width: 100%;
    max-width: 680px;
}

.arcticmodal-container_i2 {
    padding: 10px;
}

.arcticmodal-close {
    position: absolute;
    right: 12px;
    top: 2px;
    color: #cacaca;
    cursor: pointer;
    font-size: 22px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.margin-top50 {
    margin-top: 50px;
    display: inline-block;
    width: 100%;
}

.margin-top-none {
    margin-top: 0;
}

.margin-left20 {
    margin-left: 20px;
}

.margin-bottom50 {
    margin-bottom: 50px;
}

.margin-bottom70 {
    margin-bottom: 70px;
}

.margin-bottom80 {
    margin-bottom: 80px;
}

.margin-bottom100 {
    margin-bottom: 100px;
}

.sticky {
    background-color: #fff;
}

.sticky__fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.sidebar__stop {
    position: relative;
    z-index: 101;
}

.sidebar__sticky {
    position: fixed;
    z-index: 101;
}

.lightboxOverlay {
    width: 100% !important;
    height: 100% !important;
}

.title-mobile {
    display: none;
}

#fancybox-wrap {
    z-index: 99999999;
}

#fancybox-close {
    right: -55px;
}

table.product-table {
    border: 0px solid #cdcdcd;
    border-collapse: collapse;
    overflow-x: auto;
    display: table;
}

table.product-table thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    border: 1px solid #d5d5d5;
}

table.product-table thead th {
    background-color: #39b54a;
    color: #ffffff;
    font-weight: 300;
    text-align: center;
    padding: 10px;
}

.modal-body {
    padding-top: 0px !important;
}

table.product-table td {
    padding: 12px;
    border: 1px solid #d5d5d5;
}

a.add2cart {
    /* border-bottom: 1px dotted #000; */
    text-decoration: none;
    cursor: pointer;
}

.square {
    margin: 0 auto;
    width: 27px;
    height: 27px;
    border: 3px solid #ff8900;
    border-radius: 2px;
}

.square.checked {
    background-color: #ff8900;
    position: relative;
}

.square.checked:before {
    content: '';
    display: block;
    position: absolute;
    border-left: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    width: 17px;
    height: 10px;
    left: 2px;
    top: 3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.divTableRow {
    width: 100%;
    min-height: 100px;
    float: inherit;
    padding: 10px 0px;
}

.divTableCell {
    padding: 3px 10px;
    float: inherit;
    max-height: 200px;
    width: 33%;
}

.orange-link:hover {
    color: #cd5e29;
    text-decoration: underline;
}

block_otdel {
    width: 480px;
    border-bottom: 1px solid #cacaca;
    padding: 25px 0 25px 20px;
}

.block_otdel .telephone,
.block_otdel .telegram,
.block_otdel .email,
.block_otdel .skype,
.block_otdel .icq {
    display: block;
    line-height: 36px;
    padding-left: 34px;
}

.block_otdel .telephone {
    background: url('/bitrix/templates/vgkh/img/contact/telephone.png') no-repeat left center;
}

.block_otdel .email {
    background: url('/bitrix/templates/vgkh/img/contact/email.png') no-repeat left center;
}

.block_otdel .skype {
    background: url('/bitrix/templates/vgkh/img/contact/skype.png') no-repeat left center;
}

.block_otdel .icq {
    background: url('/bitrix/templates/vgkh/img/contact/icq.png') no-repeat left center;
}

.block_otdel .whatsapp {
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
    font-style: italic;
}

.block_otdel .whatsapp .boldtextl {
    font-style: normal;
    font-weight: 400;
}

.block_otdel .whatsapp .phonewhatsapp {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.texttwog {
    background: url(/bitrix/templates/vgkh/img/galochka.png) no-repeat 0 9px;
    padding-left: 18px;
    margin-left: 0px;
    display: block;
    font-size: 12pt;
    font-weight: 300;
    color: #000;
    line-height: 30px;
}

table a {
    border-bottom: 1px dotted #000;
    text-decoration: none;
    cursor: pointer;
}

p a {
    /* border-bottom: 1px dotted #000; */
    text-decoration: none;
    cursor: pointer;
}

.fancybox-effects-a {
    border-bottom: none;
    text-decoration: none;
    cursor: pointer;
}

ul.details {
    font-weight: lighter;
    margin-bottom: 45px;
}

ul.details > li {
    padding: 8px 0;
}

ol {
    font-weight: lighter;
    margin-top: 30px;
    margin-bottom: 40px;
}

.avd-description__flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.avd-description__text {
    width: 65%;
}

.avd-description__picture {
    width: 380px;
}

.avd-description__title {
    margin-top: -5px;
}

.avd-description__list li {
    margin: 10px;
}

.avd-description__list--embedded li {
    margin: 0 10px;
}

.avd-description__trigger {
    padding: 35px 20px 5px 20px;
    background-color: #ddecff;
}

.avd-description__trigger--text {
    text-align: center;
    font-weight: 900;
    font-size: 1.2em;
}

.banner-responsive--phone {
    display: none;
}

.inform {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.inform__col-1 {
    width: auto;
}

.inform__col-2 {
    width: 32%;
    text-align: center;
}

.inform__title {
    margin-top: -5px;
    text-align: left;
}

.inform__list li {
    margin: 10px;
}

.usage {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.usage li {
    flex-bazis: 200px;
    margin-bottom: 20px;
}

.usage p {
    margin-top: 10px;
}

.ul-center {
    margin: 0;
    padding: 0;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.inform .inform-pic {
    flex-basis: 300px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 5px;
}

.inform-pic-1 {
    flex-grow: 1;
}

.inform-pic-2 {
    flex-grow: 3;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .inform {
        flex-wrap: nowrap;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .inform__col-1 {
        width: 80%;
    }

    .inform__col-2 {
        align-self: center;
        margin: 0 auto;
    }

    .inform__col-2 {
        align-self: center;
        margin-left: auto;
        margin-right: auto;
    }

    .usage {
        width: 410px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .inform__col-2 {
        align-self: center;
        margin: 0 auto;
    }

    .inform__col-1 {
        width: 100%;
    }

    .usage {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .inform-pic {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .avd-description__picture {
        width: 300px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .avd-description__text {
        width: 80%;
    }

    .avd-description__picture {
        width: 20%;
    }

}

@media (max-width: 767px) {
    .avd-description__text {
        width: 100%;
        order: 2;
    }

    .avd-description__picture {
        display: none;
    }

    .img-responsive--desktop {
        display: none;
    }

    .banner-responsive--phone {
        display: block;
    }

}

@media (max-width: 992px) {
    ul.details {
        margin-bottom: 50px;
    }

    ol {
        margin-top: 50px;
    }

    ul.details > li {
        padding: 15px 0;
    }
}

ul.list-mark > li a {
    border-bottom: 1px dotted #000;
    cursor: pointer;
}

ol > li {
    padding: 7.5px 0;
}

h1 {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
    font-size: 30px;
    letter-spacing: 0.5px;
}

h2,
h3,
h4,
h5,
h6 {
    margin: 30px 0;
}

p {
    font-size: 16px;
    font-weight: 200;
    color: #070b0e;
    margin-bottom: 5px;
    margin-top: 0;
    line-height: 1.45;
    word-wrap: break-word;
}

img {
    max-width: 100%;
}

a {
    color: #3c6b9b;
    text-decoration: none;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 19px;
}

h6 {
    font-size: 18px;
}

@media (max-width: 992px) {
    h1 {
        margin-bottom: 60px;
    }

    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 35px 0;
    }
}

.imgmobile {
    margin-left: auto;
    margin-right: auto;
}

.imgdesktop.left {
    float: left;
}

.imgdesktop.right {
    float: right;
}

.imgdesktop.center {
    margin-left: auto;
    margin-right: auto;
}

.imgdesktop,
.imgmobile {
    margin-bottom: 10px;
    display: block;
}

@media (max-width: 767px) {
    .imgdesktop {
        display: none;
    }
}

@media (min-width: 768px) {
    .imgmobile {
        display: none;
    }
}

.section-blue {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    margin-bottom: 80px;
}

@media (min-width: 320px) and (max-width: 768px) {
    .img_div {
        width: 100% !important;
    }

    .img_div img {
        margin: 6% 0 4% 0;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .accordion a {
    }

    .mph2 {
        margin: 30% 0 5% 0;
    }
}

/*0- 575px ���������*/
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.container:after {
    content: '';
    display: table;
    clear: both;
}

/*576-991 ������� ��� ��������*/
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

/*992-1199 �������*/
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

/*1200-� ���� ��*/
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.container__row {
    position: relative;
}

.container__row:after {
    content: '';
    display: table;
    clear: both;
}

.container__col-1 {
    float: left;
    width: 8.33%;
}

.container__col-1:after {
    content: '';
    display: table;
    clear: both;
}

.container__col-2 {
    float: left;
    width: 16.66%;
}

.container__col-2:after {
    content: '';
    display: table;
    clear: both;
}

.container__col-3 {
    float: left;
    width: 25%;
}

.container__col-3:after {
    content: '';
    display: table;
    clear: both;
}

.container__col-4 {
    float: left;
    width: 33.33%;
}

.container__col-4:after {
    content: '';
    display: table;
    clear: both;
}

.container__col-5 {
    float: left;
    width: 41.66%;
}

.container__col-5:after {
    content: '';
    display: table;
    clear: both;
}

.container__col-6 {
    float: left;
    width: 50%;
}

.container__col-6:after {
    content: '';
    display: table;
    clear: both;
}

.container__col-7 {
    float: left;
    width: 58.33%;
}

.container__col-7:after {
    content: '';
    display: table;
    clear: both;
}

.container__col-8 {
    float: left;
    width: 66.66%;
}

.container__col-8:after {
    content: '';
    display: table;
    clear: both;
}

.container__col-9 {
    float: left;
    width: 75%;
}

.container__col-9:after {
    content: '';
    display: table;
    clear: both;
}

.container__col-10 {
    float: left;
    width: 83.33%;
}

.container__col-10:after {
    content: '';
    display: table;
    clear: both;
}

.container__col-11 {
    float: left;
    width: 91.66%;
}

.container__col-11:after {
    content: '';
    display: table;
    clear: both;
}

.container__col-12 {
    float: left;
    width: 100%;
}

.container__col-12:after {
    content: '';
    display: table;
    clear: both;
}

.container__col-none {
    display: none;
}

.container__col-block {
    display: block !important;
}

@media (min-width: 576px) {
    .container-xs-flex-center {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: flex-center;
    }

    .text-xs-left {
        text-align: left !important;
    }

    .text-xs-right {
        text-align: right !important;
    }

    .text-xs-center {
        text-align: center !important;
    }

    .container__col-xs-none {
        display: none;
    }

    .container__col-xs-block {
        display: block !important;
    }

    .container__col-xs-1 {
        float: left;
        width: 8.33%;
    }

    .container__col-xs-2 {
        float: left;
        width: 16.66%;
    }

    .container__col-xs-3 {
        float: left;
        width: 25%;
    }

    .container__col-xs-4 {
        float: left;
        width: 33.33%;
    }

    .container__col-xs-5 {
        float: left;
        width: 41.66%;
    }

    .container__col-xs-6 {
        float: left;
        width: 50%;
        text-align: left;
    }

    .container__col-xs-7 {
        float: left;
        width: 58.33%;
    }

    .container__col-xs-8 {
        float: left;
        width: 66.66%;
    }

    .container__col-xs-9 {
        float: left;
        width: 75%;
    }

    .container__col-xs-10 {
        float: left;
        width: 83.33%;
    }

    .container__col-xs-11 {
        float: left;
        width: 91.66%;
    }

    .container__col-xs-12 {
        float: left;
        width: 100%;
    }
}

/*xs*/
@media (min-width: 768px) {
    .container-sm-flex-center {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: flex-center;
    }

    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .img-right-col-sm {
        text-align: right;
        float: right;
        margin: 10px 20px 20px 20px;
    }

    .container__col-sm-none {
        display: none;
    }

    .container__col-sm-block {
        display: block !important;
    }

    .container__col-sm-1 {
        float: left;
        width: 8.33%;
    }

    .container__col-sm-2 {
        float: left;
        width: 16.66%;
    }

    .container__col-sm-3 {
        float: left;
        width: 25%;
    }

    .container__col-sm-4 {
        float: left;
        width: 33.33%;
    }

    .container__col-sm-5 {
        float: left;
        width: 41.66%;
    }

    .container__col-sm-6 {
        float: left;
        width: 50%;
    }

    .container__col-sm-7 {
        float: left;
        width: 58.33%;
    }

    .container__col-sm-8 {
        float: left;
        width: 66.66%;
    }

    .container__col-sm-9 {
        float: left;
        width: 75%;
    }

    .container__col-sm-10 {
        float: left;
        width: 83.33%;
    }

    .container__col-sm-11 {
        float: left;
        width: 91.66%;
    }

    .container__col-sm-12 {
        float: left;
        width: 100%;
    }
}

/*sm*/
@media (min-width: 992px) {
    .container-md-pull-6 {
        right: 50%;
        position: relative;
    }

    .container-md-pull-4 {
        right: 33.33%;
        position: relative;
    }

    .container-md-push-6 {
        left: 50%;
        position: relative;
    }

    .container-md-pr-10 {
        padding-right: 10px;
    }

    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }

    .container__col-md-block {
        display: block !important;
    }

    .container__col-md-none {
        display: none;
    }

    .container__col-md-1 {
        float: left;
        width: 8.33%;
    }

    .container__col-md-2 {
        float: left;
        width: 16.66%;
    }

    .container__col-md-3 {
        float: left;
        width: 25%;
    }

    .container__col-md-4 {
        float: left;
        width: 33.33%;
    }

    .container__col-md-5 {
        float: left;
        width: 41.66%;
    }

    .container__col-md-6 {
        float: left;
        width: 50%;
    }

    .container__col-md-7 {
        float: left;
        width: 58.33%;
    }

    .container__col-md-8 {
        float: left;
        width: 66.66%;
    }

    .container__col-md-9 {
        float: left;
        width: 75%;
    }

    .container__col-md-10 {
        float: left;
        width: 83.33%;
    }

    .container__col-md-11 {
        float: left;
        width: 91.66%;
    }

    .container__col-md-12 {
        float: left;
        width: 100%;
    }
}

/*md*/
@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }

    .container__col-lg-none {
        display: none;
    }

    .container__col-lg-block {
        display: block !important;
    }

    .container__col-lg-1 {
        float: left;
        width: 8.33%;
    }

    .container__col-lg-2 {
        float: left;
        width: 16.66%;
    }

    .container__col-lg-3 {
        float: left;
        width: 25%;
    }

    .container__col-lg-4 {
        float: left;
        width: 33.33%;
    }

    .container__col-lg-5 {
        float: left;
        width: 41.66%;
    }

    .container__col-lg-6 {
        float: left;
        width: 50%;
    }

    .container__col-lg-7 {
        float: left;
        width: 58.33%;
    }

    .container__col-lg-8 {
        float: left;
        width: 66.66%;
    }

    .container__col-lg-9 {
        float: left;
        width: 75%;
    }

    .container__col-lg-10 {
        float: left;
        width: 83.33%;
    }

    .container__col-lg-11 {
        float: left;
        width: 91.66%;
    }

    .container__col-lg-12 {
        float: left;
        width: 100%;
    }
}

/*lg*/

.mail-img-header {
    color: #1f323f;
    font-size: 16px;
    font-weight: 600;
}

@media (min-width: 576px) {
    .mail-img-header {
        margin-left: 15px;
    }
}

@media (min-width: 992px) {
    .mail-img-header {
        font-size: 18px;
        font-weight: 400;
    }
}

.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.envelope::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f0e0';
    position: relative;
    top: 2px;
    margin-right: 5px;
    font-weight: 300;
}

@media (max-width: 575px) {
    .header-contact {
        margin-top: 25px;
    }
}

a[name='feedback'] {
    margin-top: -95px;
    position: absolute;
}

@media (max-width: 991px) {
    a[name='feedback'] {
        margin-top: -25px;
    }

    .tab-body > .bg-white {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
}

.fancybox-button--zoom {
    display: none !important;
}

@media (max-width: 768px) {
    .fancybox-button--close {
        background: rgb(30 30 30 / 0%);
        border: 2px solid white;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        top: 5px;
        right: 5px;
        padding: 0;
    }
}

.sticky__fixed {
    z-index: 99992 !important;
}

#grammatical_error_popup {
    display: block;
    opacity: 0;
    position: absolute;
    color: white;
    padding: 2px 7px;
    background-color: rgba(38, 38, 38, 0.5);
    border-radius: 5px;
    z-index: 9999;
    transition: opacity 0.5s ease-in-out;
}

/* End */


/* Start:/bitrix/templates/vgkh/template_styles.css?1743686253206253*/
/*
 * main
 */

.mobile_section_menu > .container > div {
  display: none !important;
}

.mobile_section_menu > .container > div.sidebar  {
  display: none !important;
}

.fixed_elem {
  top: 45px;
  margin: 0px 0px 0px 0px;
}


@media (max-width: 991px) {
  .sidebar {
    display: none;
  }

  .sidebar::after{
    content: "";
    width: 100vw;
    border-bottom: 1px solid #F3F2EF;
    position: absolute;
    left: -15px;
  }

  .mobile_section_menu > .container > div.sidebar  {
    display: flex !important;
  }
}
@media (min-width: 991px) {
  .login {
    margin-left: 0;
  }
}

body {
  padding: 0;
  margin: 0;
  font-family: Roboto, sans-serif;
}
@media screen and (max-width: 767px){
body.fixbody{
overflow: hidden;
}
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
::-webkit-input-placeholder {
  color: #dedede;
}
::-moz-placeholder {
  color: #dedede;
}
:-moz-placeholder {
  color: #dedede;
}
:-ms-input-placeholder {
  color: #dedede;
}

.btn-green {
  border-radius: 5px;
  background-color: #39b54a;
  padding: 10px 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-appearance: none;
  margin-top: 30px;
  margin-bottom: 40px;
}
.btn-green:hover {
  background-color: #2ea73f;
  cursor: pointer;
}
.section {
  position: relative;
}
.section-border {
  border-top: 1px solid #f3f2ef;
  border-bottom: 1px solid #f3f2ef;
}
.head {
  padding-top: 9px;
  padding-bottom: 5px;
}
.head__left {
  display: inline-block;
  text-align: left;
}
.head__right {
  display: block;
  float: right;
  text-align: right;
}
.phone {
  color: #1f323f;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0.3px;
}
.call {
  color: #3c6b9b;
  font-size: 18px;
  text-decoration: none;
  padding: 7px 29px;
  border: 1px solid #f3f2ef;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  color: white;
}
.call:hover {
  background-color: #3c6b9b;
  color: #fff !important;
}
.footer_call {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  background-color: #39b54a;
  width: 297px;
  padding: 7px 29px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  color: white;
  margin-bottom: 40px;
}
.phone,
.mail-img-header {
  margin-right: 70px;
}

@media (max-width: 1199.98px) {
  .footer_call {
    width: 232px;
    padding: 7px 10px;
  }
}
.footer_call:hover {
  background-color: #2ea73f;
  color: #fff !important;
  cursor: pointer;
}
.cart {
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 50px;
}
.cart__btn {
  color: #3c6b9b;
  padding-left: 30px;
  background-image: url(/bitrix/templates/vgkh/img/cart_new.png);
  background-repeat: no-repeat;
  background-position: left center;
  text-decoration: none;
  padding-top: 6px;
  position: relative;
}
.cart__btn:hover {
  text-decoration: underline;
}
.cart__btn-sum {
  background-color: #39b54a;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  font-size: 8px;
  color: #fff;
  width: 10px;
  height: 10px;
  text-align: center;
  top: 0;
  left: 15px;
}
.mobile-header {
  display: none;
  background-color: #fff;
  z-index: 999;
}
.header {
  padding-top: 22px;
  padding-bottom: 12px;
  text-align: justify;
  overflow: hidden;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.header__right {
  text-align: right;
}
.logo {
  vertical-align: middle;
  display: inline-block;
  max-width: 285px;
  width: 100%;
}
.logo__img {
  display: inline-block;
  max-width: 100%;
  height: 22px;
}
/*
.submenu {
    -webkit-transition: all .7s;
    transition: all .7s;
    position: absolute;
    width: 100%;
    background-color: #fff;
    left: 0;
    top: 100%;
    text-align: left;
    opacity: 0;
    padding-right: 15px;
    max-height: 0;
    overflow: hidden;
    visibility: unset;
    z-index: 99999
}
.submenu .container {
    padding: 35px 0
}
.submenu__item {
    padding-left: 55px;
    padding-right: 15px
}
.submenu__item li {
    list-style: none;
    margin-bottom: 20px
}
.submenu__item li a {
    color: #3c6b9b;
    text-decoration: none;
    font-size: 18px;
    position: relative;
    -webkit-transition: all .25s;
    transition: all .25s;
    font-weight: 600
}
.submenu__item li a:after {
    content: '';
    position: absolute;
    display: block;
    width: 0%;
    -webkit-transition: all .25s;
    transition: all .25s;
    bottom: -2px;
    left: 50%
}
.submenu__item li a:hover {
    color: #f26d2e
}
.submenu__item li a:hover:after {
    width: 100%;
    border-bottom: 1px solid #f26d2e;
    left: 0
}
.submenu__item-under {
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 35px
}
.submenu__item-under li {
    margin-bottom: 11px
}
.submenu__item-under li a {
    font-size: 16px;
    font-weight: 400
}
*/
.promotion {
  font-size: 0;
  background-color: #faddd0;
}
.promotion-margin {
  margin-top: -15px;
  margin-bottom: -15px;
}
.promotion__elem {
  padding: 20px;
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
.promotion__elem-title {
  font-size: 18px;
  color: #1f323f;
  text-align: center;
  font-weight: 600;
  margin-bottom: 20px;
}
.promotion__elem-text {
  font-size: 18px;
  color: #1f323f;
  text-align: center;
  line-height: 2;
}
.promotion__elem-pimg {
  padding: 4px;
}
.promotion__elem-pimg img {
  width: 100%;
  height: auto;
}
.border-right {
  border-right: 1px solid #cacfd2;
}
.border-left {
  border-left: 1px solid #cacfd2;
}
.bg-blue {
  background-color: #1f323f;
}

/* usemultipleSelect style */

.usemultipleSelect input[type='checkbox']:checked + span[class='labelcheckbox']:before {
  content: '\2714';
  color: white;
  background: #39b54a;
  position: relative;
  top: -2px;
}
.usemultipleSelect input[type='checkbox'] + span[class='labelcheckbox']:before {
  content: ' ';
  width: 15px;
  height: 15px;
  border: 1px solid #cacaca;
  margin-right: 5px;
  border-radius: 4px;
  color: #2b5f93;
}
.usemultipleSelect .jq-select-multiple {
  display: none !important;
}
.usemultipleSelect .ms-drop label span {
  color: #39b54a;
}
.usemultipleSelect .ms-choice > div {
  background: #39b54a;
}
/* End usemultipleSelect style */

.hslider__list-item {
  line-height: 1.85;
  padding-left: 20px;
  list-style: none;
  background-image: url(/bitrix/templates/vgkh/img/ul-item.png);
  background-repeat: no-repeat;
  background-position: left 8px;
}
.slick-dots {
  text-align: center;
  bottom: 20px;
  position: absolute;
  width: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.slick-dots li {
  display: inline-block;
}
.slick-dots li button {
  margin: 5px;
  display: inline-block;
  border: 1px solid #39b54a;
  width: 10px;
  height: 10px;
  background-color: transparent;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  list-style: none;
  font-size: 0;
  cursor: pointer;
  padding: 0;
}
li.slick-active button {
  background-color: #39b54a;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  list-style: none;
  font-size: 0;
  cursor: pointer;
  padding: 0;
}
.programs {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 75px;
  /*  max-width: 1120px*/
}
.programs__all {
  margin-top: 70px;
}
.programs__all-link {
  font-size: 22px;
  color: #3c6b9b;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  letter-spacing: 0.7px;
}
.program__img {
  margin-bottom: 25px;
}
.program__img-item {
  max-width: 100%;
  height: 149px;
  width: auto;
}
.program__title {
  margin-bottom: 25px;
}
.program__title-link {
  font-size: 22px;
  color: #3c6b9b;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
}
.program__title:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.program__text {
  font-size: 16px;
  color: #1f323f;
  line-height: 1.45;
  margin-bottom: 30px;
}
.program__look-link {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  max-width: 240px;
  margin-bottom: 8px;
}

.sadovod .inform {
  align-items: stretch;
}

.inform .sadovod-col {
  flex-basis: 49%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.savovod-list {
  list-style: none;
  list-style-image: url('/jsk/1s-sadovod/img/Vector.svg');
}

.sadovod p {
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

.sadovod .sadovod-video {
  width: 100%;
  height: 100%;
  border: 1px solid #c1c1c1;
}

.sadovod .video-wrap {
  width: 724px;
  height: 534px;
  margin: 0 auto;
}

/*?????????*/

.bg-gradient-default {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03be6f+0,03be6f+50,0faf5e+51,0faf5e+100 */
  background: #03be6f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #03be6f 0%, #03be6f 50%, #0faf5e 51%, #0faf5e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #03be6f),
    color-stop(50%, #03be6f),
    color-stop(51%, #0faf5e),
    color-stop(100%, #0faf5e)
  );
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #03be6f 0%, #03be6f 50%, #0faf5e 51%, #0faf5e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #03be6f 0%, #03be6f 50%, #0faf5e 51%, #0faf5e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #03be6f 0%, #03be6f 50%, #0faf5e 51%, #0faf5e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #03be6f 0%, #03be6f 50%, #0faf5e 51%, #0faf5e 100%);
  /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#03be6f", endColorstr="#0faf5e", GradientType=0);
  /* IE6-9 */
}

/* class="table-product-prices" */

.table-product-prices {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-row-gap: 1px;
}
.wrap-table-grid {
  background-color: rgba(70, 70, 70, 0.15);
  padding: 1px;
}
.grid-item {
  background-color: #fff;
  display: flex;
  align-items: center;

  padding-top: 15px;
  padding-bottom: 15px;
}
.product-head {
  grid-column: 1/-1;
  justify-content: center;
  padding-left: 4px !important;
  padding-right: 4px;
  font-size: 17px;
}
.product-name {
  font-weight: bold;
  padding-left: 85px;
  font-size: 16px;
}
.product-name-wrap {
  flex-direction: column;
  align-items: end;
}
.table-wrap-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  font-size: 17px;
}
.gi1 {
  background-color: #fff;
  display: flex;
  align-items: normal;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 40px;
}
.inner-price {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.table-price-span {
  text-align: center;
  font-size: 12px;
  color: #000;
  opacity: 0.33;
  width: 80px;

  margin-bottom: 8px;
}

.table-service-price {
  font-size: 17px;
}
.site-btn-green {
  border-radius: 5px;
  background-color: #39b54a;
  padding: 5px 25px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-appearance: none;
}
.site-btn-green:hover {
  background-color: #2ea73f;
  color: #fff;
  cursor: pointer;
}
@media (min-width: 767.98px) {
  .price-right {
    padding-right: 42px;
  }
  .grid-item {
    padding-left: 66px;
  }
}

@media (max-width: 767.98px) {
  .wrap-table-grid {
    max-width: 384px;
    margin: 0 auto;
  }
  .table-product-prices {
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
  }
  .gi2 {
    padding-left: 12px;
    padding-right: 0;
  }
  .gi1 {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 12px;
  }
  .product-name {
    grid-column: 1/-1;
    font-weight: bold;
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
    position: relative;
    text-align: center;
  }
  .product-name.mobi-line::before {
    content: '';
    position: absolute;
    top: 0;
    height: 1px;
    width: 100%;
    background: rgba(70, 70, 70, 0.15);
  }
  .product-head {
    position: relative;
  }
  .product-head.mobi-line::before {
    content: '';
    position: absolute;
    top: 0;
    height: 1px;
    width: 100%;
    background: rgba(70, 70, 70, 0.15);
  }
  .table-service-price {
    grid-column: 1/-1;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .table-service-btn {
    grid-column: 1/-1;
    justify-content: center;
  }
  .product-name-wrap {
    align-items: center;
  }
}
/* class="table-product-prices" */

.sadovod .product-table th {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

.sadovod .product-table-fixed th {
  min-width: 110px;
}

.sadovod .product-table-fixed td {
  height: 95px;
}

.product-table .th-light-green {
  background-color: #88d392;
}

.sadovod .product-table p {
  font-size: 16px;
  font-weight: 200;
  line-height: 23px;
}

.sadovod .text-bold,
.sadovod .product-table .text-bold {
  font-weight: 500;
}

.sadovod .text-green {
  color: #39b54a;
}

.sadovod .text-red {
  color: #ff2020;
}

.sadovod-wrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: 1110px;
}

.sadovod-scroll {
  width: 860px;
  margin: 0;
  padding: 0;
  overflow: auto !important;
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
}

.sadovod a.link-buy {
  color: #0072bc;
  font-weight: 500;
  border-bottom: 1px solid #0072bc;
}

.sadovod .table-show {
  display: none;
}

.sadovod .table-show p {
  font-size: 12px;
}

.bannerarenda-partneram h1 {
  font-size: 26px;
  margin-top: 50px;
  margin-bottom: 40px;
}

.bannerarenda-partneram .bannerbody p {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}

.bannerarenda-partneram .bannerbody p:nth-child(2) {
  margin-top: 18px;
}

.bannerarenda-partneram .button {
  text-align: center;
  margin-top: 7px;
}

.bannerarenda-partneram .button a {
  padding: 7px 25px;
}

.table-responsive .partners-mobil-2 {
  display: none;
}

.inform-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.inform-item .inform-text {
  width: 90%;
  font-size: 18px;
  text-align: center;
  font-weight: 500;
}

.trigger-price {
  background-color: #e7f4f7;
  padding: 25px 25px 50px 25px;
  text-align: center;
}

.trigger-price h2 {
  margin: 0 auto;
}

.trigger-price p {
  margin: 15px auto;
  font-weight: 500;
}

.trigger-price a.btn-green {
  margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 991px) {
  .sadovod .inform {
    align-items: flex-start;
  }

  .inform .sadovod-col {
    flex-basis: 98%;
  }

  .inform .sadovod-col a {
    margin-left: auto;
    margin-right: auto;
  }

  .sadovod-wrap {
    width: 690px;
  }

  .sadovod .video-wrap {
    width: 690px;
    height: auto;
  }

  .inform-item {
    width: 48%;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .bannerarenda-partneram .bannerbody {
    width: 90%;
    margin: 10px auto;
  }

  .bannerarenda-partneram .bannerbody p {
    font-size: 14px;
    line-height: 17px;
  }

  .bannerarenda-partneram .bannerbody p:nth-child(2) {
    margin-bottom: 28px;
  }

  .inform-item {
    width: 48%;
    margin-bottom: 10px;
  }

  .inform-item .inform-text {
    font-size: 16px;
  }

  .sadovod .table-hidden {
    display: none;
  }

  .sadovod .table-show {
    display: block;
  }

  .sadovod .video-wrap {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .program__look-link_mob {
    height: 58px;
    line-height: 40px;
  }
}

.program__scope-link {
  color: #3c6b9b;
  font-size: 16px;
  text-decoration: none;
}

.jq-select-multiple li,
.jq-selectbox li,
.jq-selectbox__select-text {
  white-space: normal;
}
.jq-selectbox__select-text {
  padding: 10px 30px 10px 10px;
  text-align: left;
  cursor: pointer;
  border: 1px solid #fff;
}
.jq-selectbox__trigger {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.jq-selectbox__trigger-arrow {
  display: block;
  width: 14px;
  height: 17px;
  background-image: url(/bitrix/templates/vgkh/img/arrow-select.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.jq-selectbox__dropdown {
  width: 100%;
  text-align: left;
}
.jq-selectbox__dropdown ul {
  padding: 0;
  margin: 0;
  border: 1px solid #fff;
  background-color: #fff;
  color: #000;
}
.jq-selectbox__dropdown ul li {
  cursor: pointer;
  padding: 10px;
}
.jq-selectbox__dropdown ul li:hover {
  background-color: #dedede;
}
.jq-selectbox.opened .jq-selectbox__trigger {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.prod {
  text-align: justify;
  /*max-width: 1120px;*/
  padding: 100px 0 80px 0;
}
.prod__item {
  vertical-align: top;
  text-align: left;
  display: inline-block;
  padding: 0 15px;
}
.prod__item-title {
  padding: 30px 2px;
}
.prod__item-list {
  background-color: #fbfbfb;
  padding: 30px 5px 55px 5px;
}
.prodlist {
  margin: 0;
  padding-left: 25px;
}
.prodlist__item {
  list-style: none;
  position: relative;
  line-height: 1.5;
}
.prodlist__item:after {
  content: '';
  position: absolute;
  left: -10px;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #cd5e29;
}
.prodlist__item-link {
  color: #3c6b9b;
  text-decoration: none;
  font-size: 16px;
}
.prodall {
  position: relative;
}
.prodall__link {
  text-decoration: none;
  position: absolute;
  right: 35px;
  bottom: 18px;
  font-size: 16px;
}
.prod-orange-title {
  background-image: url(/bitrix/templates/vgkh/img/prod-orange.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.prod-green-title {
  background-image: url(/bitrix/templates/vgkh/img/prod-green.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.prod-blue-title {
  background-image: url(/bitrix/templates/vgkh/img/prod-blue.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.orange-text {
  color: #cd5e29;
}
.green-text {
  color: #39b54a;
}
.blue-text {
  color: #3c6b9b;
}
.prod-orange-list li:after {
  background-color: #cd5e29;
}
.prod-green-list li:after {
  background-color: #39b54a;
}
.prod-blue-list li:after {
  background-color: #3c6b9b;
}
.topical {
  text-align: center;
  padding-bottom: 65px;
}
.topical__title {
  color: #1f323f;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  display: inline-block;
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 0 20px;
  letter-spacing: 0.7px;
  margin-bottom: 45px;
}
.topical__list {
  text-align: left;
  display: block;
  width: 100%;
  position: relative;
  padding-left: 170px;
}
.topical__list-item {
  margin-bottom: 25px;
}
.topical__list:after {
  content: '';
  display: table;
  clear: both;
}
.topical__list-date {
  font-size: 18px;
  color: #1f323f;
  position: absolute;
  left: 45px;
}
.topical__list-title {
  color: #3c6b9b;
  text-decoration: none;
  font-size: 18px;
  display: inline-block;
}
.topical__list-desc {
  font-size: 16px;
  color: #1f323f;
  margin-top: 15px;
}
.topical__all {
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
}
.topical__all-link {
  font-size: 18px;
  text-decoration: none;
  color: #3c6b9b;
}
.title-line {
  position: relative;
  margin-top: 20px;
}
.title-line:after {
  content: '';
  position: absolute;
  width: 100%;
  display: block;
  border-bottom: 1px solid #dedede;
  top: 15px;
  z-index: 0;
}
.footer {
  background-color: #1f323f;
  padding: 50px 0 15px 0;
}
.flist {
  padding: 0;
}
.flist__menu {
  list-style: none;
  padding: 0;
  margin-bottom: 10px;
}
.flist__menu li {
  margin-bottom: 10px;
}
.flist__menu a {
  color: #b2b0b0;
  font-size: 14px;
  text-decoration: none;
  font-weight: 200;
}
.flist-margin {
  margin-top: 40px;
}
.fnext-prog {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: 200;
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 25px;
}
.subscription {
  margin-bottom: 40px;
  position: relative;
}
.subscription__input {
  background-color: #aaa4a9;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  border: 0;
  width: 100%;
  padding-left: 15px;
  padding-right: 65px;
}
.subscription__submit {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 50px;
  cursor: pointer;
  height: 100%;
  font-size: 18px;
  font-weight: 200;
  text-align: center;
  padding: 10px;
}
.fright {
  padding-left: 62px;
  padding-right: 10px;
}
.footer__mobile {
  display: none;
}

@media (max-width: 991px) {
  .footer {
    padding-top: 30px;
  }
  .footer__desc {
    display: none;
  }
  .footer__mobile {
    display: block;
    text-align: center;
  }
}

.social {
  text-align: left;
  margin-bottom: 15px;
  position: relative;
}
.social:after {
  content: '';
  display: inline-block;
  width: 100%;
}

.social .rutube{
    position: absolute;
    top: 4px;
}
.social .rutube img{
    max-width: max-content;
    width: 96px;
}

.social__link {
  display: inline-block;
  margin: 3px;
  vertical-align: middle;
}
.social__link img {
  max-width: 40px;
  height: auto;
  width: 100%;
}
.work-link {
  padding: 20px 10px;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight: 200;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.work-link:hover {
  color: #1f323f;
  background-color: #fff;
  font-weight: 600;
}
.payinfo {
  text-align: justify;
}
.payinfo__item {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
}
.payinfo__link {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 200;
  color: #b2b0b0;
}
.copyright {
  background-color: #1f323f;
  border-top: 1px solid #39b54a;
  padding: 25px 0 20px 0;
}
.copytext {
  font-size: 14px;
  color: #b2b0b0;
  line-height: 1.5;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 200;
}
a.phone-big {
  font-size: 16px;
  color: #fff;
  margin-bottom: 5px;
  letter-spacing: 0.7px;
  display: block;
}

.mobnav {
  display: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: #3c6b9b;
  padding: 15px 0;
}
.mobnav__icon {
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  width: 20px;
  height: 19px;
  position: relative;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.mobnav__icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #3C6B9B;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.mobnav__icon span:nth-child(1) {
  top: 0;
}
.mobnav__icon span:nth-child(2),
.mobnav__icon span:nth-child(3) {
  top: 7px;
}
.mobnav__icon span:nth-child(4) {
  top: 14px;
}
.mobnav__icon.open span:nth-child(1) {
  top: 7px;
  width: 0%;
  left: 50%;
}
.mobnav__icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mobnav__icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mobnav__icon.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}
.sidebar {
  padding-top: 95px;
}
.sidebar__list {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-left: 0;
}
.sidebar__list-item {
  margin-bottom: 25px;
}
.sidebar__list-link {
  color: #b2b0b0;
  font-size: 18px;
  text-decoration: none;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.sidebar__list-link:hover {
  color: #000;
}
.sidebar__list-link.active {
  color: #000;
}
/*.content {
    padding-top: 20px;
    padding-left: 25px;
    border-left: 1px solid #f3f2ef;
    margin-bottom: 25px;
    padding-bottom: 15px
}*/
.content_width_full {
  border-left: none;
  padding-left: 0px;
}

.title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 45px;
}

/* styles for vgkh/soprovogdenie*/

.bg-white h1.soprovogdenie-title {
  color: #000000;
  font-size: 36px;
  line-height: 42px;
  font-weight: bold;
  padding-top: 70px;
  margin-bottom: 50px;
  position: relative;
}

.bg-white h1.soprovogdenie-title::after {
  content: '';
  width: 260px;
  height: 3px;
  background-color: #ff872b;
  position: absolute;
  top: 120%;
  left: 39%;
}

.bg-white p.description,
.bg-white .contacts-link,
.bg-white .video-block,
.bg-white .subscribe,
.bg-white .team,
.bg-white .reviews,
.bg-white .consultation1,
.bg-white .escort,
.bg-white .refer {
  padding: 30px 45px;
}

.bg-white p.description {
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  padding-top: 30px;
  margin: 0;
}
.bg-white p.description::before {
  content: '';
  width: 260px;
  height: 3px;
  background-color: #3c6b9b;
  position: absolute;
  top: 138px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.bg-white .contacts-link {
  padding: 30px;
}

.bg-white .video-block {
  padding: 30px 0;
}

.bg-white .team {
  padding-bottom: 0;
}

.bg-white .contacts-link {
  background-color: rgba(222, 245, 248, 0.5);
}

.bg-white .contacts-link--white {
  background-color: rgba(255, 255, 255, 1);
  position: absolute;
  z-index: 10;
  width: 400px;
  border: 1px solid rgba(60, 107, 155, 0.3);
  border-radius: 5px;
  font-size: 16px;
  line-height: 19px;
  padding: 20px;
  margin-left: 690px;
  margin-top: -130px;
  padding: 15px;
}

.bg-white .contacts-link h2,
.bg-white .contacts-link--white h2 {
  font-weight: normal;
  font-size: 18px !important;
  line-height: 21px;
  text-align: center;
  margin: 0;
}

.bg-white .contacts-link .links {
  margin-top: 20px;
  margin-bottom: 30px;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.bg-white .contacts-link a {
  display: block;
  color: #000000;
  font-size: 18px;
  font-weight: 300;
  line-height: 21px;
}
.bg-white .contacts-link a:hover {
  text-decoration: underline;
}

.bg-white .contacts-link .links a,
.bg-white .contacts-link--white .links a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.bg-white .contacts-link--white .links a {
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 10px;
  margin-right: 0;
  flex-basis: 49%;
}

.bg-white .contacts-link .links a img,
.bg-white .contacts-link--white .links a img {
  margin-right: 5px;
}

.bg-white .contacts-link .connect {
  border: 1px solid #3c6b9b;
  border-radius: 5px;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 15px 0 15px;
  position: relative;
}

.bg-white .contacts-link--white .connect {
  width: auto;
}

.bg-white .contacts-link .connect:after {
  position: absolute;
  content: '';
  width: 150px;
  height: 30px;
  top: -15px;
  left: 210px;
  background-color: #effafc;
  background-image: url('/bitrix/templates/vgkh/../../../../soprovogdenie/images/png/1s-konnekt.png');
  /* background-image: url('https://otr-soft.ru/soprovogdenie/images/1s-konnekt.png'); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.bg-white .contacts-link--white .connect:after {
  left: 120px;
  background-color: rgba(255, 255, 255, 1);
}

.bg-white .visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}

.bg-white .contacts-link .connect a {
  display: block;
  position: relative;
}

.bg-white .contacts-link--white .connect a {
  font-size: 16px;
  line-height: 21px;
}

.bg-white .video-block h2,
.bg-white .video-block p {
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  font-weight: normal;
}

.bg-white .video-block h2 {
  margin: 0;
}

.bg-white a.btn-none-fill {
  border: 1px solid #39b54a;
  border-radius: 5px;
  font-size: 18px;
  color: #39b54a;
  padding: 7px 18px;
}

.bg-white .subscribe,
.bg-white section.refer {
  background-color: #3c6b9b;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bg-white .subscribe {
  min-height: 120px;
  padding-right: 30px;
}

.bg-white .subscribe h2 {
  font-size: 20px;
  line-height: 22px;
  font-weight: normal;
  color: #ffffff;
  position: relative;
  margin: 0;
  margin-right: 20px;
}

.req {
  color: red;
  margin: 0px 5px;
}
/* .bg-white .subscribe h2::before {
	content: "";
	width: 88px;
	height: 84px;
	position: absolute;
	top: -25px;
	left: -86px;
	background-image: url('/bitrix/templates/vgkh/../../../../soprovogdenie/images/png/subs-letter.png');
	background-repeat: no-repeat;
	background-position: center;
}
@media (max-width: 767.98px) { 
    .bg-white .subscribe h2::before {
        display: none;
    }
 } */

.bg-white .team h2,
.bg-white .reviews h2,
.bg-white .consultation1 h2,
.bg-white .escort h2 {
  font-size: 26px;
  font-weight: normal;
  line-height: 22px;
  text-align: center;
  margin: 0 0 20px 0;
}

.bg-white .team p,
.bg-white .consultation1 p {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}
.consultation1 a {
  text-decoration: underline;
  color: #000000;
}

.bg-white .team p {
  text-align: center;
}
.team {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.reviews {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.bg-white .team .gallery,
.bg-white .reviews .blockquote {
  display: flex;
  justify-content: space-evenly;
  align-items: start;
  flex-wrap: wrap;
  width: 100%;
  margin: 10px auto 0 auto;
}

.bg-white .gallery-btn {
  display: none;
}

.bg-white .team .gallery a {
  display: block;
  width: 150px;
  height: 171px;
  margin-bottom: 5px;
  margin-right: 5px;
}

.bg-white .team .gallery a:nth-child(7),
.bg-white .team .gallery a:nth-child(14) {
  margin-right: 0;
}

.bg-white .team .gallery a:nth-child(2),
.bg-white .team .gallery a:nth-child(6) {
  margin-top: 10px;
}

.bg-white .team .gallery a:nth-child(3),
.bg-white .team .gallery a:nth-child(5) {
  margin-top: 20px;
}

.bg-white .team .gallery a:nth-child(4) {
  margin-top: 30px;
}

.bg-white .team .gallery a:nth-child(8),
.bg-white .team .gallery a:nth-child(14) {
  margin-top: -30px;
}

.bg-white .team .gallery a:nth-child(9),
.bg-white .team .gallery a:nth-child(13) {
  margin-top: -20px;
}

.bg-white .team .gallery a:nth-child(10),
.bg-white .team .gallery a:nth-child(12) {
  margin-top: -10px;
}

.bg-white .reviews .blockquote .col-1 {
  width: 405px;
}

.bg-white .reviews .blockquote .col-2 {
  width: 660px;
}

.bg-white .reviews .blockquote .col-1 div,
.bg-white .reviews .blockquote .col-2 div {
  /* background-color: #EFFAFB; */
  /* border: 1px solid #f2f2f2; */
  border: 1px solid #ebebeb;
  border-radius: 5px;
  margin-bottom: 15px;
}

.bg-white .reviews .blockquote .col-1 blockquote,
.bg-white .reviews .blockquote .col-2 blockquote,
.bg-white .reviews .blockquote .col-1 cite,
.bg-white .reviews .blockquote .col-2 cite {
  border-left: none;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
}

.bg-white .reviews .blockquote .col-1 blockquote,
.bg-white .reviews .blockquote .col-2 blockquote {
  margin-bottom: 10px;
}

.bg-white .reviews .blockquote .col-1 cite,
.bg-white .reviews .blockquote .col-2 cite {
  display: block;
  font-style: italic;
  color: #666666;
  text-align: right;
  padding-bottom: 0;
  margin-right: 25px;
  margin-bottom: 15px;
}

/* .bg-white .escort {
	background-color: #EFFAFB;
} */

.bg-white .escort h2 {
  text-align: left;
}
.consultation1 {
  background-color: #e2f8fa;
}
.bg-white .consultation1-wrap,
.bg-white .escort-wrap,
.bg-white .services-wrap {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  padding: 30px 45px;
}

.bg-white .consultation1-wrap {
  position: relative;
  z-index: 0;
}

.bg-white .escort-wrap .col-2 {
  border: 1px solid #ffe7d4;
}

.bg-white .consultation1-wrap .col-2,
.bg-white .escort-wrap .col-1 {
  width: 615px;
}

.bg-white .consultation1-wrap h3,
.bg-white .escort-wrap h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  margin: 20px auto 10px auto;
}

.bg-white .consultation1-wrap a,
.bg-white .escort-wrap a {
  display: block;
  color: #000000;
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 20px;
  position: relative;
}

.bg-white .consultation1-wrap a:last-child,
.bg-white .escort-wrap a:last-child {
  margin-bottom: 0;
}

.bg-white .consultation1-wrap .col-2 h3 {
  margin-top: 10px;
  margin-bottom: 15px;
}

.bg-white .consultation1-wrap .col-1 h3 {
  margin-top: 0;
  text-align: center;
}

.bg-white .consultation1-wrap .col-2 ul.information,
.bg-white .escort-wrap .col-1 ul {
  margin-bottom: 30px;
}

/* .bg-white .consultation1-wrap .col-2 ul li,
.bg-white .escort-wrap .col-1 ul li {
	padding-left: 25px;
} */

.list-mark__sopr {
  position: relative;
}
.list-mark__sopr::after {
  content: '\2714';
  color: #3c6b9b;
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  left: -21px;
  top: 0px;
  /* background-image: url(/soprovogdenie/images/png/list-mark.png);
    background-size: cover;
    background-repeat: no-repeat; */
}

.bg-white .consultation1-wrap .regulations,
.bg-white p a.escort-link {
  display: inline;
  text-decoration: underline;
  border-style: none;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}

.bg-white .escort {
  padding-bottom: 50px;
}

.bg-white .escort-wrap .col-2 {
  background-color: #f7f7f7;
}

.bg-white .escort-wrap .col-1 .refer {
  margin-top: auto;
  margin-bottom: 0;
  width: max-content;
}

.bg-white section.refer {
  min-height: 100px;
  text-align: center;
}

.bg-white section.refer p {
  font-size: 26px;
  line-height: 32px;
  font-weight: normal;
  color: #ffffff;
}

.bg-white section.refer a {
  text-decoration: underline;
  border-bottom-style: none;
  color: #ffffff;
}

.bg-white .services-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0;
}

.bg-white .services-wrap div {
  flex-basis: 47%;
  margin-bottom: 10px;
}

.bg-white .services-wrap div:last-child {
  margin-bottom: 0;
}

.bg-white .services-wrap .services-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: no-wrap;
  border-bottom: 2px solid #3c6b9b;
  margin-bottom: 10px;
}

.bg-white .services-head h4,
.bg-white .services-head p {
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 11px;
}

.bg-white .services-wrap .description {
  padding: 0 0 0 25px;
}

.bg-white .services-wrap .description p {
  margin-top: 3px;
  margin-bottom: 3px;
}

@media screen and (max-width: 1199px) {
  .bg-white .team .gallery {
    max-width: 775px;
    margin: 0 auto;
  }

  .bg-white .team .gallery a:nth-child(1),
  .bg-white .team .gallery a:nth-child(7),
  .bg-white .team .gallery a:nth-child(8),
  .bg-white .team .gallery a:nth-child(14) {
    display: none;
  }

  .bg-white .team .gallery a:nth-child(6),
  .bg-white .team .gallery a:nth-child(13) {
    margin-right: 0;
  }

  .bg-white .reviews .blockquote .col-1,
  .bg-white .reviews .blockquote .col-2 {
    width: 100%;
  }

  .bg-white .consultation1-wrap .col-1,
  .bg-white .consultation1-wrap .col-2 {
    width: 100%;
  }

  .bg-white .consultation1-wrap .col-1 {
    position: relative;
  }

  .bg-white .contacts-link--white {
    position: relative;
    width: 100%;
    border-radius: 0;
    padding: 30px 45px;
    margin-left: 0;
    margin-top: 0;
  }

  .bg-white .contacts-link--white .links a {
    flex-basis: auto;
  }

  .bg-white .contacts-link--white .connect {
    width: max-content;
  }

  .bg-white .contacts-link--white .connect:after {
    left: 170px;
  }

  .bg-white .escort h2 {
    text-align: center;
  }

  .bg-white .escort-wrap .col-1 {
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .bg-white section.refer a {
    font-size: 26px;
    line-height: 23px;
    font-weight: normal;
  }

  .bg-white h1.soprovogdenie-title::after {
    left: 30%;
  }
}

@media (min-width: 768px) and (max-width: 889px) {
  .bg-white .subscribe {
    padding-left: 0;
    padding-right: 0;
  }

  .bg-white .team .gallery {
    max-width: 465px;
    margin: 0 auto;
  }

  .bg-white .team .gallery a:nth-child(2),
  .bg-white .team .gallery a:nth-child(6),
  .bg-white .team .gallery a:nth-child(9),
  .bg-white .team .gallery a:nth-child(13) {
    display: none;
  }

  .bg-white .team .gallery a:nth-child(5),
  .bg-white .team .gallery a:nth-child(12) {
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 799px) {
  .bg-white .contacts-link .links,
  .bg-white .contacts-link--white .links {
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
  }

  .bg-white .contacts-link .links a,
  .bg-white .contacts-link .links a.letter,
  .bg-white .contacts-link .links a.telegram,
  .bg-white .contacts-link .links a.vkontakte {
    flex-basis: 100%;
    padding-bottom: 5px;
    justify-content: flex-start;
  }

  .bg-white .contacts-link .links a.letter {
    padding-right: 0;
  }
}

@media screen and (min-width: 700px) and (max-width: 767px) {
  .bg-white h1.soprovogdenie-title::after {
    left: 31%;
  }

  .bg-white .contacts-link .connect::after,
  .bg-white .contacts-link--white .connect::after {
    left: 250px;
  }
}

@media screen and (min-width: 600px) and (max-width: 699px) {
  .bg-white h1.soprovogdenie-title::after {
    left: 30%;
  }

  .bg-white .contacts-link .connect::after,
  .bg-white .contacts-link--white .connect::after {
    left: 215px;
  }
}

@media screen and (min-width: 500px) and (max-width: 599px) {
  .bg-white h1.soprovogdenie-title::after {
    left: 26%;
  }

  .bg-white .contacts-link .connect::after,
  .bg-white .contacts-link--white .connect::after {
    left: 165px;
  }
}

@media screen and (min-width: 400px) and (max-width: 499px) {
  .bg-white h1.soprovogdenie-title::after {
    left: 18%;
  }

  .bg-white .contacts-link .connect::after,
  .bg-white .contacts-link--white .connect::after {
    left: 115px;
  }
  #work table tbody td {
    padding: 0;
  }
}

@media screen and (min-width: 320px) and (max-width: 399px) {
  .bg-white h1.soprovogdenie-title::after {
    left: 9%;
  }

  .bg-white .contacts-link .connect::after,
  .bg-white .contacts-link--white .connect::after {
    left: 65px;
  }
}

@media screen and (min-width: 320px) and (max-width: 609px) {
  .bg-white .contacts-link .connect,
  .bg-white .contacts-link--white .connect {
    width: auto;
  }

  .bg-white .subscribe {
    flex-direction: column;
  }

  .bg-white .subscribe h2 {
    margin-left: 35px;
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .bg-white p.description,
  .bg-white .subscribe,
  .bg-white .team,
  .bg-white .reviews,
  .bg-white .consultation1,
  .bg-white .escort,
  .bg-white .refer,
  .bg-white .contacts-link,
  .bg-white .contacts-link--white {
    padding: 30px 15px;
  }

  .bg-white .contacts-link .links,
  .bg-white .contacts-link--white .links {
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
  }

  .bg-white .contacts-link .links a,
  .bg-white .contacts-link .links a.letter,
  .bg-white .contacts-link .links a.telegram,
  .bg-white .contacts-link .links a.vkontakte {
    flex-basis: 100%;
    padding-bottom: 5px;
    justify-content: flex-start;
  }

  .bg-white .contacts-link .links a.letter {
    padding-right: 0;
  }

  .bg-white .services-wrap div {
    flex-basis: 98%;
    margin-bottom: 10px;
  }

  .bg-white .contacts-link .connect,
  .bg-white .contacts-link--white .connect {
    width: 100%;
  }

  .bg-white section.refer a {
    font-size: 26px;
    line-height: 23px;
    font-weight: normal;
  }

  .bg-white .team {
    padding-left: 15px;
    padding-right: 15px;
  }

  .bg-white .team .gallery a:first-child,
  .bg-white .team .gallery a:nth-child(2),
  .bg-white .team .gallery a:nth-child(3),
  .bg-white .team .gallery a:nth-child(4),
  .bg-white .team .gallery a:nth-child(5),
  .bg-white .team .gallery a:nth-child(6),
  .bg-white .team .gallery a:nth-child(7),
  .bg-white .team .gallery a:nth-child(8),
  .bg-white .team .gallery a:nth-child(9),
  .bg-white .team .gallery a:nth-child(10),
  .bg-white .team .gallery a:nth-child(11),
  .bg-white .team .gallery a:nth-child(12),
  .bg-white .team .gallery a:nth-child(13),
  .bg-white .team .gallery a:last-child {
    display: block;
    margin-top: 0;
    margin-right: 0;
  }

  .bg-white .team .gallery a:nth-child(3),
  .bg-white .team .gallery a:nth-child(4),
  .bg-white .team .gallery a:nth-child(5),
  .bg-white .team .gallery a:nth-child(6),
  .bg-white .team .gallery a:nth-child(7),
  .bg-white .team .gallery a:nth-child(8),
  .bg-white .team .gallery a:nth-child(9),
  .bg-white .team .gallery a:nth-child(10),
  .bg-white .team .gallery a:nth-child(11),
  .bg-white .team .gallery a:nth-child(12),
  .bg-white .team .gallery a:nth-child(13),
  .bg-white .team .gallery a:last-child {
    display: none;
  }

  .bg-white .gallery-btn {
    display: block;
    background-color: transparent;
    color: black;
    font-size: 18px;
    text-decoration: underline;
    margin-left: auto;
    margin-right: auto;
    border: none;
    outline: none;
  }
  .gal-display-block {
    display: block !important;
  }
}
/* styles for vgkh/soprovogdenie */

/* soprovogdenie */
.gal-dp-block {
  display: block !important;
}

.services-border {
  border: 1px solid #3c6b9b;
  border-radius: 30px;
  position: relative;
}
.services-bord-head {
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  padding: 0px 10px;
  background-color: #fff;
  top: -16px;
  left: 35px;
}
.contact-us {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: #3c6b9b;
  padding: 20px;
}
.btn-contact {
  border: 2px solid #fff;
  border-radius: 5px;
  background: transparent;
  outline: none;
  padding: 8px 65px;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
}

.btn-contact:hover {
  background-color: #477db5;
  /* color: #FF872B; */
}
@media (max-width: 767.98px) {
  .contact-us {
    flex-direction: column;
    text-align: center;
  }
  .contact-us p {
    margin-bottom: 10px;
  }
}
@media (max-width: 575.98px) {
  .services-bord-head {
    left: 50%;
    transform: translateX(-50%);
    min-width: 240px;
    padding: 0;
    text-align: center;
  }
  .bg-white .services-wrap {
    padding: 40px 15px;
  }
}
/* apps android/ios */
.download-doc {
  background-color: transparent;
  width: 183px;
  height: 57px;
  border: 2px solid #000;
  border-radius: 6px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  margin-top: 3px;
}
.download-doc:hover {
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  background-color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.apps-wrap {
  display: flex;
  justify-content: center;
  width: 600px;
  flex-wrap: wrap;
  margin: 0 auto;
}
.app-gl {
  margin-right: 8px;
}
@media (max-width: 700px) {
  .apps-wrap {
    width: 400px;
  }
}
@media (max-width: 575.98px) {
  .apps-wrap {
    width: 190px;
  }
  .app-gl {
    margin-right: 0px;
  }
}

.dl-wd {
  width: 170px;
}

@media (max-width: 991.98px) {
  .app-wrap {
    display: flex;
    justify-content: space-evenly;
    width: 400px;
    margin: auto;
    margin-bottom: 55px;
    margin-top: -10px;
  }
  .pic-house {
    display: none;
  }
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
  .dl-wd {
    width: 144px;
  }
}
@media (max-width: 575.98px) {
  .app-wrap {
    flex-direction: column;
    align-items: center;
    width: 200px;
  }

  #work table tbody td {
    padding: 4px !important;
  }
}
/* apps android/ios */

.description {
  font-size: 18px;
  color: #1f323f;
  margin-top: 20px;
  font-weight: 400;
  color: #000;
  line-height: 1.5;
  margin-bottom: 45px;
}
iframe {
  width: 100%;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video,
.embed-responsive-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.video-responsive {
  width: 88%;
  margin: 30px auto;
}
.center {
  text-align: center;
}
.video-link {
  font-size: 18px;
  color: #3c6b9b;
  text-decoration: none;
  font-weight: 400;
}
.consultation {
  font-size: 0;
  padding: 25px 0;
  margin-bottom: 90px;
}

@media (max-width: 992px) {
  .consultation {
    margin-bottom: 0;
  }
}

.consultation__text {
  font-size: 18px;
  color: #1f323f;
  line-height: 1.8;
  display: inline-block;
  vertical-align: middle;
  width: 63%;
  text-align: left;
  padding-right: 15px;
}
.consultation__link {
  display: inline-block;
  vertical-align: middle;
  width: 30%;
  padding: 12px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.cslider {
  width: 100%;
  border-top: 1px solid #3c6b9b;
  border-bottom: 1px solid #3c6b9b;
  position: relative;
}
.cslider__item {
  font-size: 0;
  padding: 40px 70px;
  outline: 0;
}
.cslider__item-img {
  width: 65%;
  padding-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
.cslider__item-text {
  width: 35%;
  padding-left: 15px;
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
}
.cslider-paragraph {
  line-height: 1.8;
}
.title-link {
  font-size: 20px;
  color: #3c6b9b;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 25px;
  display: inline-block;
}
.read-more {
  font-size: 16px;
  color: #3c6b9b;
  text-decoration: none;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
}
.slick-arrow {
  background-color: transparent;
  font-size: 0;
  width: 20px;
  height: 35px;
  border: 0;
  background-image: url(/bitrix/templates/vgkh/img/arrow-slider.png);
  background-repeat: no-repeat;
  background-size: cover;
  outline: 0;
  z-index: 999;
  cursor: pointer;
}
.slick-prev {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -17px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.slick-next {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -17px;
}
.look-demo {
  text-align: center;
  padding: 30px 0;
}
.bth-link {
  font-size: 18px;
  color: #3c6b9b;
  text-decoration: none;
  padding: 10px 20px;
  display: inline-block;
}
.accordion {
  border: 1px solid #f3f2ef;
  padding: 0;
  color: #070b0e;
  margin-bottom: 45px;
}
.accordion__item,
.accordion__ite {
  list-style: none;
  display: block;
  border-bottom: 1px solid #f3f2ef;
}
.accordion__item-title,
.accordion__ite-title {
  font-size: 20px;
  color: #3c6b9b;
  padding: 20px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
}
.accordion__ite-title:after {
  left: -15px;
}
.accordion__item-title:after,
.accordion__ite-title:after {
  content: '';
  display: block;
  position: absolute;
  width: 13px;
  height: 23px;
  background-image: url(/bitrix/templates/vgkh/img/arrow-slider.png);
  background-repeat: no-repeat;
  background-size: cover;
  right: 30px;
  top: 50%;
  margin-top: -11px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.accordion__item-description,
.accordion__ite-description {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.accordion__item.active .accordion__item-title,
.accordion__ite.active .accordion__ite-title {
  color: #000;
}
.accordion__item.active .accordion__item-title:after,
.accordion__ite.active .accordion__ite-title:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.accordion__item.active .accordion__item-description,
.accordion__ite.active .accordion__ite-description {
  max-height: 3000px;
  padding: 0 10px 10px 0px;
  opacity: 1;
}
.clear:after {
  content: '';
  display: table;
  clear: both;
}

.section-green {
  background-color: #39b54a;
  color: #fff;
  padding: 50px 0;
  margin-bottom: 100px;
}
.section-green p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 5px;
}
.section-green__btn {
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  padding: 10px 30px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  display: inline-block;
}
.section-green__btn:hover {
  color: #39b54a;
  background-color: #fff;
}
.justify {
  text-align: justify;
}
.justify:after {
  content: '';
  display: inline-block !important;
  width: 100%;
}
.col-padding {
  padding: 0 15px;
}
.paragraph-18 p {
  font-size: 18px;
  margin-bottom: 22px;
}
.section-blue {
  background-color: #3c6b9b;
  color: #fff;
  padding: 45px 0 0 0;
}
.section-blue .title {
  color: #fff;
}
.benefits__row {
  text-align: justify;
}
.benefits__row:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.benefits__item {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 390px;
  margin-bottom: 35px;
}
.benefits__item-img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  width: 50px;
  text-align: center;
}
.benefits__item-text {
  max-width: 315px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 200;
  font-size: 18px;
}
.orange-title {
  color: #cd5e29;
  font-size: 20px;
  position: relative;
  display: inline-block;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.orange-title:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  border-bottom: 3px solid #cd5e29;
  bottom: 3px;
  left: 0;
}
.orange-title__link {
  right: 0;
  position: absolute;
  color: #cd5e29;
  display: inline-block;
  font-size: 18px;
  border: 2px solid #cd5e29;
  padding: 6px;
  text-align: center;
  width: 100%;
  max-width: 300px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.orange-title__link:hover {
  background-color: #cd5e29;
  color: #fff;
}
.text {
  font-size: 18px;
  color: #1f323f;
  line-height: 1.8;
}
.popup {
  background-image: url(/bitrix/templates/vgkh/img/popup_bg.jpg);
  background-color: #fff;
  padding: 20px 40px;
  position: relative;
}
.popup__form {
  color: #686868;
}
.popup__form-input {
  text-align: justify;
  max-width: 545px;
  margin: 0 auto;
  font-size: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.popup__form-input:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.popup__form-input input {
  max-width: 380px;
  height: 50px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.popup__form-input label {
  display: inline-block;
  text-align: right;
  width: 150px;
}
.popup__form-title {
  font-size: 30px;
  text-align: center;
  color: #39b54a;
  padding-top: 40px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cacaca;
  font-weight: 600;
}
.popup__form-title_demonstration {
  font-size: 25px;
  text-align: center;
  color: #39b54a;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cacaca;
  font-weight: 600;
}
.popup__form-text {
  font-size: 16px;
  text-align: center;
  color: #f3f2ef;
}
.popup__form-text p {
  margin-bottom: 0;
  font-weight: 200;
  color: #686868;
}
.popup__form-submit {
  text-align: center;
  font-size: 14px;
}
.popup__form-submit input[type='submit'] {
  border: 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
  padding: 10px 30px;
  margin: 0 10px;
  cursor: pointer;
}
.popup__form-submit a {
  display: inline-block;
  margin: 0 10px;
  font-size: 16px;
  border-bottom: 1px solid #000;
  font-weight: 200;
  color: #686868;
  line-height: 1;
}
.popup__form-checkbox {
  margin-bottom: 20px;
}
label {
  font-weight: 600;
  vertical-align: middle;
  font-size: 16px;
}
label span {
  color: #cd5e29;
}
.checkbox {
  position: absolute;
  display: inline-block;
  background-color: #fff;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  opacity: 0;
}
.checkbox:not(checked) + label {
  position: relative;
  padding: 3px 0 3px 40px;
}
.checkbox + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background: #fff;
  border: 1px solid #cacaca;
}
.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 5px;
  width: 15px;
  height: 15px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.checkbox:checked + label:after {
  content: '';
  background-image: url(/bitrix/templates/vgkh/img/list-mark.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.checkbox + label {
  cursor: pointer;
  font-weight: 200;
}
.login-form .popup__form-input {
  max-width: 600px;
  text-align: left;
}
.login-form .popup__form-input label {
  max-width: 80px;
}
.login-form .popup__form-input a {
  font-size: 16px;
  display: inline-block;
  width: 121px;
  vertical-align: middle;
  color: #686868;
  border-bottom: 1px solid #000;
  font-weight: 200;
  line-height: 1;
  margin-top: 15px;
  margin-bottom: 15px;
}
.login-form .popup__form-input input {
  max-width: 335px;
  margin-left: 10px;
  margin-right: 10px;
}
.arcticmodal-container_i {
  width: 100%;
  max-width: 680px;
}
.arcticmodal-container_i2 {
  padding: 10px;
}
.arcticmodal-close {
  position: absolute;
  right: 12px;
  top: 2px;
  color: #cacaca;
  cursor: pointer;
  font-size: 22px;
  transform: scaleY(0.6);
}
.margin-top50 {
  margin-top: 50px;
  display: inline-block;
  width: 100%;
}
.margin-top-none {
  margin-top: 0;
}
.margin-left20 {
  margin-left: 20px;
}
.margin-bottom20 {
  margin-bottom: 20px;
}
.margin-bottom30 {
  margin-bottom: 30px;
}
.margin-bottom50 {
  margin-bottom: 50px;
}
.margin-bottom60 {
  margin-bottom: 60px;
}
.margin-bottom70 {
  margin-bottom: 70px;
}
.margin-bottom80 {
  margin-bottom: 80px;
}
.margin-bottom100 {
  margin-bottom: 100px;
}
.sticky {
  background-color: #fff;
}
.sticky__fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
}
.sidebar__stop {
  position: relative;
  z-index: 101;
}
.sidebar__sticky {
  position: fixed;
  z-index: 101;
}
.lightboxOverlay {
  width: 100% !important;
  height: 100% !important;
}
.title-mobile {
  display: none;
}
#fancybox-wrap {
  z-index: 99999999;
}
#fancybox-close {
  right: -55px;
}

.flist-margin {
  margin-top: 52px;
}
@media (max-width: 1199px) {
  .menu__item-link {
    font-size: 17px;
  }
  .flist {
    padding-right: 10px;
  }
  .flist-margin {
    margin-top: 39px;
  }
  .fright {
    padding: 0;
  }
  .social__link img {
    max-width: 27px;
    height: auto;
  }
}

@media (max-width: 991px) {
  .benefits__row {
    text-align: center;
  }
  .benefits__item {
    width: 340px;
  }
  .benefits__item-text {
    max-width: 265px;
  }
  .search {
    position: absolute;
    width: 100%;
    margin: auto;
    right: 0px;
    max-width: 600px;
    left: 0px;
  }
  .search__input {
    width: 100%;
  }
  .logo__img,
  .mobile-header .logo__img {
    max-width: 75%;
    height: 15px;
  }
  .mobile-header {
    text-align: center;
    padding: 10px 0;
    display: block;
  }
  .mobile-header .logo__img {
    max-width: 100%;
  }
  .mobile-header .login__btn {
    min-height: 21px;
    display: inline-block;
  }
  .mobnav {
    display: block;
    position: relative;
  }
  .menu {
    width: 100%;
    display: inline-block;
    text-align: left;
  }
  .menu__item-link {
    font-weight: 600;
    font-size: 16px;
  }
  .menu__item-link:after {
    display: none !important;
  }
  .menu__item:hover > .submenu {
    visibility: unset;
    display: block;
    opacity: 0;
    max-height: 0;
  }
  .menu > li {
    display: block;
    text-align: left;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .menu > li span {
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    display: inline-block;
  }
  .menu > li:hover > a {
    color: #3c6b9b;
  }
  .menu > li:hover > a:hover {
    color: #cd5e29;
  }
  .menu > li .submenu {
    position: relative;
    max-height: 0;
    display: block;
  }
  .menu > li .submenu .container {
    padding: 0;
  }
  .menu > li .submenu__item {
    padding-left: 10px;
  }
  .menu > li .submenu__item li {
    margin-bottom: 0;
  }
  .menu > li .submenu__item li a {
    font-size: 14px;
    font-weight: 400;
  }
  .menu > li .submenu__item li a:after {
    display: none;
  }
  .menu > li.open span {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .menu > li.open .submenu {
    max-height: 999px;
    opacity: 1;
  }
  .program {
    padding: 25px;
  }

  .social {
    margin: 0;
    display: inline-block;
  }
  a.phone-big {
    display: inline-block;
  }
  a.phone-padding {
    display: block;
  }
  .flist {
    margin-bottom: 25px;
  }
  .flist__title {
    margin-bottom: 15px;
  }
  .flist-margin {
    margin-top: 25px;
  }
  .phone {
    width: 100%;
    padding: 0;
    font-size: 16px;
  }
  .call {
    width: 100%;
    background: #3c6b9b;
    color: white !important;
    max-width: 238px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 9px 7px;
    border-radius: 5px;
    font-size: 16px;
  }
  .call:hover {
    color: #fff !important;
  }

  .subscription {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .work-link {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
  }
  .content {
    border: 0;
    padding: 0;
    padding-top: 0;
  }
  .sidebar {
    padding: 0 !important;
    height: auto !important;
  }
  .sidebar > div {
    padding: 0 !important;
    position: static !important;
  }
  .orange-title__link {
    position: static;
    margin-bottom: 15px;
  }
  /*
    .sticky-anchor {
        display: none
    }*/
  .title-mobile {
    display: block;
  }
  .mobile-none {
    display: none;
  }
  .title-mobile.margin-top {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {

.content{
  padding-bottom: 0;
}

  .mobile-header .phone {
    display: block;
  }

  .footer__mobile .call {
    margin-top: 37px;
  }
  .benefits__row {
    text-align: center;
  }
  .benefits__item {
    width: 250px;
  }
  .benefits__item-text {
    max-width: 175px;
  }
  .demover__form-input {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .demover__form-select {
    margin: 0 0 25px;
    width: 100%;
    max-width: 900px;
  }

  .topical__list {
    padding: 0;
  }
  .topical__list-date {
    position: static;
  }
  .programs {
    padding-top: 20px;
    /*max-width: 540px;*/
  }
  .prod {
    padding-top: 65px;
    /*max-width: 540px;*/
  }
  .content__thumb {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 15px;
  }
  .title {
    font-size: 24px;
  }
  .consultation__text {
    width: 100%;
    margin-bottom: 10px;
  }
  .consultation__link {
    width: 100%;
    max-width: 280px;
  }
  .cslider__item {
    padding: 40px 30px;
  }
  .cslider__item-img {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
  }
  .cslider__item-text {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .slick-prev {
    left: 0;
  }
  .slick-next {
    right: 0;
  }
  .accordion__item-title:after {
    right: 15px;
  }
  .app-link {
    position: static;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .app-item {
    padding: 25px 10px;
  }
  .padding-left {
    padding-left: 0;
  }
  .popup {
    padding: 20px 15px;
  }
  .popup__form-input input {
    width: 100%;
    max-width: 100%;
  }
  .popup__form-input label {
    width: 100%;
    text-align: left;
    max-width: 100%;
  }
  .popup__form-submit input[type='submit'] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .login-form .popup__form-input label {
    width: 100%;
    max-width: 100%;
  }
  .login-form .popup__form-input input {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .search {
    max-width: 420px;
  }
}

@media (max-width: 575px) {
  .search {
    margin-right: 40px;
    width: calc(100% - 100px);
    max-width: unset;
  }
  .flist {
    margin-bottom: 0;
    padding: 0;
  }
  .social {
    margin-top: 10px;
  }
.social .rutube {
  position: inherit;
  top: 0px;
  right: -3px;
}
.social .rutube img {
  width: 80px;
}
  .footer__mobile .flist__title {
    max-width: 320px;
    margin: auto;
  }
  .footer__mobile .bx-subscribe {
    max-width: 320px;
    margin: 10px auto;
  }
  .footer_call {
    margin-bottom: 10px;
  }
}
/*
 * arcticmodal
 */

.arcticmodal-overlay,
.arcticmodal-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}
.arcticmodal-container {
  overflow: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
}
*:first-child + html .arcticmodal-container {
  height: 100%;
}
.arcticmodal-container_i {
  height: 100%;
  margin: 0 auto;
}
.arcticmodal-container_i2 {
  padding: 24px;
  margin: 0;
  border: 0;
  vertical-align: middle;
}
.arcticmodal-error {
  padding: 20px;
  border-radius: 10px;
  background: #000;
  color: #fff;
}
.arcticmodal-loading {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  background: #000 url(/bitrix/templates/vgkh/img/loading.gif) no-repeat 50% 50%;
}
/*
 * jquery.formstyler
 */

.jq-checkbox,
.jq-radio {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jq-checkbox input,
.jq-radio input {
  position: absolute;
  z-index: -1;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.jq-file {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.jq-file input {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-size: 100px;
  line-height: 1em;
}
.jq-file__name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jq-selectbox,
.jq-select-multiple {
  position: relative;
  display: inline-block;
}
.jq-selectbox select,
.jq-select-multiple sel ect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.jq-selectbox li,
.jq-select-multiple li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.jq-selectbox {
  z-index: 10;
}
.jq-selectbox__select {
  position: relative;
}
.jq-selectbox__select-text {
  /* overflow: hidden;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jq-selectbox__dropdown {
  position: absolute;
}
.jq-selectbox__search input {
  -webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none;
}
.jq-selectbox__dropdown ul {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  list-style: none;
  -webkit-overflow-scrolling: touch;
}
.jq-select-multiple ul {
  position: relative;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.jq-number {
  display: inline-block;
}
.jq-number__field input {
  -moz-appearance: textfield;
  text-align: left;
}
.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
/*
 * Slick
 */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

table.product-table {
  border: 0px solid #cdcdcd;
  border-collapse: collapse;
  overflow-x: auto;
  width: 100%;
}
table.product-table thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
  border: 1px solid #d5d5d5;
}
table.product-table thead th {
  background-color: #39b54a;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  padding: 10px;
}
table.product-table td {
  padding: 12px;
  border: 1px solid #d5d5d5;
}

.btn1 {
  text-decoration: none;
  cursor: pointer;

  border-radius: 5px;
  background-color: #03be6f;
  padding: 5px 20px;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-appearance: none;
}

.square {
  margin: 0 auto;
  width: 27px;
  height: 27px;
  border: 3px solid #ff8900;
  border-radius: 2px;
}
.square.checked {
  background-color: #ff8900;
  position: relative;
}
.square.checked:before {
  content: '';
  display: block;
  position: absolute;
  border-left: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  width: 17px;
  height: 10px;
  left: 2px;
  top: 3px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.divTableRow {
  width: 100%;
  min-height: 100px;
  float: inherit;
  padding: 10px 0px;
}
.divTableCell {
  padding: 3px 10px;
  float: inherit;
  max-height: 200px;
  width: 33%;
}
@media (max-width: 767px) {
  .divTableCell {
    display: inline;
    height: 100%;
    width: 100%;
  }
  table.product-table {
    font-size: 10px;
    display: block;
  }
  table.common2 {
    font-size: 10px;
    display: block;
    overflow: auto;
  }

  table.product-table p {
    font-size: 12px;
  }
}
.orange-link:hover {
  color: #cd5e29;
  text-decoration: underline;
}
.flex-block {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 767px) {
  .flex-block {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .btn-green {
    margin-top: 35px;
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .data-table {
    display: block;
    overflow-x: auto;
  }
  .data-table::-webkit-scrollbar {
    height: 8px;
    background-color: #aaa;
  }
  .data-table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
  }
  .data-table::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #1f323f;
  }
}
@media (max-width: 1199px) {
  #tablegreen,
  .product-table {
    display: block;
    overflow-x: auto;
  }
}

#tablegreen::-webkit-scrollbar,
.product-table::-webkit-scrollbar,
.common2::-webkit-scrollbar {
  height: 8px;
  background-color: #b2b0b0;
}
#tablegreen::-webkit-scrollbar-track,
.product-table::-webkit-scrollbar-track,
.common2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
#tablegreen::-webkit-scrollbar-thumb,
.product-table::-webkit-scrollbar-thumb,
.common2::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #a5d6a7;
}
.rental {
  font-size: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 10px;
  padding-right: 10px;
  width: 300px;
}
@media (max-width: 767px) {
  .rental {
    width: 270px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 14px;
  }
}
#tablegreen {
  margin-top: 10px;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
}
#tablegreen.no_size tr td,
#tablegreen.no_size tr th {
  width: auto;
}
#tablegreen tr {
  height: 43px;
}
#tablegreen tr th {
  width: 96px;
  height: 62px;
  border: 1px solid #3cad4b;
  line-height: 18px;
  vertical-align: middle;
  font-weight: 400;
  background: #a5d6a7;
}
#tablegreen tr th:first-child {
  width: 461px;
  height: 43px;
}
#tablegreen tr td {
  border: 1px solid #cecaca;
  vertical-align: middle;
  text-align: center;
}
#tablegreen tr td:first-child {
  width: 461px;
  height: 43px;
  text-align: left;
  padding-left: 15px;
}
.div_green {
  margin: 0 auto;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #2ea73f;
}
.div_green_full {
  margin: 0 auto;
  width: 18px;
  height: 18px;
  background: #2ea73f;
  border: 1px solid #2ea73f;
}
.kvadrat1 {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 auto;
  overflow: hidden;
  background: #2ea73f;
  border: 1px #2ea73f solid;
}
.diagin {
  display: block;
  width: 18px;
  height: 44px;
  background: #fff;
  position: relative;
  top: 0px;
  -moz-transform: rotate(45deg);
  /* ??? Firefox */
  -ms-transform: rotate(45deg);
  /* ??? IE */
  -webkit-transform: rotate(45deg);
  /* ??? Safari, Chrome, iOS */
  -o-transform: rotate(45deg);
  /* ??? Opera */
  transform: rotate(135deg);
}
/*
form[name^='form_feedback_full'] .form-group {
    margin-left: -15px;
    margin-right: -15px;
}*/
form[name^='form_feedback_full'] .form-group div {
  padding-left: 15px;
  padding-right: 15px;
}

.form-group {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .form-group div {
    margin-bottom: 0px;
  }
  .form-group {
    margin-bottom: 15px;
  }
  .copyright {
    text-align: center;
  }
  .copyright .flogo {
    display: none;
  }
  .copyright .payinfo {
    display: none;
  }
  .copytext {
    padding: 0;
  }
}
form[name^='form_feedback_full'] {
  font-weight: 300;
}
form[name^='form_feedback_full'] .form-group:after,
form[name^='form_feedback_full'] .form-group:before {
  content: ' ';
  display: table;
}
form[name^='form_feedback_full'] .form-group:after {
  clear: both;
}
form[name^='form_feedback_full'] input,
form[name^='form_feedback_full'] textarea {
  width: 100%;
  padding: 10px;
  border: none;
  box-shadow: 0px 0px 2px #3e8cd5;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
form[name^='form_feedback_full'] input.placeholder,
form[name^='form_feedback_full'] textarea.placeholder {
  color: #9fabb7;
}
form[name^='form_feedback_full'] input::-webkit-input-placeholder,
form[name^='form_feedback_full'] textarea::-webkit-input-placeholder {
  color: #9fabb7;
}
form[name^='form_feedback_full'] input:-moz-placeholder,
form[name^='form_feedback_full'] input::-moz-placeholder,
form[name^='form_feedback_full'] textarea:-moz-placeholder,
form[name^='form_feedback_full'] textarea::-moz-placeholder {
  color: #9fabb7;
}
form[name^='form_feedback_full'] input:-ms-input-placeholder,
form[name^='form_feedback_full'] textarea:-ms-input-placeholder {
  color: #9fabb7;
}
form[name^='form_feedback_full'] a#reg_number_link {
  margin-top: 7px;
  display: inline-block;
  border-bottom: 1px dotted #000;
}
form[name^='form_feedback_full'] a {
  color: #3c6b9b !important;
}
.text-center {
  text-align: center;
}
form[name^='form_feedback_full'] h2 {
  color: #3c6b9b;
  position: relative;
  display: inline-block;
  font-size: 140%;
  margin-bottom: 20px;
}
form[name^='form_feedback_full'] .header {
  width: 100%;
  position: relative;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}
form[name^='form_feedback_full'] .btn {
  border-radius: 5px;
  background-color: #39b54a;
  padding: 10px 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-appearance: none;
  position: relative;
  /* left: -110px; ???????? ??? ??????? ?????*/
}
form[name^='form_feedback_full'] .g-recaptcha {
  position: relative;
  top: -40px;
}
form[name^='form_feedback_full'] .errortext {
  margin-left: -310px;
  display: block;
}
@media (max-width: 991px) {
  form[name^='form_feedback_full'] p {
    margin-left: 0px;
  }
}
@media (max-width: 991px) {
  form[name^='form_feedback_full'] .btn {
    left: 0px;
  }
  form[name^='form_feedback_full'] .g-recaptcha {
    top: 0px;
    transform: scale(0.8);
  }
}
.programs .program-gray {
  background-color: unset;
}
.programs .container__row .container__col-sm-12:hover {
  background-color: #fbfbfb;
}
@media (max-width: 767px) {
  form[name^='subscr-form'] .btn-green {
    margin-top: 0px;
  }
}
.popup__form-input label[for='captcha_sid'] {
  display: none !important;
}
.popup__form-input label[for='captcha_word'] {
  display: none !important;
}
.popup__form-input .g-recaptcha {
  display: table;
  margin: auto;
}

.bg-404 {
  overflow: hidden;
  margin-left: -50vw;
  left: 50%;
  width: calc(100vw - 9px);
  background-color: #0080a1;
  text-align: center;
}
.animationcontainer {
  height: calc(100vh - 300px);
  max-height: 750px;
  display: flex;
  justify-content: center;
}
.imganimationcontainer {
  height: 100%;
  position: relative;
}
.bg_img {
  height: 100%;
}
.allfishcontainer {
  transform: scale(1, 0.45);
  -o-transform: scale(1, 0.45);
  -ms-transform: scale(1, 0.45);
  -moz-transform: scale(1, 0.45);
  -webkit-transform: scale(1, 0.45);
  position: relative;
  top: -100%;
  display: inline-block;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.fishcontainer {
  position: absolute;
  top: 50%;
  left: 10%;
  width: 80%;
  height: 4%;
  opacity: 0;
  -o-animation: orbitfish 20s linear 10s infinite;
  -ms-animation: orbitfish 20s linear 10s infinite;
  -moz-animation: orbitfish 20s linear 10s infinite;
  -webkit-animation: orbitfish 20s linear 10s infinite;
  animation: orbitfish 20s linear infinite;
}
.fishimg {
  -o-animation: fish 20s linear infinite;
  -ms-animation: fish 20s linear infinite;
  -moz-animation: fish 20s linear infinite;
  -webkit-animation: fish 20s linear infinite;
  animation: fish 20s linear infinite;
  height: 100%;
}
@keyframes orbitfish {
  from {
    transform: rotate(0deg) translateX(50%) rotate(-0deg) scale(1, 2);
    -o-transform: rotate(0deg) translateX(50%) rotate(-0deg) scale(1, 2);
    -ms-transform: rotate(0deg) translateX(50%) rotate(-0deg) scale(1, 2);
    -moz-transform: rotate(0deg) translateX(50%) rotate(-0deg) scale(1, 2);
    -webkit-transform: rotate(0deg) translateX(50%) rotate(-0deg) scale(1, 2);
    opacity: 1;
  }
  to {
    transform: rotate(360deg) translateX(50%) rotate(-360deg) scale(1, 2);
    -o-transform: rotate(360deg) translateX(50%) rotate(-360deg) scale(1, 2);
    -ms-transform: rotate(360deg) translateX(50%) rotate(-360deg) scale(1, 2);
    -moz-transform: rotate(360deg) translateX(50%) rotate(-360deg) scale(1, 2);
    -webkit-transform: rotate(360deg) translateX(50%) rotate(-360deg) scale(1, 2);
    opacity: 1;
  }
}
@keyframes fish {
  0% {
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
  }
  10% {
    transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  40% {
    transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  49% {
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
  }
  58% {
    transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
  }
  90% {
    transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
  }
  100% {
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
  }
}
.delay0s {
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.delay3s {
  -o-animation-delay: 3s;
  -ms-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.delay6s {
  -o-animation-delay: 6s;
  -ms-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.delay10s {
  -o-animation-delay: 10s;
  -ms-animation-delay: 10s;
  -moz-animation-delay: 10s;
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}
.delay13s {
  -o-animation-delay: 13s;
  -ms-animation-delay: 13s;
  -moz-animation-delay: 13s;
  -webkit-animation-delay: 13s;
  animation-delay: 13s;
}
.delay16s {
  -o-animation-delay: 16s;
  -ms-animation-delay: 16s;
  -moz-animation-delay: 16s;
  -webkit-animation-delay: 16s;
  animation-delay: 16s;
}
.crabcontainer {
  -o-animation: crabcontainer 60s linear infinite;
  -ms-animation: crabcontainer 60s linear infinite;
  -moz-animation: crabcontainer 60s linear infinite;
  -webkit-animation: crabcontainer 60s linear infinite;
  animation: crabcontainer 30s linear infinite;
  position: absolute;
  top: 62%;
  left: 52%;
  height: 50%;
  width: 25%;
  z-index: 4;
}
@keyframes crabcontainer {
  10% {
    transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
  }
  25% {
    transform: translate(-12%, -20%);
    -o-transform: translate(-12%, -20%);
    -ms-transform: translate(-12%, -20%);
    -moz-transform: translate(-12%, -20%);
    -webkit-transform: translate(-12%, -20%);
  }
  35% {
    transform: translate(-12%, -20%);
    -o-transform: translate(-12%, -20%);
    -ms-transform: translate(-12%, -20%);
    -moz-transform: translate(-12%, -20%);
    -webkit-transform: translate(-12%, -20%);
  }
  55% {
    transform: translate(-50%, -23%);
    -o-transform: translate(-50%, -23%);
    -ms-transform: translate(-50%, -23%);
    -moz-transform: translate(-50%, -23%);
    -webkit-transform: translate(-50%, -23%);
  }
  65% {
    transform: translate(-50%, -23%);
    -o-transform: translate(-50%, -23%);
    -ms-transform: translate(-50%, -23%);
    -moz-transform: translate(-50%, -23%);
    -webkit-transform: translate(-50%, -23%);
  }
  80% {
    transform: translate(-12%, -10%);
    -o-transform: translate(-12%, -10%);
    -ms-transform: translate(-12%, -10%);
    -moz-transform: translate(-12%, -10%);
    -webkit-transform: translate(-12%, -10%);
  }
  90% {
    transform: translate(-12%, -10%);
    -o-transform: translate(-12%, -10%);
    -ms-transform: translate(-12%, -10%);
    -moz-transform: translate(-12%, -10%);
    -webkit-transform: translate(-12%, -10%);
  }
  100% {
    transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
  }
}
.crab {
  height: 10%;
  -o-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -o-animation: crab 600ms linear infinite;
  -ms-animation: crab 600ms linear infinite;
  -moz-animation: crab 600ms linear infinite;
  -webkit-animation: crab 600ms linear infinite;
  animation: crab 600ms linear infinite;
}
@keyframes crab {
  0% {
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  33% {
    transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
  }
  66% {
    transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  100% {
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
}
.palmacontainer {
  z-index: 2;
  height: 50%;
  position: absolute;
  top: 2%;
  left: 54%;
}
.palma {
  -o-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -o-animation: swingingpalma 10s ease infinite;
  -ms-animation: swingingpalma 10s ease infinite;
  -moz-animation: swingingpalma 10s ease infinite;
  -webkit-animation: swingingpalma 10s ease infinite;
  animation: swingingpalma 10s ease infinite;
  height: 100%;
}
@keyframes swingingpalma {
  15% {
    transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  30% {
    transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
  }
  50% {
    transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  65% {
    transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
  }
  80% {
    transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  100% {
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
}
.trava {
  position: relative;
  top: 1.5%;
  left: -71%;
  z-index: 3;
  height: 10%;
}
.search_404 {
  display: none;
}
@media (max-width: 767px) {
  .bg-404 {
    margin-left: -50vw;
    left: 50%;
    width: calc(100vw);
    background-color: #0080a1;
    text-align: center;
    min-width: 0px;
    min-height: 0px;
  }
  .search_404 {
    display: block;
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) {
  .bg_img {
    height: auto;
  }
  .imganimationcontainer {
    display: none;
  }
  .animationcontainer {
    background: url('/bitrix/templates/vgkh/img/404img/bg_mob.jpg') no-repeat center;
    background-size: contain;
    width: 100%;
    height: 0;
    padding-top: 65%;
  }
}
.tdone {
  width: 50%;
  float: left;
  padding-left: 60px;
}
.tdtwo {
  width: 50%;
  float: left;
  padding-left: 150px;
}
#divtext404 a {
  border-bottom: 1px dotted white;
  color: white;
}
#divtext404 li {
  color: white;
  line-height: 1.65;
  font-weight: lighter;
  font-size: 18px;
}
#divtext404 ul {
  margin-top: 5px;
  margin-bottom: 35px;
  text-align: left;
}
#divtext404 p.pbottom {
  margin-bottom: 40px;
  margin-top: 35px;
  line-height: 1.65;
  font-weight: lighter;
  font-size: 18px;
}
.text404 {
  text-align: center;
  color: white;
  font-family: Roboto, sans-serif;
  font-size: 28px;
}
.htitle {
  font-size: 36px;
  font-weight: normal;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .tdone {
    width: 100%;
    float: none;
    padding-left: 0px;
  }
  .tdtwo {
    width: 100%;
    float: none;
    padding-left: 0px;
  }
  #divtext404 ul {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.dcontain_33 {
  float: left;
  width: 27%;
  border: 1px solid grey;
  padding: 2%;
  margin: 0 1.3%;
  text-align: center;
}
p.dtitle {
  line-height: 1.5;
  margin-bottom: 10px;
}
.dcontain_33 a {
  margin: 0 5%;
}
.dcontainer_100 {
  float: left;
  width: 100%;
  margin: 0% 6% 3% 6%;
}
.dcontainerimg_100 {
  float: left;
  width: 100%;
  background-color: rgb(238, 238, 238);
  padding: 0.5% 3% 3% 3%;
  text-align: center;
}
.dcontainerimg_100 img {
  width: 270px;
  margin: 2.8% 1.5% 0 1.5%;
}
@media (max-width: 767px) {
  .dcontainer_100 {
    margin: 0;
  }
  .dcontain_33 {
    padding: 5%;
    margin: 0 0 5% 0;
    width: 100%;
  }
  .dcontainerimg_100 img {
    margin: 0% 1.5% 0 0.8%;
    padding: 6% 3% 0% 3%;
  }
}
@media (max-width: 991px) {
  .dcontain_33 {
    padding: 2% 0;
  }
}
.social-share {
  color: #000;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 30px;
  opacity: 70%;
}
.social-share-footer {
  color: #ffffff;
  display: flex;
  align-items: center;
}
.ya-share2 {
  margin-left: 15px;
}
.ya-share2-footer {
  margin-left: 15px;
}
@media (max-width: 1199.98px) {
  .phone,
  .mail-img-header {
    margin-left: 0;
    margin-right: 30px;
  }

  .social-share-footer {
    display: block;
  }
  .ya-share2-footer {
    margin-top: 10px;
    margin-left: 0;
  }
}
@media (max-width: 490px) {
  .social-share {
    flex-wrap: wrap;
    margin-bottom: 25px;
  }
  .ya-share2 {
    margin-top: 10px;
  }
}

/* ??? ???? ????????? ? ?????? ????????: https://vgkh.ru/jsk/jkh/arenda-1s-zhkkh/ */
.bannerarenda {
  background: url('/jsk/jkh/arenda-1s-zhkkh/bannerarenda1.jpg') no-repeat center center;
  background-size: 100%;
  width: 100%;
  /* height: 308px; */
  padding-top: 50px;
  padding-bottom: 50px;
}

.bannerarenda h1.title-banner {
  font-size: 32px;
  line-height: 1;
  font-weight: 400 !important;
  color: #070b0e;
  margin-bottom: 15px !important;
  max-width: 600px;
  margin: auto;
}

.bannerheader {
  text-align: center;
  font-size: 35px;
  line-height: 1.1;
  padding-top: 3%;
}
.bannerbody {
  text-align: center;
  line-height: 1.5;
  margin: 25px 0;
  font-size: 18px;
}
.arendabannerbutton {
  background-color: #f26d2e;
  color: #fff;
  border-radius: 10px;
}
.arendabannerbutton:hover {
  background-color: #ee7d490a;
  color: #ee7d49;
  border: 2px solid #ee7d49;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.bannerdescript {
  text-align: center;
  font-size: 12px;
}

/* .arendacols {
      float: left;
       width: 99%;
       margin-bottom: 4%;
} */
/*
.colelement {
    width: 85%;
    margin: 6% 0% 6% 20%;
}*/

.rowcol {
  /*/height: 140px;
        padding-right: 10px;*/
  margin-bottom: 30px;
}

/*
.el1{margin: 9% 0% 0% 3%;}
.el2{margin: 6% 0% 6% 3%;}
.el3{margin: 7% 0% 7% 2%;}
.el4{margin: 11% 0% 0% 2%;}
.el5{margin: 9% 0% 9% 1%;}
.el6{margin: 3% 0% 3% 2%;}
.el7{margin: 9% 0% 0% 2%;}
.el8{margin: 6% 0% 6% 3%;}
.el9{margin: 9% 0% 3% 1%;}
*/
@media (min-width: 992px) {
  .bannerheader {
    font-size: 38px;
    line-height: 1;
    padding-top: 33px;
  }
  /* .rowcol:nth-child(7), .rowcol:nth-child(8), .rowcol:nth-child(9) {
        margin-bottom: 0px;
    }
 */
  /*
    .arendacols {
    margin-bottom: 0%;
    margin-top: 20px;
    }*/
  /*
    .colelement p{
    font-size: 16px;
    }*/
  /*.el5 {
    margin: 9% 0% 9% 0%;
    }
    .el8 {
    margin: 9% 0% 9% 3%;
    }
    .el9 {
    margin: 9% 0% 3% 0%;
    }*/
  /* .bannerdescript {
     font-size: 12px;
     }*/
  /* .bannerbody{
        margin-left: 209px;
        margin-right: 207px;
    } */
}

.buttonarenda {
  font-size: 17px;
  padding: 7px 20px;
}
.bannerdescript {
  margin-top: 15px;
}

/* .bannerbody {
    font-size: 14px;
} */
.bannerbody a {
  font-size: 15px;
}
.colelement p {
  font-size: 16px;
}

/* .rowcol:nth-child(9) {
    margin-bottom: 0px;
} */

@media (min-width: 992px) and (max-width: 1199px) {
  .bannerarenda {
    background-size: 115%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .bannerarenda {
    background-size: 134%;
    /* height: 257px;
        padding-top: 10px; */
  }

  .bannerheader {
    font-size: 30px;
    line-height: 1;
    padding-top: 25px;
  }
  .bannerbody {
    line-height: 1.2;
    /*  margin: 2% 0 3% 0;
        margin-left: 100px;
        margin-right: 100px;
        font-size: 10px; */
  }

  /*.bannerdescript {
    font-size: 10px;
    }*/

  /*
    .el8 {
    margin: 11% 0% 11% 3%;
    }*/
}
@media (max-width: 767px) {
  .bannerarenda {
    background-size: 480%;
    padding: 6%;
    height: max-content;
  }

  .bannerarenda h1.title-banner {
    font-size: 30px;
    padding-top: 20px !important;
    margin-bottom: 10px !important;
  }

  .bannerheader {
    font-size: 30px;
    line-height: 1;
    padding-top: 25px;
  }

  .bannerbody {
    line-height: 1.5;
    margin: 10px 0 10px 0;
    /*  font-size: 12px;*/
  }
  .bannerdescript {
    /* margin-bottom: 25px; */
    padding-bottom: 15px;
  }
  /*

        .arendacols {
        margin-bottom: 20%;
        }*/
  /*  .colelement p{
        font-size: 13px;
        }*/
}

/* @media (min-width: 1200px) {
    .bannerbody{
        margin-left: 250px;
        margin-right: 251px;
    }
} */

/* rent 1c jkh */
.capab-1c-jkh-cloud {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 60px;
}

.capab-1c-ul {
  max-width: 525px;
  list-style-image: url('/bitrix/templates/vgkh/img/check_arenda.jpg');
  margin: 0;
  margin-bottom: 20px;
}
.capab-1c-ul > li {
  line-height: 35px;
}
.arendacols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 975px;
  margin: auto;
}
.ptr-wrap {
  background: url('/jsk/jkh/arenda-1s-zhkkh/bg_rent_fade.jpg') no-repeat center center;
  background-size: cover;

  padding: 15px 5px 40px;
  margin: 35px 0;
}
.ptr-wrap > h2 {
  margin-top: 30px;
}
.product-table-rent1c {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 20px auto;
}
.ptr-btn {
  padding: 7px 33px;
  border-radius: 10px;
  font-size: 16px;
}

.often-1c-jkh {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
  margin-bottom: 20px;
}
.a-1c-jkh {
  display: flex;
  align-items: center;
  border: 1px solid #d0f0ed;
  padding: 25px 25px 25px 35px;
  /* max-width: 530px; */
}
.innr-1c-jkh {
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: center;
  padding-left: 50px;
  line-height: 25px;
}

@media (max-width: 991.98px) {
  .phone,
  .mail-img-header {
    margin-left: 0;
    margin-right: 30px;
  }
  .header_container .menu__icons {
	display: none;
  }
  .mobile__menu .menu__icons {
	display: flex;
  }
  .product-table-rent1c {
    flex-direction: column;
  }
  /* .ptr-wrap {
        background-size: 200%;
    } */
  .ptr-name {
    text-align: center;
    margin-bottom: 15px;
  }
  .ptr-price {
    margin-bottom: 20px;
  }
  .often-1c-jkh {
    grid-template-columns: 1fr;
  }
  .a-1c-jkh {
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .capab-1c-jkh-cloud {
    flex-direction: column;
  }
  .arendacols {
    display: grid;
    grid-template-columns: 1fr;
  }
  .innr-1c-jkh {
    padding-left: 30px;
  }
}
@media (max-width: 575.98px) {
  .a-1c-jkh {
    flex-direction: column;
    align-items: center;
  }
  .innr-1c-jkh {
    padding: 25px 0 0;
    text-align: center;
  }
}
/* rent 1c jkh */

/* ??? ???? ????????? ? ?????? ????????: https://vgkh.ru/jsk/jkh/arenda-1s-zhkkh/ */

.dcontain_dwl {
  margin: 0 auto !important;
  width: 27%;
  border: 1px solid grey;
  padding: 2%;
  margin: 0 1.3%;
  text-align: center;
  text-align: center;
}

/* ??? ???? ????????? ? ?????? ????????: https://vgkh.ru/faq/faq_tsj_3_0/obmen-s-zhkh-lichny-kabinet/
?? ??? ????? ? ????? ???????????? ????? ??? ???????? MOBILE */
@media (min-width: 320px) and (max-width: 767px) {
  .faqimg {
    max-height: 185px;
  }
  .faqimgh {
    max-height: 440px;
  }
  .imgmobop {
    max-height: 225px;
  }
  .imgmoboph {
    max-height: 390px;
  }
  .dcontain_dwl {
    width: 75%;
  }
  .dolgimg {
    text-align: center;
  }
  .dolgimg img {
    float: none !important;
  }
  .tablemargin {
    margin-bottom: 85px;
  }
  .davtoobz {
    width: 100% !important;
    padding-bottom: 25px;
  }
  .dpavtoobz {
    text-align: center;
  }
  .iavtoobz {
    float: none !important;
    margin: 3% 20px !important;
  }
  .pavtoobz {
    text-align: center;
  }
  .bavtoobz {
    margin: 0;
  }
  .jskqrmar {
    margin: -20px 0 -60px 0 !important;
  }
}
@media (min-width: 768px) {
  .bavtoobz {
    margin: 15px 0;
  }
  .dpavtoobz {
    float: left;
  }
}
@media (min-width: 768px) {
  .dpavtoobz {
    height: 150px;
  }
}
/* ?? ??? ????? ? ????? ???????????? ????? ??? ???????? MOBILE */

#callbackform .modal-body .form-group input,
#callbackform .modal-body .form-group textarea,
#callbackform .modal-body .form-group select,
#rent1c .modal-body .form-group input,
#rent1c .modal-body .form-group textarea,
#rent1c .modal-body .form-group select,
#demoform .modal-body .form-group input,
#demoform .modal-body .form-group textarea,
#demoform .modal-body .form-group select {
  width: 100%;
}

#callbackform .form-group input,
#rent1c .form-group input,
#demoform .form-group input {
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 10px;
  border: 1px solid #cacaca;
}
#callbackform textarea,
#rent1c textarea,
#demoform textarea {
  border: 1px solid #cacaca;
  padding: 5px 10px;
  resize: vertical;
  height: 90px;
  min-height: 50px;
}

#callbackform .callback_label,
#demoform .callback_label {
  display: inline-block;
  width: 180px;
  font-weight: 600;
  vertical-align: middle;
  font-size: 16px;
}

#rent1c .callback_label {
  display: inline-block;
  font-weight: 600;
  vertical-align: middle;
  font-size: 16px;
}

#callbackform .form-required.starrequired,
#rent1c .form-required.starrequired,
#demoform .form-required.starrequired {
  color: #cd5e29;
}

#callbackform .modal-body .form-group .form-callback-sign,
#rent1c .modal-body .form-group .form-callback-sign,
#demoform .modal-body .form-group .form-callback-sign {
  font-size: 12px;
  color: #333;
  font-style: italic;
}

#callbackform .modal-body .form-group select,
#rent1c .modal-body .form-group select,
#demoform .modal-body .form-group select {
  height: 85px;
  overflow: hidden;
}

#callbackform .jq-select-multiple,
#demoform .jq-select-multiple,
#rent1c .jq-select-multiple {
  width: 100%;
}

#callbackform ul,
#rent1c ul {
  margin: 0px;
}

#callbackform input[type='submit'],
#demoform input[type='submit'],
#rent1c input[type='submit'] {
  max-width: 230px;
  height: 40px;
  border: 0;
  -webkit-border-radius: 3px;
  font-size: 16px;
  padding: 10px 15px;
  margin: 0 10px;
  cursor: pointer;
  border-radius: 5px;
  background-color: #39b54a;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-appearance: none;
  position: relative;
  top: -10px;
}

#callbackform input[name^='captcha_word'],
#demoform input[name^='captcha_word'],
#rent1c input[name^='captcha_word'] {
  position: relative;
  top: -16px;
  height: 40px;
  margin-left: 5px;
  font-size: 12px;
}

@media (min-width: 768px) {
  #callbackform,
  #demoform,
  #rent1c {
    width: 600px;
    margin: 30px auto;
    margin-top: 85px !important;
  }
}

#callbackform,
#demoform,
#rent1c {
  color: #686868;
  position: relative;
  width: auto;
  margin-top: 35px;
}

.custom_p_header {
  font-weight: 600;
  margin: 0 0;
}

table.product-table-custom {
  border: 1px solid #cdcdcd;
  border-collapse: collapse;
  overflow-x: auto;
  /*display: block;*/
}

table.product-table-custom thead {
  display: table-header-group;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
}

table.product-table-custom thead th {
  background-color: #39b54a;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  padding: 10px;
}

table.product-table-custom td {
  padding: 10px;
  border: 0px solid #d5d5d5;
}

/* jkh-lk-product-table */

.jkh-lk-product-table {
  background-color: #dddddd;
  text-align: center;
  font-size: 16px;
  padding-bottom: 1px;
  margin-bottom: 20px;
}
.jkh-lk-pt__head {
  background-color: #39b54a;
  color: #fff;
  padding: 10px;
}
.jkh-lk-pt__wrap .jkh-lk-pt__title {
  text-align: left;
  background-color: #efefef;
  padding-left: 15px;
  padding-right: 15px;
  justify-content: left;
}
.jkh-lk-pt__wrap {
  display: grid;
  grid-template-columns: 2fr repeat(7, 1fr) 2fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 1px;
  margin: 0 1px 1px;
}
.jkh-lk-pt__wrap > div {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 10px 6px;
}
.jkh-lk-pt__wrap > .jkh-lk-pt__g2 {
  flex-direction: column;
  justify-content: space-evenly;
}
.jkh-lk-pt__wrap2 {
  grid-template-columns: 2fr repeat(6, 1fr) 2fr;
}
.btn-green-mob {
  font-weight: bold;
}
.jkh-lk-pt__a {
  background-color: #fff;
  margin: 0 1px;
  padding: 18px;
  color: #0072bc;
  font-size: 20px;
}
@media (max-width: 1199.98px) {
  .jkh-lk-pt__head {
    display: none;
  }
  .jkh-lk-product-table {
    max-width: 600px;
    margin: 0 auto 20px;
    padding-top: 1px;
  }
  .jkh-lk-pt__wrap {
    grid-template-columns: 1.5fr 2fr;
    grid-template-rows: 1fr repeat(8, 0.5fr);
    grid-auto-flow: column;
    grid-gap: 0;
    grid-column-gap: 1px;
  }
  .jkh-lk-pt__wrap .jkh-lk-pt__title {
    justify-content: center;
  }
  .jkh-lk-pt__wrap > .jkh-lk-pt__g2 {
    flex-direction: row;
  }
  .jkh-lk-pt__g2 > span {
    width: 82px;
    text-align: right;
  }
  .jkh-lk-pt__wrap2 {
    grid-template-rows: 1fr repeat(7, 0.5fr);
  }

  .jkh-lk-pt__g1 > span {
    width: 122px;
    text-align: left;
  }
  .jkh-lk-pt__wrap .pt__g02 {
    padding-left: 14px;
  }
  .btn-green-mob {
    border-radius: 5px;
    background-color: #39b54a;
    padding: 2px 35px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-appearance: none;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .btn-green-mob:hover {
    background-color: #2ea73f;
    cursor: pointer;
    color: #fff;
  }
  .btn-green-calc {
    padding: 2px 68px;
  }
  .group-item-calc {
    display: none;
    /* visibility: hidden; */
  }
}
@media (max-width: 767.98px) {
  .btn-green-calc {
    padding: 2px 60px;
  }
}
@media (max-width: 575.98px) {
  .btn-green-mob {
    padding: 2px 20px;
  }
  .btn-green-calc {
    padding: 2px 33px;
  }
}
/* jkh-lk-product-table */
.btn {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  line-height: 22px i !important;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 4px 18px;
  font-size: 16px;
  line-height: 1.42857143;
  border-radius: 3px;
  user-select: none;
}
.about_po_one,
.about_po_two {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  margin-left: 10px;
  color: #03be6f;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}

.podskaz_one,
.podskaz_two {
  margin: -110px 0 0 -295px;
  position: absolute;
  display: none;
  width: 300px;
  text-align: left;
  background: #eaffeb;
  border: 1px solid #9fdfa2;
  padding: 15px;
  color: #114e34;
  line-height: 20px;
  font-size: 12px;
}

.about_po_one:hover .podskaz_one {
  display: block;
}

.about_po_two:hover .podskaz_two {
  display: block;
}

/*.newtalecomm {
    border-collapse: collapse;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #cbcbcb;
}

.common2 thead th {
    background-color: #39b54a;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    height: 60px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 0 0 0 0;
}

.common2 thead th,
.common2 tbody td {
    padding: 10px 20px;
}

.common2 tbody td {
    text-align: center;
    font-weight: normal;
}
#work table.newtalecomm .name_column th {
    background-color: #03be6f;
    height: 60px;
    font-weight: 500;
    border-left: 1px solid #fff;
    padding: 0 0 0 0;
}*/

#work p a {
  color: #000;
  border-bottom: 1px dotted #000;
  text-decoration: none;
}

#work p a:hover,
#work p a:focus,
#work p a:active {
  color: #03be6f;
  border-bottom: 1px dotted #03be6f;
  text-decoration: none;
}

#work table td,
#work table th {
  padding: 5px;
  /*border: 1px solid #d5d5d5;*/
}

#work table.table-right {
  width: 350px;
  float: right;
  margin-left: 10px;
}

#work a.btn {
  color: #ffffff;
  border: none;
  white-space: normal;
}

#work a h3 {
  display: inline;
}

#work a h3:after {
  content: '';
  display: block;
  clear: both;
  margin-bottom: 10px;
}

#work h2 {
  font-size: 20px;
}

#work ul {
  list-style: none;
  padding-left: 20px;
}

#work ul li:first-child {
  margin-top: 0px;
}

#work a.add2cart:hover {
  cursor: pointer;
}

#work table {
  width: 100%;
}

#work table a {
  color: #3a89e1;
}

#work table thead th {
  background-color: #03be6f;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  padding: 10px;
}

#work table tbody td {
  padding: 10px;
}

#work table.product_table {
  margin-bottom: 10px;
  margin-top: 20px;
  border: 1px solid #cdcdcd;
  border-collapse: collapse;
}

@media (max-width: 767px) {
  body {
    overflow-x: hidden;
  }

  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: normal !important;
  }

  #work table p {
    font-size: 12px;
  }
  #work table thead th {
    font-size: 12px;
  }
}

@media (max-width: 1200px) {
  #work table p {
    font-size: 14px;
  }
  #work table thead th {
    font-size: 14px;
  }
}

#work table.product_table tbody td:first-child {
  color: #a8a8a8;
}

#work table.common2 thead th {
  background-color: #03be6f;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
}

#work table.common2 thead th,
#work table.common2 thead td {
  padding: 10px 20px;
}
#work ul {
  list-style: none;
}
#work ul li:before {
  content: url('/bitrix/templates/vgkh/img/done.png');
  color: #ff8900;
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.8em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 12px;
  position: absolute;
  left: -25px;
  top: 6px;
}

#work .default-no-marker {
  margin: 0 30px;
}

#work .default-no-marker li:before {
  content: none;
}

#work .default-no-marker li:first-child:before {
  content: url('/topartners/img/icon-1.png');
  top: 3px;
}

#work .default-no-marker li:nth-child(2):before {
  content: url('/topartners/img/icon-2.png');
  top: 3px;
}

#work .default-no-marker li:nth-child(3):before {
  content: url('/topartners/img/icon-3.png');
  top: 3px;
}

#work .default-no-marker li:nth-child(4):before {
  content: url('/topartners/img/icon-4.png');
  top: 0px;
  left: -23px;
}

#work .default-no-marker li:nth-child(5):before {
  content: url('/topartners/img/icon-5.png');
  top: 0px;
}

#work ul > li > ul > li:before,
#work ul > ul > li:before {
  content: '-';
  color: #03be70d2;
  display: inline-block;
  line-height: 1em;
  font-size: 22px;
  margin-right: 0px;
  position: absolute;
  left: -25px;
  top: -2px;
}

#work ul li {
  position: relative;
  margin: 10px 0px;
}

#work ul li ul,
#work ul ul {
  margin: 10px 0px;
}

#work ul li a,
#work ul li a b,
#work ul li a strong {
  color: #000;
  font-weight: 300;
  border-bottom: 1px dotted #000000;
}

#work ul li a strong:hover,
#work ul li a strong:focus,
#work ul li a b:hover,
#work ul li a b:focus,
#work ul li a:hover,
#work ul li a:focus {
  color: #03be6f;
  border-bottom: 1px dotted #03be6f;
  text-decoration: none;
}

#work .link_market:after {
  content: '';
  display: block;
  clear: both;
}

.menu_its,
.menu_itsvg {
  margin: 42px 0 0 6px;
  /*width: 1188px;*/
  width: 100%;
  height: 56px;
  background: #fff;
  border-radius: 8px 8px 0 0;
}

.menu_its a,
.menu_itsvg a {
  text-decoration: none;
  color: #074fbb;
  font-size: 16px;
  display: block;
  float: left;
  width: 49%;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}

.menu_its a:last-child,
.menu_itsvg a:last-child {
  border-right: none;
  border-radius: 0 8px 0 0;
}

.tr-its {
  border-bottom: 1px solid #c0c0c0;
}

.td-its {
  border-right: 1px solid #c0c0c0;
  font-weight: 300 !important;
}

.call-its {
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
}

.call-its:hover {
  background-color: #e5e4e2;
}

.its-name_cprogramm th {
  background-color: #b1e5b4 !important;
  height: 25px !important;
  line-height: 25px !important;
  color: #000 !important;
  font-weight: 400;
  border-top: 1px solid #bfd7bd;
  border-bottom: 1px solid #bfd7bd;
  padding: 0 0 0 0;
}

@media (max-width: 767px) {
  .menu_its b {
    line-height: 27px !important;
  }
}

@media (max-width: 575px) {
  .menu_its b {
    line-height: 19px !important;
  }
  .arcticmodal-container_i2 {
    padding: 10px;
  }
}

@media (max-width: 991px) {
  .menu_its,
  .menu_itsvg {
    width: unset;
    height: 65px;
  }
  .menu_its a,
  .menu_itsvg a {
    font-size: 16px;
    height: 65px;
    line-height: unset;
    padding-top: 3px;
  }
  .podskaz_two {
    margin: -110px 0 0 -344px;
    width: 265px;
  }
  .podskaz_one {
    margin: -110px 0 0 -188px;
    width: 265px;
  }

  .header:after {
    content: '';
    display: unset;
  }

  .sticky .container > .menu {
    display: block;
  }
}

.menu_its a:first-child,
.menu_itsvg a:first-child {
  border-right: none;
  border-radius: 8px 0 0 0;
}

.newtalecomm_scroll {
  overflow: auto;
}

/* Pill style */
#scrollUp {
  bottom: 20px;
  left: 20px;
  background-color: #555;
  color: #fff;
  font-size: 12px;
  font-family: sans-serif;
  text-decoration: none;
  opacity: 0.2;
  width: 66px;
  height: 66px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background 200ms linear;
  -moz-transition: background 200ms linear;
  -o-transition: background 200ms linear;
  transition: background 200ms linear;
  -webkit-backface-visibility: hidden;
  position: relative;
}
#scrollUp:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  border: 22px solid transparent;
  border-bottom-color: #eee;
  top: -4px;
  left: 13px;
  border-left-width: 20px;
  border-right-width: 20px;
}
#scrollUp:hover {
  background-color: #000;
  opacity: 0.5;
}

@media only screen and (max-width: 767px) and (min-width: 320px),
  only screen and (max-device-width: 767px) and (min-device-width: 320px) {
  .product-img {
    display: none;
  }
}

@media (min-width: 1200px) {
  .submenu .container {
    width: 1000px;
  }
  .sticky__fixed .menu_sticky_icon {
    top: 5px;
  }
}

.search .search__input {
  border: 1px solid #a9bbce;
}
.menu_sticky_icon {
  position: relative;
}
.sticky .search__input {
  top: -5px;
  right: 0px;
  position: relative;
}
.sticky .cart_text {
  display: none;
}
.sticky__fixed.sticky .search,
.sticky__fixed.sticky .cart,
.sticky__fixed.sticky .login {
  display: unset;
  margin-left: 5px;
}
.sticky__fixed.sticky .search_mob {
  display: none;
}

.header__logo_address address {
  display: none;
}
.sticky__fixed .header__logo_address {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}
.sticky__fixed address {
  text-align: left !important;
  color: #3c6b9b;
  border-left: solid 1px;
  margin: 10px 0 10px 30px;
  padding: 10px 0 10px 30px;
  min-width: 166px;
  display: unset;
  font-style: normal;
  min-width: 195px;
}
.sticky__fixed address a {
  display: block;
  padding-top: 7px;
}
.sticky__fixed address .phone {
  display: unset;
}
.sticky__fixed address .envelope:before {
  content: '';
  margin-right: 0;
  margin-left: -15px;
}
.sticky__fixed .header:after {
  content: '';
  display: unset;
}
/*.sticky.sticky__fixed {
  top: -5px;
  position: relative;
  border: 1px solid #3c6b9b;
}*/

.header_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1200px) and (max-width: 1550px) {
  .sticky__fixed address {
    margin-left: 10px;
    padding-left: 10px;
  }
  .sticky__fixed .header__logo_address {
    justify-content: unset;
  }
  .sticky__fixed .header_container {
    padding: 0;
  }
  .flist-margin {
    margin-top: 52px;
  }
}
.sticky .container > .menu {
  display: none;
}
@media (max-width: 991px) {
  .header__logo_address {
    display: none;
  }
  .header__menu .menu {
    display: none;
  }
  .header {
    padding: 10px 0;
  }
  .header__logo {
    margin-bottom: 5px;
  }
  .sticky .container > .menu {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    max-height: 0;
    margin: 0;
    display: block;
    float: left;
    overflow: hidden;
  }
  .sticky .menu.open {
    max-height: 1999px;
    margin-top: 20px;
    height: 80vh;
    overflow-y: auto;
  }

  .sticky .menu {
    display: none;
  }
  /*.sticky .menu.open {
    display: block;
  }*/
  .sticky .search_mob,
  .sticky .cart,
  .sticky .login {
    display: unset;
    margin-left: 5px;
  }
  .menu_sticky_icon {
    text-align: right;
    padding-right: 30px;
    position: relative;
  }
  .sticky.sticky__fixed .header__logo_address {
    margin-left: 33px;
  }
  .header_container {
    flex-direction: column;
    align-items: start;
  }
}
@media (min-width: 768px) {
  .phone_header {
    display: none;
  }
}
.sticky.sticky__fixed .phone_header {
  color: #3c6b9b;
  padding-left: 23px;
  background-image: url(/bitrix/templates/vgkh/img/phone_header.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  text-decoration: none;
  padding-top: 5px;
  font-weight: 300;
  margin-left: 5px;
}

.sticky.sticky__fixed .container > .menu {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  max-height: 0;
  margin: 0;
  display: block;
  float: left;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .sticky__fixed .header__logo_address {
    flex-grow: 1;
    margin-left: 93px;
  }

  .header__menu {
    flex-grow: 0.5;
  }

  address .phone {
    width: 100%;
    padding: 0;
    color: #3c6b9b;
    font-weight: 600;
    font-size: 16px;
  }

  address .mail-img-header {
    font-size: 16px;
  }

  .search_mob {
    position: absolute;
    width: 100%;
    margin: auto;
    right: 0px;
    max-width: 600px;
    left: 0px;
  }
}
@media (max-width: 991.98px) {
  .sticky.sticky__fixed .header__search_mob.i-active .search__input_mob {
    width: 100%;
  }
  .sticky.sticky__fixed .search__input_mob {
    height: 28px;
  }
  .sticky.sticky__fixed .menu_sticky_icon {
    text-align: right;
    padding-right: 30px;
    width: 100%;
  }
  .sticky.sticky__fixed .search,
  .sticky.sticky__fixed .header__menu .menu {
    display: none;
  }
  .sticky.sticky__fixed .search_mob {
    display: unset;
  }
  .sticky.sticky__fixed .menu.open {
    max-height: 1999px;
    margin-top: 20px;
  }
  .sticky.sticky__fixed .menu {
    width: 100%;
    display: inline-block;
    text-align: left;
  }
  .sticky.sticky__fixed .menu__item-link {
    font-weight: 600;
    font-size: 16px;
  }
  .sticky.sticky__fixed .menu__item-link:after {
    display: none !important;
  }
  .sticky.sticky__fixed .menu__item:hover > .submenu {
    visibility: unset;
    display: block;
    opacity: 0;
    max-height: 0;
  }
  .sticky.sticky__fixed .menu > li {
    display: block;
    text-align: left;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .sticky.sticky__fixed .menu > li span {
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    display: inline-block;
  }
  .sticky.sticky__fixed .menu > li:hover > a {
    color: #3c6b9b;
  }
  .sticky.sticky__fixed .menu > li:hover > a:hover {
    color: #cd5e29;
  }
  .sticky.sticky__fixed .menu > li .submenu {
    position: relative;
    max-height: 0;
    display: block;
  }
  .sticky.sticky__fixed .menu > li .submenu .container {
    padding: 0;
  }
  .sticky.sticky__fixed .menu > li .submenu__item {
    padding-left: 10px;
  }
  .sticky.sticky__fixed .menu > li .submenu__item li {
    margin-bottom: 0;
  }
  .sticky.sticky__fixed .menu > li .submenu__item li a {
    font-size: 14px;
    font-weight: 400;
  }
  .sticky.sticky__fixed .menu > li .submenu__item li a:after {
    display: none;
  }
  .sticky.sticky__fixed .menu > li.open span {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .sticky.sticky__fixed .menu > li.open .submenu {
    max-height: 999px;
    opacity: 1;
  }
  .submenu__item-under {
    padding-left: 10px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
@media (max-width: 767px) {
  .header__search_mob form,
  .sticky.sticky__fixed .header__logo_address address,
  .sticky .login,
  .sticky__fixed.sticky .login {
    display: none;
  }
  .menu_sticky_icon {
    padding-right: 0px;
  }
  .header__menu {
    flex-grow: 1;
  }
  .sticky.sticky__fixed .header__logo_address {
    max-width: 130px;
  }
  .sticky.sticky__fixed .header_container {
    justify-content: unset;
    position: relative;
  }
  .sticky .search_mob {
    margin-right: 43px;
    margin-left: 0px;
    width: calc(100% - 43px);
  }
  .sticky.sticky__fixed .search_mob {
    margin-right: 63px;
    margin-left: 0px;
    width: calc(100% - 63px);
  }
  .sticky.sticky__fixed .menu_sticky_icon {
    padding-right: 0px;
  }
  .sticky__fixed .header {
    padding: 10px 0 10px 0;
  }
}

/* product description */
.prod-descr {
  text-align: center;
  margin-bottom: 40px;
  margin-top: -35px;
}
/*.prod-descr > a {
  color: #bfbdbd;
}
/* product description */

/* table prices  zkh*/

/* table prices */

.table-jkh-price p {
  margin: 0;
}

.price-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 2fr auto;
  grid-template-rows: auto 2fr auto;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;

  margin-bottom: 45px;
  position: relative;
  z-index: 5;
  margin: 20px 20px 45px;
}

.price-item1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 2fr auto;
  grid-template-rows: auto 2fr auto;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;

  margin-bottom: 45px;
  position: relative;
  z-index: 5;
  margin: 20px 20px 45px;
}

.price-title {
  grid-column: 1/-1;
  margin-left: 44px;
  margin-top: 5px;
  align-self: center;
}

.price-title > h5 {
  font-size: 18px;
  font-weight: 500;

  margin-bottom: 6px;
}

.price-title > p {
  margin-bottom: 18px;

  font-style: italic;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.51);
}

.price-self {
  justify-self: center;
  padding: 4px 15px;
}

.price-self-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  width: 250px;
  height: 115px;

  font-weight: 500;
  background: #f0faec;
  border: 1px solid #efefef;
  box-sizing: border-box;
  border-radius: 5px;
  position: relative;
}

.price-self-wrap > p {
  font-size: 24px;
  margin-bottom: 7px;
  font-weight: 500;
}
/* tooltips */
.tt-wrap {
  position: absolute;
  right: -12px;
  top: -12px;
}
.ps-tooltip {
  position: relative;
  background-color: #ff8500;
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.2);
}
.ps-tt-text {
  position: absolute;
  visibility: hidden;
  background-color: #fff;
  color: #000;
  font-size: 13px;
  top: -110px;
  left: -98px;
  height: 102px;
  width: 220px;
  padding: 6px 12px;
  display: block;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
  transition: 0.2s ease-out;
  opacity: 0;
}
.ps-tooltip:hover .ps-tt-text {
  visibility: visible;
  opacity: 1;
}
.ps-tt-a {
  width: 171px;
  height: 80px;
  top: -80px;
  left: -10px;
}
.ps-tt-a::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: calc(50% - 12px);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #fff;
  bottom: -10px;
}
@media (max-width: 575.98px) {
  .ps-tt-text {
    left: -204px;
  }
}

.price-link.add2cart.not-use-tr.not-alert {
  position: relative;
}
.price-link.add2cart.not-use-tr.not-alert:hover .ps-tt-text {
  visibility: visible;
  opacity: 1;
}
/* /tooltips */

.price-buy {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff !important;

  padding: 4px 45px;

  background-color: #2ea73f !important;
  border-radius: 5px;
  border: none !important;
  cursor: pointer;

  text-align: center;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-appearance: none;
}
.price-buy:hover {
  background-color: #03be6f !important;
}

.price-buy1 {
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  background-color: #03be6f;
  padding: 5px 20px;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-appearance: none;
}
.price-buy1:hover {
  width: 157px;
  padding-right: 16px;
  color: #ffffff !important;
  border-bottom-style: none !important;
}

.price-descr {
  grid-column: 2/-1;
  font-size: 14px;
}

.price-descr > p {
  margin-bottom: 12px;
}

.price-descr ul {
  list-style-type: disc !important;
  margin-bottom: 26px;
  margin-left: 20px;
}

.price-descr ul li {
  margin-bottom: -4px !important;
}

.price-descr ul li:before {
  content: none !important;
}

.price-links {
  grid-column: 2/-1;

  font-size: 12px;
}

.price-links2 {
  grid-column: 1/-1;
  justify-self: center;
}

.price-link {
  color: rgba(0, 0, 0, 0.51) !important;
  margin-right: 30px;
  margin-bottom: 7px;
  text-decoration: underline !important;
  border-bottom: none !important;
}

.top-line::before {
  content: '';
  position: absolute;
  top: -20px;
  height: 1px;
  width: 100%;
  background: rgba(196, 196, 196, 0.51);
}

.bot-line::after {
  content: '';
  position: absolute;
  bottom: -40px;
  height: 1px;
  width: 100%;
  background: rgba(196, 196, 196, 0.51);
}

/* background svg */
.man {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.plus {
  position: absolute;
  top: 45px;
  left: 110px;
  z-index: -1;
}

.people {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/*  */

@media (max-width: 1199.98px) {
  .price-title {
    margin-left: 20px;
  }

  .price-self-wrap {
    width: 215px;
    height: 110px;
  }

  .price-links {
    grid-column: 1/-1;
    justify-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .price-link:last-child {
    margin-right: 0;
  }
}

@media (max-width: 767.98px) {
  .price-title {
    text-align: center;
    margin-left: 0;
  }

  .price-title > h5 {
    line-height: normal;
  }

  .price-self {
    grid-column: 1/-1;
  }

  .price-descr {
    grid-column: 1/-1;
    padding-top: 10px;
    padding-left: 25px;
  }

  .price-link {
    margin-right: 0;
  }

  .price-links2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .price-link:first-child {
    margin-right: 30px;
  }

  .pl-first:first-child {
    margin-right: 0;
  }

  .price-title > p {
    margin-bottom: 10px;
  }

  .price-title > h5 {
    margin-top: 0px;
  }
}

@media (max-width: 575.98px) {
  .title__logo {
    font-size: 20px;
  }

  .price-descr {
    padding-left: 0px;
  }

  .price-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .price-link:first-child {
    margin-right: 0;
  }
}

/* -- */
.price-rent-wrap {
  background-color: #f0faec;
  position: relative;
  z-index: 1;
}

.price-rent-item {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(8, 1fr);
  margin-bottom: 35px;
  z-index: 5;
}

.price-rent-title {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1/5;
  margin-top: 47px;
  margin-left: 62px;
  margin-bottom: 25px;
  font-size: 18px;
  background-color: #f0faec;
}
/* .price-rent-title > h5 {
      text-align: center;
   } */

.price-rent-self {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  text-align: center;
  position: absolute;
  top: 159px;
  left: 97px;
}

.pb-rent {
  padding: 4px 29px;
  margin-top: 5px;
  outline-style: none;

  font-size: 14px;
  font-weight: 400;
  color: #ffffff;

  padding: 4px 40px;

  background-color: #39b54a;
  border-radius: 5px;
  border: none !important;
  cursor: pointer;

  text-align: center;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-appearance: none;
}
.pb-rent:hover {
  background-color: #03be6f;
}

.price-rent-self1 {
  font-size: 18px;
  font-weight: 500;
}

.price-rent-self2 {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.51);
}

.price-rent-try {
  grid-column: 5/-1;

  margin-top: 42px;
  margin-left: 30px;

  /* width: 270px; */
  background-color: #f0faec;

  text-align: center;
  -ms-grid-column-align: center;
  justify-self: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.price-rent-try1 {
  font-size: 16px;
  font-weight: 500;
  color: #006ca0;
}

.price-rent-try2 {
  color: #9d8671 !important;
  text-decoration: underline !important;
  border: none !important;

  font-style: italic;
  font-size: 14px;
}
.price-rent-try2:hover {
  cursor: pointer;
}

.price-rent-descr {
  grid-column: 4/-1;
  margin-bottom: 50px;
  font-size: 14px;
}

.price-rent-descr > p {
  margin-bottom: 12px;
}

.price-rent-descr ul {
  list-style-type: disc !important;
  margin-bottom: 26px;
}

.price-rent-descr ul li {
  margin-bottom: -4px !important;
}

.price-rent-descr ul li:before {
  content: none !important;
}

/* clouds svg */
.clouds {
  z-index: -1;
}

.cloud1 {
  position: absolute;
  left: 4.88%;
  top: 2px;
}

.cloud2 {
  position: absolute;
  left: 52.64%;
  top: 0;
}

.cloud3 {
  position: absolute;
  right: 19.71%;
  top: 0;
}

.cloud4 {
  position: absolute;
  right: 2.88%;
  top: 0;
}
.bg-white .p-01 {
  margin: 80px 25px 30px;
  font-size: 18px;
}
.culc-price-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f0faec;
  padding: 25px;
}
.culc-price-pp {
  font-size: 18px;
  margin-right: 25px;
}
.btn-green {
  background-color: #39b54a;
  color: #fff;
  border-radius: 10px;
  padding: 5px 25px;
  max-height: 50px; /*???? 38*/
}
.btn-green:hover {
  background-color: #03be70d2;
}
.btn-green:active,
.btn-green:focus {
  outline: none;
}
/* -- */
@media (max-width: 1199.98px) {
  .price-rent-title > h5 {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .price-rent-self {
    top: 157px;
    left: 67px;
  }

  .price-rent-try {
    margin-top: 22px;
  }

  .cloud1 {
    left: 0.88%;
  }

  .cloud2 {
    display: none;
  }

  .cloud3 {
    right: 12.71%;
  }

  .cloud4 {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .price-rent-self {
    left: 56px;
  }
  .header__middle-right a {
    font-weight: 500;
  }
}
@media (max-width: 768px) {
  .price-rent-item {
    grid-template-rows: repeat(4, 71px);
  }
  .header__middle-right a {
    font-size: 16px;
    font-weight: 500;
  }
  .price-rent-title {
    grid-column: 1/-1;
    margin-top: 0;
    margin-bottom: 7px;
    margin-left: 0;
    text-align: center;
    align-self: center;
  }

  .price-rent-title > h5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .price-rent-self {
    grid-column: 1/-1;
    top: 110px;
    left: 48.5%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .price-rent-try {
    grid-column: 1/-1;
    grid-row: 4/5;
    margin-top: 0;
    margin-left: 0;
    align-self: end;
  }

  .price-rent-descr {
    grid-row: 5/6;
    grid-column: 1/-1;
    justify-self: center;
    margin-top: 20px;
    margin-bottom: 1px;
  }

  .cloud1 {
    top: -52px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .cloud3 {
    display: none;
  }
  .culc-price-pp {
    margin-right: 0;
  }
}

@media (max-width: 575.98px) {
  .price-rent-title {
    margin-top: 30px;
  }

  .price-rent-title > h5 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .price-rent-self {
    top: 118px;
    left: 47%;
  }
  .price-rent-try {
    margin-top: 15px;
    align-self: baseline;
    padding-left: 5px;
    padding-right: 5px;
  }
  .pb-rent {
    padding: 4px 20px;
  }
  .price-rent-descr {
    padding-left: 3px;
    padding-right: 3px;
  }
  .cloud1 {
    top: -30px;
    width: 210px;
  }
}

/* table prices */

/* table-price-recept */
.table-price-recept {
  padding: 0 30px 30px;
}
/* table-price-recept */

/* /jkh/price.php tabs-asd */
.tabs-wrap-asd {
  background-color: #fdf9f9;
  padding-top: 20px;
  padding-bottom: 25px;
}
.tabs-extra {
  text-align: left;
  margin: 15px auto !important;
  font-weight: 500;
  font-size: 18px;
  max-width: 800px;
  padding: 0 20px;
}
.tabs-asd li {
  padding: 5px 8px;
  margin: 0 !important;
  border: 1px solid #d5d5d5;
  cursor: pointer;
  /* max-width: 290px;
      max-height: 60px; */
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  /* -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); */
}
.tabs-asd li::before {
  content: none !important;
}
.tabs-asd li a {
  /* all: unset !important; */
  border: none !important;
}
.tabs-asd {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 10px 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 10px;
  max-width: 800px;
  margin: 10px auto;
  padding: 0 20px;
}

.tabs__content-asd {
  position: relative;
  margin-bottom: 0;
  padding: 0 20px;
}
.tab-asd {
  display: none;
}
.tabs__content-asd > li::before {
  content: none !important;
}
.tabs__content-asd > li > h3 {
  text-align: center;
}

.tabs__content-asd > li {
  padding-bottom: 20px;
}
@media (max-width: 767.98px) {
  .tabs__content-asd {
    padding: 0;
  }
}
@media (max-width: 559.98px) {
  #work table p {
    font-size: 10px;
  }
  #work table thead th {
    font-size: 12px;
  }
}

.tabs-nav__item-asd.active-asd {
  font-weight: bold;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.tab-asd.active-asd {
  display: block;
}

.thead-green {
  background-color: #03be6f;
  color: #fff;
}

@media (max-width: 767.98px) {
  .culc-price-wrap {
    flex-direction: column;
    text-align: center;
  }
  .culc-price-pp {
    margin-bottom: 25px;
    max-width: 400px;
  }
  .tabs-extra {
    text-align: center;
  }
  .tabs-asd {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-rows: repeat(6, 1fr);
    max-width: 265px;
  }
  .tl-lomb {
    grid-template-rows: repeat(5, 1fr);
  }
  .tl-adv {
    grid-template-rows: repeat(4, 1fr);
  }
}

/* /jkh/price.php tabs */

/* span font-weight */
.span-fw-500 {
  font-weight: 500;
}

/*Menu price*/

#product-tabs .product-links p {
  margin: 20px 20px 0px;
}

#product-tabs .special-link {
  list-style: disc;
}

#product-tabs .product-links ul li {
  margin: 0px 0px;
}

#product-tabs .product-links a {
  color: #3a89e1;
  text-decoration: underline;
}

#product-tabs .product-links a:hover {
  color: #ff8500;
}

#product-tabs .product_icon {
  width: 60px;
  height: 60px;
  padding: 10px;
  position: relative;
  background-color: #ff8500;
  border: 3px solid #fff;
  border-radius: 50%;
  z-index: 99;
  margin: 0 auto;
  margin-top: -30px;
}

#product-tabs .product-card:hover .product_icon img {
  -webkit-animation-name: flip;
  -webkit-animation-duration: 400ms;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: flip;
  -moz-animation-duration: 400ms;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: flip;
  -ms-animation-duration: 400ms;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
  animation-name: flip;
  animation-duration: 400ms;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

#inheritance a {
  color: #4d4b4b;
  text-decoration: underline;
  font-size: 14px;
}

#inheritance a:hover {
  color: #ff8500;
}
@media (min-width: 767px) and (max-width: 992px) {
  #product-tabs .nav-justified > li {
    width: 15% !important;
  }
  #product-tabs .nav-justified > li > a {
    height: 75px;
  }
}

#product-tabs .nav-justified {
  background-color: #eee;
  border-radius: 5px;
}

#product-tabs .nav-justified {
  width: 100%;
}

#product-tabs .nav {
  padding-left: 0px;
  margin-bottom: 0px;
  list-style: outside none none;
}

#product-tabs ol,
ul {
  margin-top: 0px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #product-tabs .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}

#product-tabs .nav-justified > li {
  float: none;
  border-right: 1px solid #d5d5d5;
}

#product-tabs .nav-justified > li:last-child {
  border-right: none;
}

#product-tabs .nav > li {
  position: relative;
  width: 10%;
}

#product-tabs .nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  cursor: default;
  background-color: #fff;
  border-width: 1px;
  border-color: #ddd #ddd transparent;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  color: #000;
}

#product-tabs .nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0px;
  color: #3a89e1;
  text-align: center;
  background-color: #fff;
  background-repeat: repeat-x;
  border-bottom: 1px solid #d5d5d5;
}

@media (min-width: 768px) {
  #product-tabs .nav-justified > li > a {
    margin-bottom: 0px;
  }
  #product-tabs .nav-justified > li > a {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #fff;
  }
  #product-tabs .nav-justified > li:first-child > a {
    border-left: 0px none;
    /*border-radius: 5px 0px 0px 5px;*/
  }
}

#product-tabs .nav-justified > li > a {
  margin-bottom: 0px;
  text-align: center;
}

#product-tabs .nav > li > a {
  position: relative;
  display: block;
  padding: 17px 3px;
}

#product-tabs a {
  color: #3a89e1;
  text-decoration: none;
}

#product-tabs a {
  background-color: transparent;
}

.site-revision-table__col1row1,
.site-revision-table__col2row1,
.site-revision-table__col3row1,
.site-revision-table__col4row1,
.site-revision-table__col5row1,
.site-revision-table__col6row1 {
  padding: 15px;
  text-align: center;
  background-color: #39b54a;
  color: #ffffff;
  position: sticky;
  top: 117px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .site-revision-table__col1row1,
  .site-revision-table__col2row1,
  .site-revision-table__col3row1,
  .site-revision-table__col4row1,
  .site-revision-table__col5row1,
  .site-revision-table__col6row1 {
    top: 91px;
  }
}
@media (max-width: 767px) {
  .site-revision-table__col1row1,
  .site-revision-table__col2row1,
  .site-revision-table__col3row1,
  .site-revision-table__col4row1,
  .site-revision-table__col5row1,
  .site-revision-table__col6row1 {
    padding: 5px 2px;
    top: 52px;
  }
}
.subsystem-jkh__title-col1row4,
.subsystem-jkh__title-col1row12,
.subsystem-jkh__title-col1row14,
.subsystem-jkh__title-col1row18,
.subsystem-jkh__title-col1row26,
.subsystem-jkh__title-col1row29,
.subsystem-jkh__title-col1row33,
.subsystem-jkh__title-col1row52 {
  margin: 0;
  padding: 10px;
  text-align: center;
  background: linear-gradient(90deg, #ffe0e6, #ffe3cb);
  color: #9d0039;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  font-size: 24px;
  font-weight: 200;
}
@media (max-width: 767px) {
  .subsystem-jkh__title-col1row4,
  .subsystem-jkh__title-col1row12,
  .subsystem-jkh__title-col1row14,
  .subsystem-jkh__title-col1row18,
  .subsystem-jkh__title-col1row26,
  .subsystem-jkh__title-col1row29,
  .subsystem-jkh__title-col1row33,
  .subsystem-jkh__title-col1row52 {
    padding: 5px 2px;
    font-size: 18px;
  }
}
.site-revision-table__col1row2,
.subsystem-jkh__col1row5,
.subsystem-jkh__col1row6,
.subsystem-jkh__col1row7,
.subsystem-jkh__col1row8,
.subsystem-jkh__col1row9,
.subsystem-jkh__col1row10,
.subsystem-jkh__col1row11,
.subsystem-jkh__col1row13,
.subsystem-jkh__col1row15,
.subsystem-jkh__col1row16,
.subsystem-jkh__col1row17,
.subsystem-jkh__col1row19,
.subsystem-jkh__col1row20,
.subsystem-jkh__col1row21,
.subsystem-jkh__col1row22,
.subsystem-jkh__col1row23,
.subsystem-jkh__col1row24,
.subsystem-jkh__col1row25,
.subsystem-jkh__col1row27,
.subsystem-jkh__col1row28,
.subsystem-jkh__col1row30,
.subsystem-jkh__col1row31,
.subsystem-jkh__col1row32,
.subsystem-jkh__col1row34,
.subsystem-jkh__col1row35,
.subsystem-jkh__col1row36,
.subsystem-jkh__col1row37,
.subsystem-jkh__col1row38,
.subsystem-jkh__col1row39,
.subsystem-jkh__col1row40,
.subsystem-jkh__col1row41,
.subsystem-jkh__col1row42,
.subsystem-jkh__col1row43,
.subsystem-jkh__col1row44,
.subsystem-jkh__col1row45,
.subsystem-jkh__col1row46,
.subsystem-jkh__col1row47,
.subsystem-jkh__col1row48,
.subsystem-jkh__col1row49,
.subsystem-jkh__col1row50,
.subsystem-jkh__col1row51,
.subsystem-jkh__col1row53 {
  padding: 10px;
  text-align: start;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
}
@media (max-width: 767px) {
  .site-revision-table__col1row2,
  .subsystem-jkh__col1row5,
  .subsystem-jkh__col1row6,
  .subsystem-jkh__col1row7,
  .subsystem-jkh__col1row8,
  .subsystem-jkh__col1row9,
  .subsystem-jkh__col1row10,
  .subsystem-jkh__col1row11,
  .subsystem-jkh__col1row13,
  .subsystem-jkh__col1row15,
  .subsystem-jkh__col1row16,
  .subsystem-jkh__col1row17,
  .subsystem-jkh__col1row19,
  .subsystem-jkh__col1row20,
  .subsystem-jkh__col1row21,
  .subsystem-jkh__col1row22,
  .subsystem-jkh__col1row23,
  .subsystem-jkh__col1row24,
  .subsystem-jkh__col1row25,
  .subsystem-jkh__col1row27,
  .subsystem-jkh__col1row28,
  .subsystem-jkh__col1row30,
  .subsystem-jkh__col1row31,
  .subsystem-jkh__col1row32,
  .subsystem-jkh__col1row34,
  .subsystem-jkh__col1row35,
  .subsystem-jkh__col1row36,
  .subsystem-jkh__col1row37,
  .subsystem-jkh__col1row38,
  .subsystem-jkh__col1row39,
  .subsystem-jkh__col1row40,
  .subsystem-jkh__col1row41,
  .subsystem-jkh__col1row42,
  .subsystem-jkh__col1row43,
  .subsystem-jkh__col1row44,
  .subsystem-jkh__col1row45,
  .subsystem-jkh__col1row46,
  .subsystem-jkh__col1row47,
  .subsystem-jkh__col1row48,
  .subsystem-jkh__col1row49,
  .subsystem-jkh__col1row50,
  .subsystem-jkh__col1row51,
  .subsystem-jkh__col1row53 {
    padding: 5px 2px;
    font-size: 11px;
  }
}
.site-revision-table__col2row2,
.site-revision-table__col3row2,
.site-revision-table__col4row2,
.site-revision-table__col5row2,
.site-revision-table__col6row2,
.subsystem-jkh__col2row5,
.subsystem-jkh__col3row5,
.subsystem-jkh__col4row5,
.subsystem-jkh__col5row5,
.subsystem-jkh__col6row5,
.subsystem-jkh__col2row6,
.subsystem-jkh__col3row6,
.subsystem-jkh__col4row6,
.subsystem-jkh__col5row6,
.subsystem-jkh__col6row6,
.subsystem-jkh__col2row7,
.subsystem-jkh__col3row7,
.subsystem-jkh__col4row7,
.subsystem-jkh__col5row7,
.subsystem-jkh__col6row7,
.subsystem-jkh__col2row8,
.subsystem-jkh__col3row8,
.subsystem-jkh__col4row8,
.subsystem-jkh__col5row8,
.subsystem-jkh__col6row8,
.subsystem-jkh__col2row9,
.subsystem-jkh__col3row9,
.subsystem-jkh__col4row9,
.subsystem-jkh__col5row9,
.subsystem-jkh__col6row9,
.subsystem-jkh__col2row10,
.subsystem-jkh__col3row10,
.subsystem-jkh__col4row10,
.subsystem-jkh__col5row10,
.subsystem-jkh__col6row10,
.subsystem-jkh__col2row11,
.subsystem-jkh__col3row11,
.subsystem-jkh__col4row11,
.subsystem-jkh__col5row11,
.subsystem-jkh__col6row11,
.subsystem-jkh__col2row13,
.subsystem-jkh__col3row13,
.subsystem-jkh__col4row13,
.subsystem-jkh__col5row13,
.subsystem-jkh__col6row13,
.subsystem-jkh__col2row15,
.subsystem-jkh__col3row15,
.subsystem-jkh__col4row15,
.subsystem-jkh__col5row15,
.subsystem-jkh__col6row15,
.subsystem-jkh__col2row16,
.subsystem-jkh__col3row16,
.subsystem-jkh__col4row16,
.subsystem-jkh__col5row16,
.subsystem-jkh__col6row16,
.subsystem-jkh__col2row17,
.subsystem-jkh__col3row17,
.subsystem-jkh__col4row17,
.subsystem-jkh__col5row17,
.subsystem-jkh__col6row17,
.subsystem-jkh__col2row19,
.subsystem-jkh__col3row19,
.subsystem-jkh__col4row19,
.subsystem-jkh__col5row19,
.subsystem-jkh__col6row19,
.subsystem-jkh__col2row20,
.subsystem-jkh__col3row20,
.subsystem-jkh__col4row20,
.subsystem-jkh__col5row20,
.subsystem-jkh__col6row20,
.subsystem-jkh__col2row21,
.subsystem-jkh__col3row21,
.subsystem-jkh__col4row21,
.subsystem-jkh__col5row21,
.subsystem-jkh__col6row21,
.subsystem-jkh__col2row22,
.subsystem-jkh__col3row22,
.subsystem-jkh__col4row22,
.subsystem-jkh__col5row22,
.subsystem-jkh__col6row22,
.subsystem-jkh__col2row23,
.subsystem-jkh__col3row23,
.subsystem-jkh__col4row23,
.subsystem-jkh__col5row23,
.subsystem-jkh__col6row23,
.subsystem-jkh__col2row24,
.subsystem-jkh__col3row24,
.subsystem-jkh__col4row24,
.subsystem-jkh__col5row24,
.subsystem-jkh__col6row24,
.subsystem-jkh__col2row25,
.subsystem-jkh__col3row25,
.subsystem-jkh__col4row25,
.subsystem-jkh__col5row25,
.subsystem-jkh__col6row25,
.subsystem-jkh__col2row27,
.subsystem-jkh__col3row27,
.subsystem-jkh__col4row27,
.subsystem-jkh__col5row27,
.subsystem-jkh__col6row27,
.subsystem-jkh__col2row28,
.subsystem-jkh__col3row28,
.subsystem-jkh__col4row28,
.subsystem-jkh__col5row28,
.subsystem-jkh__col6row28,
.subsystem-jkh__col2row30,
.subsystem-jkh__col3row30,
.subsystem-jkh__col4row30,
.subsystem-jkh__col5row30,
.subsystem-jkh__col6row30,
.subsystem-jkh__col2row31,
.subsystem-jkh__col3row31,
.subsystem-jkh__col4row31,
.subsystem-jkh__col5row31,
.subsystem-jkh__col6row31,
.subsystem-jkh__col2row32,
.subsystem-jkh__col3row32,
.subsystem-jkh__col4row32,
.subsystem-jkh__col5row32,
.subsystem-jkh__col6row32,
.subsystem-jkh__col2row34,
.subsystem-jkh__col3row34,
.subsystem-jkh__col4row34,
.subsystem-jkh__col5row34,
.subsystem-jkh__col6row34,
.subsystem-jkh__col2row35,
.subsystem-jkh__col3row35,
.subsystem-jkh__col4row35,
.subsystem-jkh__col5row35,
.subsystem-jkh__col6row35,
.subsystem-jkh__col2row36,
.subsystem-jkh__col3row36,
.subsystem-jkh__col4row36,
.subsystem-jkh__col5row36,
.subsystem-jkh__col6row36,
.subsystem-jkh__col2row37,
.subsystem-jkh__col3row37,
.subsystem-jkh__col4row37,
.subsystem-jkh__col5row37,
.subsystem-jkh__col6row37,
.subsystem-jkh__col2row38,
.subsystem-jkh__col3row38,
.subsystem-jkh__col4row38,
.subsystem-jkh__col5row38,
.subsystem-jkh__col6row38,
.subsystem-jkh__col2row39,
.subsystem-jkh__col3row39,
.subsystem-jkh__col4row39,
.subsystem-jkh__col5row39,
.subsystem-jkh__col6row39,
.subsystem-jkh__col2row40,
.subsystem-jkh__col3row40,
.subsystem-jkh__col4row40,
.subsystem-jkh__col5row40,
.subsystem-jkh__col6row40,
.subsystem-jkh__col2row41,
.subsystem-jkh__col3row41,
.subsystem-jkh__col4row41,
.subsystem-jkh__col5row41,
.subsystem-jkh__col6row41,
.subsystem-jkh__col2row42,
.subsystem-jkh__col3row42,
.subsystem-jkh__col4row42,
.subsystem-jkh__col5row42,
.subsystem-jkh__col6row42,
.subsystem-jkh__col2row43,
.subsystem-jkh__col3row43,
.subsystem-jkh__col4row43,
.subsystem-jkh__col5row43,
.subsystem-jkh__col6row43,
.subsystem-jkh__col2row44,
.subsystem-jkh__col3row44,
.subsystem-jkh__col4row44,
.subsystem-jkh__col5row44,
.subsystem-jkh__col6row44,
.subsystem-jkh__col2row45,
.subsystem-jkh__col3row45,
.subsystem-jkh__col4row45,
.subsystem-jkh__col5row45,
.subsystem-jkh__col6row45,
.subsystem-jkh__col2row46,
.subsystem-jkh__col3row46,
.subsystem-jkh__col4row46,
.subsystem-jkh__col5row46,
.subsystem-jkh__col6row46,
.subsystem-jkh__col2row47,
.subsystem-jkh__col3row47,
.subsystem-jkh__col4row47,
.subsystem-jkh__col5row47,
.subsystem-jkh__col6row47,
.subsystem-jkh__col2row48,
.subsystem-jkh__col3row48,
.subsystem-jkh__col4row48,
.subsystem-jkh__col5row48,
.subsystem-jkh__col6row48,
.subsystem-jkh__col2row49,
.subsystem-jkh__col3row49,
.subsystem-jkh__col4row49,
.subsystem-jkh__col5row49,
.subsystem-jkh__col6row49,
.subsystem-jkh__col2row50,
.subsystem-jkh__col3row50,
.subsystem-jkh__col4row50,
.subsystem-jkh__col5row50,
.subsystem-jkh__col6row50,
.subsystem-jkh__col2row51,
.subsystem-jkh__col3row51,
.subsystem-jkh__col4row51,
.subsystem-jkh__col5row51,
.subsystem-jkh__col6row51,
.subsystem-jkh__col2row53,
.subsystem-jkh__col3row53,
.subsystem-jkh__col6row53 {
  padding: 10px;
  display: grid;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}
@media (max-width: 767px) {
  .site-revision-table__col2row2,
  .site-revision-table__col3row2,
  .site-revision-table__col4row2,
  .site-revision-table__col5row2,
  .site-revision-table__col6row2,
  .subsystem-jkh__col2row5,
  .subsystem-jkh__col3row5,
  .subsystem-jkh__col4row5,
  .subsystem-jkh__col5row5,
  .subsystem-jkh__col6row5,
  .subsystem-jkh__col2row6,
  .subsystem-jkh__col3row6,
  .subsystem-jkh__col4row6,
  .subsystem-jkh__col5row6,
  .subsystem-jkh__col6row6,
  .subsystem-jkh__col2row7,
  .subsystem-jkh__col3row7,
  .subsystem-jkh__col4row7,
  .subsystem-jkh__col5row7,
  .subsystem-jkh__col6row7,
  .subsystem-jkh__col2row8,
  .subsystem-jkh__col3row8,
  .subsystem-jkh__col4row8,
  .subsystem-jkh__col5row8,
  .subsystem-jkh__col6row8,
  .subsystem-jkh__col2row9,
  .subsystem-jkh__col3row9,
  .subsystem-jkh__col4row9,
  .subsystem-jkh__col5row9,
  .subsystem-jkh__col6row9,
  .subsystem-jkh__col2row10,
  .subsystem-jkh__col3row10,
  .subsystem-jkh__col4row10,
  .subsystem-jkh__col5row10,
  .subsystem-jkh__col6row10,
  .subsystem-jkh__col2row11,
  .subsystem-jkh__col3row11,
  .subsystem-jkh__col4row11,
  .subsystem-jkh__col5row11,
  .subsystem-jkh__col6row11,
  .subsystem-jkh__col2row13,
  .subsystem-jkh__col3row13,
  .subsystem-jkh__col4row13,
  .subsystem-jkh__col5row13,
  .subsystem-jkh__col6row13,
  .subsystem-jkh__col2row15,
  .subsystem-jkh__col3row15,
  .subsystem-jkh__col4row15,
  .subsystem-jkh__col5row15,
  .subsystem-jkh__col6row15,
  .subsystem-jkh__col2row16,
  .subsystem-jkh__col3row16,
  .subsystem-jkh__col4row16,
  .subsystem-jkh__col5row16,
  .subsystem-jkh__col6row16,
  .subsystem-jkh__col2row17,
  .subsystem-jkh__col3row17,
  .subsystem-jkh__col4row17,
  .subsystem-jkh__col5row17,
  .subsystem-jkh__col6row17,
  .subsystem-jkh__col2row19,
  .subsystem-jkh__col3row19,
  .subsystem-jkh__col4row19,
  .subsystem-jkh__col5row19,
  .subsystem-jkh__col6row19,
  .subsystem-jkh__col2row20,
  .subsystem-jkh__col3row20,
  .subsystem-jkh__col4row20,
  .subsystem-jkh__col5row20,
  .subsystem-jkh__col6row20,
  .subsystem-jkh__col2row21,
  .subsystem-jkh__col3row21,
  .subsystem-jkh__col4row21,
  .subsystem-jkh__col5row21,
  .subsystem-jkh__col6row21,
  .subsystem-jkh__col2row22,
  .subsystem-jkh__col3row22,
  .subsystem-jkh__col4row22,
  .subsystem-jkh__col5row22,
  .subsystem-jkh__col6row22,
  .subsystem-jkh__col2row23,
  .subsystem-jkh__col3row23,
  .subsystem-jkh__col4row23,
  .subsystem-jkh__col5row23,
  .subsystem-jkh__col6row23,
  .subsystem-jkh__col2row24,
  .subsystem-jkh__col3row24,
  .subsystem-jkh__col4row24,
  .subsystem-jkh__col5row24,
  .subsystem-jkh__col6row24,
  .subsystem-jkh__col2row25,
  .subsystem-jkh__col3row25,
  .subsystem-jkh__col4row25,
  .subsystem-jkh__col5row25,
  .subsystem-jkh__col6row25,
  .subsystem-jkh__col2row27,
  .subsystem-jkh__col3row27,
  .subsystem-jkh__col4row27,
  .subsystem-jkh__col5row27,
  .subsystem-jkh__col6row27,
  .subsystem-jkh__col2row28,
  .subsystem-jkh__col3row28,
  .subsystem-jkh__col4row28,
  .subsystem-jkh__col5row28,
  .subsystem-jkh__col6row28,
  .subsystem-jkh__col2row30,
  .subsystem-jkh__col3row30,
  .subsystem-jkh__col4row30,
  .subsystem-jkh__col5row30,
  .subsystem-jkh__col6row30,
  .subsystem-jkh__col2row31,
  .subsystem-jkh__col3row31,
  .subsystem-jkh__col4row31,
  .subsystem-jkh__col5row31,
  .subsystem-jkh__col6row31,
  .subsystem-jkh__col2row32,
  .subsystem-jkh__col3row32,
  .subsystem-jkh__col4row32,
  .subsystem-jkh__col5row32,
  .subsystem-jkh__col6row32,
  .subsystem-jkh__col2row34,
  .subsystem-jkh__col3row34,
  .subsystem-jkh__col4row34,
  .subsystem-jkh__col5row34,
  .subsystem-jkh__col6row34,
  .subsystem-jkh__col2row35,
  .subsystem-jkh__col3row35,
  .subsystem-jkh__col4row35,
  .subsystem-jkh__col5row35,
  .subsystem-jkh__col6row35,
  .subsystem-jkh__col2row36,
  .subsystem-jkh__col3row36,
  .subsystem-jkh__col4row36,
  .subsystem-jkh__col5row36,
  .subsystem-jkh__col6row36,
  .subsystem-jkh__col2row37,
  .subsystem-jkh__col3row37,
  .subsystem-jkh__col4row37,
  .subsystem-jkh__col5row37,
  .subsystem-jkh__col6row37,
  .subsystem-jkh__col2row38,
  .subsystem-jkh__col3row38,
  .subsystem-jkh__col4row38,
  .subsystem-jkh__col5row38,
  .subsystem-jkh__col6row38,
  .subsystem-jkh__col2row39,
  .subsystem-jkh__col3row39,
  .subsystem-jkh__col4row39,
  .subsystem-jkh__col5row39,
  .subsystem-jkh__col6row39,
  .subsystem-jkh__col2row40,
  .subsystem-jkh__col3row40,
  .subsystem-jkh__col4row40,
  .subsystem-jkh__col5row40,
  .subsystem-jkh__col6row40,
  .subsystem-jkh__col2row41,
  .subsystem-jkh__col3row41,
  .subsystem-jkh__col4row41,
  .subsystem-jkh__col5row41,
  .subsystem-jkh__col6row41,
  .subsystem-jkh__col2row42,
  .subsystem-jkh__col3row42,
  .subsystem-jkh__col4row42,
  .subsystem-jkh__col5row42,
  .subsystem-jkh__col6row42,
  .subsystem-jkh__col2row43,
  .subsystem-jkh__col3row43,
  .subsystem-jkh__col4row43,
  .subsystem-jkh__col5row43,
  .subsystem-jkh__col6row43,
  .subsystem-jkh__col2row44,
  .subsystem-jkh__col3row44,
  .subsystem-jkh__col4row44,
  .subsystem-jkh__col5row44,
  .subsystem-jkh__col6row44,
  .subsystem-jkh__col2row45,
  .subsystem-jkh__col3row45,
  .subsystem-jkh__col4row45,
  .subsystem-jkh__col5row45,
  .subsystem-jkh__col6row45,
  .subsystem-jkh__col2row46,
  .subsystem-jkh__col3row46,
  .subsystem-jkh__col4row46,
  .subsystem-jkh__col5row46,
  .subsystem-jkh__col6row46,
  .subsystem-jkh__col2row47,
  .subsystem-jkh__col3row47,
  .subsystem-jkh__col4row47,
  .subsystem-jkh__col5row47,
  .subsystem-jkh__col6row47,
  .subsystem-jkh__col2row48,
  .subsystem-jkh__col3row48,
  .subsystem-jkh__col4row48,
  .subsystem-jkh__col5row48,
  .subsystem-jkh__col6row48,
  .subsystem-jkh__col2row49,
  .subsystem-jkh__col3row49,
  .subsystem-jkh__col4row49,
  .subsystem-jkh__col5row49,
  .subsystem-jkh__col6row49,
  .subsystem-jkh__col2row50,
  .subsystem-jkh__col3row50,
  .subsystem-jkh__col4row50,
  .subsystem-jkh__col5row50,
  .subsystem-jkh__col6row50,
  .subsystem-jkh__col2row51,
  .subsystem-jkh__col3row51,
  .subsystem-jkh__col4row51,
  .subsystem-jkh__col5row51,
  .subsystem-jkh__col6row51,
  .subsystem-jkh__col2row53,
  .subsystem-jkh__col3row53,
  .subsystem-jkh__col6row53 {
    padding: 5px 2px;
    font-size: 11px;
  }
}
.table-responsive {
  overflow-x: visible;
}
@media (max-width: 767px) {
  .table-responsive {
    overflow-y: visible;
    border: none;
    overflow-x: scroll;
  }
}
@media (max-width: 1200px) {
  .table-responsive {
    overflow-x: scroll;
  }
}
.site-revision-table {
  background-color: #ffffff;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto auto auto auto auto;
  grid-template-columns: 1fr auto auto auto auto auto;
}
.site-revision-table a {
  text-decoration: underline;
}
.site-revision-table__col1row1 {
  -ms-grid-column: 1;
  grid-column: 1;
}
.site-revision-table__col2row1 {
  -ms-grid-column: 2;
  grid-column: 2;
}
.site-revision-table__col3row1 {
  -ms-grid-column: 3;
  grid-column: 3;
}
.site-revision-table__col4row1 {
  -ms-grid-column: 4;
  grid-column: 4;
}
.site-revision-table__col5row1 {
  -ms-grid-column: 5;
  grid-column: 5;
}
.site-revision-table__col6row1 {
  -ms-grid-column: 6;
  grid-column: 6;
}
.site-revision-table__col1row2 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
  border-left: 1px solid #d5d5d5;
}
.site-revision-table__col2row2 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
}
.site-revision-table__col3row2 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 2;
  grid-row: 2;
}
.site-revision-table__col4row2 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 2;
  grid-row: 2;
}
.site-revision-table__col5row2 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 2;
  grid-row: 2;
}
.site-revision-table__col6row2 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 2;
  grid-row: 2;
}
.subsystem-jkh {
  margin: 0;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / span 6;
  -ms-grid-row: 3;
  grid-row: 3;
  padding: 30px 10px;
  display: grid;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
}
.subsystem-jkh__title-col1row4 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / span 6;
  -ms-grid-row: 4;
  grid-row: 4;
}
.subsystem-jkh__col1row5 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 5;
  grid-row: 5;
}
.subsystem-jkh__col2row5 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 5;
  grid-row: 5;
}
.subsystem-jkh__col3row5 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 5;
  grid-row: 5;
}
.subsystem-jkh__col4row5 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 5;
  grid-row: 5;
}
.subsystem-jkh__col5row5 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 5;
  grid-row: 5;
}
.subsystem-jkh__col6row5 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 5;
  grid-row: 5;
}
.subsystem-jkh__col1row6 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 6;
  grid-row: 6;
}
.subsystem-jkh__col2row6 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 6;
  grid-row: 6;
}
.subsystem-jkh__col3row6 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 6;
  grid-row: 6;
}
.subsystem-jkh__col4row6 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 6;
  grid-row: 6;
}
.subsystem-jkh__col5row6 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 6;
  grid-row: 6;
}
.subsystem-jkh__col6row6 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 6;
  grid-row: 6;
}
.subsystem-jkh__col1row7 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 7;
  grid-row: 7;
}
.subsystem-jkh__col2row7 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 7;
  grid-row: 7;
}
.subsystem-jkh__col3row7 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 7;
  grid-row: 7;
}
.subsystem-jkh__col4row7 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 7;
  grid-row: 7;
}
.subsystem-jkh__col5row7 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 7;
  grid-row: 7;
}
.subsystem-jkh__col6row7 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 7;
  grid-row: 7;
}
.subsystem-jkh__col1row8 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 8;
  grid-row: 8;
}
.subsystem-jkh__col2row8 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 8;
  grid-row: 8;
}
.subsystem-jkh__col3row8 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 8;
  grid-row: 8;
}
.subsystem-jkh__col4row8 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 8;
  grid-row: 8;
}
.subsystem-jkh__col5row8 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 8;
  grid-row: 8;
}
.subsystem-jkh__col6row8 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 8;
  grid-row: 8;
}
.subsystem-jkh__col1row9 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 9;
  grid-row: 9;
}
.subsystem-jkh__col2row9 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 9;
  grid-row: 9;
}
.subsystem-jkh__col3row9 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 9;
  grid-row: 9;
}
.subsystem-jkh__col4row9 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 9;
  grid-row: 9;
}
.subsystem-jkh__col5row9 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 9;
  grid-row: 9;
}
.subsystem-jkh__col6row9 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 9;
  grid-row: 9;
}
.subsystem-jkh__col1row10 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 10;
  grid-row: 10;
}
.subsystem-jkh__col2row10 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 10;
  grid-row: 10;
}
.subsystem-jkh__col3row10 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 10;
  grid-row: 10;
}
.subsystem-jkh__col4row10 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 10;
  grid-row: 10;
}
.subsystem-jkh__col5row10 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 10;
  grid-row: 10;
}
.subsystem-jkh__col6row10 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 10;
  grid-row: 10;
}
.subsystem-jkh__col1row11 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 11;
  grid-row: 11;
}
.subsystem-jkh__col2row11 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 11;
  grid-row: 11;
}
.subsystem-jkh__col3row11 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 11;
  grid-row: 11;
}
.subsystem-jkh__col4row11 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 11;
  grid-row: 11;
}
.subsystem-jkh__col5row11 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 11;
  grid-row: 11;
}
.subsystem-jkh__col6row11 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 11;
  grid-row: 11;
}
.subsystem-jkh__title-col1row12 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / span 6;
  -ms-grid-row: 12;
  grid-row: 12;
}
.subsystem-jkh__col1row13 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 13;
  grid-row: 13;
}
.subsystem-jkh__col2row13 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 13;
  grid-row: 13;
}
.subsystem-jkh__col3row13 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 13;
  grid-row: 13;
}
.subsystem-jkh__col4row13 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 13;
  grid-row: 13;
}
.subsystem-jkh__col5row13 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 13;
  grid-row: 13;
}
.subsystem-jkh__col6row13 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 13;
  grid-row: 13;
}
.subsystem-jkh__title-col1row14 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / span 6;
  -ms-grid-row: 14;
  grid-row: 14;
}
.subsystem-jkh__col1row15 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 15;
  grid-row: 15;
}
.subsystem-jkh__col2row15 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 15;
  grid-row: 15;
}
.subsystem-jkh__col3row15 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 15;
  grid-row: 15;
}
.subsystem-jkh__col4row15 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 15;
  grid-row: 15;
}
.subsystem-jkh__col5row15 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 15;
  grid-row: 15;
}
.subsystem-jkh__col6row15 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 15;
  grid-row: 15;
}
.subsystem-jkh__col1row16 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 16;
  grid-row: 16;
}
.subsystem-jkh__col2row16 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 16;
  grid-row: 16;
}
.subsystem-jkh__col3row16 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 16;
  grid-row: 16;
}
.subsystem-jkh__col4row16 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 16;
  grid-row: 16;
}
.subsystem-jkh__col5row16 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 16;
  grid-row: 16;
}
.subsystem-jkh__col6row16 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 16;
  grid-row: 16;
}
.subsystem-jkh__col1row17 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 17;
  grid-row: 17;
}
.subsystem-jkh__col2row17 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 17;
  grid-row: 17;
}
.subsystem-jkh__col3row17 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 17;
  grid-row: 17;
}
.subsystem-jkh__col4row17 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 17;
  grid-row: 17;
}
.subsystem-jkh__col5row17 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 17;
  grid-row: 17;
}
.subsystem-jkh__col6row17 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 17;
  grid-row: 17;
}
.subsystem-jkh__title-col1row18 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / span 6;
  -ms-grid-row: 18;
  grid-row: 18;
}
.subsystem-jkh__col1row19 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 19;
  grid-row: 19;
}
.subsystem-jkh__col2row19 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 19;
  grid-row: 19;
}
.subsystem-jkh__col3row19 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 19;
  grid-row: 19;
}
.subsystem-jkh__col4row19 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 19;
  grid-row: 19;
}
.subsystem-jkh__col5row19 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 19;
  grid-row: 19;
}
.subsystem-jkh__col6row19 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 19;
  grid-row: 19;
}
.subsystem-jkh__col1row20 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 20;
  grid-row: 20;
}
.subsystem-jkh__col2row20 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 20;
  grid-row: 20;
}
.subsystem-jkh__col3row20 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 20;
  grid-row: 20;
}
.subsystem-jkh__col4row20 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 20;
  grid-row: 20;
}
.subsystem-jkh__col5row20 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 20;
  grid-row: 20;
}
.subsystem-jkh__col6row20 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 20;
  grid-row: 20;
}
.subsystem-jkh__col1row21 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 21;
  grid-row: 21;
}
.subsystem-jkh__col2row21 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 21;
  grid-row: 21;
}
.subsystem-jkh__col3row21 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 21;
  grid-row: 21;
}
.subsystem-jkh__col4row21 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 21;
  grid-row: 21;
}
.subsystem-jkh__col5row21 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 21;
  grid-row: 21;
}
.subsystem-jkh__col6row21 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 21;
  grid-row: 21;
}
.subsystem-jkh__col1row22 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 22;
  grid-row: 22;
}
.subsystem-jkh__col2row22 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 22;
  grid-row: 22;
}
.subsystem-jkh__col3row22 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 22;
  grid-row: 22;
}
.subsystem-jkh__col4row22 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 22;
  grid-row: 22;
}
.subsystem-jkh__col5row22 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 22;
  grid-row: 22;
}
.subsystem-jkh__col6row22 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 22;
  grid-row: 22;
}
.subsystem-jkh__col1row23 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 23;
  grid-row: 23;
}
.subsystem-jkh__col2row23 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 23;
  grid-row: 23;
}
.subsystem-jkh__col3row23 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 23;
  grid-row: 23;
}
.subsystem-jkh__col4row23 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 23;
  grid-row: 23;
}
.subsystem-jkh__col5row23 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 23;
  grid-row: 23;
}
.subsystem-jkh__col6row23 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 23;
  grid-row: 23;
}
.subsystem-jkh__col1row24 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 24;
  grid-row: 24;
}
.subsystem-jkh__col2row24 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 24;
  grid-row: 24;
}
.subsystem-jkh__col3row24 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 24;
  grid-row: 24;
}
.subsystem-jkh__col4row24 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 24;
  grid-row: 24;
}
.subsystem-jkh__col5row24 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 24;
  grid-row: 24;
}
.subsystem-jkh__col6row24 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 24;
  grid-row: 24;
}
.subsystem-jkh__col1row25 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 25;
  grid-row: 25;
}
.subsystem-jkh__col2row25 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 25;
  grid-row: 25;
}
.subsystem-jkh__col3row25 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 25;
  grid-row: 25;
}
.subsystem-jkh__col4row25 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 25;
  grid-row: 25;
}
.subsystem-jkh__col5row25 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 25;
  grid-row: 25;
}
.subsystem-jkh__col6row25 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 25;
  grid-row: 25;
}
.subsystem-jkh__title-col1row26 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / span 6;
  -ms-grid-row: 26;
  grid-row: 26;
}
.subsystem-jkh__col1row27 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 27;
  grid-row: 27;
}
.subsystem-jkh__col2row27 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 27;
  grid-row: 27;
}
.subsystem-jkh__col3row27 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 27;
  grid-row: 27;
}
.subsystem-jkh__col4row27 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 27;
  grid-row: 27;
}
.subsystem-jkh__col5row27 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 27;
  grid-row: 27;
}
.subsystem-jkh__col6row27 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 27;
  grid-row: 27;
}
.subsystem-jkh__col1row28 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 28;
  grid-row: 28;
}
.subsystem-jkh__col2row28 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 28;
  grid-row: 28;
}
.subsystem-jkh__col3row28 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 28;
  grid-row: 28;
}
.subsystem-jkh__col4row28 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 28;
  grid-row: 28;
}
.subsystem-jkh__col5row28 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 28;
  grid-row: 28;
}
.subsystem-jkh__col6row28 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 28;
  grid-row: 28;
}
.subsystem-jkh__title-col1row29 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / span 6;
  -ms-grid-row: 29;
  grid-row: 29;
}
.subsystem-jkh__col1row30 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 30;
  grid-row: 30;
}
.subsystem-jkh__col2row30 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 30;
  grid-row: 30;
}
.subsystem-jkh__col3row30 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 30;
  grid-row: 30;
}
.subsystem-jkh__col4row30 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 30;
  grid-row: 30;
}
.subsystem-jkh__col5row30 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 30;
  grid-row: 30;
}
.subsystem-jkh__col6row30 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 30;
  grid-row: 30;
}
.subsystem-jkh__col1row31 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 31;
  grid-row: 31;
}
.subsystem-jkh__col2row31 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 31;
  grid-row: 31;
}
.subsystem-jkh__col3row31 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 31;
  grid-row: 31;
}
.subsystem-jkh__col4row31 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 31;
  grid-row: 31;
}
.subsystem-jkh__col5row31 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 31;
  grid-row: 31;
}
.subsystem-jkh__col6row31 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 31;
  grid-row: 31;
}
.subsystem-jkh__col1row32 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 32;
  grid-row: 32;
}
.subsystem-jkh__col2row32 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 32;
  grid-row: 32;
}
.subsystem-jkh__col3row32 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 32;
  grid-row: 32;
}
.subsystem-jkh__col4row32 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 32;
  grid-row: 32;
}
.subsystem-jkh__col5row32 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 32;
  grid-row: 32;
}
.subsystem-jkh__col6row32 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 32;
  grid-row: 32;
}
.subsystem-jkh__title-col1row33 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / span 6;
  -ms-grid-row: 33;
  grid-row: 33;
}
.subsystem-jkh__col1row34 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 34;
  grid-row: 34;
}
.subsystem-jkh__col2row34 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 34;
  grid-row: 34;
}
.subsystem-jkh__col3row34 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 34;
  grid-row: 34;
}
.subsystem-jkh__col4row34 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 34;
  grid-row: 34;
}
.subsystem-jkh__col5row34 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 34;
  grid-row: 34;
}
.subsystem-jkh__col6row34 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 34;
  grid-row: 34;
}
.subsystem-jkh__col1row35 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 35;
  grid-row: 35;
}
.subsystem-jkh__col2row35 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 35;
  grid-row: 35;
}
.subsystem-jkh__col3row35 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 35;
  grid-row: 35;
}
.subsystem-jkh__col4row35 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 35;
  grid-row: 35;
}
.subsystem-jkh__col5row35 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 35;
  grid-row: 35;
}
.subsystem-jkh__col6row35 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 35;
  grid-row: 35;
}
.subsystem-jkh__col1row36 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 36;
  grid-row: 36;
}
.subsystem-jkh__col2row36 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 36;
  grid-row: 36;
}
.subsystem-jkh__col3row36 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 36;
  grid-row: 36;
}
.subsystem-jkh__col4row36 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 36;
  grid-row: 36;
}
.subsystem-jkh__col5row36 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 36;
  grid-row: 36;
}
.subsystem-jkh__col6row36 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 36;
  grid-row: 36;
}
.subsystem-jkh__col1row37 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 37;
  grid-row: 37;
}
.subsystem-jkh__col2row37 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 37;
  grid-row: 37;
}
.subsystem-jkh__col3row37 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 37;
  grid-row: 37;
}
.subsystem-jkh__col4row37 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 37;
  grid-row: 37;
}
.subsystem-jkh__col5row37 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 37;
  grid-row: 37;
}
.subsystem-jkh__col6row37 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 37;
  grid-row: 37;
}
.subsystem-jkh__col1row38 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 38;
  grid-row: 38;
}
.subsystem-jkh__col2row38 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 38;
  grid-row: 38;
}
.subsystem-jkh__col3row38 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 38;
  grid-row: 38;
}
.subsystem-jkh__col4row38 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 38;
  grid-row: 38;
}
.subsystem-jkh__col5row38 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 38;
  grid-row: 38;
}
.subsystem-jkh__col6row38 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 38;
  grid-row: 38;
}
.subsystem-jkh__col1row39 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 39;
  grid-row: 39;
}
.subsystem-jkh__col2row39 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 39;
  grid-row: 39;
}
.subsystem-jkh__col3row39 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 39;
  grid-row: 39;
}
.subsystem-jkh__col4row39 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 39;
  grid-row: 39;
}
.subsystem-jkh__col5row39 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 39;
  grid-row: 39;
}
.subsystem-jkh__col6row39 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 39;
  grid-row: 39;
}
.subsystem-jkh__col1row40 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 40;
  grid-row: 40;
}
.subsystem-jkh__col2row40 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 40;
  grid-row: 40;
}
.subsystem-jkh__col3row40 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 40;
  grid-row: 40;
}
.subsystem-jkh__col4row40 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 40;
  grid-row: 40;
}
.subsystem-jkh__col5row40 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 40;
  grid-row: 40;
}
.subsystem-jkh__col6row40 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 40;
  grid-row: 40;
}
.subsystem-jkh__col1row41 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 41;
  grid-row: 41;
}
.subsystem-jkh__col2row41 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 41;
  grid-row: 41;
}
.subsystem-jkh__col3row41 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 41;
  grid-row: 41;
}
.subsystem-jkh__col4row41 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 41;
  grid-row: 41;
}
.subsystem-jkh__col5row41 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 41;
  grid-row: 41;
}
.subsystem-jkh__col6row41 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 41;
  grid-row: 41;
}
.subsystem-jkh__col1row42 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 42;
  grid-row: 42;
}
.subsystem-jkh__col2row42 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 42;
  grid-row: 42;
}
.subsystem-jkh__col3row42 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 42;
  grid-row: 42;
}
.subsystem-jkh__col4row42 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 42;
  grid-row: 42;
}
.subsystem-jkh__col5row42 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 42;
  grid-row: 42;
}
.subsystem-jkh__col6row42 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 42;
  grid-row: 42;
}
.subsystem-jkh__col1row43 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 43;
  grid-row: 43;
}
.subsystem-jkh__col2row43 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 43;
  grid-row: 43;
}
.subsystem-jkh__col3row43 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 43;
  grid-row: 43;
}
.subsystem-jkh__col4row43 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 43;
  grid-row: 43;
}
.subsystem-jkh__col5row43 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 43;
  grid-row: 43;
}
.subsystem-jkh__col6row43 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 43;
  grid-row: 43;
}
.subsystem-jkh__col1row44 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 44;
  grid-row: 44;
}
.subsystem-jkh__col2row44 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 44;
  grid-row: 44;
}
.subsystem-jkh__col3row44 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 44;
  grid-row: 44;
}
.subsystem-jkh__col4row44 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 44;
  grid-row: 44;
}
.subsystem-jkh__col5row44 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 44;
  grid-row: 44;
}
.subsystem-jkh__col6row44 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 44;
  grid-row: 44;
}
.subsystem-jkh__col1row45 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 45;
  grid-row: 45;
}
.subsystem-jkh__col2row45 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 45;
  grid-row: 45;
}
.subsystem-jkh__col3row45 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 45;
  grid-row: 45;
}
.subsystem-jkh__col4row45 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 45;
  grid-row: 45;
}
.subsystem-jkh__col5row45 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 45;
  grid-row: 45;
}
.subsystem-jkh__col6row45 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 45;
  grid-row: 45;
}
.subsystem-jkh__col1row46 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 46;
  grid-row: 46;
}
.subsystem-jkh__col2row46 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 46;
  grid-row: 46;
}
.subsystem-jkh__col3row46 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 46;
  grid-row: 46;
}
.subsystem-jkh__col4row46 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 46;
  grid-row: 46;
}
.subsystem-jkh__col5row46 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 46;
  grid-row: 46;
}
.subsystem-jkh__col6row46 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 46;
  grid-row: 46;
}
.subsystem-jkh__col1row47 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 47;
  grid-row: 47;
}
.subsystem-jkh__col2row47 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 47;
  grid-row: 47;
}
.subsystem-jkh__col3row47 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 47;
  grid-row: 47;
}
.subsystem-jkh__col4row47 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 47;
  grid-row: 47;
}
.subsystem-jkh__col5row47 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 47;
  grid-row: 47;
}
.subsystem-jkh__col6row47 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 47;
  grid-row: 47;
}
.subsystem-jkh__col1row48 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 48;
  grid-row: 48;
}
.subsystem-jkh__col2row48 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 48;
  grid-row: 48;
}
.subsystem-jkh__col3row48 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 48;
  grid-row: 48;
}
.subsystem-jkh__col4row48 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 48;
  grid-row: 48;
}
.subsystem-jkh__col5row48 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 48;
  grid-row: 48;
}
.subsystem-jkh__col6row48 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 48;
  grid-row: 48;
}
.subsystem-jkh__col1row49 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 49;
  grid-row: 49;
}
.subsystem-jkh__col2row49 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 49;
  grid-row: 49;
}
.subsystem-jkh__col3row49 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 49;
  grid-row: 49;
}
.subsystem-jkh__col4row49 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 49;
  grid-row: 49;
}
.subsystem-jkh__col5row49 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 49;
  grid-row: 49;
}
.subsystem-jkh__col6row49 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 49;
  grid-row: 49;
}
.subsystem-jkh__col1row50 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 50;
  grid-row: 50;
}
.subsystem-jkh__col2row50 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 50;
  grid-row: 50;
}
.subsystem-jkh__col3row50 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 50;
  grid-row: 50;
}
.subsystem-jkh__col4row50 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 50;
  grid-row: 50;
}
.subsystem-jkh__col5row50 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 50;
  grid-row: 50;
}
.subsystem-jkh__col6row50 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 50;
  grid-row: 50;
}
.subsystem-jkh__col1row51 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 51;
  grid-row: 51;
}
.subsystem-jkh__col2row51 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 51;
  grid-row: 51;
}
.subsystem-jkh__col3row51 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 51;
  grid-row: 51;
}
.subsystem-jkh__col4row51 {
  -ms-grid-column: 4;
  grid-column: 4;
  -ms-grid-row: 51;
  grid-row: 51;
}
.subsystem-jkh__col5row51 {
  -ms-grid-column: 5;
  grid-column: 5;
  -ms-grid-row: 51;
  grid-row: 51;
}
.subsystem-jkh__col6row51 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 51;
  grid-row: 51;
}
.subsystem-jkh__title-col1row52 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / span 6;
  -ms-grid-row: 52;
  grid-row: 52;
}
.subsystem-jkh__col1row53 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 53;
  grid-row: 53;
}
.subsystem-jkh__col2row53 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 53;
  grid-row: 53;
}
.subsystem-jkh__col3row53 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-column: 3 / span 3;
  -ms-grid-row: 53;
  grid-row: 53;
}
.subsystem-jkh__col6row53 {
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 53;
  grid-row: 53;
}
/*its */
.its-wrap button {
  font-size: 16px;
}

.its-head {
  background: url('/jsk/its/its_img/its-head.png') no-repeat top right;
  background-color: rgba(222, 245, 248, 0.5);
  padding: 70px 45px;
  text-align: left;
  color: #000;
}
.its-head > h1 {
  color: #000;
  font-size: 32px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 50px;
}
.its-head > p {
  font-size: 18px;
  margin-bottom: 50px;
  line-height: 32px;
  max-width: 710px;
}
.its-head-btns {
  display: flex;
}
/*  */
.its-h__btn1 {
  color: #fff;
  background-color: #39b54a;
  border-radius: 10px;
  width: 250px;
  height: 50px;
  border: 1px solid #39b54a;
  outline: none;
  margin-right: 25px;
  padding: 6px 10px;
  cursor: pointer;
}
.its-h__btn1:hover {
  background-color: transparent;
  color: #2ea73f;
}
.its-h__btn2 {
  background-color: #fff9f4;
  color: #39b54a;
  border-radius: 10px;
  width: 330px;
  height: 50px;
  border: 1px solid #39b54a;
  outline: none;
  padding: 6px 10px;
  cursor: pointer;
}
.its-h__btn2:hover {
  color: #fff;
  background-color: #2ea73f;
}

.btn-choose {
  background-color: #39b54a;
  width: 350px;
  margin-right: 0;
  cursor: pointer;
}
/*  */
.its-panel {
  padding: 40px 40px 50px 40px;
}
.its-panel > span {
  font-size: 20px;
  display: block;
  margin-bottom: 24px;
}
.its-panel-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}
.its-panel-wrap > a {
  color: #000;
  font-size: 18px;
  border: 1px solid #e9e5e5;
  border-radius: 5px;
  padding: 12px 45px;
  display: flex;
  align-items: center;
}
.its-panel-icon {
  margin-right: 15px;
}
/*  */
.its-gift {
  background-color: rgba(222, 245, 248, 0.5);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 15px;
}
.its-gift-main {
  display: flex;
  align-items: center;
  position: relative;
}

.its-gift-body {
  display: flex;
  align-items: center;
  position: relative;
}

.its-gift-main > img {
  margin-right: 35px;
}
.its-gift-body > p {
  max-width: 510px;
  margin-right: 70px;
}
@media (max-width: 767.98px) {
  .its-gift-body {
    flex-direction: column;
    line-height: 2;
    margin-left: 30px;
  }
}
.its-gift-main::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -40px;
  height: 2px;
  width: 460px;
  background-color: #3c6b9b;
}
.its-btn {
  color: #fff;
  background-color: #39b54a;
  border-radius: 10px;
  border: 1px solid #39b54a;
  outline: none;
  width: 200px;
  height: 40px;
  padding: 6px 10px;
  margin: 6px 10px;
  cursor: pointer;
}
.its-btn:hover {
  background-color: transparent;
  color: #2ea73f;
}

/*  */
.its-1steps {
  padding: 30px 42px;
  font-size: 18px;
  margin-bottom: 10px;
}
.its-1steps > span {
  display: block;
  font-size: 20px;
  margin-bottom: 24px;
}
/*  */
.its-choose {
  background-color: #3c6b9b;
  padding: 50px 28px;
  height: 200px;
}
.its-choose > p {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px;
  margin-left: 27px;
}
.its-choose-list {
  background-color: #fff9f4;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  padding: 10px 20px;
  outline-color: #ff872b;
  width: 100%;
}
.its-choose-list > option {
  padding: 10px 0;
}

.its-choose-item {
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  padding: 50px 15px 10px 15px;
  background-color: #fff;
  margin: -70px 20px 0 20px;
}
/*.its-choose-item p {
  padding: 0 25px;
}*/

@media (min-width: 992px) and (max-width: 1200px) {
  .its-head {
    padding: 45px 15px;
  }

  .its-program {
    width: 273px !important;
    height: 350px !important;
  }
  .its-program-body hr {
    width: 190px !important;
  }

  .its-program-body > p {
    margin: 5px 0 15px !important;
  }
  .its-program-body {
    padding: 20px 5px 15px;
  }

  #work table tbody td {
    padding: 4px;
  }
}

@media (max-width: 991px) {
  .its-head {
    padding: 45px 15px;
  }

  .its-program {
    width: 273px !important;
    height: 350px !important;
  }
  .its-program-body hr {
    width: 190px !important;
  }

  .its-program-body > p {
    margin: 5px 0 15px !important;
  }
  .its-program-body {
    padding: 20px 5px 15px;
  }
  /*.its-program1 {
    width: 290px !important;
    height: 280px !important;
  }*/

  #work table tbody td {
    padding: 4px;
  }
  .its-panel {
    padding: 40px 15px;
  }
  /*.its-gift-main::after {
    left: -29px;
  }*/
}

@media (max-width: 500px) {
  .its-program {
    width: 300px !important;
  }

  .its-program1 {
    width: 300px !important;
  }
  .its-choose-item p {
    padding: 0;
  }
  .its-h3-line {
    border: none !important;
    /*margin: 20px 0 !important;*/
  }
  .its-h3-line > h3 {
    position: initial !important;
    transform: none !important;
  }

  .its-choose-ul {
    display: grid;
    grid-template-columns: 1fr !important;
  }

  .its-faq-content {
    max-height: 600px;
  }

  .product-table-its p {
    font-size: 12px !important;
  }
}

.its-h3-line {
  margin: 50px 0 40px 0;
  border-top: 1px solid #000;
  position: relative;
}
.its-h3-line {
  margin-top: 70px;
}
.its-h3-line > h3 {
  position: absolute;
  top: -44px;
  left: 50%;
  background-color: #fff;
  padding: 0 15px;
  transform: translateX(-50%);
  text-align: center;
  font-weight: 600;
}

.its-choose-item-services {
  display: grid;
  grid-template-columns: 0.85fr 1fr;
  grid-gap: 25px;
  margin-bottom: 20px;
}
.its-choose-item__serv {
  display: flex;
  align-items: center;
}
.its-choose-item__serv > img {
  margin-right: 10px;
}
.its-choose-item__serv p:last-child {
  font-size: 14px;
  line-height: 1.3;
}
/*  */
.its-wrap-programs {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0 5px;
}
.its-program0 {
  width: 350px;
  min-height: 255px;
  height: 100% !important;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  text-align: center;
  margin: 0 5px 30px;
}
.its-program1 {
  width: 350px;
  min-height: 240px;
  height: 100% !important;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  text-align: center;
  margin: 0 5px 30px;
}
.its-program2 {
  width: 350px;
  height: 290px;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  text-align: center;
  margin: 0 5px 30px;
}

.its-program {
  width: 350px;
  height: 330px;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  text-align: center;
  margin: 0 5px 30px;
}
.its-program-head {
  background-color: #3c6b9b;
  border-radius: 10px 10px 0 0;
  padding: 15px;
  color: #fff;
}
.its-program-head > p {
  font-size: 20px;
  margin-bottom: 6px;
  color: #fff;
}
.its-program-body {
  padding: 35px 5px 15px;
}
.its-program-body > b {
  font-size: 20px;
}
.its-program-body > p {
  margin: 5px 0 30px;
  font-style: italic;
  font-size: 14px;
}
/*  */
.its-choose-strip {
  background: linear-gradient(
    90.9deg,
    #9ac2f9 10.77%,
    rgba(222, 245, 248, 0.5) 49.36%,
    #5a8eff 78.74%
  );
  padding: 30px 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.its-choose-strip > p {
  max-width: 730px;
  margin-bottom: 25px;
  font-size: 20px;
}
/*  */
.its-choose-ul {
  display: grid;
  grid-template-columns: 0.92fr 1fr;
  /*margin-bottom: 40px;*/
  padding-left: 10px !important;
  padding-top: 10px;
}
.its-choose-ul > li::before {
  content: none !important;
}
.its-choose-ul > li {
  list-style-type: '- ';
  margin: 5px 0 !important;
}
.its-choose-item .its-choose-ul-head {
  margin-bottom: 30px;
}
/* its dropdown list asd */

.its-dropdown dt a span {
  cursor: pointer;
  display: block;
  padding: 9px 25px;
  /*white-space: nowrap;*/
  font-weight: 300;
  font-style: italic;
  color: #666666;
  background-color: #eefafb;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
}

.its-dropdown dd {
  position: relative;
  margin-inline-start: 0;
}

.its-dropdown a,
.its-dropdown a:visited {
  color: #4a535f;
  text-decoration: none;
  outline: none;
}

.its-dropdown a:hover {
  color: #5d4617;
}

.its-dropdown dt a:hover,
.its-dropdown dt a:focus {
  color: #5d4617;
}

.its-dropdown dt a {
  position: relative;
  background: #e3e6ef;
  display: block;
  overflow: hidden;
  border-radius: 5px;
}

.its-dropdown dt a:before {
  content: '';
  position: absolute;
  right: 14px;
  top: 18px;
  z-index: 2;
  border-width: 8px 8px 0 8px;
  border-color: #3c6b9b transparent transparent transparent;
  border-style: solid;
}

.its-dropdown dd ul {
  background: #eefafb;

  color: #c5c0b0;
  display: none;
  padding: 0 !important;
  margin: 0;
  position: absolute;

  width: 100%;
  z-index: 2;
  border: 1px solid #c4c4c4;
  top: 1px;
}
.its-dropdown dd ul li::before {
  content: none !important;
}

.its-dropdown span.value {
  display: none;
}
.its-dropdown dd ul li {
  margin: 7px 0 !important;
  list-style-type: none;
}
.its-dropdown dd ul li a {
  padding: 5px 20px;
  display: block;
  border-bottom: none !important;
}

.its-dropdown dd ul li a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

dl.its-dropdown dt span:nth-child(3) {
  display: none;
}

dl.its-dropdown {
  margin-top: -90px;
  padding: 0 53px;
  /*position: absolute;*/
  width: 100%;
  margin-bottom: 50px;
}

.its-choose-item {
  display: none;
}
.its-choose > p {
  color: #fff;
}

.its-choose-item.active-asd {
  display: block;
}
/* /its dropdown list asd */

.its-faq {
  padding: 30px 42px;
  margin-top: 20px;
  margin-bottom: 25px;
  font-size: 18px;
}
.its-faq-accordion {
  position: relative;
  margin-top: 25px;
  /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); */
}

#its-faq-checkbox-1,
#its-faq-checkbox-2,
#its-faq-checkbox-3,
#its-faq-checkbox-4 {
  display: none;
}

.its-faq-checkbox {
  position: relative;
  display: block;
  width: 100%;
  margin: -2px;
  padding: 10px 20px;
  cursor: pointer;
  border: 1px solid #c4c4c4;
  font-size: 18px;
  font-weight: 300;
}

.its-faq-checkbox span {
  position: absolute;
  display: inline-block;
  right: 20px;
  top: 0px;
  color: #c4c4c4;
  transition: 0.5s;
  font-size: 30px;
}

#its-faq-checkbox-1:checked ~ .its-faq-checkbox span,
#its-faq-checkbox-2:checked ~ .its-faq-checkbox span,
#its-faq-checkbox-3:checked ~ .its-faq-checkbox span,
#its-faq-checkbox-4:checked ~ .its-faq-checkbox span {
  transform: rotate(-45deg);
}

.its-faq-content {
  position: relative;
  max-height: 1px;
  padding: 0;
  overflow-y: hidden;
  font-size: 16px;
  line-height: 1.7;
  transition: 0.8s;
  border-left: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  margin-left: -2px;
  margin-right: 2px;
}

.its-faq-content h3 {
  margin: 30px 0 15px 30px;
}

.its-faq-content p {
  margin: 20px;
}

#its-faq-checkbox-1:checked ~ .its-faq-checkbox,
#its-faq-checkbox-2:checked ~ .its-faq-checkbox,
#its-faq-checkbox-3:checked ~ .its-faq-checkbox,
#its-faq-checkbox-4:checked ~ .its-faq-checkbox {
  font-weight: 600 !important;
}

#its-faq-checkbox-1:checked ~ .its-faq-content,
#its-faq-checkbox-2:checked ~ .its-faq-content,
#its-faq-checkbox-3:checked ~ .its-faq-content,
#its-faq-checkbox-4:checked ~ .its-faq-content {
  max-height: 500px;
  transition: 0.8s;
}
#its-faq-checkbox-4:checked ~ .its-faq-content {
  border-bottom: 1px solid #c4c4c4;
}

.its-bot-line::after {
  content: '';
  position: absolute;
  /*height: 1px;*/
  width: 100%;
  background-color: #c4c4c4;
}

.product-table-its {
  width: 90% !important;
  margin: 0 auto;
  border: 1px solid #c4c4c4;
}
.product-table-its th {
  background-color: #3c6b9b !important;
  color: #fff !important;
}

.product-table-its p {
  font-size: 14px;
  margin: 0;
}

/*  */

.its-contact {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background-color: rgba(222, 245, 248, 0.5);
  border-top: 1px solid #3c6b9b;
  border-bottom: 1px solid #3c6b9b;
  padding-right: 5px;
}
.its-contact-wrap {
  display: flex;
}
.its-contact-wrap > p {
  max-width: 490px;
  padding: 5px 10px;
  font-weight: 400;
  margin-right: 50px;
  line-height: 1.7;
}
@media (max-width: 1200px) {
  .its-program2 {
    height: 285px;
  }
}
@media (min-width: 1024px) {
  .its-faq-content {
    line-height: 30px;
  }
  .table-its p {
    line-height: 1.7;
  }
}

@media (max-width: 1024px) {
  .its-gift-main::after {
    left: -17px;
  }
  .exist > h3 {
    right: -13%;
  }
  .its-gift-body > p {
    margin-right: 14px;
  }
  .its-program0 {
	min-height: 290px;
  }
  .its-program2 {
    height: 325px;
  }
}

@media (max-width: 991.98px) {
  .its-wrap-programs {
    flex-wrap: wrap;
  }
  .its-gift-main > img {
    margin-right: 40px;
  }
  .its-gift-body {
    margin-left: 30px;
  }
  .its-gift-body > p {
    margin-bottom: 30px;
  }
  .its-program2 {
    height: 270px;
  }
}

@media (min-width: 767.97px) and (max-width: 882px) {
  .its-gift-main > img {
    margin-right: 40px;
  }
  .its-gift-body {
    margin-left: 39px;
  }
  .its-gift-body > p {
    margin-bottom: 30px;
    margin-right: 0;
  }
  .its-contact-wrap > p {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .its-head-btns {
    flex-wrap: wrap;
  }
  .its-h__btn1 {
    margin-bottom: 20px;
  }
  .its-contact-wrap {
    flex-direction: column;
    line-height: 2;
    margin-left: 30px;
  }
  .its-panel-wrap {
    grid-template-columns: 1fr;
    max-width: 350px;
    margin: auto;
  }
  .its-choose-item-services {
    grid-template-columns: 1fr;
  }
  .its-gift-body > p {
    margin-bottom: 5px;
    margin-left: 11px;
    margin-right: 0;
  }
  .its-gift-main {
    margin-top: 90px;
  }
  .its-gift-body {
    align-items: flex-start;
  }
  .its-contact-wrap > p {
    max-width: 445px;
  }
  .its-h3-line > h3 {
    right: -16%;
    line-height: 1.5;
    top: -42px;
    height: 52px !important;
  }
  .its-choose-strip {
    padding: 30px 10px 0 10px;
  }
}

@media (max-width: 684px) {
  .its-btn {
    margin: 6px 0 6px -50px;
  }
  .its-gift-body > p {
    margin-left: -49px;
  }
  .its-h3-line {
    margin-top: 45px;
  }
  .exist {
    margin-top: 60px;
  }
  .its-dropdown dt a span {
    padding: 9px 18px;
  }
  .its-head {
    background: url('/jsk/its/its_img/its-head-mob.png') no-repeat top right;
    background-color: rgba(222, 245, 248, 0.2);
    padding: 70px 45px;
    text-align: left;
    color: #000;
  }
}
@media (max-width: 667px) {
  .its-gift-body {
    margin-left: 26px;
  }
  .its-btn {
    margin: 4px 0 6px -70px;
  }
  .its-gift-body > p {
    margin-left: -70px;
  }
}
@media (min-height: 550px) and (max-width: 649.98px) {
  .its-head {
    padding: 70px 25px;
  }
  .its-gift {
    flex-direction: column-reverse;
  }
  .its-gift-main {
    margin-top: -43px;
  }
  .its-gift-main > img {
    margin-right: 243px;
    margin-left: -20px;
  }
  .its-gift-body {
    align-items: flex-start;
  }
  .its-gift-body > p {
    font-size: 18px;
    text-align: center;
  }
  .btn-gift {
    margin: 36px 0px 0 200px;
  }
}
@media (max-width: 521px) {
  .its-gift-main {
	  display:none;
  }
  .its-gift-main::after {
    width: 100%;
  }
  .its-1steps {
    padding: 30px 25px;
  }
}
@media (min-width: 499.98px) and (max-width: 582px) {
  #its-faq-checkbox-4:checked ~ .its-faq-content {
    max-height: 600px;
  }

  dl.its-dropdown {
    padding: 0px 30px;
    margin-top: -100px;
  }
  .its-choose-item {
    margin: -65px 7px 0 7px;
  }

  .its-choose > p {
    margin-bottom: 4px;
    margin-left: 2px;
  }
}
@media (max-width: 549.98px) {
  .btn-gift {
    margin: 36px 0px 0 163px;
  }
}

@media (max-width: 446.98px) {
  .its-gift-body {
    margin-left: 0;
  }
  .its-gift-body > p {
    margin-right: 0;
    margin-left: 0;
  }
  .btn-gift {
    margin: 36px 0px 0 150px;
    width: 180px;
  }
  .its-h__btn1 {
    width: 220px;
    margin-right: 0;
    padding: 3px 10px;
  }
  .its-btn {
    padding: 0;
  }
}
#its-faq-checkbox-2:checked ~ .its-faq-content {
  max-height: 700px;
}

@media (max-width: 419.98px) {
  #its-faq-checkbox-2:checked ~ .its-faq-content {
    max-height: 900px;
  }
  #its-faq-checkbox-3:checked ~ .its-faq-content {
    max-height: 800px;
  }
  #its-faq-checkbox-4:checked ~ .its-faq-content {
    max-height: 555px;
  }
  .its-faq-checkbox {
    padding: 10px 15px;
  }
  .its-h__btn2 {
    width: 265px !important;
  }
  .its-faq-content p {
    margin: 10px;
  }
  .its-faq {
    padding: 30px 21px;
    font-size: 18px;
  }
  #work table tbody td p {
    padding: 0 !important;
    margin: 0;
  }
  #work table thead th {
    padding: 0px;
  }
  #work table th {
    padding: 0px;
  }
  .product-table-its p {
    font-size: 10px !important;
  }

  dl.its-dropdown {
    padding: 0px 15px;
    margin-top: -106px;
  }
  .its-choose-item {
    margin: -85px 0;
    /*padding: 50px 0px;*/
  }
  .its-choose > p {
    margin-bottom: 20px;
    margin-left: 0px;
  }

  .its-gift-main::after {
    left: -15px;
  }
  .its-panel {
    padding: 40px 25px;
  }

  .its-dropdown dt a span {
    padding: 9px 25px 9px 9px;
  }
  .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .its-choose-strip {
    /*width: 100vw;*/
    margin-left: -15px;
    margin-right: -15px;
  }
  .btn-choose {
    width: 315px;
    margin-top: 16px;
    margin-bottom: 0;
  }
  .its-choose-item.active-asd {
    margin-bottom: 24px;
  }
  .its-gift-main > img {
    margin-left: -9px;
  }
  .bg-white h3 {
    height: 52px !important;
  }
  .its-h3-line > h3 {
    line-height: 1.5;
  }
  .its-faq-checkbox span {
    right: 10px;
  }
  .its-wrap-programs {
    padding: 15px 0 5px;
  }
}

/* /its asd */
.menu__item-link.has-sub::before {
  content: '';
  position: absolute;
  right: -28px;
  top: calc(50% - 8px);
  width: 20px;
  height: 20px;
  background-image: url(/bitrix/templates/vgkh/img/arrow-down.svg);
}

.hidden {
    display: none !important;
}

/* improvements foe slider*/
#bx_3218110189_12023094 .hslider__info {
	margin-top: 50px;
    padding: 0;
	width: 40%;
}
#bx_3218110189_12023094 .hslider__info-text p {
	font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
}
#bx_3218110189_12023094 .hslider__list {
	margin-top: 20px;
    padding: 0;
}
#bx_3218110189_12023094 .hslider__list-item {
	padding-left: 38px;
	background-image: url(/bitrix/templates/vgkh/img/ul-vector.png);
}
#bx_3218110189_12023094 .hslider__info-text {
    font-weight: 400;
	margin-bottom: 15px;
    display: block;
}
#bx_3218110189_12023094 .hslider__info-text b {
	font-weight: 400;
    color: #39B54A;
}
#bx_3218110189_12023094 .hslider__div {
	width: 60%;
}
#bx_3218110189_12023094 .hslider__img img {
	position: relative;
    top: 0;
}
#bx_3218110189_12023094 .btn-green {
	margin-top: 5px;
    height: 50px;
    padding: 15px 25px;
    font-weight: 400;
    font-size: 16px;
}
.hslider__buttons {
	display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.hslider__learn-more {
	color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    text-decoration-line: underline;
}

/* redesign by task � 44285 */

.available_reports {
	display: flex;
    justify-content: flex-start;
}
.available_reports div {
	width: 50%;
}
.available_reports a {
	text-decoration: underline;
}
.banner_otchet {
	margin: 40px 0;
	cursor: pointer;
}
.banner_otchet img {
	display: block;
    margin: 0 auto;
}
@media (min-width: 992px) {
	
	.banner_otchet .banner_otchet_mobile {
		display:none;
	}
	
}
@media (max-width: 992px) {
	
	.banner_otchet .banner_otchet_desktop {
		display:none;
	}
	
}
.accrual_report_list {
	margin-top: 25px;
	padding-inline-start: 25px;	
}
.accrual_report_list a {
	text-decoration: underline;
}
.accrual_report_list li p {
	margin-bottom: 20px;
}
.accrual_report_list img {
	border: 1px solid #c1c1c1;
    display: block;
}
.otchety_btn_green {
	margin-top: 45px;
	margin-bottom: 45px;
}
.otchety_btn_green a {
	cursor: pointer;
}
.otchety_btn_green .btn_green_new_open {
	margin-top: 0 !important;
	box-shadow: none !important;
}
.otchety_btn_green .product_page_btn {
	position: relative;
	border-radius: 10px;
    border: 2px solid #39b44b54;
    color: #39B54A;
    padding: 10px 20px;
    font-weight: bold;
	text-align: center;
}
.otchety_btn_green .product_page_btn span {
	width: 29px;
    height: 29px;
	position: absolute;
    top: 0;
    right: -15px;
    display: block;
    background-image: url(/bitrix/templates/vgkh/img/fluent_cursor-click-20-regular.svg);
}
.h3_otchet {
	margin-top: 35px;
}
.h3_otchet a {
	color: #000000;
	/*padding-top: 100px;*/
}
.btn_legend {
	display: flex;
    align-items: center;
	justify-content: space-around;
}
.btn_legend p {
	font-weight: 600;
	font-size: 18px;
}
@media (max-width: 992px) {
	
	.btn_legend {
		flex-direction: column;
	}
	
}
.bg_section {
	background-color: #FFFCE7;
}
.bottom_substrate {
    padding: 50px 0;
}
.bottom_iblock_element {
	margin-top: 20px;
}
.bottom_iblock_element ul {
	padding-inline-start: 30px;
    line-height: 155%;
	text-decoration: underline;
}
.p_accounts_cont ul {
	padding-inline-start: 23px;
}
.p_accounts_cont li {
	padding: 15px 0;
}

/* redesign by task � 44830 (videoip) */

.section_banner_videoip {
	display: flex;
    justify-content: flex-start;
}
.banner_desktop {
	background-image: url(/jsk/site_jkh/modul-videonablyudeniya/banner_desktop.png);
	background-size: cover;
	width: 1440px;
	height: 370px;
	margin: 0 auto;
	display: flex;
    justify-content: flex-end;
	align-items: center;
}
.banner_desktop_text {
	width: 650px;
	text-shadow: 2px 2px 2px #000;
}
.banner_text_top {
	text-align: center;
}
.banner_desktop_text h2 {
	color: #fff;
    font-weight: 600;
    font-size: 36px;
    text-transform: uppercase;
}
.banner_desktop_text p {
	color: #fff;
    font-weight: 400;
    font-size: 17px;
}
.banner_desktop_text .banner_text_bottom {
	display: flex;
    align-items: center;
    justify-content: space-around;
}
.section_banner_videoip .banner_mobile {
	background-image: url(/jsk/site_jkh/modul-videonablyudeniya/banner_videoip_mobile.png);
	background-size: cover;
	width: 375px;
	height: 393px;
}
.section_body_videoip p {
	font-weight: 400;
	font-size: 18px;
}
.section_body_videoip .body_videoip_title {
	text-align: center;
	margin-top: 70px;
	font-size: 18px;
}
.body_videoip_container {
	margin: 50px 0;
}
.videoip_container_left {
	background-image: url(/jsk/site_jkh/modul-videonablyudeniya/videoip_container_left.svg);
	background-size: cover;
}
.videoip_container_right {
	margin-top: 30px;
}
.videoip_list {
	margin-top: 25px;
}
.videoip_list ul {
	padding-left: 30px;
    font-weight: 400;
    font-size: 18px;
    line-height: 155%;
}
.videoip_container_btn {
	margin-top: 50px;
}
.videoip_container_btn .btn_left {
	margin-right: 25px;
}
.videoip_container_btn .btn_left .btn_green_new_open {
	margin-top: 0 !important;
	box-shadow: none !important;
	padding: 0 15px;
}
.videoip_container_btn .btn_demo {
	width: 100%;
    max-width: 250px;
    height: 45px;
    color: #000;
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 10px;
	display: block;
	line-height: 145%;
}

.videoip_container_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: raw;
}
.videoip_container_btn .btn_reght {
	margin-top: 20px;
}
@media (min-width: 1200px) {
	
	.body_videoip_container {
		display: flex;
		justify-content: center;
	}
	.videoip_container_left {
		width: 50%;
		height: 400px;
	}
	.videoip_container_right {
		width: 50%;
	}
	
}
@media (max-width: 1199px) {
	
	.videoip_container_left {
		margin: 0 auto;
	}
	
}
@media (min-width: 576px) and (max-width: 1199px) {
	
	.videoip_container_left {
		width: 540px;
		height: 400px;
	}
	
}
@media (min-width: 650px) {
	
	.section_banner_videoip {
		background: -webkit-linear-gradient(90deg, rgb(25, 49, 72), rgb(2, 0, 0));
		background: -moz-linear-gradient(90deg, rgb(25, 49, 72), rgb(2, 0, 0));
		background: linear-gradient(90deg, rgb(25, 49, 72), rgb(2, 0, 0));
	}
	.banner_mobile {
		display: none;
	}
	
}
@media (max-width: 649px) {
	
	.section_banner_videoip {
		background-color: #000;
	}
	.banner_desktop {
		display: none;
	}
	
}
@media (max-width: 576px) {
	
	.videoip_container_btn {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: raw;
	}
	.videoip_container_btn .btn_left .btn_green_new_open {
		max-width: 250px;
		width: 234px;
	}
	.videoip_container_btn .btn_left {
		margin-right: 0;
	}
	
}
@media (min-width: 575px) {
	
	.videoip_container_left {
		width: 375px;
		height: 273px;
	}
	.videoip_container_btn .btn_reght {
		margin-top: 0;
	}

}
/* ������� ������� ��� ���. ������ */
@media (max-width: 767px) {
	.videoip_container_btn .btn_left .btn_green_new_open {
		max-width: 250px;
		width: 234px;
	}
	.videoip_container_btn {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

	}
	.videoip_container_btn .btn_left {
		margin-right: 0;
	}
	section ul {
		padding-left: 20px !important;
	}
	section .container .container__col-2 {
		display: none !important;
	}
	section .container .container__col-8 {
		width: 100% !important;
	}

}
.use_cookie_agreement {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: fit-content;
  background-color: white;
  z-index: 9999999999;
  display: none;
}

.use_cookie_agreement .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  margin: 20px auto;
}

.use_cookie_agreement .use_cookie_agreement__image {
  background-image: url("/bitrix/templates/vgkh/img/cookie.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-width: 30px;
  min-height: 30px;
}

.use_cookie_agreement .use_cookie_agreement__text {
  font-size: 12px;
  margin: 0 32px;
}

.use_cookie_agreement .use_cookie_agreement__button {
  font-size: 12px;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #3F3F3F;
  min-width: 144px;
  cursor: pointer;
}

@media (max-width: 767px) {

  .use_cookie_agreement .container {
    flex-wrap: wrap;
    justify-content: center;
  }
  .use_cookie_agreement .use_cookie_agreement__image {
    display: none;
  }

  .use_cookie_agreement .use_cookie_agreement__text {
    min-width: 100%;
    margin: 0;
  }

  .use_cookie_agreement .use_cookie_agreement__button {
    margin-top: 16px;
    min-width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
/* End */
/* /bitrix/templates/vgkh/css/slick-theme.css?15719898263895 */
/* /bitrix/templates/vgkh/css/slick.css?15066984881729 */
/* /bitrix/templates/vgkh/components/bitrix/form/new_callback/bitrix/form.result.new/.default/style.css?17472243008939 */
/* /bitrix/templates/vgkh/components/bitrix/search.form/search_rform_new/style.css?16546745861437 */
/* /bitrix/templates/vgkh/components/bitrix/menu/top_site_menu_new/style.css?15084029061848 */
/* /bitrix/templates/vgkh/components/bitrix/menu/top_site_mobile_menu/style.css?15367502702076 */
/* /bitrix/templates/vgkh/components/bitrix/breadcrumb/def/style.css?16787858141018 */
/* /bitrix/components/citrus/tszh.product.callback/templates/.default/style.css?1746541090116 */
/* /bitrix/templates/vgkh/components/bitrix/sender.subscribe/vgkh-subscribe-form-new/style.css?15343269274987 */
/* /bitrix/templates/vgkh/components/bitrix/menu/tree_faq/style.css?15790806714525 */
/* /bitrix/templates/vgkh/components/otr/search.form/search_rform_faq/style.css?1540279565419 */
/* /bitrix/templates/vgkh/styles.css?174401854650075 */
/* /bitrix/templates/vgkh/template_styles.css?1743686253206253 */