*,
*::before,
*::after {
  box-sizing: border-box;
  font-family: 'SF UI Display';
  outline: none; 
}
 
/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}
 
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}
 
/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
 
/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}
 
/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}
 
/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}
 
/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}
 
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}
 
/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

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

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

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

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

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

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

/* Grid */
.container {display: flex; flex-wrap: wrap; width: 100%; max-width: 100%; margin: 0 auto; padding: 0 8px; box-sizing: border-box; }
.row {display: flex; flex-wrap: wrap; }
.col-0 {display: none; }
.col-1 {width: calc(100% / 12); box-sizing: border-box; padding: 0 10px; }
.col-2 {width: calc(100% / 6); box-sizing: border-box; padding: 0 10px; }
.col-3 {width: 25%; box-sizing: border-box; padding: 0 10px; }
.col-4 {width: calc(100% / 3); box-sizing: border-box; padding: 0 10px; }
.col-6 {width: 50%; box-sizing: border-box; padding: 0 10px; }
.col-8 {width: calc(100% / 1.5); box-sizing: border-box; padding: 0 10px; }
.col-9 {width: 75%; box-sizing: border-box; padding: 0 10px; }
.col, .col-12 {width: 100%; box-sizing: border-box; padding: 0 10px; }
.offset-1 {margin-left:calc(100% / 12);}
.offset-2 {margin-left:calc(100% / 6);}
.offset-3 {margin-left:25%;}
.offset-4 {margin-left:calc(100% / 3);}
.dflex {display: flex;}
.fdc {flex-direction: column;}
.jcsb {justify-content: space-between;}
.mobile-none {display: none}
.table-none {display: none}

/* xxs iPhone 5  */
@media (min-width: 320px) {
	.col-1, .col-2, .col-3, .col-4, .col-6, .col-8, .col-9, .col-12 {padding: 0 8px;}
}

/* xs iPhone X  */
@media (min-width: 375px) {
	.col-xs-12{width: 100%;}
	.col-xs-9{width: 75%;}
	.col-xs-8{width: calc(100% / 1.5);}
	.col-xs-6{width: 50%;}
	.col-xs-4{width: calc(100% / 3);}
	.col-xs-3{width: 25%;}
	.offset-xs-1 {margin-left:calc(100% / 12);}
	.offset-xs-2 {margin-left:calc(100% / 6);}
	.offset-xs-3 {margin-left:25%;}
	.offset-xs-4 {margin-left:calc(100% / 3);}
}

/* sm iPhone Plus  */
@media (min-width: 414px) {
	.col-sm-12{width: 100%;}
	.col-sm-9{width: 75%;}
	.col-sm-8{width: calc(100% / 1.5);}
	.col-sm-6{width: 50%;}
	.col-sm-4{width: calc(100% / 3);}
	.col-sm-3{width: 25%;}
	.offset-sm-1 {margin-left:calc(100% / 12);}
	.offset-sm-2 {margin-left:calc(100% / 6);}
	.offset-sm-3 {margin-left:25%;}
	.offset-sm-4 {margin-left:calc(100% / 3);}
}

/* md планшеты */
@media (min-width: 720px) {
	.container{max-width: calc(100vw - 128px); padding: 0;}
	.col-1, .col-2, .col-3, .col-4, .col-6, .col-8, .col-9, .col-12 {padding: 0 10px;}
  .col-md-12{width: 100%;}
  .col-md-10{width: calc(250% / 3);}
	.col-md-9{width: 75%;}
	.col-md-8{width: calc(100% / 1.5);}
	.col-md-6{width: 50%;}
	.col-md-4{display: block; width: calc(100% / 3);}
  .col-md-3{width: 25%;}
  .col-md-2{width: calc(100% / 6);}
	.offset-md-1 {margin-left:calc(100% / 12);}
	.offset-md-2 {margin-left:calc(100% / 6);}
	.offset-md-3 {margin-left:25%;}
	.offset-md-4 {margin-left:calc(100% / 3);}
	.mobile-none {display: block}
}

/* lg монитор ЭЛТ */
@media (min-width: 1024px) {
	.container {max-width: 950px; }
	.col-1, .col-2, .col-3, .col-4, .col-6, .col-8, .col-9, .col-12 {padding: 0 10px;}
  .col-lg-12{width: 100%;}
  .col-lg-10{width: calc(250% / 3);}
	.col-lg-9{width: 75%;}
  .col-lg-8{width: calc(100% / 1.5);}
  .col-lg-7{width: calc(100% / 12 * 7);}
  .col-lg-6{width: 50%;}
  .col-lg-5{width: calc(100% / 12 * 5);}
	.col-lg-4{width: 33.333%;}
  .col-lg-3{width: 25%;}
  .col-lg-1{width: calc(100% / 12)}
	.offset-lg-1 {margin-left:calc(100% / 12);}
	.offset-lg-2 {margin-left:calc(100% / 6);}
	.offset-lg-3 {margin-left:25%;}
	.offset-lg-4 {margin-left:calc(100% / 3);}
	.table-none {display: block}
}

