/* =====================CUSTOM FONTS===================== */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('/bitrix/templates/1488/css/normalize.min.css');

/* =========================VARS==========================*/
:root {
    --deep-blue-color: #1B4E8C;
    --main-blue-color: #1f5ca5;
    --light-blue-color: #9bc6ff;
	--link-hover-color: #3369CC;
    --main-text-color: #2b2b2b;
    --bg-gray-color: #f5f5f5;
    --bg-blue-color: #edf7ff;
    --gold-color: #ffd959;
    --green-color: #4CAF50;
    --margin: 1.6rem;
    --margin-small: 0.8rem;
	--padding:
    var(--margin);
    --padding-small:
    var(--margin-small);
    --gray-border-color: #ccc;
	--border-width: 1px;
    --border-style: solid;
    --border-radius: 0.5rem;
    --border-radius-xl: 1rem;
    --border-radius-pill: 50rem;
}

/* =====================SPRITE===================== */
.icn,
.footer-col .street:before,
.dd-link:after,
.header-search a:after {
	background:url(/bitrix/templates/1488/images/sprite.png);background-repeat: no-repeat;display: inline-block;-webkit-background-size: 54px 120px;background-size: 54px 120px;
}

.footer-col .street:before,
.dd-link:after,
.header-search a:after {
	position: absolute;content: '';
}

.header-search a:after,
.dd-link:after { background-position: -1px -89px; width: 12px; height: 8px; }

.header-search a:hover:after,
.dd-link:hover:after { background-position: -28px -89px;}

.footer-col .street:before { background-position: -14px -98px; width: 12px; height: 17px;left: 0;top: 1px;}
.icn-user{background-position: -1px -57px; width: 19px; height: 19px;vertical-align: top; margin-right: 8px; }
.icn-search{background-position: -1px -37px; width: 19px; height: 19px; }
.icn-close{background-position: -1px -16px; width: 20px; height: 20px; }

a:hover .icn-user{background-position: -28px -57px;}
a:hover .icn-search{background-position: -28px -37px;}

/* =====================Template styles==================== */

html {
	background:#fff;
	font-size: 100%; /*16px*/
	scroll-behavior:smooth;
}
html, body {
	color:var(--main-text-color);
	height:100%;
	min-height:100%;
	min-width:300px;
	font-family: 'Open Sans', sans-serif;
	line-height:1.75;
	font-weight: 400;
	display:flex;
	flex-direction: column;
}


/* =====================TYPOGRAPHY===================== */
p{
	margin-bottom: 1rem;
}
p:first-child{
	margin-top: 0;
}
p:last-child{
	margin-bottom: 0;
}
p.center {
	text-align: center;
}
p.margin-top{
	margin-top: 2em;
}

