@font-face {font-display:swap; font-family: "RobotoBlack";font-style: normal;font-weight: normal;src: url("../fonts/RobotoBlack/robotoblack.woff") format("woff"), url("../fonts/RobotoBlack/robotoblack.woff2") format("woff2"), url("../fonts/RobotoBlack/robotoblack.ttf") format("truetype");}@font-face {font-display: fallback;font-display:swap;font-family: "RobotoRegular";font-style: normal;font-weight: normal;src: url("../fonts/RobotoRegular/roboto.eot");src: url("../fonts/RobotoRegular/roboto.eot?#iefix") format("embedded-opentype");src: url("../fonts/RobotoRegular/roboto.woff") format("woff"), url("../fonts/RobotoRegular/roboto.woff2") format("woff2"), url("../fonts/RobotoRegular/roboto.ttf") format("truetype");}@font-face {font-display:swap;font-family: "RobotoBold";font-style: normal;font-weight: normal;src: url("../fonts/RobotoBold/robotobold.eot");src: url("../fonts/RobotoBold/robotobold.eot?#iefix") format("embedded-opentype");src: url("../fonts/RobotoBold/robotobold.woff") format("woff"), url("../fonts/RobotoBold/robotobold.woff2") format("woff2"), url("../fonts/RobotoBold/robotobold.ttf") format("truetype");}
html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } a { background-color: transparent; } h1 { font-size: 2em; margin: 0.67em 0px; } img { border: 0px; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } * { box-sizing: border-box; } ::before, ::after { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: NotoSerifRegular, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.40857; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: rgb(51, 122, 183); text-decoration: none; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 19px; margin-bottom: 9.5px; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 9.5px; margin-bottom: 9.5px; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h5, .h5 { font-size: 14px; } p { margin: 0px 0px 9.5px; } ul, ol { margin-top: 0px; margin-bottom: 9.5px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0px; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; }} @media (min-width: 992px) { .container { width: 970px; }} @media (min-width: 1200px) { .container { width: 1170px; }} .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-8 { width: 66.6667%; } .col-xs-6 { width: 50%; } .col-xs-4 { width: 33.3333%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.6667%; } .col-sm-6 { width: 50%; } .col-sm-4 { width: 33.3333%; } .col-sm-3 { width: 25%; }} @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-10 { width: 83.3333%; } .col-md-9 { width: 75%; } .col-md-7 { width: 58.3333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.6667%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.6667%; } .col-md-1 { width: 8.33333%; } .col-md-offset-1 { margin-left: 8.33333%; }} label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type="radio"], input[type="checkbox"] { margin: 4px 0px 0px; line-height: normal; } .form-control { display: block; width: 100%; height: 33px; padding: 6px 12px; font-size: 14px; line-height: 1.40857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-group { margin-bottom: 15px; } .btn { display: inline-block; margin-bottom: 0px; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.40857; border-radius: 4px; user-select: none; } .btn-default { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); } .btn-primary { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(46, 109, 164); } .btn-warning { color: rgb(255, 255, 255); background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); } .dropup, .dropdown { position: relative; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0px; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0px; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .input-group-btn { position: relative; font-size: 0px; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } .label-success { background-color: rgb(92, 184, 92); } .clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after { content: " "; display: table; } .clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after { clear: both; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; }} @media (max-width: 991px) and (min-width: 768px) { .visible-sm { display: block !important; }} @media (max-width: 767px) { .hidden-xs { display: none !important; }} @media (max-width: 991px) and (min-width: 768px) { .hidden-sm { display: none !important; }} .fa { display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .fa-remove::before, .fa-close::before, .fa-times::before { content: "?"; } .fa-twitter::before { content: "?"; } .fa-facebook-f::before, .fa-facebook::before { content: "?"; } .fa-youtube::before { content: "?"; } .fa-instagram::before { content: "?"; } .fa-vk::before { content: "?"; } .t-R { text-align: right; } .t-R { text-align: right; } .wrapper { overflow: hidden; } body { background: rgb(255, 255, 255); font-size: 13px; line-height: 18.3114px; font-family: RobotoRegular, Tahoma, sans-serif; } body ul { padding: 0px; margin: 0px; list-style: none; } body h1, body h2, body h3, body h4, body h5 { text-transform: uppercase; margin-top: 0px; letter-spacing: -0.03em; } body h1 { font-family: RobotoRegular, Tahoma, sans-serif; font-size: 39px; line-height: 42px; } body h2 { color: rgb(51, 51, 51); font-family: RobotoBold, Tahoma, sans-serif; font-size: 25px; line-height: 35.2143px; } body h3 { color: rgb(51, 51, 51); font-family: RobotoBold, Tahoma, sans-serif; font-size: 19px; line-height: 26.7629px; } body h5 { color: rgba(255, 255, 255, 0.5); font-family: RobotoBold, Tahoma, sans-serif; font-size: 13px; line-height: 18.3114px; } .decor { background: rgb(227, 83, 33); width: 50px; height: 2px; display: inline-block; } .footer-decor { background: rgb(227, 83, 33); width: 30px; height: 3px; } a, .brand-link { color: rgb(10, 86, 164); border-bottom: 1px solid transparent; transition: all 0.24s ease-out; text-decoration: none; background: none; } .dark-link { color: rgb(51, 51, 51); border-bottom: 1px solid rgba(51, 51, 51, 0.5); transition: all 0.24s ease-out; text-decoration: none; background: none; line-height: 23px; } .white-link { color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.25); transition: all 0.24s ease-out; text-decoration: none; background: none; line-height: 23px; } .btn.btn-warning, a.btn.btn-warning { border: 2px solid rgb(227, 83, 33); border-radius: 4px; color: rgb(233, 117, 77); padding: 6px 15px; background: transparent; font-family: RobotoBold, Tahoma, sans-serif; font-size: 13px; line-height: 18.3114px; transition: all 0.24s ease-out; } .btn.default, a.btn.default { border: 2px solid rgb(153, 153, 153); border-radius: 4px; color: rgb(153, 153, 153); padding: 7px 15px; font-size: 13px; line-height: 18.3114px; font-family: RobotoBold, Tahoma, sans-serif; background: transparent; transition: all 0.24s ease-out; } .rss { display: inline-block; color: rgb(247, 150, 47); font-size: 13px; line-height: 18.3114px; font-family: RobotoBold, Tahoma, sans-serif; text-transform: uppercase; transition: all 0.24s ease-out; border-bottom: none; } .rss img { margin-right: 10px; margin-bottom: 2px; } .label.label-success { background: transparent; color: rgb(32, 153, 0); font-size: 10px; line-height: 14.0857px; font-family: RobotoBlack, Tahoma, sans-serif; padding: 0px; text-transform: uppercase; border-bottom: 1px solid transparent; transition: all 0.24s ease-out; border-radius: 0px; } ul { list-style: none; margin-bottom: 0px; margin-top: 0px; } .sticky-wrapper { height: auto !important; } .head--block { background: rgba(23,95,169,.9) url("../img/header/head-bg.webp") 0% 0% / cover no-repeat; color: rgb(255, 255, 255); } .no-webp .head--block { background: rgba(23,95,169,.9) url("../img/header/head-bg.png") 0% 0% / cover no-repeat; color: rgb(255, 255, 255); } .head--block .heading-section { padding: 35px 0px 30px; } .head--block .heading-section .service { text-align: right; float: right; text-transform: uppercase; font-family: RobotoBlack, Tahoma, sans-serif; font-size: 11px; line-height: 15.4943px; } .head--block .heading-section .service .cls-1 { transition: all 0.24s ease-out; } .head--block .heading-section .service a { color: rgb(198, 215, 234); display: inline-block; transition: all 0.24s ease-out; } .head--block .heading-section .service .search { margin-right: 60px; position: relative; top: 10px; left: 0px; } .head--block .heading-section .service .search svg { margin-right: 8px; position: relative; top: 1px; } .head--block .heading-section .mobile.lang-wrapper { position: relative; top: 4px; right: auto; left: 0px; } .head--block .heading-section .lang-wrapper { display: inline-block; right: 15px; top: 1px; position: absolute; width: 31px; overflow: hidden; border: 2px solid rgb(198, 215, 234); background: rgb(10, 86, 164); border-radius: 4px; height: 28px; padding: 4px 0px; transition: all 0.24s ease-out; } .head--block .heading-section .lang-wrapper .lang-list { width: 97px; } .head--block .heading-section .lang-wrapper .lang-list .select-lang { visibility: hidden; } .head--block .heading-section .lang-wrapper .fa-times { position: relative; top: 1px; color: rgb(227, 83, 33); cursor: pointer; } .head--block .heading-section .lang-wrapper .cur-lang { margin-right: 3px; cursor: pointer; } .head--block .heading-section .lang-wrapper a { padding: 0px; text-decoration: none; margin-right: 5px; } .head--block .logo { float: left; margin-right: 20px; } .head--block .logo img { width: 117px; height: 34px; } .head--block .main-content { float: left; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; font-size: 11px; line-height: 15.4943px; } .head--block .main-content .heading { font-family: Tahoma, sans-serif; } .head--block .main-content .heading a { color: rgba(255, 255, 255, 0.5); } .first-nav-block { background: rgba(23, 95, 169, 0.9); padding: 17px 0px 14px; } .first-nav-block a { color: rgb(255, 255, 255); } .first-nav-block .first-nav { text-transform: uppercase; font-family: RobotoBlack, Tahoma, sans-serif; font-size: 15px; line-height: 21.1286px; } .first-nav-block .first-nav ul { padding: 0px; list-style: none; } .first-nav-block .first-nav ul li { float: left; margin-right: 20px; } .first-nav-block .first-nav ul li a { transition: all 0.24s ease-out; } .first-nav-block .first-nav ul li:last-child { margin-right: 0px; } .navigation-wrapper::after { content: ""; width: 100%; clear: both; display: block; } .second-nav-block { line-height: 4; position: relative; height: 52px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px; font-family: RobotoRegular, Tahoma, sans-serif; } .second-nav-block nav { position: static; } .second-nav-block nav ul { list-style: none; padding: 0px; } .second-nav-block nav ul li { float: left; margin-right: 20px; position: static; } .second-nav-block nav ul li a { color: rgb(10, 86, 164); transition: all 0.24s ease-out; text-decoration: none; } .second-nav-block nav ul li:last-child { margin-right: 0px; } .second-nav-block .other-info { text-align: right; } .second-nav-block .other-info ul { list-style: none; padding: 0px; } .second-nav-block .other-info ul li { display: inline-block; margin-right: 20px; } .second-nav-block .other-info ul li a:not(.version) { color: rgb(10, 86, 164); transition: all 0.24s ease-out; } .second-nav-block .other-info ul li:last-child { margin-right: 0px; } .button-wrap { position: absolute; top: 0px; left: 0px; width: 100px; height: 100%; text-align: center; padding: 37px 29px; transition: all 0.24s ease-out; } .toggle-cool { float: left; border: none; background: transparent; position: relative; z-index: 1; } .toggle-cool span { width: 30px; height: 4px; border-radius: 3px; display: block; background: rgb(255, 255, 255); margin-bottom: 4px; transition: all 0.24s ease-out; } .toggle-cool span:last-child { margin-bottom: 0px; } .top-sticky-logo { display: none; } .top-sticky-logo img { width: 80px; } .bottom-sticky-logo { display: none; } .bottom-sticky-logo a { border: none; } .bottom-sticky-logo img { width: 80px; } .search-wr-form { text-align: center; display: none; } .search-wr-form a { transition: all 0.24s ease-out; } .search-wr-form .close-search { cursor: pointer; position: absolute; right: 18px; top: 9px; font-size: 29px; color: rgb(227, 83, 33); } .search-wr-form .full-service { display: inline-block; width: 809px; } .search-wr-form .full-service .form-group { margin-right: 22px; float: left; } .search-wr-form .full-service .form-group input[type="radio"] { margin-right: 6px; position: relative; top: 2px; } .search-wr-form .full-service .field { position: relative; width: 52%; padding-top: 9px; } .search-wr-form .full-service .field img { position: absolute; top: 19px; left: 13px; z-index: 2; } .search-wr-form .full-service .field input[type="text"] { float: left; width: 339px; margin-right: 10px; height: 34px; padding-left: 34px; vertical-align: top; } .search-wr-form .full-service .field input[type="button"] { float: left; vertical-align: top; } .mobile-search-block { background: rgb(255, 255, 255); padding: 10px 0px; position: absolute; z-index: 20; width: 100%; left: 0px; bottom: -54px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px; transition: all 0.12s; height: 54px; opacity: 0; visibility: hidden; } .mobile-search-block .form-control { float: left; margin-right: 10px; } .mobile-search-block .btn-warning { padding: 6px 15px 5px; } .slider--block { color: rgb(255, 255, 255); } .slider--block .main-slider .item { display: table; width: 100%; height: 600px; vertical-align: middle; } .slider--block .main-slider .item .wrapper { display: table-cell; vertical-align: middle; } .slider--block .main-slider .item .content { padding: 40px 40px 0px; background: rgba(80, 114, 153, 0.85); } .slider--block .main-slider .item .content h1 { margin-bottom: 23px; text-transform: none; color: rgb(255, 255, 255); } .slider--block .main-slider .item .content p { margin-bottom: 40px; color: rgb(205, 205, 205); font-size: 17px; line-height: 23.9457px; } .slider--block .main-slider .owl-prev { background: url("../img/slider/large-ar-l.svg") no-repeat; position: absolute; top: 50%; margin-top: -33px; left: 56px; z-index: 200; width: 26px; height: 39px; } .slider--block .main-slider .owl-next { background: url("../img/slider/large-ar-r.svg") no-repeat; position: absolute; top: 50%; margin-top: -33px; right: 56px; z-index: 200; width: 26px; height: 39px; } .slider--block .main-slider .owl-dots { position: absolute; left: 0px; width: 100%; text-align: center; bottom: 13px; } .slider--block .main-slider .owl-dots .owl-dot { display: inline-block; height: 11px; border-radius: 100%; width: 11px; background: rgba(255, 255, 255, 0.5); margin-right: 18px; } .slider--block .main-slider .owl-dots .owl-dot.active { height: 13px; width: 13px; background: rgb(255, 255, 255); position: relative; left: 0px; top: 1px; } .slider--block .main-slider .owl-dots .owl-dot:last-child { margin-right: 0px; } .news--block { margin-bottom: 30px; font-size: 15px; line-height: 21.1286px; } .news--block h2 { margin-bottom: 30px; } .news--block .rss { margin-top: 7px; margin-left: 10px; position: relative; left: 4px; top: -4px; } .news--block .item { margin-bottom: 30px; } .news--block .item img { width: 100%; margin-bottom: 10px; } .news--block .item .label { margin-bottom: 10px; display: inline-block; } .news--block .item .date { font-size: 11px; line-height: 15.4943px; color: rgb(153, 153, 153); margin-bottom: 15px; } .events--block { background: rgb(230, 238, 246); margin: 0px 0px 50px; } .events--block h3 { margin-top: 40px; margin-bottom: 30px; padding-left: 6%; } .events--block .events-carousel .owl-stage { display: flex; flex-wrap: wrap; } .events--block .events-carousel .owl-stage .owl-item { display: flex; } .events--block .events-carousel .owl-prev { background: url("../img/events/arr-prev.svg") no-repeat; position: absolute; top: 50%; margin-top: -36px; left: -23px; z-index: 200; width: 14px; height: 21px; transition: all 0.24s ease-out; } .events--block .events-carousel .owl-next { background: url("../img/events/arr-next.svg") no-repeat; position: absolute; top: 50%; margin-top: -36px; right: -23px; z-index: 200; width: 14px; height: 21px; transition: all 0.24s ease-out; } .events--block .item { box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 8px -3px; margin-bottom: 50px; background: rgb(255, 255, 255); padding: 20px; min-height: 125px; width: 100%; } .events--block .item .date { width: 100%; height: 75px; text-align: center; color: rgb(153, 153, 153); border: 5px solid rgb(153, 153, 153); float: left; box-shadow: rgba(0, 0, 0, 0.12) 3px 3px 0px; } .events--block .item .date::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } .events--block .item .date .number { font-family: RobotoBold, Tahoma, sans-serif; font-size: 25px; line-height: 35.2143px; position: relative; top: 4px; left: 0px; } .events--block .item .date .month { font-family: RobotoBlack, Tahoma, sans-serif; font-size: 9px; line-height: 12.6771px; text-transform: uppercase; background: rgb(229, 229, 229); letter-spacing: 2px; margin-top: 8px; padding: 6px 0px 4px; } .events--block .item .info .where { color: rgb(102, 102, 102); font-size: 11px; line-height: 15.4943px; } .events--block .item .info .decor { margin: 8px 0px; } .events--block .item .info a { font-size: 13px; line-height: 18.3114px; } .useful-info--block { margin-bottom: 50px; font-size: 15px; line-height: 21.1286px; } .points { background: rgb(230, 238, 246); } .points--block { margin-top: 80px; } .points--block .item { margin-bottom: 100px; } .points--block .item .number { font-family: RobotoBlack, Tahoma, sans-serif; font-size: 70px; color: rgb(93, 118, 143); border-bottom: 1px solid rgb(93, 118, 143); height: 57px; margin-bottom: 20px; text-shadow: rgba(0, 0, 0, 0.5) 1px 2px 3px; position: relative; } .points--block .item .number .value { position: relative; } .points--block .item .number .value::after { position: absolute; content: ""; background: rgb(227, 83, 33); height: 1px; bottom: -6px; left: 0px; width: 100%; } .points--block .item p { color: rgb(153, 153, 153); font-size: 10px; line-height: 14.0857px; font-family: RobotoBold, Tahoma, sans-serif; text-transform: uppercase; } .lb-data .lb-caption { margin-top: 2px; margin-bottom: 5px; display: inline-block !important; } .lb-outerContainer { border-radius: 0px; } .news { padding-top: 50px; } .paletteff6600 { color: rgb(255, 102, 0) !important; } .palette33cccc { color: rgb(51, 204, 204) !important; } .palette00ccff { color: rgb(0, 204, 255) !important; } .paletted24628 { color: rgb(210, 70, 40) !important; } footer { position: relative; color: rgb(255, 255, 255); background: url("../img/footer/background-foot.webp") 0% 0% / cover no-repeat; font-size: 13px; line-height: 18.3114px; } .no-webp footer { position: relative; color: rgb(255, 255, 255); background: url("../img/footer/background-foot.png") 0% 0% / cover no-repeat; font-size: 13px; line-height: 18.3114px; } footer h5 { margin-bottom: 15px; } footer .footer-decor { margin-bottom: 15px; display: inline-block; } footer .white-link { font-size: 13px; line-height: 18.3114px; } footer .info p { font-size: 21px; line-height: 29.58px; margin-bottom: 4px; } footer .info .mail { margin-top: 20px; } footer .nav-group { padding-top: 50px; margin-bottom: 50px; } footer .nav-group a { color: rgb(255, 255, 255); } footer .nav-group h5 a { color: rgba(255, 255, 255, 0.5); } footer .nav-group ul li { margin-bottom: 15px; } footer .nav-group .social { margin-bottom: 18px; border: none; } footer .nav-group .social a { margin-right: 5px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 50%; padding: 5px 9px; width: 32px; display: inline-block; text-align: center; transition: all 0.24s ease-out; } footer .nav-group .social a i { font-size: 11px; line-height: 15.4943px; transition: all ease-out; } footer .copy { padding-bottom: 65px; padding-top: 65px; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.5); } footer .copy .about { margin-bottom: 25px; } footer .to-top { position: fixed; right: 20px; bottom: 20px; width: 30px; height: 30px; background: rgb(227, 83, 33); text-align: center; cursor: pointer; visibility: hidden; opacity: 0; transition: all 0.24s; z-index: 50; } footer .to-top img { width: 14px; margin-top: 7px; } @media only screen and (max-width: 1400px) { .slider--block .main-slider .item .content { padding: 26px 40px 0px; width: 40%; margin-left: 10%; } .slider--block .main-slider .item .content h1 { font-size: 30px; } .slider--block .main-slider .item .content p { font-size: 15px; }} @media only screen and (max-width: 1200px) { .first-nav-block .first-nav { line-height: 18.3114px; font-size: 12px; } .first-nav-block .first-nav ul li { margin-right: 25px; } .second-nav-block { font-size: 12px; } .points--block .item .number { font-size: 60px; } .points--block .item .number .value::after { bottom: -12px; }} @media only screen and (max-width: 992px) { .head--block { position: relative; } .head--block .heading-section .top-block { text-align: center; position: static; } .head--block .heading-section .top-block .logo { display: inline-block; float: none; margin-right: 0px; position: absolute; z-index: 0; left: 0px; width: 100%; top: 33px; } .slider--block .main-slider .item .content { padding: 16px 24px 0px; width: 60%; margin-left: 10%; } .slider--block .main-slider .item .content h1 { font-size: 24px; line-height: 28px; } .slider--block .main-slider .item .content p { font-size: 12px; } .head--block .heading-section .top-block .logo img { width: 117px; height: 31px; } .head--block .heading-section .top-block .main-content { float: right; position: relative; z-index: 1; margin-top: -6px; } .head--block .heading-section .top-block .main-content .heading { display: none; } .first-nav-block { background: rgb(10, 86, 164); } .first-nav-block .first-nav { width: 100%; } .first-nav-block .first-nav ul { border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 25px; } .first-nav-block .first-nav ul li { float: none; line-height: 32px; margin-right: 0px; } .second-nav-block { padding: 9px 0px 14px; background: rgb(10, 86, 164); box-shadow: none; } .second-nav-block .second-nav { width: 100%; } .second-nav-block .second-nav li { float: none; line-height: 32px; margin-right: 0px; } .second-nav-block .second-nav li a { color: rgb(198, 215, 234); } .second-nav-block .other-info { text-align: left; } .second-nav-block .other-info ul li { display: block; margin-right: 0px; line-height: 32px; margin-bottom: 15px; } .second-nav-block .other-info ul li:last-child { margin-bottom: 0px; } .second-nav-block .other-info ul li a:not(.version) { color: rgb(198, 215, 234); } .second-nav-block .second-nav { width: 100%; } header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; } header .navigation-wrapper { position: absolute; top: auto; width: 100%; z-index: 3; left: 100%; opacity: 0; transition: all 0.24s ease-out; min-height: 100vh; } .mobile-service { position: relative; left: 0px; top: 2px; } .mobile-service a { margin-right: 10px; } .mobile-service svg { width: 22px; height: 22px; } .mobile-service .cls-1 { fill: rgb(255, 255, 255); } .slider--block .main-slider .item { position: relative; } .slider--block .main-slider .item::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.36) 48%, rgba(0, 0, 0, 0.74) 100%); z-index: 0; } .slider--block .main-slider .item .content { padding: 0px 0px 55px; } .slider--block .main-slider .item .wrapper { vertical-align: bottom; position: relative; z-index: 2; } .news--block .item { margin-bottom: 50px; } .news--block .item:nth-child(3n+1) { clear: none; } .news--block .item:nth-child(2n+1) { clear: left; } .events--block .item .left-block { margin-bottom: 15px; text-align: center; } .events--block .item .left-block .date { width: 25%; display: inline-block; float: none; } .events--block .item .right-block { text-align: center; } .events--block .item .right-block .decor { display: inline-block; margin-top: 15px; } .events--block .item .right-block .link-wr { text-align: left; } .slider--block { margin-top: 91px; }} @media only screen and (max-width: 900px) { .mobile-search-block .form-control { float: left; margin-right: 10px; }} @media only screen and (max-width: 768px) { footer .info { text-align: center; margin-bottom: 50px; } footer .footer-nav { margin-bottom: 35px; } footer .footer-social { text-align: center; } .events--block h3 { padding: 0px; text-align: center; }} @media only screen and (max-width: 600px) { .news--block .rss { margin-left: 0px; left: 0px; }} @media only screen and (max-width: 600px) and (orientation: landscape) { .slider--block .main-slider .item { height: calc(100vh - 91px); } .slider--block .main-slider .item .content { padding: 12px 16px; width: 80%; margin-left: 10%; margin-bottom: 10%; } .slider--block .main-slider .item .content h1 { font-size: 14px; line-height: 16px; margin: 0px; } .slider--block .main-slider .item .content p { font-size: 10px; line-height: 12px; margin: 0px; }} @media only screen and (max-width: 600px) and (orientation: portrait) { .slider--block .main-slider .item { height: calc(50vh - 91px); } .slider--block .main-slider .item .content { padding: 12px 16px; width: 80%; margin-left: 10%; margin-bottom: 10%; } .slider--block .main-slider .item .content h1 { font-size: 14px; line-height: 16px; margin: 0px; } .slider--block .main-slider .item .content p { font-size: 10px; line-height: 12px; margin: 0px; }} @media only screen and (max-width: 500px) { .mobile-search-block .form-control { }} @media only screen and (max-width: 480px) { footer .footer-nav .item { width: 100%; text-align: center; }} @media only screen and (max-width: 380px) { .head--block .heading-section .top-block .logo { top: 39px; } .head--block .heading-section .top-block .logo img { height: 21px; } .mobile-service svg { width: 16px; } .toggle-cool span { width: 21px; }} @media only screen and (min-width: 900px) { .container { width: 890px; }} @media only screen and (min-width: 992px) { .container { width: 970px; } .second-nav-block nav ul li.learn a { color: rgb(227, 83, 33); } .second-nav-block nav ul li.personal a { color: rgb(32, 153, 0); } .second-nav-block nav ul li.parent a { color: rgb(51, 153, 204); } .second-nav-block nav ul li.graduate a { color: rgb(230, 150, 24); } .second-nav-block nav ul li.partners a { color: rgb(155, 40, 210); }} @media only screen and (min-width: 1200px) { .container { width: 1170px; }}
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; user-select: none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {content: " ";display: table;}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {clear: both;}