@font-face {
    font-family: 'Roboto';
    src: url('../fonts/../fonts/Roboto-MediumItalic.eot');
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
        url('../fonts/../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/../fonts/Roboto-MediumItalic.woff') format('woff'),
        url('../fonts/../fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.eot');
    src: local('Roboto Italic'), local('Roboto-Italic'),
        url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Italic.woff') format('woff'),
        url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: local('Roboto'), local('Roboto-Regular'),
        url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: local('Roboto Medium'), local('Roboto-Medium'),
        url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.eot');
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
        url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.eot');
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
        url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-ThinItalic.woff') format('woff'),
        url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.eot');
    src: local('Roboto Black'), local('Roboto-Black'),
        url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: local('Roboto Light'), local('Roboto-Light'),
        url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.eot');
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
        url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-LightItalic.woff') format('woff'),
        url('../fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.eot');
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
        url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BlackItalic.woff') format('woff'),
        url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.eot');
    src: local('Roboto Thin'), local('Roboto-Thin'),
        url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

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

body{background:#fff}
body,html{height:100%}
html{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:16px;line-height:1.5rem;color:#3C3B3B}

::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#fff;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.6)}
::-webkit-scrollbar-thumb{background:#116196}


::selection{background:#116196;color:#fff}
::-moz-selection{background:#116196;color:#fff}

button,a{outline:none}

.body_page{
	display:flex;
	flex-direction:column;
	height:100%;
	position:relative;
	z-index:1
}

.body_content{
	position:relative;
	flex:1 0 auto
}

.top_block{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100vh;
	height:calc(var(--vh, 1vh) * 100);
	background:#0e5185 url(../images/bg_top.png) 50% 50% no-repeat;
	background-size:cover;
	position:relative;
	z-index:1
}

.top_block>* {
	width:60%;
	max-width:800px
}

.top_block>* img{
	display:block;
	width:100%
}

.top_block::before{
	content:'';
	position:absolute;
	bottom:1rem;
	left:50%;
	transform:translateX(-50%);
	width:3rem;
	height:3rem;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2015C5%2016.8565%205.73754%2018.6371%207.05029%2019.9498C8.36305%2021.2626%2010.1435%2021.9999%2012%2021.9999C13.8565%2021.9999%2015.637%2021.2626%2016.9498%2019.9498C18.2625%2018.6371%2019%2016.8565%2019%2015V9C19%207.14348%2018.2625%205.36305%2016.9498%204.05029C15.637%202.73754%2013.8565%202%2012%202C10.1435%202%208.36305%202.73754%207.05029%204.05029C5.73754%205.36305%205%207.14348%205%209V15Z%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%206V14%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15%2011L12%2014L9%2011%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	background-size:3rem 3rem;
	z-index:4
}

.top_block::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:10%;
	z-index:3;
	background:#0E5185;
	background:linear-gradient(180deg,rgba(14, 81, 133, 0) 0%, rgba(14, 81, 133, 1) 85%)
}

.type_block{
	background:#0e5185;
	padding:5rem 0
}

.type_block>*{
	width:90%;
	max-width:1320px;
	margin:0 auto;
	color:#fff
}

.type_partners{
	background:#0c4a7d
}

.type_block>* h3{
	text-align:center;
	font-size:2rem;
    line-height:2.25rem;
    font-weight:700;
	text-transform:uppercase
}

.liga{
	margin:5rem 0 0;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:100px
}

.liga>*{
	width:calc((100% - 200px) / 3)
}

.liga>* a{
	display:block
}

.liga>* img{
	display:block;
	width:100%
}

.liga>* a:hover img{
	filter:drop-shadow(0px 0px 14px #2086cf)
}

.partners{
	margin:5rem 0 0;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	gap:50px
}

.partners>* a{
	display:block
}


.partners>* img{
	display:block;
	max-width:10rem;
	max-height:5rem;
	width:auto;
	height:auto;
	margin:0 auto
}

.body_footer{
	flex:0 0 auto;
	background:#2A343B;
	color:#828282;
	padding:20px 0
}

.body_footer>*{
	width:90%;
	max-width:1320px;
	margin:0 auto
}

.footer{
	display:flex;
    flex-wrap:wrap;
    align-items:center
}

.footer_logo{
	width:128px;
	height:128px
}

.footer_logo img{
	display:block;
	width:128px;
	height:128px;
	filter:grayscale(1)
}

.footer_info{
	font-weight:400;
	font-size:12px;
	line-height:16px;
	color:#828282;
	width:254px;
	padding:0 0 0 44px
}

.footer_link{
	width:calc(100% - 562px);
	padding:0 0 0 44px;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	color:#fff
}

.footer_link a:link,.footer_link a:visited{
	color:#828282;
	text-decoration:none
}

.footer_link a:hover{
	color:#fff
}

.footer_bdn{
	width:180px
}

.footer_bdn dl dt{
	font-size:14px;
	line-height:20px;
	font-weight:100;
	color:#fff
}

.footer_bdn dl dt a:link,.footer_bdn dl dt a:visited{
	color:#828282;
	text-decoration:none
}

.footer_bdn dl dt a:hover{
	color:#fff
}

.footer_bdn dl dd{
	margin:8px 0 0
}

.footer_bdn dl dd img{
	display:block;
	width:100%
}

@media only screen and (min-width : 768px) and (max-width : 1023px){
	html{font-size:15px}
	.liga>*{width:calc((100% - 100px) / 2)}
	.footer_logo{width:60px;height:60px}
	.footer_logo img{width:60px;height:60px}
	.footer_info{width:calc(100% - 60px);padding:0 0 0 20px;font-size:11px}
	.footer_link{width:100%;padding:0 0 0 80px;font-size:11px}
	.footer_bdn{display:none}
}

@media only screen and (min-width : 480px) and (max-width : 767px){
	html{font-size:14px}
	.liga>*{width:calc((100% - 100px) / 2)}
	.footer_logo{width:60px;height:60px}
	.footer_logo img{width:60px;height:60px}
	.footer_info{width:calc(100% - 60px);padding:0 0 0 20px;font-size:11px}
	.footer_link{width:100%;padding:0 0 0 80px;font-size:11px}
	.footer_bdn{display:none}
}

@media only screen and (min-width : 320px) and (max-width : 479px){
	html{font-size:13px}
	.liga>*{width:100%;max-width:200px;margin:0 auto;}
	.footer_logo{width:60px;height:60px}
	.footer_logo img{width:60px;height:60px}
	.footer_info{width:calc(100% - 60px);padding:0 0 0 20px;font-size:11px}
	.footer_link{width:100%;padding:0 0 0 80px;font-size:11px}
	.footer_bdn{display:none}
}

@media only screen and (max-width : 319px){
body,html{height:100%;min-width:1320px}
}