h1, h2, h3, h4, h5 {
	margin: 2rem 0 1.28rem;
	padding-bottom: 1rem;
	line-height: 1.3;
	border-bottom: var(--border-width) var(--border-style) var(--gray-border-color);
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{
	margin-top: 1rem;
}

h1 {
	margin-top: 0;
	font-size: 2.488rem;
	font-weight: 500 !important;
}
h1.PageTitle{
	margin: 0 0 var(--margin-small) 0 !important;
	flex-basis: 100%;
}
h2 {font-size: 2.074rem; font-weight: 600 !important;}
h3 {font-size: 1.728rem; font-weight: 700 !important;}
h4 {font-size: 1.44rem;  font-weight: 700 !important;}
h5 {font-size: 1.2rem;   font-weight: 700 !important;}
h6 {font-size: 1rem;     font-weight: 700 !important;}

small, .text_small {font-size: 0.82rem;}

a, 
input, 
textarea, 
button{
	outline: none !important
}
a {
	color: var(--main-blue-color);
	text-decoration: none;
	}
a:hover, 
a:focus {
	color: var(--link-hover-color);
	text-decoration: underline;
}

/* =====================Make a text at the work area same. ===================== */

.work_area h6:not(.resetfont *, .resetfont), .work_area h6 *:not(.resetfont *, .resetfont) {
	font-size:1rem !important;
}
.work_area h5:not(.resetfont *, .resetfont), .work_area h5 *:not(.resetfont *, .resetfont) {
	font-size:1.2rem !important;
}
.work_area h4:not(.resetfont *, .resetfont), .work_area h4 *:not(.resetfont *, .resetfont) {
	font-size:1.44rem !important;
}
.work_area h3:not(.resetfont *, .resetfont), .work_area h3 *:not(.resetfont *, .resetfont) {
	font-size:1.728rem !important;
}
.work_area h2:not(.resetfont *, .resetfont), .work_area h2 *:not(.resetfont *, .resetfont) {
	font-size: 2.074rem !important;
}
.work_area h1:not(.resetfont *, .resetfont), .work_area h1 *:not(.resetfont *, .resetfont) {
	font-size: 2.488rem !important;
}
.work_area * {
	font-family:'open sans', sans-serif, VideoJS !important; font-size: 1rem !important;
}


/* ========================================== */


/*Quotes styles*/
.work_area blockquote, .work_area blockquote *, 
.work_area q,          .work_area q *, 
.work_area i,          .work_area i *, 
.work_area cite,       .work_area cite * {
	font-size: 1.05rem !important;
}


q, i, cite, blockquote {font-size: 1.05rem;}
cite {font-weight:700;}

blockquote, q {
	font-style: italic;
	background: var(--bg-gray-color);
	margin: 15px 5px 15px 50px;
	border-left: var(--border-width) var(--border-style) var(--main-blue-color);
	line-height: 1.6rem;
	position: relative;
	text-align: right;
	display: inline-block;
}
q {
	padding: 7px 6px;
}
blockquote {
	padding: 20px;
	min-width: 84%;
	width: -webkit-fill-available;
	width: -moz-available;
	width: fill-available;
}

blockquote p {
   margin: 0;
}

q:before, blockquote:before {
   content: "\f10d";
   font-family: FontAwesome;
   position: absolute;
   left: -40px;
   top: 2px;
   color: var(--main-blue-color);
   font-size: 1.4rem;
}
/*End of quotes styles*/


/* =====================Tables===================== */
main table {
    border-radius: var(--border-radius);
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
}
main table th, 
main table td {
    padding: 5px 10px;
    border: none;
    border: var(--border-width) var(--border-style) var(--gray-border-color);
    vertical-align: top;
}
main table th, 
main table th a {
    color: #FFF;
    background: var(--main-blue-color);
    font-weight: 700;
    border: var(--border-width) var(--border-style) #1a4a73;   
    text-transform: uppercase;   
    text-align: center;   
}
main table tr:nth-child(even) {
    background: var(--bg-blue-color);
}
main table {overflow-x:auto; height: auto !important ; min-height: fit-content; max-height:fit-content}
main {/* display:block; */overflow-x:auto;}

@media(max-width: 768px) {
    main table td {
        width: 100%;
    }
}

/* =====================End of tables===================== */

hr {
    border: 0;
    border-top: var(--border-width) var(--border-style) var(--gray-border-color);
    margin: var(--margin) 0;
}

figure { margin: 0; }
.icn{display: inline-block;position: relative;}
address{font-style: normal;}
iframe{border:none;min-width: 100%;}

/*Buttons*/
button, .btn, .btn-green, [type=submit], [type=reset]{
	display: inline-block;
	box-sizing: border-box;
	padding: 10px 30px;
	margin: 5px;
	outline: none;
	border: 1px solid transparent;
	border-radius: var(--border-radius);
	height: 3rem;
	line-height: 1.6rem;
	font-size: inherit;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	background-color: var(--main-blue-color);
	cursor: pointer;
	user-select: none;
	appearance: none;
	touch-action: manipulation;
	transition: box-shadow .18s ease-out,background .18s ease-out,color .18s ease-out;
	max-width: 20rem;
	vertical-align: top;
}
button a, .btn a, .btn-green a{
	color: #fff
}
button a:hover, .btn a:hover, .btn-green a:hover{
	color: var(--gold-color);
	text-decoration:none;
}

button:focus-visible, .btn:focus-visible, .btn-green:focus-visible, [type=submit]:focus-visible, [type=reset]:focus-visible{
	border: var(--border-width) var(--border-style) rgba(255,217,89,0.3);
}
button:hover, .btn:hover, [type=submit]:hover, .btn-green:hover, [type=reset]:hover,
button:focus, .btn:focus, [type=submit]:focus, .btn-green:focus, [type=reset]:focus
{
	border: var(--border-width) var(--border-style) rgba(255,217,89,0.3);
	text-decoration: none;
	color: var(--gold-color) !important;
}
button:active, .btn:active, [type=submit]:active, .btn-green:active, [type=reset]:active{
	border: var(--border-width) var(--border-style) rgba(255,217,89,0.3);
	color: var(--gold-color);
}
button:disabled, .btn:disabled, [type=submit]:disabled, .btn-green:disabled, [type=reset]:disabled{
	background-color: var(--gray-border-color);
	color: var(--main-text-color);
	pointer-events: none;
}

[type=reset],[type=reset]:hover{
	background-color: var(--bg-gray-color);
	color: var(--main-text-color) !important;
	border: solid 1px transparent;
}
[type=reset]:hover{
	color: var(--deep-blue-color) !important;
}

.btn-green {
	color: #fff;
	background-color: var(--green-color);
}
.btn-green:disabled {
	background-color: var(--gray-border-color);
	color: var(--main-text-color);
}

/*Text input areas*/
header input[type="text"],     main input[type="text"],     footer input[type="text"],
header input[type="password"], main input[type="password"], footer input[type="password"],
header input[type="search"],   main input[type="search"],   footer input[type="search"],
header input[type="email"],    main input[type="email"],    footer input[type="email"],
header textarea,               main textarea,               footer textarea {
   box-shadow: none;
   background: #fff;
   padding: 10px 7px;
   border:  var(--border-width) var(--border-style) var(--gray-border-color);
   vertical-align: top;
   margin: 5px 0;
   border-radius: var(--border-radius);
   height: 3rem;
   width: 75%;
}

/* =====================Remove yellow autocomplete background in Chrome===================== */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-text-fill-color: #000 !important;
}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