/* xl ноутбук */
@media (min-width: 1366px) {
	.container{max-width: 942px; }
	.col-xl-12{width: 100%;}
	.col-xl-9{width: 75%;}
	.col-xl-8{width: calc(100% / 1.5);}
	.col-xl-6{width: 50%;}
	.col-xl-4{width: calc(100% / 3);}
	.col-xl-3{width: 25%;}
	.offset-xl-1 {margin-left:calc(100% / 12);}
	.offset-xl-2 {margin-left:calc(100% / 6);}
	.offset-xl-3 {margin-left:25%;}
	.offset-xl-4 {margin-left:calc(100% / 3);}
}

/* xxl Desctop */
@media (min-width: 1680px) {
	.container{max-width: 1200px; }
	.col-xxl-12{width: 100%;}
	.col-xxl-9{width: 75%;}
	.col-xxl-8{width: calc(100% / 1.5);}
	.col-xxl-6{width: 50%;}
	.col-xxl-4{width: calc(100% / 3);}
	.col-xxl-3{width: 25%;}
	.offset-xxl-1 {margin-left:calc(100% / 12);}
	.offset-xxl-2 {margin-left:calc(100% / 6);}
	.offset-xxl-3 {margin-left:25%;}
	.offset-xxl-4 {margin-left:calc(100% / 3);}
}


/* Custom CSS */

:root {
    --accent-color: #b1ddff;
    --dark-blue: #0646B4;
    --link-color: #22B2F1;
    --light-gray: #BFC8D6;
    --gray: #A4ADBC;
    --dark-gray: #616977;
  }
