@font-face { 
	font-family: 'ClearSans'; 
	src: 	 
	url(fonts/ClearSans.woff2) format('woff2'),
	url(fonts/ClearSans-Regular.ttf) format("truetype")	
}
@font-face { 
	font-family: 'ClearSans-Medium'; 
	src: 	 
	url(fonts/ClearSans-Medium.woff) format('woff2'),
	url(fonts/ClearSans-Medium.ttf) format("truetype")	
}
@font-face { 
	font-family: 'ClearSans-Light'; 
	src: 
	url(fonts/ClearSans-Light.woff2) format('woff2'),
	url(fonts/ClearSans-Light.ttf) format("truetype")
}
@font-face { 
	font-family: 'ClearSans-Bold'; 	
	src: 	
	url(fonts/ClearSans-Bold.woff2) format('woff2'),
	url(fonts/ClearSans-Bold.ttf) format("truetype")		
}

html { height: 100%; width: 100%; }
body { width: 100%; height: 100%; padding: 0; margin: 0; background: #fff; font: 85% Arial, sans-serif; color: #111; }

span, div { box-sizing: border-box }	
	
a { color: #0B2A4A; outline: none; }	
a:hover { color: #3171B9; }
	
img, form, p, ul, ol, li, table, tr, td, div { padding: 0; margin: 0; border: 0; }
	
p { padding-bottom: 1.6em; }
	
ul { padding: 0 0 .9em 0; clear: left }	
ul > li { list-style: none; list-style-type: none; padding: 0 0 1.4em 55px; position: relative }
ul > li:before { content: ''; width: 22px; height: 22px; position: absolute; top: .11em; left: 0; background: url(img/dot.svg) no-repeat 0 0 }
ul ul > li { padding-left: 30px; padding-bottom: .1em }
ul ul > li:before { content: ''; width: 4px; height: 4px; position: absolute; top: .7em; left: 10px; background: #0B2A4A; border-radius: 50% }
ul ol > li { list-style: auto; }	

ol { padding: 0 0 1.5em 20px; clear: left  }	
ol > li { padding: 0 0 .5em 10px; }	

ul.type2 > li:before { content: ''; width: 16px; height: 1px; position: absolute; top: .7em; left: 0; background: #0B2A4A }

ul.type3 > li { padding: 0 0 .1em 25px;  }
ul.type3 > li:before { content: ''; width: 4px; height: 4px; position: absolute; top: .7em; left: 10px; background: #0B2A4A; border-radius: 50% }

ol ul, ul ul, ul ol, ol ol { padding: 1em 0 0 0; } 
	
table { font-size: 100%; }
	
h1 { font-size: 220%; font-weight: normal; margin: 0; padding: 0 0 1em 0; color: #0B2A4A; line-height: 1.25; }	
h2 { font-size: 32px; font-family: 'ClearSans-Bold'; font-weight: normal; margin: 0; padding: 1.2em 0 .9em 0; line-height: 1.25; }	
h3 { font-size: 24px; font-weight: normal; margin: 0; padding: 1.5em 0 1em 0; color: #0B2A4A; line-height: normal; }	
h4 { font-size: 20px; font-weight: normal; margin: 0; padding: 2em 0 1.3em 0; color: rgba(11, 42, 74, 1)); line-height: normal; font-family: 'ClearSans-Bold'; }	
h5 { font-size: 18px; font-weight: normal; margin: 0; padding: .1em 0 1.3em 0; color: rgba(11, 42, 74, 1)); font-family: 'ClearSans-Bold'; }	
h6 { font-size: 16px; font-weight: bold; margin: 0; padding: .1em 0 .5em 0; color: #0B2A4A; line-height: normal; ; font-family: 'ClearSans-Bold'; }

h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0; }
	
input, select, textarea { font-family: inherit; padding: 0 0 .1em 4px; font-size: 100%; outline: none; box-sizing: border-box; }

button { -webkit-appearance: none;}
	
a img { border: none; }
	
.img-lft { float: left; margin: 0 20px 20px 0; }	
.img-rgh { float: right; margin: 0 0 20px 20px; }
	
cite { display: block; padding-bottom: 1.4em; font-size: 20px; font-style: normal }
p cite { padding: .5em 0 0 0 }
	
.content table, .table { border-collapse: collapse; margin: .5em 0 2em 0; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; width: 100% }	
.content table th, .table th { color: #0B2A4A; padding: .8em 10px; text-align: left; background: #fff; font-size: 100%; font-weight: normal; border-bottom: 1px solid #dadada; border-left: 0; border-right: 0 }	
.content table td, .table td { padding: .8em 10px; vertical-align: top; }	
.content table tr:first-child td, .table tr:first-child td { padding-top: 1.5em }
.content table tr:last-child td, .table tr:last-child td { padding-bottom: 1.5em }
.content table p:last-child, .table p:last-child { padding: 0 }

.content .table2 { border-collapse: separate; border-spacing: 0; margin: .5em 0 1.5em 0; border: none }	
.content .table2 td { padding: 24px; vertical-align: top; }	
.content .table2 tr:nth-child(odd) td { background: rgba(243, 244, 245, 1); }
.content .table2 th { font-weight: bold; padding: 32px 24px; text-align: left; border-top: 1px solid rgba(49, 113, 185, 1); border-bottom: 1px solid rgba(49, 113, 185, 1)  }
.content .table2 th:first-child {  border-left: 1px solid rgba(49, 113, 185, 1); border-radius: 8px 0 0 8px; }
.content .table2 th:last-child {  border-right: 1px solid rgba(49, 113, 185, 1); border-radius: 0 8px 8px 0; }

.content .table3 { border-collapse: separate; border-spacing: 0; margin: .5em 0 1.5em 0; border: none }	
.content .table3 td { padding: 24px; vertical-align: top; border: none }	
.content .table3 thead { font-weight: bold }
.content .table3 th { padding: 32px 24px; text-align: left; background: #3171B9; color: #fff; border: none }
.content .table3 tr:nth-child(2n) { background: rgba(243, 244, 245, 1); }

.content .table4 { border-collapse: separate; border-spacing: 0; margin: .5em 0 1.5em 0; border: none }	
.content .table4 td { padding: 24px; vertical-align: top; border-left: 1px solid rgba(189, 189, 189, 1); border-right: none; border-bottom: 1px solid rgba(189, 189, 189, 1); }	
.content .table4 td:last-child { border-right: 1px solid rgba(189, 189, 189, 1); }
.content .table4 thead { font-weight: bold }
.content .table4 th { padding: 32px 24px; text-align: left; border-top: 1px solid rgba(189, 189, 189, 1); border-bottom: 1px solid rgba(189, 189, 189, 1); border-left: 1px solid rgba(189, 189, 189, 1); border-right: none; background: none }
.content .table4 th:first-child {  border-left: 1px solid rgba(189, 189, 189, 1); border-radius: 8px 0 0 0; }
.content .table4 th:last-child {  border-right: 1px solid rgba(189, 189, 189, 1); border-radius: 0 8px 0 0; }
.content .table4 tr:last-child td:first-child { border-radius: 0 0 0 8px }
.content .table4 tr:last-child td:last-child { border-radius: 0 0 8px 0 }

	
blockquote { margin: 0 0 2em 0; padding: 0 0 0 48px; font-size: 16px; position: relative; }
blockquote:before { content: ''; width: 2px; height: 100%; position: absolute; top: 0; left: 0; background: rgba(49, 113, 185, 1) }
	
.clear { clear: both }	

.blockquote { padding-left: 48px; background: url(img/blockq.svg) no-repeat 0 0; padding-bottom: 1.6em }
.blockquote *:last-child { padding-bottom: 0; margin-bottom: 0 }

article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }

.content img { max-width: 100%; margin-bottom: 32px; vertical-align: top }
.content img[align="left"] { float: left; margin: 0px 32px 32px 0px; }
.content img[align="right"] { float: right; margin: 0px 0px 32px 32px; }
.content img[border] { border-color: #404040; }

/*=========================*/
.container { min-height: 100%; font-family: 'ClearSans', san-serif }
.container div, .container a, .container span, .container svg path { transition: all .3s ease 0s; }	

.wrapper { max-width: 990px; margin: 0 auto }
.flex-b { display: flex; justify-content: space-between }
.flex-4w { width: 22% }
.flex-3w { width: 31% }
.flex-2w { width: 48.5% }

.head-in { height: 135px; align-items: center }
.head-right { width: 100%; max-width: 700px; padding-left: 40px; padding-top: 24px }
.main-menu { font-size: 20px; align-items: center; }
.main-menu a { text-decoration: none; color: #0B2A4A }
.main-menu a:hover { color: rgba(49, 113, 185, 1); }  
.main-menu a.search svg { vertical-align: middle }
.main-menu a.search svg:hover path { fill: rgba(49, 113, 185, 1);  }  
.main-menu a.search svg.hidden { position: absolute; display: none }
.main-menu_item, .main-menu_search { padding-bottom: 24px }
.main-menu_sub { position: relative; z-index: 101 }
.main-menu_sub-in { position: absolute; width: 324px; padding: 24px; background: #fff; border: 1px solid #3171B9; border-radius: 4px; left: -34px; top: 34px; opacity: 0; visibility: hidden } 
.main-menu_item:hover .main-menu_sub-in { opacity: 1; visibility: visible; top: 20px; left: -24px }
.main-menu_sub-in
.main-menu_sub-item { padding-bottom: 20px }
.main-menu_sub-item:last-child { padding-bottom: 0 }

.head-top { font-size: 16px; padding-bottom: 24px } 
.head-top-phone a { color: #0B2A4A; text-decoration: none }
.head-top-phone a:hover { color: #0B2A4A }

.head-top-seew { text-decoration: none; }

.top-search-form { position: relative; z-index: 101; cursor: auto }
.top-search-form-in { position: absolute; top: 20px; right: 0; padding: 22px; width: 320px; border: 1px solid #3171B9; display: flex; background: #fff; display: flex; align-items: center; justify-content: space-between; opacity: 1; visibility: visible; border-radius: 4px } 
.hidden .top-search-form-in { top: 30px; opacity: 0; visibility: hidden }
.top-search-form input[type="text"] { width: 80%; border: none; padding: 0; }
.top-search-form input[type="submit"] { font-size: 0; width: 24px; height: 24px; background: url(img/search.svg) no-repeat 50% 50%; border: 0; padding: 0; margin: 2px 0 0 0; cursor: pointer }

.top-search-form input[type="text"]::-moz-placeholder { color: #0B2A4A; }
.top-search-form input[type="text"]::-webkit-input-placeholder { color: #0B2A4A; }
.top-search-form input[type="text"]:-ms-input-placeholder { color: #0B2A4A; }
.top-search-form input[type="text"]::-ms-input-placeholder { color: #0B2A4A; }
.top-search-form input[type="text"]::placeholder { color: #0B2A4A; } 

.logo { display: block }

.seew-version { cursor: pointer }
.seew-version svg { margin-right: 8px }
.seew-version:hover svg path { fill: #3171B9 }

.top-banner { height: calc(100vh - 135px); min-height: 710px; background-size: cover; background-position: 50% 50%; position: relative }
.top-banner:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(11, 42, 74, .4); }
.top-banner-in { position: relative; z-index: 1; align-items: center; height: 100% }
.top-banner-in > div { width: 100% }

.top-banner .error-page { width: 100%; text-align: center }
.top-banner-logo { padding-bottom: 80px }
.top-banner-logo img { max-width: 100% }

.top-banner-list { color: #fff; justify-content: space-between }
.top-banner-list_item { text-align: center; font-size: 20px; font-family: 'ClearSans-Light'; color: #fff; text-decoration: none  }
.top-banner-list_item:hover { color: #fff }
.top-banner-list_img { padding-bottom: 32px }
.top-banner-list_text { line-height: 1.2em }

.top-banner-link { text-align: center }
.top-banner-link a { display: inline-flex; height: 54px; background: rgba(49, 113, 185, 1); color: #fff; border-radius: 4px; align-items: center; padding: 0 24px; font-size: 16px; text-decoration: none }

.top-text { padding: 120px 0 80px 0; color: rgba(11, 42, 74, 1); font-size: 20px }
.top-text-in { display: flex; align-items: flex-end }
.top-text-image { width: 224px; height: 274px; background: url(img/about.png) no-repeat 50% 100%; flex: none; margin-right: 115px }
.top-text h2 { color: rgba(11, 42, 74, 1); font-size: 40px; font-family: 'ClearSans-Bold'; }

.button-link { background: rgba(49, 113, 185, 1); color: #fff; display: inline-flex; height: 54px; align-items: center; padding: 0 24px 2px 24px; text-decoration: none; border-radius: 4px; font-size: 16px }
.button-link:hover { color: #fff; background: #5287C6;  }
.top-text-content { padding-bottom: 38px }

.top-preference { padding-bottom: 120px }
.top-preference-in { display: flex; justify-content: space-between }
.top-preference-item { width: 32%; border: 1px solid transparent; border-radius: 4px; padding: 32px; padding-left: 0; position: relative; }
.top-preference-item:before { content: ''; width: 8px; height: 8px; background: rgba(49, 113, 185, 1); position: absolute; top: 0; left: 0 }
.top-preference-item:last-child { border-color: rgba(49, 113, 185, 1); padding-left: 32px }
.top-preference-item:last-child:before { display: none } 
.top-preference-title { font-size: 16px; padding-bottom: 24px }
.top-preference-count { display: flex; align-items: center }
.top-preference-count b { color: rgba(49, 113, 185, 1); font-size: 64px; font-weight: normal; margin-right: 8px }
.top-preference-count span { color: rgba(49, 113, 185, 1); font-family: 'ClearSans-Bold'; padding-bottom: 15px; font-size: 16px; }

.illustration { background-position: 50% 50%; background-repeat: no-repeat; min-height: 100vh; background-size: cover; position: relative; display: flex; align-items: center; font-size: 20px; margin-bottom: 120px }
.illustration:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(11, 42, 74, .4); }
.illustration-content { position: relative; z-index: 1; color: #fff; width: 100% }
.illustration-content-in { max-width: 480px }
.illustration p { padding-bottom: 2em }
.illustration h2 { color: #fff; font-size: 40px; font-family: 'ClearSans-Bold'; }

.index-news { padding-bottom: 120px }
.index-news h2 { font-size: 40px; font-family: 'ClearSans-Bold'; }
.index-news-list { display: flex; justify-content: space-between; padding-bottom: 32px }
.index-news-list.wide-block { display: block }
.index-news-item { border: 1px solid rgba(49, 113, 185, 1); border-radius: 4px; width: 31.5%; font-size: 20px; position: relative; min-height: 230px; box-shadow: 0 0 0 1px transparent }
.wide-block .index-news-item { width: auto; margin-bottom: 24px; min-height: 0 } 
.index-news-item a { color: rgba(11, 42, 74, 1); text-decoration: none; display: block; padding: 24px 24px 80px 24px; height: 100%; box-sizing: border-box }
.index-news-item:hover { box-shadow: 0 0 0 1px rgba(49, 113, 185, 1) }
.index-news-item:hover a { color: rgba(49, 113, 185, 1) }

.index-news-item .ellipsis { 
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;  
	overflow: hidden; 
	max-height: 7em; 
}
.index-news-sub { font-size: 16px; padding-bottom: 8px }
.index-news-image { padding-bottom: 24px }
.index-news-image img { max-width: 100%; width: 100%; border-radius: 4px; overflow: hidden }
.index-news-date { position: absolute; bottom: 24px; left: 24px; font-size: 16px }
.index-news-item .arrow { position: absolute; bottom: 24px; right: 24px }

.all-link { font-size: 16px }
.all-link a { display: flex; color: rgba(11, 42, 74, 1); text-decoration: none }
.all-link svg { margin-left: 8px }

.index-partners { padding-bottom: 90px }
.index-partners-in { display: flex }
.index-partners-left { width: 295px; flex: none; margin-right: 35px }
.index-partners-left h2 { font-size: 40px; font-family: 'ClearSans-Bold'; color: rgba(11, 42, 74, 1); }
.index-partners-right { width: 100% }

.index-partners-list { display: flex; justify-content: space-between; flex-wrap: wrap }
.index-partners-item { width: 48%; border: 1px solid rgba(49, 113, 185, 1); height: 210px; margin-bottom: 32px; border-radius: 8px; box-shadow: 0 0 0 1px transparent }
.index-partners-item:hover { box-shadow: 0 0 0 1px rgba(49, 113, 185, 1) }
.index-partners-item a { display: block; text-decoration: none; height: 100%; padding: 24px 0 0 0; text-align: center; position: relative; box-sizing: border-box }

.index-partners-title { position: absolute; color: #0B2A4A; max-width: 220px; text-align: left; position: absolute; bottom: 24px; left: 24px; font-size: 16px; font-family: 'ClearSans-Bold'; }
.index-partners-item:hover .index-partners-title { color: #3171B9; }
.index-partners-item .arrow { position: absolute; bottom: 22px; right: 24px; }

.question { padding-bottom: 120px }
.question img { max-width: 100% }
.question img.mobile { display: none }

.footer { background: rgba(49, 65, 74, 1); padding: 80px 0 65px 0; color: #fff; font-size: 16px }
.footer-logo { padding-bottom: 64px }
.footer-block { padding-bottom: 32px }

.footer-item:first-child { width: 50% }
.footer-item { width: 100% }
.footer a { color: #fff; text-decoration: none }
.footer-in { padding-bottom: 50px }
.footer-menu-item { width: 45% }
.footer-menu-title { font-size: 20px; padding: 0 0 32px 0 }
.footer-menu-sub { padding-bottom: 15px; margin-top: -8px }
.footer-menu-link { padding-bottom: 12px }
.footer-line-item:last-child { width: 30% }
.footer-line-item br { display: none }

.head-right-mobile { display: none; }

.mobile-icon { position: relative; width: 20px; height: 14px; cursor: pointer; display: block }
.mobile-icon i { position: absolute; top: 50%; left: 0; height: 2px; width: 100%; background: rgba(11, 42, 74, 1); margin-top: -1px }
.mobile-icon:before { content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: rgba(11, 42, 74, 1); }
.mobile-icon:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: rgba(11, 42, 74, 1) }

.head-right-mobile .top-search-form { position: static; }
.head-right-mobile .top-search-form-in { z-index: 101; left: 0; width: 100%; padding: 16px }

.head-right-mobile .search svg { opacity: 1; visibility: visible }
.head-right-mobile .search svg.hidden { opacity: 0; visibility: hidden; position: absolute; }

.popup-menu { position: absolute; top: 0; left: 0; overflow: auto; height: 100%; width: 100%; background: #fff; z-index: 101; transition: none !important; display: none; }
.popup-menu-in { padding: 0 48px 48px 48px;  }
.popup-menu-head { height: 112px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px }
.popup-menu-close { font-size: 20px; cursor: pointer; display: flex; align-items: center }
.popup-menu-close .icon { width: 15px; height: 15px; position: relative; margin: 5px 0 0 8px }
.popup-menu-close .icon:before { content: ''; width: 2px; height: 100%; background: #0B2A4A; position: absolute; top: 0; left: 50%; transform: rotate(-45deg) }
.popup-menu-close .icon:after { content: ''; width: 2px; height: 100%; background: #0B2A4A; position: absolute; top: 0; left: 50%; transform: rotate(45deg) }

.popup-menu-link { font-size: 40px; font-family: 'ClearSans-Bold'; display: flex; align-items: center; border-top: 1px solid rgba(206, 212, 219, 1); height: 96px }
.popup-menu-title { width: 100%; }
.popup-menu-link a { color: rgba(11, 42, 74, 1); text-decoration: none }
.popup-menu-link .open { cursor: pointer; width: 50px; flex: none; position: relative; display: flex; align-items: center }
.popup-menu-link.opened a { color: rgba(49, 113, 185, 1); }
.opened .open { transform: rotate(-180deg) }

.popup-menu-footer { text-align: center; font-size: 24px; font-family: 'ClearSans-Light'; border-top: 1px solid rgba(206, 212, 219, 1); padding-top: 48px }
.popup-menu-footer a { color: rgba(11, 42, 74, 1); text-decoration: none }

.popup-menu-sub { padding-top: 15px; transition: none !important; display: none }
.popup-menu-sub_item { font-size: 24px; padding-bottom: 48px }
.popup-menu-sub_item a { color: rgba(11, 42, 74, 1); text-decoration: none }

.popup-menu-sub_list { margin: -24px 0 20px 0 }
.popup-menu-sub_list-link { padding-bottom: 24px; font-size: 16px }
.popup-menu-sub_list-link a { color: rgba(11, 42, 74, 1); text-decoration: none; display: flex; align-items: center }
.popup-menu-sub_list-link svg { margin: 2px 0 0 8px }

.inner-tilte { background-position: 50% 50%; background-size: cover; color: #fff; position: relative; display: table; width: 100%; height: 246px; }
.inner-tilte.wide-block { height: 620px }
.inner-tilte-cell { display: table-cell; padding: 80px 0; vertical-align: middle }
.inner-tilte:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(11, 42, 74, .4);  }
.inner-tilte .wrapper { width: 100%; position: relative; z-index: 1 }
.inner-tilte h1 { font-size: 40px; font-family: 'ClearSans-Bold'; color: #fff; padding: 0 }

.inner-tilte-wide { height: 400px; display: flex; align-items: flex-end }
.inner-tilte-add { display: flex; font-size: 16px; padding-top: 16px; align-items: center }
.inner-tilte-add .bold { font-family: 'ClearSans-Bold';  }
.inner-tilte-add .brd { width: 1px; height: 8px; background: #fff; margin: 3px 16px 0 16px }

.breadcrumb { padding-bottom: 16px; font-size: 16px; display: flex; flex-wrap: wrap; align-items: center }
.breadcrumb a { color: #fff; text-decoration: none; }
.breadcrumb .brd { width: 1px; height: 8px; background: #fff; margin: 3px 16px 0 16px }

.inner-page { padding: 64px 0 90px 0; font-size: 16px; color: rgba(11, 42, 74, 1); }

.document-list { padding: 0 0 35px 0 }
.document-list-item { padding-bottom: 24px }
.document-list-item	a {color: #0B2A4A; text-decoration: none; border-bottom: 1px solid #0B2A4A }

.pdf, .jpg, .jpeg, .ppt, .pptx, .xml, .xls, .xlsx, .doc, .docx, .zip, .rar, .exe, .mp3, .mp4, .file { position: relative; display: inline-block; padding-left: 30px }
.pdf:before, .jpg:before, .jpeg:before, .ppt:before, .pptx:before, .xml:before, .xls:before, .xlsx:before, .doc:before, .docx:before, .zip:before, .rar:before, .exe:before, .mp3:before, .mp4:before, .file:before { 
	content: ''; width: 24px; height: 24px; position: absolute; top: 1px; left: 0; background-position: 50% 50% 
}
.pdf:before {  background-image: url(img/icons/pdf.svg) }
.jpg:before, .jpeg:before {  background-image: url(img/icons/jpg.svg) }
.ppt:before, .pptx:before {  background-image: url(img/icons/ppt.svg) }
.xml:before {  background-image: url(img/icons/xml.svg) }
.xls:before, .xlsx:before {  background-image: url(img/icons/xls.svg) }
.doc:before, .docx:before {  background-image: url(img/icons/doc.svg) }
.zip:before, .rar:before, .file:before {  background-image: url(img/icons/file.svg) }
.exe:before, .rar:before {  background-image: url(img/icons/exe.svg) }
.mp3:before {  background-image: url(img/icons/mp3.svg) }
.mp4:before {  background-image: url(img/icons/mp4.svg) }

.table-width-scrollbar {  }

.document-block { padding-top: 10px }
.document-block-item { border: 1px solid rgba(49, 113, 185, 1); border-radius: 8px; margin-bottom: 32px; font-size: 20px; box-shadow: 0 0 0 1px transparent }
.document-block-item:hover { box-shadow: 0 0 0 1px rgba(49, 113, 185, 1) }
.document-block-item .pdf { display: block; padding: 0; }
.document-block-item a { display: block; text-decoration: none; color: rgba(11, 42, 74, 1); min-height: 112px; padding: 24px 24px 65px 24px; box-sizing: border-box; line-height: 1.2em }
.document-block-item:hover a { color: #3171B9; }
.document-block-item .pdf:before { content: ''; background: url(img/pdf-file.svg) no-repeat 50% 50%; width: 69px; height: 24px; position: absolute; top: auto; left: auto; bottom: 24px; right: 24px  }
.document-block-item .date { position: absolute; bottom: 24px; left: 24px; font-size: 16px }

.spoiler-block { border: 1px solid rgba(49, 113, 185, 1); border-radius: 8px; margin-bottom: 32px; font-size: 16px; box-shadow: 0 0 0 1px transparent }
.spoiler-block:hover { box-shadow: 0 0 0 1px #3171B9 }
.spoiler-block-title { font-size: 20px; position: relative; cursor: pointer; padding: 16px }
.spoiler-block-title:after { content: ''; position: absolute; background: url(img/arrow.svg) no-repeat 50% 50%; top: 19px; right: 16px; width: 24px; height: 24px; transition: all .3s ease 0s }
.spoiler-block-title.open:after { transform: rotate(-180deg) }
.spoiler-block:hover .spoiler-block-title { color: #3171B9 }
.spoiler-block-content { display: none; padding: 32px 0 0 0; transition: none !important; padding: 16px }
.spoiler-block-content.open { display: block }
.spoiler-block-content p:last-child { padding-bottom: 0 }

.raiting-block { padding-top: 20px; flex-wrap: wrap }
.raiting { display: block; min-height: 216px; text-decoration: none; color: rgba(11, 42, 74, 1); position: relative; border: 1px solid rgba(49, 113, 185, 1); border-radius: 8px; padding: 24px 100px 90px 24px; box-sizing: border-box; font-size: 20px; margin-bottom: 32px; line-height: 1.2em }
.raiting.credit { padding: 24px 24px 90px 24px; }
.raiting:hover { color: #fff; background: #3171B9; }
.raiting:hover svg path { fill: #fff }
.raiting span { font-size: 16px; position: absolute; left: 24px; bottom: 24px; max-width: 327px; max-width: 70% }
.raiting span.link { color: rgba(49, 113, 185, 1); }
.raiting:hover span.link { color: #fff; }
.raiting:before { content: ''; width: 80px; height: 80px; position: absolute; top: 24px; right: 24px }
/*.raiting:after { content: ''; width: 24px; height: 24px; position: absolute; bottom: 24px; right: 24px; background: url(img/link.svg) no-repeat 50% 50%; }*/
.raiting.credit:after { transform: rotate(-45deg) }
.raiting .raiting-image { position: absolute; top: 24px; right: 24px }
.raiting .raiting-arrow { position: absolute; bottom: 21px; right: 24px;  }
/*
.raiting.type-1:before { background: url(img/ill_1.svg) no-repeat 50% 50%; }
.raiting.type-2:before { background: url(img/ill_2.svg) no-repeat 50% 50%; }
.raiting.type-3:before { background: url(img/ill_3.svg) no-repeat 50% 50%; }
.raiting.type-4:before { background: url(img/ill_4.svg) no-repeat 50% 50%; }
.raiting.type-5:before { background: url(img/ill_5.svg) no-repeat 50% 50%; }
.raiting.type-6:before { background: url(img/ill_6.svg) no-repeat 50% 50%; }
.raiting.type-7:before { background: url(img/ill_7.svg) no-repeat 50% 50%; }
.raiting.type-8:before { background: url(img/ill_8.svg) no-repeat 50% 50%; }
*/

.raiting strong { display: block; font-size: 64px; color: rgba(49, 113, 185, 1); line-height: 1.2em; padding-top: 20px }
.raiting:hover strong { color: #fff }
.raiting strong sup { font-size: 16px; line-height: 1em; position: relative; top: -10px; left: 10px }

.section-block { display: flex; padding-bottom: 26px }
.section-block:last-child { padding-bottom: 0 }
.section-block-left { width: 30%; margin-right: 32px; padding-left: 20px; flex: none }
.inner-page .section-block-left { padding-left: 0; padding-right: 20px }
.section-block-right { width: 100% }

.back-link { padding: 40px 0 30px 0 }
.back-link a { display: inline-flex; text-decoration: none; color: rgba(11, 42, 74, 1); }
.back-link a:hover { color: #3171B9; }
.back-link a svg { margin-right: 8px }
.back-link a:hover svg path { fill: #3171B9 }

.spoiler-block-content .document-list { padding: 10px 0 0 0  }

.steps-block { display: flex; justify-content: space-between; padding: 50px 0 60px 0 }
.steps-item { width: 32%; position: relative }
.steps-image { width: 128px; height: 128px; background: rgba(245, 246, 248, 1); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto 24px auto }
.steps-title { font-size: 24px; text-align: center }
.steps-title span { font-size: 16px; display: block }
.steps-item:after { content: ''; position: absolute; background: url(img/link2.svg) no-repeat 0 0; width: 24px; height: 24px; left: 50%; bottom: -25px; margin-left: -12px }

.inner-tilte-links { display: flex; padding-top: 16px }  
.inner-tilte-links a { color: #fff; font-size: 16px; text-decoration: none; margin-right: 32px; padding-right: 32px; position: relative }
.inner-tilte-links a:after { content: ''; position: absolute; width: 22px; height: 22px; background: url(img/warrow.svg) no-repeat 50% 50%; top: 0; right: 0 }

.alink { text-decoration: none }
.alink span, .alink svg { vertical-align: middle }
.alink svg { margin: 2px 0 0 8px }

//.spoiler-block .alink svg { display: none }
.spoiler-block .alink:after { content: ''; display: inline-block; width: 22px; height: 22px; background: url(img/link3.svg) no-repeat 0 0; vertical-align: middle; margin: 2px 0 0 8px }

.pager { display: flex; padding-bottom: 32px; position: relative; padding-right: 150px }
.pager span, .pager a { min-width: 38px; box-sizing: border-box; font-size: 16px; margin-right: 16px; height: 38px; text-decoration: none; color: #0B2A4A; border: 1px solid rgba(206, 212, 219, 1); display: flex; align-items: center; border-radius: 4px; padding: 0 13px }

.pager a:hover { border-color: rgba(49, 113, 185, 1); color: rgba(49, 113, 185, 1); }
.pager span { background: rgba(49, 113, 185, 1); border-color: rgba(49, 113, 185, 1); color: #fff }
.pager-next { position: absolute; top: 0; right: 0 }
.pager-next a { padding: 0; margin: 0; border: 0; }
.pager-next a:after { content: ''; display: block; height: 24px; width: 24px; background: url(img/link3.svg) no-repeat 50% 50%; margin-left: 8px; transition:  all .3s ease 0s; }
.pager-next a:hover:after { opacity: 0 }
.pager-next a:before { content: ''; height: 24px; width: 24px; background: url(img/link3h.svg) no-repeat 50% 50%; position: absolute; right: 0; top: 7px; transition:  all .3s ease 0s; opacity: 0 }
.pager-next a:hover:before { opacity: 1 }

.news-inner-item { border: 1px solid rgba(49, 113, 185, 1); padding: 24px; border-radius: 4px; display: flex; position: relative; margin-bottom: 32px; box-shadow: 0 0 0 1px transparent }
.news-inner-item:hover { box-shadow: 0 0 0 1px rgba(49, 113, 185, 1); color: rgba(49, 113, 185, 1) }
.news-inner-image { margin-right: 24px; flex: none; width: 286px; }
.news-inner-image img { border-radius: 4px; overflow: hidden; margin-bottom: 0 }
.news-inner-content { width: 100%; display: flex; flex-direction: column; justify-content: space-between }
.news-inner-title { font-size: 20px; padding-bottom: 14px }
.news-inner-date { padding-bottom: 15px; position: relative }
.news-inner-date:after { content: ''; position: absolute; bottom: 13px; right: 0; background: url(img/link.svg) no-repeat 50% 50%; width: 24px; height: 24px }
.news-inner-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1 }

.arrow-link { position: relative; padding-right: 30px; text-decoration: none }
.arrow-link:after { content: ''; position: absolute; background: url(img/link3.svg) no-repeat 0 0; width: 24px; height: 24px; right: 0; top: 0; transform: rotate(-45deg) }

.comment-block { border-top: 1px solid rgba(206, 212, 219, 1); padding: 32px 0 0 0; margin-top: 32px }

.sitemap-indexlink { font-size: 32px; font-family: 'ClearSans-Bold'; padding-bottom: 32px }
.sitemap-indexlink a { text-decoration: none; position: relative; padding-right: 30px }
.sitemap-indexlink a:after { content: ''; position: absolute; background: url(img/link3.svg) no-repeat 0 0; width: 24px; height: 24px; right: 0; top: 0; transform: rotate(140deg) }

.sitemap-list { font-size: 20px }
.sitemap-list ul li { padding-left: 0; padding-bottom: 16px; font-size: 16px }
.sitemap-list ul li:before { display: none }
.sitemap-list ul li:last-child { padding-bottom: 0 }
.sitemap-list ul li a { text-decoration: none; }
.sitemap-list ul li svg { vertical-align: middle; margin-top: -2px; margin-left: 3px }


.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { display: none }

.table-width-scrollbar th { height: 34px }	
.table-width-scrollbar .mCSB_scrollTools { opacity: 1 }
.table-width-scrollbar .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 0 }
.table-width-scrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: auto; top: 0 }  
.table-width-scrollbar .mCSB_scrollTools .mCSB_dragger { transition: none }
.table-width-scrollbar .mCSB_horizontal.mCSB_inside > .mCSB_container { transition: none }
.table-width-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(49, 113, 185, 1); height: 6px; }
.table-width-scrollbar .mCSB_scrollTools .mCSB_draggerRail { height: 6px; margin: 5px 0; background: rgba(243, 244, 245, 1); }
.table-width-scrollbar .mCSB_draggerContainer:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 8px; margin: 5px 0; background: rgba(243, 244, 245, 1); border-radius: 8px; }

.table-width-scrollbar.dark-theme {  }
.table-width-scrollbar.dark-theme .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: auto; top: 90px; margin: 0 4px }  
.table-width-scrollbar.dark-theme .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #fff; }
.table-width-scrollbar.dark-theme .mCSB_scrollTools .mCSB_draggerRail { background: #000 }
.table-width-scrollbar.dark-theme .mCSB_draggerContainer:after { background: #000; }

.table-width-scrollbar.light-theme { border: 1px solid #BDBDBD; border-radius: 8px; overflow: hidden; margin: .5em 0 1.5em 0; }
.table-width-scrollbar.light-theme table { margin: 0  }

.table-width-scrollbar.light-theme .mCSB_scrollTools.mCSB_scrollTools_horizontal { top: 90px; }  
.light-theme .table4 th { border-top: none }
.light-theme .table4 th:first-child {  border-left: none;  }
.light-theme .table4 th:last-child {  border-right: none }
.light-theme .table4 tr td:first-child { border-left: none;  }
.light-theme .table4 tr td:last-child { border-right: none;  }
.light-theme .table4 tr:last-child td { border-bottom: none }
.light-theme .table4 tr:last-child td:first-child { border-left: none;  }
.light-theme .table4 tr:last-child td:last-child { border-right: none; }

.search-form { background: #fff; height: 70px; margin-top: 32px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border-radius: 4px }
.search-form input[type="text"] { width: 90%; border: none; padding: 0; font-size: 18px }
.search-form input[type="submit"] { font-size: 0; width: 24px; height: 24px; background: url(img/search.svg) no-repeat 50% 50%; border: 0; padding: 0; margin: 2px 0 0 0; cursor: pointer }

.search-form input[type="text"]::-moz-placeholder { color: #0B2A4A; }
.search-form input[type="text"]::-webkit-input-placeholder { color: #0B2A4A; }
.search-form input[type="text"]:-ms-input-placeholder { color: #0B2A4A; }
.search-form input[type="text"]::-ms-input-placeholder { color: #0B2A4A; }
.search-form input[type="text"]::placeholder { color: #0B2A4A; } 

.textlink { position: relative; margin-right: 7px; text-decoration: none; background: url(img/textlink.svg) no-repeat 100% 30%; }
.textlink:hover { background-image: url(img/textlink2.svg) }
.textlink span { text-decoration: underline; margin-right: 8px }