/*Typical blocks*/

.blue-background-attention{
    background: var(--main-blue-color);
    color: #fff;
    font-weight: 700;
    padding: var(--padding);
    margin: var(--margin) 0;
    border-radius: var(--border-radius);
}
.blue-background-attention *{
	color:white;
}
.blue-background-attention a:hover, 
.blue-background-attention a:focus {
	color: var(--gold-color);
	text-decoration: none;
}



.one-one{
	flex-basis:100%;
	width:100%;
	max-width:100%;
	padding: 1rem;
}
.one-two{
	flex-basis: 50%;
	width: 50%;
	max-width: 50%;
	padding: 1rem;
}

.one-one h1, .one-one h2, .one-one h3, .one-one h4, .one-one h5, .one-one h6,
.one-two h1, .one-two h2, .one-two h3, .one-two h4, .one-two h5, .one-two h6 {
flex-basis:100%;
}



/*End of Typical blocks*/


/** =====================HEADER===================== **/
.header{margin-bottom: var(--margin-small);}
.header a{color: white;text-decoration: none;}
.header a:hover{color: var(--gold-color);}
.header-row-1 .fix{background: var(--deep-blue-color);padding: var(--padding-small) 0;}
.header-row-1 .header-r{display: flex; flex-direction: row; align-content: center;  justify-content: space-between;}
.header-user {margin-right:5px;}
.navi-called .header-row-1 .fix{position: relative;top: 0;left: 0;width: 100%;z-index: 202;}
.width{max-width: 1450px;margin: 0 auto;padding: 0 6px;}
.header-l{float: left;width: 81%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;align-content: center;}
.logo-place{max-width: 564px;}
.header .header-l .fa-bars{font-size: 1.7rem;}
.header-navigation ul{list-style:none;margin:0;padding: 0;}
.header-navigation ul li{display: inline-block;vertical-align: top;margin-left: 1rem;}
.header-navigation ul li:first-child{margin-left: 0;}
.header-row-1 .header-navigation .header-contacts ul li {padding: 0;/* margin: 0px 10px; */margin: 10px;}
.header-r{float: right;width: 12%;}
.header-search a{display: inline-block;position: relative;padding-right: 20px;}
.header-search a:after{position: absolute;top: 0;bottom: 0;margin: auto;right: 0;opacity: 0.5;}