body.open-menu {overflow: hidden;}
h2 {color: var(--dark-blue); font-size: 32px; line-height: 40px; font-weight: 600;}
.h2-subtitle {color: var(--gray); font-size: 18px; line-height: 1.4; margin-bottom: 24px; font-weight: 200;}
h3 {font-size: 24px; line-height: 32px}
h4 {font-size: 22px; line-height: 26px; color: #333; font-weight: 300; margin-top: 24px;}
h5 {font-size: 18px; color: var(--dark-blue); line-height: 1.5; margin: 8px 0 16px; }
a {text-decoration: none; color: var(--link-color); font-weight: 300;}
a:hover {color: var(--dark-blue);}
p {margin-bottom: 16px; font-weight: 200;}
p:last-child {margin-bottom: 0;}
.gray-text {color: var(--gray); font-weight: 300;}
.darkgray-text {color: var(--dark-gray); font-weight: 300;}
.dop-title {color: var(--gray); font-size: 18px; line-height: 27px; margin-bottom: 8px; }
p.pre-h2 {font-size: 18px; color: var(--gray); margin-bottom: 8px;}
input[type="text"] {display: block;width: 100%; height: 48px; border: none; border-radius: 2px; margin-bottom: 8px; padding: 0 16px;}
input[type="text"]:focus {border: 2px solid var(--accent-color);}
::placeholder {color: var(--gray); font-weight: 200;}
input[type="submit"] {display: block; width: 100%; height: 48px; background-color:var(--accent-color); color: #333; font-size: 18px; border: none; border-radius: 2px; font-weight: 300; cursor: pointer;}
input[type="submit"]:hover {background-color: var(--link-color); color: #fff}
form p {color: #B9C8E2; font-size: 14px; line-height: 21px; text-align: center; margin-top: 12px;}
form a:hover {color: var(--accent-color);}
ul {list-style: none; padding: 0; }
ul.blue-line {margin-bottom: 16px;}
ul.blue-line li {padding-left: 40px; margin-bottom: 12px; position: relative; font-weight: 200;}
ul.blue-line li:before {content: ''; display: block; width: 20px; height: 2px; background-color: var(--link-color); position: absolute; left: 0; top: 10px;}
.content {display: block; margin-left: 0px;}
a.btn {display: inline-block;  font-size: 18px; color:#fff; text-decoration: none; background-color: #ff4433; padding: 12px 44px; font-weight: 300; }
a.btn:hover {background-color: var(--link-color); color: #fff}
.mainwrap {display: block;}
.menu-icon {display: block; position: fixed; top: 24px; left: 24px; background-color: #3970CE; padding: 8px 6px; border-radius: 8px; z-index: 99;}
.menu-icon img {width: 16px;}
.phone-icon {display: block; position: fixed; top: 24px; right: 24px; background-color: #3970CE; padding: 8px 10px; border-radius: 8px; z-index: 99;}
.phone-icon img {width: 35px;}
.menu-icon:hover, .phone-icon:hover {background-color: var(--link-color);}

.leftmenu {display: flex;flex-direction: column;justify-content: space-between;width: 100%; padding: 24px 24px 40px; overflow-y: auto;color: #fff; position: fixed; z-index: 98; top: 0; left: -100%; height: 100vh; background: -moz-linear-gradient(left, rgba(2,62,167,1) 0%, rgba(2,63,168,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(2,62,167,1)), color-stop(100%, rgba(2,63,168,1))); background: -webkit-linear-gradient(left, rgba(2,62,167,1) 0%, rgba(2,63,168,1) 100%); background: -o-linear-gradient(left, rgba(2,62,167,1) 0%, rgba(2,63,168,1) 100%); background: -ms-linear-gradient(left, rgba(2,62,167,1) 0%, rgba(2,63,168,1) 100%); background: linear-gradient(to right, rgba(2,62,167,1) 0%, rgba(2,63,168,1) 100%); transition: 0.2s;}
.leftmenu.open {left: 0;}
.leftmenu.open .btn {display: block; text-align: center;}
.leftbar-top {display: none;}
.leftbar-top img {margin: 0 auto 24px;}
.leftmenu nav {margin-bottom: 28px; margin-top: 28px;}
.leftmenu nav li {border-bottom: 1px solid rgba(255,255,255,.1);}
.leftmenu nav a {display: block; min-width: 158px; color: #B1DDFF; text-decoration: none; font-size: 16px; line-height: 2; padding: 8px 0;}
.leftmenu nav a.active, .leftmenu nav a:hover {color: #fff}

.blue-dradient { background: -moz-linear-gradient(left, rgba(3,64,169,1) 0%, rgba(8,76,194,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,64,169,1)), color-stop(100%, rgba(8,76,194,1))); background: -webkit-linear-gradient(left, rgba(3,64,169,1) 0%, rgba(8,76,194,1) 100%); background: -o-linear-gradient(left, rgba(3,64,169,1) 0%, rgba(8,76,194,1) 100%); background: -ms-linear-gradient(left, rgba(3,64,169,1) 0%, rgba(8,76,194,1) 100%); background: linear-gradient(to right, rgba(3,64,169,1) 0%, rgba(8,76,194,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0340a9', endColorstr='#084cc2', GradientType=1 ); }

/*first*/
.main-center {min-height: 100vh; padding: 24px 5px 40px; text-align: center;}
.main-center img.main-logo {width: 156px; display: block; margin: 0 auto;}
.pre-title, .subtitle, .hero-bottom, .phone, .signature {display: none;}
h1 {color: var(--accent-color); text-transform: lowercase; font-size: 56px; line-height: 1;}
h1 span {color: #fff;}
p.event-date {font-size: 15px; color: #fff; font-weight: 500; text-align: center;}
p.event-date span {font-size: 24px; color: var(--accent-color); display: block; margin-bottom: 20px;}
.main-right {margin-top: 20px;}
.quotes {padding: 0; margin: 0 -16px; padding-bottom: 48px;}
.quotes-img {display: block; background-color:rgba(255,255,255,.05); padding: 0 32px; width: 100%; height: 56vw ; position: relative; }
.quotes-img img {position: absolute; bottom: 0; width: calc(100vw - 64px);}
blockquote {font-size: 18px; font-weight: 200; color:#fff; padding: 0 32px; margin: 32px 0 20px; border-left: 2px solid #fff}
.quotes-name {color: #B1DDFF; display: block; margin: 0 34px 48px; padding-left: 48px; font-size: 20px; font-weight: 200; position: relative;  }
.quotes-name span {display: block; font-size: 14px;}
.quotes-name:before {content: ''; display: block; width: 32px; height: 1px; background-color: #B1DDFF; position: absolute; left: 0; top: 16px;}

/* second */
#second {padding-top: 48px; padding-bottom: 48px;}
.video-wrap {flex-direction: column;}
.video-wrap img {display: block; width: 100%;}
.video-wrap a {display: block; width: 100%; margin-bottom: 8px;}
.video-wrap a:last-child {margin: 0;}

/* third */
/*#third {padding-top: 40px;padding-bottom: 12px;background: rgba(255,215,0,1);background: -moz-linear-gradient(-45deg, rgba(255,215,0,1) 0%, rgba(255,182,36,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,215,0,1)), color-stop(100%, rgba(255,182,36,1))); background: -webkit-linear-gradient(-45deg, rgba(255,215,0,1) 0%, rgba(255,182,36,1) 100%); background: -o-linear-gradient(-45deg, rgba(255,215,0,1) 0%, rgba(255,182,36,1) 100%); background: -ms-linear-gradient(-45deg, rgba(255,215,0,1) 0%, rgba(255,182,36,1) 100%); background: linear-gradient(135deg, rgba(255,215,0,1) 0%, rgba(255,182,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd700', endColorstr='#ffb624', GradientType=1 );}*/
#third {padding-top: 40px;padding-bottom: 12px; background-color: #b1ddff;}
#third h2 {color: #fff; text-transform: uppercase; font-size: 28px; line-height: 36px; padding: 0 24px 32px 24px;}
.third-item {display: block; padding: 32px 24px 40px; margin-bottom: 4px; background-color: #fff;}
.third-item h3 {margin-bottom: 16px;}
.third-item p {color: var(--dark-gray)}

/* fourth */
.trajectory {background-image: url(img/traektorii.svg); background-repeat: no-repeat; background-position: 60px -100px;}
.trajectory-title {margin-top: 210px; margin-bottom: 36px; color: #fff; font-weight: 200;}
.trajectory-title h2 {color: var(--accent-color); margin-bottom: 16px; font-weight: 400;}
.tabs {padding-bottom: 16px;}
#fourth .pre-h2 {display: none;}
.tab-content__item {display: block; width: 100%; background-color: #fff; padding: 16px 18px 14px; margin-bottom: 4px;}
.tab-content__item h2 {color: #000; font-size: 16px; line-height: 24px; padding-right: 20px; position: relative;}
.tab-content__item h2:after {content: ''; display: block; width: 5px; height: 5px; border: 5px solid transparent; border-top: 5px solid var(--link-color); position: absolute; right: 0; top: 10px;}
.tab-item-content {display: none;}
.tab-content__item.open h2 {color: var(--link-color)}
.tab-content__item.open h2:after {border: 5px solid transparent; border-bottom: 5px solid var(--light-gray); top: 3px}
.tab-content__item.open .tab-item-content {display: block; border-top: 1px solid #ECEEF1; padding: 16px 0; margin-top: 16px;}

/* five */
#five {background-color: #FCFCFC; overflow: hidden; position: relative; padding-top: 56px; padding-bottom: 40px;}
.container.dod-slider-wrap {display: block; margin-top: 32px;}
.dod-slider {position: initial}
.dod-slide { display: block; width: 100%; margin-bottom: 8px;}
.dod-slide img {width: 100%;}
.dod-slide h3 {font-size: 20px; line-height: 30px; color: var(--dark-blue); margin-bottom: 4px;}
.dod-slide ul.blue-line {margin-bottom: 0;}
.dod-slide ul.blue-line li {font-weight: 300; }
.dod-slide ul.blue-line li:last-child {margin-bottom: 0;}
.years {font-size: 18px; line-height: 27px; color: var(--link-color); font-weight: 200;}
.dod-slide-content {display: block; padding: 32px 24px 32px 24px; background-color: #fff;}
.slick-list {overflow: visible;}


/* six */
#six {padding-bottom: 56px;}
.six-img {margin: 0 -18px; order: -1;}
.six-img img {width: calc(100% + 34px); max-width: none; margin-bottom: 40px;}
#six h2 {margin-bottom: 16px;}
#six h3 { font-size: 20px; line-height: 24px; margin-top: 32px;}
#six h4 { font-size: 16px; color: var(--dark-blue); text-transform: uppercase; font-weight: 500;margin-top: 24px; margin-bottom: 12px;} 
img.graphic {width: 100%;}
.gray-text.small {font-size: 13px; line-height: 19px; margin: 12px 0 0;}
.line {border-bottom: 3px solid #F7F7F7; padding-bottom: 10px; margin-bottom: 20px; position: relative;}
.line p {margin-bottom: 0;}
.line-color {position: absolute; display: block; height: 3px;  left: 0; bottom: -3px;}
.light-blue .line-color {background-color: var(--link-color);}
.dark-blue .line-color {background-color: var(--dark-blue);}

.medal {border-bottom: 2px solid #F5F5F5;}
.medal-count {font-size: 40px; line-height: 1; color: var(--link-color); margin-top: 24px;}
.medal:nth-child(odd) .medal-count {color: var(--dark-blue);}
.medal img {margin-bottom: 16px;}
.medal p:last-child {margin-bottom: 24px;}

.olymp {margin-bottom: 24px;}
.big-count { font-size: 100px; color: var(--link-color); line-height: 1; font-weight: 100;}
.big-count span {font-size: 40px; font-weight: 200;}

/* seven */
#seven {background-color: #f4f8fd; padding-top: 56px; padding-bottom: 32px;}
#seven h2 {margin-bottom: 24px ;}
.menu-time {position: sticky; top: 72px; padding-bottom: 40px;}
.schedule {padding-left: 0; padding-right: 0;}
.schedule-item {background-color: #fff; padding-bottom: 24px; margin-bottom: 4px; opacity: .2; }
.schedule-item.active {opacity: 1;}
.schedule-item img {width: 100%;}
.schedule-item h3 {font-size: 18px; line-height: 24px; margin-bottom: 8px; padding-top: 20px; }
.schedule-item h3, .schedule-item p {padding-left: 16px; padding-right: 16px;}
.schedule-item p {font-size: 14px; line-height: 21px;}
.schedule-item p.schedule-item-time {font-size: 16px; color: var(--dark-blue); margin-bottom: 8px;}
.schedule-time {padding-right: 0;;}
.menu-time li {margin-bottom: 20px;}
.menu-time a {color: var(--light-gray);}
.menu-time a.active {color: var(--dark-blue); display: block; border-bottom: 2px solid var(--dark-blue);}
.faq-title {font-size: 16px; line-height: 24px; border-top: 1px solid #F5F5F5; padding: 15px 40px 15px 0; position: relative; cursor: pointer;}
.faq-title:before,
.faq-title:after {content: ''; display: block; background-color: var(--dark-blue); position: absolute; width: 14px; height: 2px; right: 16px; top: 27px; transition: 0.2s;}
.faq-title:after {transform: rotateZ(90deg);}
.faq-title.open:after {transform: rotateZ(0deg);}
.schedule-item .faq-content p {font-size: 14px;}
.schedule-item .faq-content p b {font-weight: 400;}
.schedule-item .faq-content p:last-child {margin-bottom: 20px}
.faq-content ul.blue-line li {font-size: 14px; font-weight: 200;}

/* eigth */
#eigth {padding: 56px 0 16px;}
#eigth img {width: 100%;}
ul.photos {display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.photos li {width: calc(50% - 8px); padding-bottom: 16px;}
.photos ~ .darkgray-text {margin-bottom: 32px;}
#eigth .h2-subtitle {margin-bottom: 12px;}
ul.videos li {margin-bottom: 24px;}

/* nine */
#nine {}
.nine-bg {padding-top: 40px; padding-bottom: 24px; background-image: url(img/percent.svg); background-repeat: no-repeat; background-position: 100px -82px;}
#nine h2 {color: #fff; font-size: 28px; line-height: 36px; margin-bottom: 16px;}
#nine h2 span {font-weight: 200; display: block;}
p.nine-subtitle {color: #fff; margin-bottom: 16px;}
p.nine-subtitle span {color: var(--accent-color); display: block;}
#nine form {margin-bottom: 32px;}
.nine-item {background-color: #fff; padding: 24px;}
.nine-item .gray-text.small {font-size: 14px; line-height: 21px;}
.nine-item.mod {padding-top: 0; padding-bottom: 0;}
.nine-item h3 {font-size: 18px; line-height: 1.2; font-weight: 500; color: var(--dark-blue); margin-bottom: 12px;}
.nine-item-line {border-top: 2px solid #F5F5F5; padding: 24px 0;}
.nine-item-line:has(blockquote) {border: none; background-color: #fff8e9;}
.nine-item-line blockquote {margin: 0; color: #000; padding: 0 24px; font-size: 16px; }
.nine-item-line:last-child {border: none}
.nine-item ul li {font-weight: 200;}

/* ten */
#ten {background: rgba(255,215,0,1);background: -moz-linear-gradient(-45deg, rgba(255,215,0,1) 0%, rgba(255,182,36,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,215,0,1)), color-stop(100%, rgba(255,182,36,1))); background: -webkit-linear-gradient(-45deg, rgba(255,215,0,1) 0%, rgba(255,182,36,1) 100%); background: -o-linear-gradient(-45deg, rgba(255,215,0,1) 0%, rgba(255,182,36,1) 100%); background: -ms-linear-gradient(-45deg, rgba(255,215,0,1) 0%, rgba(255,182,36,1) 100%); background: linear-gradient(135deg, rgba(255,215,0,1) 0%, rgba(255,182,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd700', endColorstr='#ffb624', GradientType=1 );}
.ten-virus {display: block; padding: 40px 0; background-image: url(img/virus.png); background-repeat: no-repeat; background-position: center -300px;}
#ten h2 {display: block; width: 100%; color: #000000; text-align: center; margin-bottom: 32px}
#ten h3 {font-size: 18px;}
.ten-item {background-color: #fff; padding: 32px; display: flex; flex-direction: column; margin-bottom: 4px; width: 100%}
.ten-item-icon {flex-shrink: 0;}
.ten-item-icon img {width: 48px; margin-bottom: 20px;}
.ten-item-content {}
.ten-item-content h3 {color: var(--dark-blue);}

/* eleven */
#eleven {flex-direction: column;}
.map {display: block; width: 100%; height: 360px; background-color: #FCFCFC;}
.contact {width: 100%; padding: 40px;}
.contact h2 {font-size: 24px; line-height: 32px; color: #333; margin-bottom: 10px;}
.contact h3 {font-size: 18px; line-height: 27px; color: var(--dark-blue); margin-bottom: 0px;}
p.contact-phone {margin-bottom: 8px;}
.copyright {margin-top: 32px;}

/* twelve */
.twelve-wrap {background: linear-gradient(180deg,#0F6ACE 0% , #0F6ACE 245px, transparent 245px, transparent 100%); padding: 40px 0 48px;}
#twelve h2 {font-size: 30px; color: #fff; font-weight: 200;}
a.twenty_years_link {display: flex; justify-content: center; width: 100%; margin-bottom: 75px}
ul.twelve-list {margin: 24px 0 32px;}
.twelve-list li {display: inline-block; margin: 0 4px 10px 0;}
.twelve-list li a {display: block; padding: 8px 16px; font-size: 14px; border-radius: 25px; background-color: #0C60C7; color: #fff;}
.twelve-list li a:hover {background-color: var(--accent-color); color: #333;}
.link-wrap {display: flex; flex-direction: column;}
a.link-site {display: block; text-align: center; color:#fff; font-size: 24px; margin-bottom: 16px}
.twelve-wrap .btn {text-align: center; border-radius: 2px;}

/* fancy-form */
.fancy-form-bottom {display: none;}
#fancy-form.fancybox-content {width: 100%; padding: 0; max-width: 380px; background-color: rgba(255,255,255,0);}
.fancy-form-top {padding: 40px; text-align: center;}
.fancy-form-top h2 {color: #fff; font-size: 20px; line-height: 30px;}
.fancy-form-top h2 a {color: var(--accent-color); font-weight: 500;}
.fancy-form-top p {text-align: center;}
.form-subtitle {color: var(--accent-color); font-weight: 200; margin-bottom: 16px; margin-top: 8px; font-size: 15px;}
.fancybox-slide--html #fancy-form .fancybox-close-small {color: #fff}

/* personal page */
#personal .container {background-color: #fff; padding-top: 32px; padding-bottom: 32px}
#personal h1 { text-transform: inherit; font-size: 24px; line-height: 1.2; color: #333; margin-bottom: 24px;}


@media (min-width: 375px) and (max-width: 720px) {
    .pd-xs-32 {padding-left: 32px; padding-right: 32px;}
    .schedule-item .faq-title {padding-left: 16px}
    .schedule-item .faq-content ul.blue-line { padding-left: 16px; padding-right: 16px }
    .achievement-item {display: flex; align-items: center; gap: 12px; margin-top: 12px;}
    .achievement-item img {width: 110px}
    .achievement-item p {font-size: 14px; color: var(--dark-gray);}
}

/* sm iPhone Plus  */
@media (min-width: 414px) {
	
}

/* md планшеты */
@media (min-width: 720px) {
    .leftmenu {width: 340px; left: -340px; align-items: center;}
    .leftbar-top {display: block;}
    .leftmenu nav {margin-top: 0;}
    .leftmenu nav li {border-bottom: 0;}
    .leftmenu.open .btn {display: inline-block;}
    .main-center {padding: 32px 5px 64px;}
    .main-center img.main-logo {width: 260px;}
    h1 {font-size: 112px;}
    p.event-date {font-size: 20px;}
    p.event-date.pre-btn {display: none;}
    p.event-date span {font-size: 32px; margin-bottom: 20px;}
    .main-center a.btn {padding: 16px 100px; font-size: 20px; }
    .main-right {width: 100vw; padding: 0; margin: 56px -64px 0; background-color: rgba(255,255,255, .05);}
    .quotes { display: flex; padding: 0 32px; margin: 0;}
    .quotes-img {background-color: rgba(255,255,255,0); height: auto; padding: 0; flex-shrink: 0; width: 300px;}
    blockquote {border-left: 0; padding: 0 0 0 32px;}
    .quotes-text .quotes-name:last-child {margin-bottom: 16px;}
    /* first*/
    .quotes {padding-bottom: 0;}
    /* second */
    .video-wrap {flex-direction: row;}
    .video-wrap a {margin: 0 12px 0 0; width: calc(33.33% - 8px);}
    /* third */
    #third {padding-bottom: 32px;}
    #third .container {background-image: url(img/grid.svg); background-position: center;}
    .third-right {position: relative; z-index: 3; padding-top: 360px;}
    #third h2 {font-size: 60px; line-height: 72px; padding: 0; position: sticky; top: 80px; z-index: 2;}
    /* fourth */
    .trajectory {background-position: 68vw -40px;}
    .trajectory-title {margin-top: 88px; margin-bottom: 86px;}
    .trajectory h2 {font-size: 56px; line-height: 62px;}
    .blue-dradient.xs {background: #fff;}
    .tabs {margin-top: 80px; margin-bottom: 56px;}
    .tabs > .col-md-4 {border-right: 2px solid #F2F4F7;}
    p.pre-h2 {display: block; font-size: 28px; line-height: 36px; color: var(--gray); margin-bottom: 8px;}
    .tab-content__item {display: none;  padding: 0px 20px 0px; margin-bottom: 0px;}
    .tab-content__item.active {display: block;}
    .tab-content__item h2, .tab-content__item.open h2 {padding-right: 0; margin-bottom: 16px; font-size: 40px; line-height: 48px; font-weight: 600; color: var(--dark-blue) }
    .tab-content__item h2:after {content: none;}
    .tab-content__item p {font-weight: 200;}
    .tab-item-content {display: block;}
    .tab-content__item.open .tab-item-content {border-top: none; padding: 0; margin-top: 0;}
    ul.tab-header {position: sticky; top: 40px;  padding-top: 8px;}
    li.tab-header__item {font-size: 16px; line-height: 20px; color: var(--dark-gray); margin-bottom: 24px; font-weight: 300; cursor: pointer;}
    li.tab-header__item.active, li.tab-header__item:hover {color: var(--link-color); border-right: 2px solid var(--link-color); margin-right: -2px;}

    /* five */
    .container.dod-slider-wrap {}
    .dod-slide-content {min-height: 380px; background-color: #fff;}

    /* six */
    #six {margin-top: 56px;}
    .six-img {display: none; order: inherit;}
    .bl {border-left: 2px solid #F5F5F5; padding-left: 30px; margin-top: 24px;}
    #six .bl h4 {position: relative;}
    #six .bl h4:before {content: ''; display: block; width: 2px; height: 100%; background-color: var(--dark-blue); position: absolute; left: -32px;}
    .col-md-4.bl {padding-right: 30px; margin-left: 10px; width: calc(33% - 10px);}
    .col-lg-6.bl {margin-left: 10px; width: calc(50% - 10px);}
    .col-md-6.bl {padding-right: 30px; margin-left: 10px; width: calc(50% - 10px);}
    .medal-wrap {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 16px;}
    .medal {width: 50%; border-bottom: 0; border-left: 2px solid #F5F5F5; padding: 16px 24px 0 30px;}
    .medal-count {margin-top: 0;}
    .medal p:last-child {border-left: 2px solid var(--link-color); margin-left: -32px; padding-left: 30px;}
    .medal:nth-child(odd) p:last-child {border-color: var(--dark-blue);}

    /* seven */
    .schedule-item {padding: 40px;}
    .schedule-item h3, .schedule-item p {padding-left: 0px; padding-right: 0px;}
    .schedule-item h3 {font-size: 22px; line-height: 1.4;}
    .schedule-item p {font-size: 16px; line-height: 24px;}
    .schedule-item .faq-content p {font-size: 16px;}
    .faq-content ul.blue-line li {font-size: 16px;}

    /* eigth */
    #eigth {padding-bottom: 32px;}
    ul.photos {justify-content: start;}
    ul.photos li {width: calc(33% - 8px); padding-bottom: 12px; margin-right: 12px;}
    ul.photos li:nth-child(3n) {margin-right: 0;}
    ul.videos {display: flex; justify-content: space-between;}
    ul.videos li {width: calc(50% - 6px);}

    /* nine */
    .nine-bg {background-position: calc(100% + 90px) -82px;}

    /* ten */
    .ten-item {padding: 32px; flex-direction: row; margin-bottom: 4px;}
    .ten-item-icon img {width: 40px; margin: 8px 24px 0 0;}

    /* eleven */
    #eleven {flex-direction: row;}
    .map {width: 50%; height: 650px;}
    .contact {width: 50%; height: 650px; padding: 40px;}

    /* twelve */
    .twelve-wrap {overflow: hidden;}
    .twelve-wrap .container {position: relative; }
    #twelve h2 {font-size: 26px;}
    .twelve-wrap {background: linear-gradient(110deg,transparent 0%, transparent 75%, #0F6ACE 75% , #0F6ACE 100%); padding: 40px 0 48px;}
    ul.twelve-list {margin: 16px 0;}
    a.twenty_years_link {margin-bottom: 30px}
    .twelve-list li {margin-right: 0;}
    .twelve-list li:after {content: '•'; display: inline-block; color: #22b2f1; padding: 0 10px; font-size: 12px;}
    .twelve-list li:last-child:after {content: none}
    .twelve-list li a {display: inline-block; background-color: inherit; color: #22b2f1; padding: 0; }
    .twelve-list li a:hover {color: var(--accent-color); background-color: inherit;}
    .link-wrap {flex-direction: row; justify-content: space-between;}
    a.link-site {display: block; font-size: 18px; width: 55%; background-color: #fff; color:#333333; padding: 16px 40px 15px 44px; position: relative; border-radius: 2px; margin-bottom: 0; text-align: left}
    a.link-site:before {content: url(img/globus.svg); position: absolute; left: 16px; top: 18px; height: 16px;}
    a.link-site:after {content: url(img/arrow.svg); position: absolute; right: 16px; top: 18px; height: 16px;}
    .link-wrap .btn {width: calc(45% - 6px); padding: 14px 0; line-height: 30px;}

    /* fancy-form */
    .fancy-form-bottom {display: block; background-color: #ffffff; padding: 32px 40px;}
    .fancy-form-bottom h2 {font-size: 24px; line-height: 32px; margin-bottom: 16px;}
    #fancy-form.fancybox-content {width: 100%; padding: 0; max-width: 640px}
    .input-wrap {display: flex; justify-content: space-between;}
    .input-wrap input {width: calc(33.333% - 8px); flex-shrink: 0;}

    /* personal page */
    #personal .btn {margin-top: 16px;}
}

/* lg монитор ЭЛТ */
@media (min-width: 1024px) {
  p,
  .schedule-item p,
  a.contact-link,
  ul.blue-line li {font-size: 18px; line-height: 1.5;}

  blockquote {color: #B1DDFF;}
  .menu-icon {right: 24px; top: 32px; left: auto}
  .phone-icon {display: none;}
  p.event-date {font-size: 15px;}
  p.event-date span {font-size: 24px; margin-bottom: 0;}
  .leftmenu nav a {padding: 0;}
  .main-center {padding: 32px 10px 42px; text-align: left;}
  .main-center img.main-logo, .event-wrap {display: none;}
  h1 {font-size: 112px; line-height: 95px; font-weight: 600;}
  p.pre-title {display: block; color: #fff; font-size: 20px; font-weight: 200; position: relative;}
  .hero-bottom {display: flex; position: relative;}
  .hero-bottom img {display: block; height: 38px; margin-right: 16px}
  .forbes {display: flex; padding-right: 24px; border-right: 2px solid rgba(255,255,255,.2); margin-right: 24px;}
  p.subtitle {display: block; margin-bottom: 0;color: #fff; font-size: 15px; line-height: 22px; font-weight: 300;}
  p.subtitle > span {display: block;}
  .main-right { margin: 0; position: absolute; right: 0; width: 340px; height: 100vh; padding: 30px 24px 42px; border-left: 2px solid rgba(255,255,255, 0.1);}
  .phone {display: block; font-size: 24px; text-decoration: none; font-weight: 600; color: #ffffff;}
  .phone:hover {color: var(--accent-color)}
  .quotes {padding: 0; margin: 0 -24px; display: flex; flex-direction: column;}
  blockquote {position: relative; padding: 0 24px;}
  blockquote:before {content: ''; display: block; width: 2px; height: 100%; position: absolute; left: -2px; background-color: #fff;}
  .quotes-img {background-color: rgba(255,255,255,.05); height: 200px; width: 100%;}
  .quotes-img img {width: 292px; left: 24px;}
  .signature {display: flex; justify-content: flex-end; margin-bottom: 48px;}
  .quotes-name {margin-bottom: 0;}
  .quotes-text .quotes-name:last-child {margin-bottom: 0px;}
  ul.blue-line li:before {top: 14px}
  /* first */
  .main-right {background-color: inherit;}
  /* second */
  .video-wrap a {margin: 0 18px 0 0; width: calc(33.33% - 12px);}
  /* third */
  #third {padding-bottom: 32px;}
  .third-right {padding-top: 460px; padding-bottom: 32px;}
  #third h2 {font-size: 80px; padding-left: 62px; line-height: 90px; top: 120px;}
  /* fourth */
  .trajectory {background-position: 50vw -40px;}
  /* five */
  .container.dod-slider-wrap {padding-right: 100px; position: relative;}
  .dod-slide {opacity: 0.2; transition: 0.2s;}
  .dod-slide.slick-active {opacity: 1;}
  /* six */
  .medal p {font-size: 16px;}
  .olymp-wrap {display: flex; flex-direction: column; justify-content: space-between;}
  .olymp {margin-top: 16px; padding: 8px 30px 32px 30px; border-left: 2px solid #F5F5F5;}
  .olymp-wrap p.olymp-text {font-size: 16px;}
  .olymp-wrap p.gray-text {text-align: right;}
  .olymp p:last-child{border-left: 2px solid var(--link-color); margin-left: -32px; padding-left: 30px;}
  .six-img {display: block; margin: 0;}
  .six-img img {width: 100%;}
  .gray-text.small {font-size: 15px;}
  img.achievement-img {display: block; max-width: 100%; margin-bottom: 16px}
  /* seven */
  .schedule-item {padding: 56px 160px 56px 80px;}
  /* eigth */
  #eigth {padding-bottom: 56px;}
  ul.photos li {width: calc(33% - 12px); padding-bottom: 18px; margin-right: 18px;}
  ul.videos {display: flex; justify-content: space-between; flex-direction: column;}
  ul.videos li {width: 100%}
  ul.videos li:last-child {margin-bottom: 0;}
  /*#eigth .container > div:nth-child(1) {padding-right: 56px; border-right: 2px solid #F5F5F5}*/
  #eigth .container > div:nth-child(2) {padding-left: 56px;}
  /* nine */
  .nine-bg {padding-bottom: 56px;}
  #nine h2 {margin-bottom: 8px;}
  #nine h2 span, p.nine-subtitle span {display: inline-block;}
  form p {text-align: left; font-size: 15px;}
  .nine-item {height: 100%;}
  /*.nine-item-line {height: 50%;}*/
  .nine-item.class10 {margin-top: 20px}
  /* ten */
  .ten-virus {background-position: right -148px;}
  /* eleven */
  .map {width: calc(100% - 420px); height: 100vh;}
  .contact {width: 420px; height: 100vh; padding: 64px 60px 56px;}
  /* twelve */
  #twelve h2 {font-size: 30px;}
  ul.twelve-list {margin: 8px 0 16px;}
  .twelve-list li {margin-bottom: 0}
  .twelve-list li a {font-size: 15px;}
  .twelve-wrap {min-height: 234px}
  .twelve-wrap img {position: absolute; right: 10px; top: -10px; height: 165px;}
  a.twenty_years_link {margin-bottom: 0}
  /* fancy-form */
  #fancy-form.fancybox-content {max-width: 942px;}
  .fancy-form-wrap {display: flex; flex-direction: row-reverse;}
  .fancy-form-bottom {width: 50%; flex-shrink: 0;}
  .fancy-form-bottom h2 {font-size: 24px; line-height: 32px;}
  .fancy-form-top {width: 50%; display: flex; flex-direction: column; align-items: center;justify-content: center; padding: 40px 80px 60px;  flex-shrink: 0;}
  .fancy-form-top h2 a {display: block;}
  .form-subtitle {font-size: 16px;}
  .input-wrap {display: block;}
  .input-wrap input {width: 100%;}
  /* personal page */
  #personal h1 {font-size: 30px; margin-top: 24px;}
}

/* xl ноутбук */
@media (min-width: 1366px) {
    .menu-icon {display: none;}
    .leftmenu {left: 0;}
    .content {margin-left: 340px;}
    #first, #fourth .blue-dradient, #nine {border-left: 2px solid rgba(255,255,255,.05)}
    p.pre-title:before, .hero-bottom:before {content: ''; display: block; width: 2px; height: 100%; background-color: #fff; position: absolute; left: calc((942px + 340px - 100vw)/2 - 3px); padding: 14px 0;}
    
    /* fourth */
    .trajectory {background-position: 38vw -40px;}
    
}

/* xxl ПК */
@media (min-width: 1680px) {
    h1 {font-size: 170px; line-height: 140px;}
    p.pre-title:before,.hero-bottom:before {left: calc((100vw - 1200px - 334px)/-2);}
    
    /* fourth */
    .trajectory {background-position: right -40px;}
    
    /* five */
    .container.dod-slider-wrap {padding-right: 0;}

    /* ten */
    .ten-virus {background-position: -100px 100px}

    /* twelve */
    .twelve-wrap {background: linear-gradient(110deg,transparent 0%, transparent 60%, #0F6ACE 60% , #0F6ACE 100%); padding: 40px 0 48px;}

}