@font-face {
font-family: "Montserrat-Regular";
src: url("../fonts/Montserrat-Regular/Montserrat-Regular.eot");
src: url("../fonts/Montserrat-Regular/Montserrat-Regular.woff2") format("woff2"),
url("../fonts/Montserrat-Regular/Montserrat-Regular.woff") format("woff"),
url("../fonts/Montserrat-Regular/Montserrat-Regular.ttf") format("truetype"),
url("../fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix")format("embedded-opentype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "Montserrat-Bold";
src: url("../fonts/Montserrat-Bold/Montserrat-Bold.eot");
src: url("../fonts/Montserrat-Bold/Montserrat-Bold.woff2") format("woff2"),
url("../fonts/Montserrat-Bold/Montserrat-Bold.woff") format("woff"),
url("../fonts/Montserrat-Bold/Montserrat-Bold.ttf") format("truetype"),
url("../fonts/Montserrat-Bold/Montserrat-Bold.eot?#iefix")format("embedded-opentype");
font-style: normal;
font-weight: normal;
}
html, body { height:100%; padding:0; margin:0; background:#ffffff; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; }
html { font-size:0.9vw; }
body { font-family:"Montserrat-Regular", Arial, Helvetica, sans-serif; font-size:1rem; }
* { box-sizing:border-box; }
img { display:block; border:none; }
input { -webkit-appearance:none; outline:none; }
.clear { clear:both; }
h1 { padding:0; margin:0; font-size:inherit; }
h1, h2, h3, h4, h5 { padding:0 !important; margin:0 !important; font-family:inherit !important; font-size:inherit !important; color:inherit !important; font-weight:inherit !important; line-height:inherit !important; }
strong { font-family:"Montserrat-Bold", Arial, Helvetica, sans-serif; }
a { color:#0f4285; }
a:hover { text-decoration:none; }
.main { position:relative; width:100%; min-width:320px; margin:auto; overflow:hidden; }
.header { background:#e1e6ec; border-bottom:#0f4285 0.3125rem solid; }
.header_block { display:flex; max-width:93.75rem; padding:2.5rem 0; margin:auto; justify-content:space-between; align-items:center; }
.header_title { max-width:60rem; font-family:"Montserrat-Bold", Arial, Helvetica, sans-serif; font-size:2rem; color:#0f4285; }
.header_title a { color:#0f4285; text-decoration:none; }
.header_menu {}
.top-info { padding:11.25rem 0 3.625rem 0; background-image:url(../images/top-img.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; }
.top-info_block { display:flex; max-width:93.75rem; padding:0; margin:auto; justify-content:space-between; align-items:flex-end; }
.top-info_partners { display:flex; width:37%; }
.top-info_partners img { width:6.25rem; height:4rem; padding:0.3rem 0.5rem; margin-right:0.3rem; background:#ffffff; border-radius:0.5rem; object-fit:contain; }
.top-info_info { width:63%; padding:1.5rem 3.25rem; background:rgba(255, 255, 255, 0.8); border-radius:1.125rem; }
.top-info_info-title { padding-bottom:1.1rem; font-size:1.6rem; color:#0f4285; }
.top-info_info-title strong { font-family:"Montserrat-Bold", Arial, Helvetica, sans-serif; }
.top-info_info-text { font-family:"Montserrat-Regular", Arial, Helvetica, sans-serif; font-size:1rem; color:#000000; }
.content { max-width:93.75rem; padding:5.75rem 0 14.875rem 0; margin:auto; }
.info-items { display:flex; justify-content:space-between; }
.info-item { width:48.5%; padding:3rem 2.625rem; background:#ffffff; border-radius:1rem; -webkit-box-shadow: 0 0.7rem 1rem rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0.7rem 1rem rgba(0, 0, 0, 0.2); box-shadow: 0 0.7rem 1rem rgba(0, 0, 0, 0.2); }
.info-item:hover { cursor:pointer; background:#e1e6ec; -webkit-box-shadow: 0 0.7rem 1rem rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0.7rem 1rem rgba(0, 0, 0, 0.35); box-shadow: 0 0.7rem 1rem rgba(0, 0, 0, 0.35); }
.info-item_title { padding-bottom:1.25rem; font-size:1.6rem; color:#0f4285; text-align:center; }
.info-item_title strong { font-family:"Montserrat-Bold", Arial, Helvetica, sans-serif; }
.info-item_text { padding-bottom:1.25rem; text-align:center; }
.info-item_img { padding-bottom:1.25rem; }
.info-item_img img { height:21rem; border-radius:1rem; object-fit:cover; }
.info-item_text-1 { padding-bottom:1.25rem; font-family:"Montserrat-Bold", Arial, Helvetica, sans-serif; text-align:center; }
.news { padding-top:9.375rem; }
.news_title { padding-bottom:3.25rem; font-size:1.6rem; color:#0f4285; }
.news_title strong { font-family:"Montserrat-Bold", Arial, Helvetica, sans-serif; }
.news_items { display:flex; flex-wrap:wrap; }
.news_item { width:23.8%; margin-right:1.6%; margin-bottom:1rem; border:#e1e6ec 0.0625rem solid; border-radius:1rem; }
.news_items .news_item:nth-child(4n) { width:23.8%; margin-right:0; }
.news-item_img img { width:100%; height:12.5rem; border-radius:1rem; object-fit:cover; }
.news-item_date { padding:1.5rem 1rem; font-size:0.875rem; color:#000000; }
.news-item_title { padding-bottom:1.25rem; padding-left:1rem; padding-right:1rem; font-size:1.4rem; color:#0f4285; }
.news-item_title strong { font-family:"Montserrat-Bold", Arial, Helvetica, sans-serif; }
.news-item_title a { text-decoration:none; }
.news-item_text { padding-bottom:1.5rem; padding-left:1rem; padding-right:1rem; }
.footer { background:#607186; }
.footer_block { display:flex; max-width:93.75rem; margin:auto; }
.footer_feedback { width:45%; }
.footer-feedback_block { padding:1.625rem 1.375rem 1.25rem 1.375rem; margin-top:-7rem; background:#e1e6ec; border-radius:1rem; }
.footer-feedback_title { font-size:1.6rem; color:#0f4285; text-transform:uppercase; text-align:center; }
.footer-feedback_title strong { font-family:"Montserrat-Bold", Arial, Helvetica, sans-serif; }
.footer-feedback_text { padding-bottom:1.875rem; font-family:"Montserrat-Bold", Arial, Helvetica, sans-serif; font-size:1.25rem; color:#0f4285; text-align:center; }
.footer-feedback_items { display:flex; justify-content:space-between; }
.footer-feedback_item { width:48.5%; }
.footer-feedback_items .footer-feedback_item:nth-child(2) { display:flex; flex-direction:column; justify-content:space-between; }
.footer-feedback-item_input { padding-bottom:1.25rem; }
.footer-feedback-item_input input { width:100%; padding:0.75rem 1rem; margin:0; background:#ffffff; border:none; border-radius:0.25rem; outline:none; font-family:"Montserrat-Regular", Arial, Helvetica, sans-serif; font-size:0.875rem; color:#000000; }
.footer-feedback-item_textarea { height:100%; padding-bottom:1.25rem; }
.footer-feedback-item_textarea textarea { width:100%; height:100%; padding:0.75rem 1rem; margin:0; background:#ffffff; border:none; border-radius:0.25rem; outline:none; resize:none; font-family:"Montserrat-Regular", Arial, Helvetica, sans-serif; font-size:0.875rem; color:#000000; }
.footer-feedback-item_but { padding-bottom:1.25rem; text-align:right; }
.footer-feedback-item_but input { padding:0.75rem 2.5rem; margin:0; background:#0f4285; border:none; border-radius:0.25rem; outline:none; font-family:"Montserrat-Bold", Arial, Helvetica, sans-serif; font-size:1rem; color:#ffffff; text-align:center; cursor:pointer; }
.footer-feedback_agree { font-size:0.875rem; color:#0f4285; }
.footer-feedback_agree input { margin-right:0.75rem; -webkit-appearance:auto; cursor:pointer; }
.footer-feedback_agree label { display:flex; align-items:center; cursor:pointer; }
.footer-feedback_agree label a { color:#0f4285; }
.footer_info { display:flex; width:55%; padding:5rem 0; align-items:center; justify-content:flex-end; }
.footer-info_item { width:33.33%; padding-left:10%; }
.footer-info-item_title { display:flex; padding-bottom:1rem; margin-bottom:0.75rem; border-bottom:#0f4285 0.0625rem solid; align-items:center; }
.footer-info-item_ico {}
.footer-info-item_ico img { width:auto; height:1.25rem; margin-right:0.875rem; }
.footer-info-item_name { font-size:1.1rem; color:#ffffff; }
.footer-info-item_name strong { font-family:"Montserrat-Bold", Arial, Helvetica, sans-serif; }
.footer-info-item_text, .footer-info-item_text a { color:#ffffff; text-decoration:none; }
.footer-info-item_social { display:flex; padding-bottom:3.5rem; justify-content:flex-end; }
.footer-info-item_social img { width:auto; height:1rem; margin-left:1rem; }
.footer-info-item_kproject { font-size:0.875rem; color:#ffffff; text-align:right; }
.footer-info-item_kproject a { color:#ffffff; text-decoration:none; }
.content_title { padding-bottom:3rem; font-size:1.6rem !important; color:#0f4285 !important; }
.content_title h1 { font-family:"Rodeo-Bold", Arial, Helvetica, sans-serif !important; }
.content_block { min-height:30rem; }
.teaching-materials_items { display:flex; flex-wrap:wrap; }
.teaching-materials_item { display:flex; width:50%; padding-right:2.5rem; padding-bottom:2.25rem; }
.teaching-materials_items .teaching-materials_item:nth-child(2n) { padding-left:2.5rem; padding-right:0; }
.teaching-materials-item_ico { padding-right:1.5rem; }
.teaching-materials-item_ico img { width:2.25rem; height:auto; }
.teaching-materials-item_name a { color:#000000; }
.ufitz_items {}
.ufitz_item { display:flex; padding-top:3.375rem; padding-bottom:3.375rem; border-bottom:#acacac 0.0625rem solid; align-items:center; }
.ufitz_items .ufitz_item:first-child { padding-top:0; }
.ufitz_items .ufitz_item:last-child { padding-bottom:0; border-bottom:none; }
.ufitz-item_img { width:50%; padding-right:3.75rem; }
.ufitz-item_img img { width:100%; height:auto; border-radius:1rem; }
.ufitz-item_info { width:50%; }
.ufitz-item_title { padding-bottom:1.5rem; font-size:1.25rem; }
.ufitz-item_text { padding-bottom:2rem; font-size:1.125rem; }
.ufitz-item_but { text-align:right; }
.ufitz-item_but a { display:inline-block; padding:0.875rem 1.625rem; background:#0f4285; border-radius:0.5rem; color:#ffffff; text-decoration:none; }
.contacts-line { display:flex; padding-bottom:1.5rem; font-size:1.125rem; color:#000000; }
.contacts-line_ico { width:3rem; padding-right:1.5rem; padding-top:0.2rem; }
.contacts-line_ico img { width:auto; height:1.2rem; margin:auto; }
.contacts-line_text {}
/* Мобильное меню */
.main-menu { display:none; position:fixed; width:18.125rem; height:100%; overflow:scroll; background:#ffffff; -webkit-box-shadow: 0 0 0.625rem #222; -moz-box-shadow: 0 0 0.625rem #222; box-shadow: 0 0 0.625rem #222; box-sizing:border-box; right:0; top:0; z-index:99999; }
.main-menu ul { display:flex; padding:5rem 0 3rem 0; margin:0; list-style:none; flex-direction:column; }
.main-menu ul li { padding:1rem 2rem 1rem 3rem; font-family:"Montserrat-Regular", Arial, Helvetica, sans-serif; font-size:1rem; color:#000000; text-align:left; }
.main-menu ul li a { display:block; padding:0; color:#000000; text-decoration:none; }
.main-menu ul li a:hover, .main-menu ul li.main-menu_active-but a { color:#0f4285; }
/* Мобильная кнопка меню */
.mobile-menu-but {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 1.875rem;
height: 2.625rem;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.mobile-menu-but:focus {
outline: none;
}
.mobile-menu-but span {
display: block;
position: absolute;
top: 1.3125rem;
left: 0;
right: 0;
height: 0.1875rem;
background: #0f4285;
}
.mobile-menu-but span::before,
.mobile-menu-but span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 0.1875rem;
background-color: #0f4285;
content: "";
}
.mobile-menu-but span::before {
top: -0.5625rem;
}
.mobile-menu-but span::after {
bottom: -0.5625rem;
}
.mobile-menu-but_x {
background: none;
}
.mobile-menu-but_x span {
-webkit-transition: background 0 0.3s;
transition: background 0 0.3s;
}
.mobile-menu-but_x span::before,
.mobile-menu-but_x span::after {
-webkit-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
-webkit-transition-delay: 0.3s, 0;
transition-delay: 0.3s, 0;
}
.mobile-menu-but_x span::before {
-webkit-transition-property: top, -webkit-transform;
transition-property: top, transform;
}
.mobile-menu-but_x span::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.mobile-menu-but_x.active {
position: fixed;
background: none;
z-index: 100000;
right: 2%;
top: 1rem;
}
.mobile-menu-but_x.active span {
background: none;
}
.mobile-menu-but_x.active span::before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile-menu-but_x.active span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mobile-menu-but_x.active span::before,
.mobile-menu-but_x.active span::after {
background-color: #0f4285;
-webkit-transition-delay: 0, 0.3s;
transition-delay: 0, 0.3s;
}
.fade { display:none; position:fixed; width:100%; height:100%; background:#000000; opacity:0.5; top:0; z-index:99998; cursor:pointer; }
@media only screen and (max-width: 1200px) {
html { font-size:1.2vw; }
.header, .top-info_block, .content, .footer { padding-left:1rem; padding-right:1rem; }
.footer-info_item { padding-left:7%; }
}
@media only screen and (max-width: 900px) {
html { font-size:1.6vw; }
.info-item { padding-left:2rem; padding-right:2rem; }
.news { padding-top:7rem; }
.content { padding-bottom:12rem; }
.news_item, .news_items .news_item:nth-child(4n) { width:49%; margin-right:2%; margin-bottom:2%; }
.news_items .news_item:nth-child(2n) { width:49%; margin-right:0; }
.footer_block { flex-direction:column; }
.footer_feedback, .footer_info { width:100%; }
.footer_info { padding-top:3rem; padding-bottom:3rem; justify-content:flex-start; }
.footer-info_item { width:30%; padding-left:0; padding-right:10%; }
.footer_info .footer-info_item:nth-child(3) { width:40%; padding-right:0; }
.teaching-materials_item { padding-right:1.5rem; }
.teaching-materials_items .teaching-materials_item:nth-child(2n) { padding-left:1.5rem; }
}
@media only screen and (max-width: 500px) {
html { font-size:2.4vw; }
.header_title { font-size:1.8rem; padding-right:1rem; }
.top-info_block { flex-direction:column-reverse; }
.top-info_partners, .top-info_info { width:100%; }
.top-info { padding-bottom:2rem; padding-top:25rem; background-size:cover; background-position:center left -20rem; }
.top-info_partners { padding-top:1rem; }
.top-info_info { padding-left:2rem; padding-right:2rem; }
.info-items { flex-wrap:wrap; }
.info-item { width:100%; margin-bottom:3rem; }
.news { padding-top:5rem; }
.footer-info_item { width:35%; padding-right:5%; }
.footer_info .footer-info_item:nth-child(3) { width:30%; }
}