.header .header-l .fa-globe{position: relative;top: -1px;}

.navi-fade{background: rgba(0,0,0,0.8);position: fixed;width: 100%;height: 100%;left: 0;top: 0px;z-index: 100;display: none;}

.nav-expanded{display: block;position: absolute;left: 0;width: 100%; /*top: 48px;*/ background: #1c447a;z-index: 101;display: none;}
.nav-expanded .width{position: relative;}
.nav-expanded .close{position: absolute;right: 18px;top: 30px;}
.nav-expanded .footer-navi{padding-left: 0;padding-top: 30px;}
.nav-expanded .footer-navi:after,
.nav-expanded .footer-navi:before{display: none;}
.close{opacity: 0.5;}
.close:hover{opacity: 1;}

.search-expanded{display: block;position: absolute;left: 0;width: 100%;z-index: 101;background: var(--deep-blue-color);padding: 30px 0 60px;display: none;}
.search-expanded .width{/* position: relative; */display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;}
.search-form{flex-basis: 90%;}

.header-row-2{background: var(--main-blue-color);padding: var(--padding-small) 0;}
.logo{display: table;margin-right: 0px;}
.logo-pic{padding-right: 2px;}
.logo-pic img{width: 250px;height: auto;max-width: none;pointer-events: none;left: -8px;position: relative;}
.logo-title{display: table-cell;vertical-align: middle;text-transform: uppercase;font-size: 36px;padding-right: 20px;}
.logo-subtitle{display: table-cell;vertical-align: middle;padding-right: 10px;text-transform: uppercase;font-weight: 500;}
.accessibility img{width: 32px;opacity: 0.4;pointer-events: none;padding-right: 5px;vertical-align: middle;}
.accessibility:hover img{opacity: 1;}
.header-contacts .dd-link{z-index: 11;}
.dd-link{padding-right: 20px;position: relative;}
.dd-link:after{margin: auto;top: 0;bottom: 0;right: 0;opacity: 0.5;}
.header-contacts .phone{color: var(--light-blue-color);/* margin-top: 3px; */}
.header-r .header-contacts .phone a{color: var(--light-blue-color);}
.phones-list{list-style:none;position: absolute;z-index: 10;background: var(--main-blue-color);margin: -15px 0 0 -12px;border-radius: var(--border-radius);padding: var(--padding-small);}
.phones-list li:first-child~li{display: none;}
.phones-list li:first-child~li address{/* margin: 10px 0; */}
.phones-list li:first-child~li address a:hover{color: var(--gold-color);}
.header-contacts .phone span{color: var(--gold-color);}
.header-contacts small{display: block;color: #fff;}
.apply-place{text-align: right;}
.apply-place .btn{padding: 3px 16px;height: auto;background-color: var(--deep-blue-color);color: var(--gold-color);border: var(--border-width) var(--border-style) transparent;margin: 0;max-height: fit-content;font-weight: 600;font-size: 0.9rem;}
.apply-place > .btn:active{
	background-color: var(--deep-blue-color) !important;
}
.apply-place > .btn:hover {border-color: rgba(255,217,89,0.3);}
.contry-flag {width: 20px;}

.main{padding-bottom: 45px;flex: 1 0 auto;}
.clmn-aside{flex-basis: 21%;max-width: 21%;}
.clmn-main{flex-basis: 79%;max-width: 79%;}
.main .clmn-main{/* line-height: 1.5; */}

.aside-nav{/* box-shadow: inset 0 0 0 2px #e3e3e3; *//* border-radius: var(--border-radius); */ padding-right: var(--padding);}
.aside-nav ul{list-style:none;margin:0;padding:0}
.aside-nav ul li a{padding: 1rem;display: block;text-decoration: none;color: var(--main-text-color);box-shadow: inset 0 -1px var(--gray-border-color);}
.aside-nav ul li:hover a{background: rgba(31,92,165,0.05);}
.aside-nav ul li.active a{background: var(--main-blue-color);color: #fff;} 

.footer{background: var(--deep-blue-color);}
.footer a{color: #fff;text-decoration: none;}
.footer a:hover{color: var(--gold-color);}
.footer-navi{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 50px 0 20px 0;
	gap: 0.7rem;
}
.footer-navi ul{list-style:none;margin:0;padding:0;line-height:20px;}
.footer-navi ul+.h{margin-top: 30px;}
.footer-navi ul li{margin-bottom: 0.4rem;}
.footer-navi .h{color: var(--gold-color);font-weight: bold;margin-bottom: 12px;}
.footer-col{flex-basis: 24%;}
.footer-cpr{padding-top: 30px;padding-bottom: 30px;border-top: var(--border-width) var(--border-style) rgba(255,255,255,0.3);color: #fff;}
.footer-cpr small{display: block;}


/* ===================== POP UP ===================== */

.pop-fade{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #393939;
	opacity: 0.7;
	z-index: 101;
	height: 100%;
	display: none;
	}
.pop-up{
	position: fixed;
	left: 50%;
	top: 50%;
	background: var(--main-blue-color);
	min-width: 350px;
	width: 26em;
	z-index: 102;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: none;
	color: #fff;
	max-width: 100%;
	border-radius: var(--border-radius);
	}
.pop-up-in{
	padding: 15px;
	text-align: center;
	}
.pop-close{
	position: absolute;
	right: 25px;
    top: 25px;
	}
.pop-up-in .h3{margin-bottom: 15px;}
.form-row{margin-bottom: 15px;}
.form-row:last-child{margin-bottom: 0px;}
.form-row.hint{font-size: 12px;}
.form-row input[type="text"],
.form-row input[type="password"],
.form-row input[type="search"],
.form-row input[type="email"],
.form-row input[type="submit"],
.form-row textarea {
  width: 100%;
}
.form-row input[type="text"],
.form-row input[type="password"],
.form-row input[type="search"],
.form-row input[type="email"],
.form-row input[type="submit"] {
  height: 40px;
}
.form-row input:not([type="submit"]){border: 1px solid #ccc;}
.form-row input[type="checkbox"],
.form-row input[type="radio"] {vertical-align: top;}

.pop-up-in [type=submit] {width: 100%;}

.pop-up-in [type=text] , .pop-up-in [type=password] {border: 0; width: 100%;}
.pop-up-in a  {color:white}

/* Bitrix search component*/
.search-popup {z-index: 1001 !important;}

/* ===================== Helper classes ==================== */
.ir {background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 100%;}
.hidden {display: none !important;visibility: hidden;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}

.row{
	display:
	flex;
	flex-wrap:
	wrap;
	flex-basis:100%;
	width:100%;
	max-width:100%;
}
.row:before, .clearfix:before,
.row:after, .clearfix:after {content: " ";display: table;}
.row:after, .clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.ul_justify {text-align: justify;width:100%;}
.ul_justify li{display: inline-block;}
.ul_justify:after{width: 100%; display: inline-block; content: "."; visibility: hidden}
.ol{list-style:none;padding:0;margin:0;counter-reset:list 0;}
.ol li{padding-left: 15px;}
.ol li:before{counter-increment: list;content: counter(list) ". ";}

/* ===================== Hide Accessibility 3rd party icon.===================== */
#userwayAccessibilityIcon{display:none!important;}


/* ===================== Media Queries for Responsive Design.===================== */
@media only screen and (max-width: 1280px) {
	.width{padding: 0 6px;}
	.header-l{width: 78%;}
	.header-r{width: 20%;}
	.header-navigation ul li{margin-left: 7px;  font-size: 0.9rem; }
	.apply-place .btn .icn{display: none; }
	.logo-subtitle{font-size: 11px;}
	.logo-title{font-size: 28px;padding-right: 15px;}
	.logo-pic {padding-right: 15px;}
	.logo-pic img {width:230px;}
	.logo-place{width: 350px;}
	
	html, body{font-size:14px;}
	h1{font-size: 1.802rem;}
	h2{font-size: 1.602rem;}
	h3{font-size: 1.424rem;}
	h4{font-size: 1.266rem;}
	h5{font-size: 1.125rem;}
	h6{font-size: 1rem;}

	.work_area h6, .work_area h6 * {font-size:1rem !important;}
	.work_area h5, .work_area h5 * {font-size:1.125rem !important;}
	.work_area h4, .work_area h4 * {font-size:1.266rem !important;}
	.work_area h3, .work_area h3 * {font-size:1.424rem !important;}
	.work_area h2, .work_area h2 * {font-size:1.602rem !important;}
	.work_area h1, .work_area h1 * {font-size:1.802rem !important;}
	.work_area * {font-size: 14px !important;}
	.work_area q, .work_area q *, .work_area i, .work_area i *, .work_area cite, .work_area cite *, .work_area blockquote, .work_area blockquote * {font-size: 1rem !important;}

	.footer-navi{padding-left: 0;padding-top: 30px;}
	.footer-navi:before,
	.footer-navi:after{display: none; }
}

@media only screen and (max-width: 768px) {
    .header-l,
    .header-r{width: 100%;float: none;}
	.header .header-l .fa-globe {
	    margin-left: 11px;
	    font-size: 1.5rem;
	}
    .logo-place{flex-basis: 100%;text-align: center;max-width: initial;}
    .logo{margin: 15px auto;}
	.logo-pic {display: table-row;padding: 0;}
	.logo-pic img{padding:0;left: 0 !important;}
	.logo-subtitle{padding:0;}
    .apply-place{text-align: center;flex-basis: 100%;}
    .clmn{float: none;width: 100%;margin-bottom: 20px;flex-basis: 100%;max-width: none;}
    .footer-col{margin-bottom: 1rem;flex-basis: 100%;}
    .footer-col .socials{position: relative; margin-top: 30px;  }
    .footer-navi{padding-bottom: 0;}
    .header-contacts{text-align: center; margin-top: 20px;}
    .header-navigation ul li:first-child~li{display: none;}
    .header-row-1 .header-l{float: left;width: auto;}
    .header-row-1 .header-r{float: right;width: auto;}
    .main{padding-bottom: 0;}
    .search-form input[type="text"]{width: 57%;}
    .search-form .btn{display: block;width: 100%;}
    .header-row-2{padding-bottom: 50px;}
    .phones-list{width: 100%; margin: -10px 0px 0px -6px;}
    .aside-nav{padding-right: 0;}
    .clmn-main{padding-left: 0px;flex-basis: 100%;max-width: none;}
}


/* =====================  Print styles.===================== */
@media print {
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")";}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre, 
blockquote {border: var(--border-width) var(--border-style) #999;page-break-inside: avoid;
}
thead {display: table-header-group; }
tr,img {page-break-inside: avoid;}
img {max-width: 100% !important;}
@page {margin: 0.5cm;}
p,h2,h3 {orphans: 3;widows: 3;}
h2,h3 {page-break-after: avoid;}
}

#vk_widget{overflow: hidden;}
#vk_comments,
#vk_comments iframe {
    width: 95% !important;
}

/* ===================== Adaptive images on the screen===================== */
.work_area img {max-width:100%; height:auto !important;}

/*Hide first item of top menu if screen size is small */
@media only screen and (min-width: 769px) {
.header-l .header-navigation ul li:first-child {display:none;}
.header-l .header-navigation ul li:nth-child(2) {margin-left:0;}
}
@media only screen and (max-width: 768px) {
	main table:not(.layout):not(.table-not-block),
	main table:not(.layout):not(.table-not-block) td,
	main table:not(.layout):not(.table-not-block) th{
display:block;
}
}

/* =====================Make test from 1C tables small===================== */
#import-onec * {font-size:9px !important;max-width:100% !important;padding: 1px !important;}


/* =====================Respons. Youtube===================== */
.youtube{position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;margin-top:5px;border-radius: var(--border-radius);}
.youtube iframe,
.youtube object,
.youtube embed{
position: absolute; top: 0; left: 0; width: 100%; height: 100%
}

.disser-video-html {
  width: 100%;
  height: auto;
  max-height: 100%;
}