* {
            box-sizing: border-box;
        }

        @font-face {
            font-family: OpenSans;
            src: url(../fonts/OpenSans-Medium.ttf);
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            margin: 0;
            padding: 0;
            font-family: OpenSans;
            font-size: 18px;
        }

        #bg {
            position: fixed;
            top: 0;
            left: 0;
            height: 100vh;
            width: 100%;
            z-index: -10;
            visibility:hidden;
            opacity: 0;
        }

        .fade-in {
            animation: fadeIn both ease 1.2s;
        }

        #bg-left {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 50%;
            background-image: url(../images/bg.jpg);
            background-repeat: no-repeat;
            background-position: left;
            background-attachment: fixed;
            background-size:contain;
        }

        #bg-right {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 50%;
            background-image: url(../images/bg2.jpg);
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: right;
            background-size: contain;
        }

        .fadeIn-animation-hide {
            opacity: 0;
            visibility: hidden;
        }

        .fadeIn-animation-show {
            opacity: 1;
            visibility: visible;
            transition: all ease 1.2s;
        }

        .slide-animation-hide {
            transform: translateX(-70px);
            opacity: 0;
            visibility: hidden;
        }

        .slide-animation-show {
            transform: translateX(0);
            opacity: 1;
            visibility: visible;
            transition: all ease 1.2s;
        }

        .slide-animation-2-hide {
            transform: translateY(70px);
            opacity: 0;
            visibility: hidden;
        }

        .slide-animation-2-show {
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
            transition: all ease 1.2s;
        }

        .slide-animation-3-hide {
            transform: translateX(70px);
            opacity: 1;
            visibility: visible;
            visibility: hidden;
        }

        .slide-animation-3-show {
            transform: translateX(0);
            opacity: 1;
            visibility: visible;
            transition: all ease 1.2s;
        }

        #preloader-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            height: 100vh;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 40;
            background-color: rgb(255, 255, 255);
        }

        .loaded {
            animation: hidePl ease both 0.4s;
        }

        @keyframes hidePl {
            0% {
                visibility: visible;
                opacity: 1;
            }
            50% {
                visibility: visible;
                opacity: 1;

            }
            100% {
                opacity: 0;
                visibility: hidden;
            }
        }

        .preloader {
            position: relative;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            box-shadow: inset 0 0 20px -5px rgba(0, 115, 255, 0.5), inset 0 -40px 40px -20px rgba(0, 115, 255, 0.5);
            background: linear-gradient(rgb(0, 255, 119) 120px, transparent 0) no-repeat;
            background-position: 0 70px;
            transition: background-position 0.4s ease;
        }

        .preloader-percent {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 13px;
            font-weight: 700;
            color: #fff;
            text-shadow: 0 1px 3px rgba(0,0,0,0.4);
            pointer-events: none;
        }

        .wrapper {
            height: 100%;
            max-width: 1150px;
            margin: 0 auto;
            overflow: hidden;
            border-radius: 12px;
            background-color: rgb(255, 255, 255);
        }

        #header {
            max-width: 1150px;
            margin: 0 auto;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 20;
            background-color: rgba(255, 255, 255, 0.93);
            box-shadow: 0 3px 7px 2px rgba(0, 255, 119, 0.3);
            border-radius: 12px 12px 0 0;
        }

        .navig {
            min-height: 70px;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            padding-right: 30px;
        }

        #logo{
            margin: 0 30px;
            display: flex;
            align-items: center;
            height: 70px;
        }

        #logo img {
            height: 90%;
            border-radius: 25px;
        }

        .nav-bar {
            margin: 0 30px;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }

        .nav-bar a {
            margin-bottom: 2px;
            display: inline-block;
            margin: 0 12px;
            font-size: 18px;
            font-weight: 500;
            color:rgb(0, 0, 0);
            text-decoration: none;
        }
        
        .nav-bar a::after {
            content: "";
            display: block;
            width: 100%;
            height: 3px;
            background-color: rgb(0, 255, 119);
            transform: scaleX(0);
            transition: all ease 0.4s;
            visibility: hidden;
            opacity: 0;
            box-shadow: 0 0 3px 0 rgba(0, 255, 119, 0.3);
        }

        .nav-bar a:hover::after {
            transform: scaleX(1);
            visibility: visible;
            opacity: 1;
        }

        .nav-bar a:active {
            color: rgb(0, 255, 119);
            transition: all ease 0.1s;
        }

        #header hr {
            margin: 0;
            height: 2px;
            border: none;
            background: linear-gradient(to right, rgb(0, 115, 255),rgb(0, 255, 119),rgb(0, 115, 255));
            visibility: hidden;
        }

        #header hr.hr-lit {
            visibility: visible;
            animation: hrLight 0.4s ease forwards;
        }

        @keyframes hrLight {
            0%   { transform: scaleX(0); opacity: 0; box-shadow: none; }
            40%  { transform: scaleX(0.6); opacity: 1; }
            100% { transform: scaleX(1); opacity: 1;
                   box-shadow: 0 0 6px 1px rgba(0, 255, 119, 0.5); }
        }

        .mobile-menu {
            width:30px;
            height:30px;
            display: none;
        }

        #mobile-container {
            visibility: hidden;
            opacity: 0;
        }

        #mobile-container:target {
            visibility: visible;
            opacity: 1;
            z-index: 30;
        }

        .mobile-container {
            position: fixed;
            top: 0;
            left: 0;
            height: 100vh;
            width: 100%;
            transition: all ease 0.7s;
        }

        .window-container {
            position: fixed;
            top: 0;
            left: 0;
            height: 100vh;
            width: 100%;
            transition: all ease 0.7s;
            z-index: 30;
        }

        .window-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            cursor:default;
            background-color: rgba(247, 244, 244, 0.97);
        }

        .window-wrapper2 {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            cursor:default;
            background-color: rgba(0, 0, 0, 0.7);
        }

        .window-close {
            position: absolute;
            top: 7px;
            right: 7px;
            cursor: pointer;
            z-index: 31;
        }

        .window-close img {
            height: 40px;
            width: 40px;
            transition: all ease 0.7s;
        }

        .window-close img:hover {
            transform: rotate(90deg);
        }

        .mobile-window {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: 430px;
            width: 300px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            background: linear-gradient(to top, rgba(111, 162, 255, 0.93),rgba(115, 255, 180, 0.93));
            box-shadow: 0 3px 7px 2px rgba(0, 255, 119, 0.3);
            border-radius: 70px;
        }

        .mobile-nav {
            margin: 12px;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
        }

        #main-page {
            padding-top: 70px;
            width: 100%;
            min-height: 100vh;
            display: flex;
            align-items:center;
            justify-content: center;
            flex-direction: column;
        }

        .main-section {
            width: 100%;
            display: flex; 
            align-items: center;
            justify-content: space-evenly;
        }

        #main-header1 {
            width: 90%;
            margin: 12px 0 0;
            padding: 12px 12px 0 12px;
            font-size: 25px;
            text-align: center;
            background-color: rgba(255, 255, 255, 0.93);
            border-radius: 30px 30px 0 0;
            box-shadow: 0 3px 7px 2px rgba(255, 255, 255, 0.3);
        }

        #main-header2 {
            width: 90%;
            margin: 0;
            padding: 12px;
            font-size: 18px;
            font-weight: 500;
            text-align: center;
            background-color: rgba(255, 255, 255, 0.93);
            border-radius: 0 0 30px 30px;
            box-shadow: 0 3px 7px 2px rgba(255, 255, 255, 0.3);
        }

        .news-wrapper {
            margin: 20px 0 20px 20px;
            padding: 30px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 65%;
            height: 65vh;
            border-radius: 70px;
            background: linear-gradient(to top, rgba(111, 162, 255, 0.7),rgba(115, 255, 180, 0.7));
            box-shadow: 0px 7px 12px -3px rgba(120, 120, 120, 0.7);
            animation: tvOn 0.9s cubic-bezier(0.23, 1, 0.32, 1) both;
        }

        @keyframes tvOn {
            0%   { transform: scaleY(0.01) scaleX(0.6); opacity: 0; filter: brightness(3); }
            25%  { transform: scaleY(0.01) scaleX(1);   opacity: 1; filter: brightness(2); }
            60%  { transform: scaleY(1.04) scaleX(1);   filter: brightness(1.2); }
            80%  { transform: scaleY(0.97) scaleX(1); }
            100% { transform: scaleY(1) scaleX(1);      opacity: 1; filter: brightness(1); }
        }

        .news {
            height: 100%;
            width: 100%;
            overflow:auto;
            scrollbar-color:rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0);
        }

        .article-container {
            display: flex;
            flex-direction: column;
            margin-right: 7px;
        }

        .article hr {
            height: 2px;
            border: none;
            background: linear-gradient(45deg, #333, #ffffff);
        }

        .news h1 {
            text-align: center;
            font-size: 21px;
            margin: 7px;
        }

        .article-header {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
        }

        .article-header-container {
            display: flex;
        }

        .article-header img {
            margin: 20px 20px 12px 0;
            height: 90px;
            width: auto;
            border-radius: 16px;
            align-self: center;
        }

        .article-header h2 {
            margin: 12px 0 12px 0;
            font-size: 18px;
            align-self: center;
        }

        .article-date {
            margin-top: 0;
            margin-bottom: 0;
            align-self: flex-end;
            margin-left: auto;
        }

        .article-text {
            margin-top: 12px;
        }

        .positions {
            display: flex;
            align-items: center;
            flex-direction: column;
        }

        #positions-header {
            margin: 0;
            padding: 12px 30px;
            font-size: 20px;
            text-align: center;
            background-color: rgba(255, 255, 255, 0.93);
            border-radius: 30px;
            box-shadow: 0 3px 7px 2px rgba(255, 255, 255, 0.3);
        }

        .position {
            margin: 0 12px 16px;
            height: 110px;
            width: 200px;
            border-radius: 20px;
            box-shadow: 0px 7px 12px -3px rgba(120, 120, 120, 0.7);
            overflow: hidden;
            display: flex;
            align-items: center;
            transition: all ease 0.4s;
            cursor: pointer;
        }

        .position:hover {
            box-shadow: 0px 7px 12px -3px rgba(0, 255, 119, 0.7);
            transform: scale(1.1);
        }

        .position img {
            height: 100%;
            width: 100%;
        }

        .btn {
            padding: 7px 25px;
            font-size: 18px;
            font-weight: 500;
            border-radius: 16px;
            color: rgb(255, 255, 255);
            background: linear-gradient(to right, rgb(0, 115, 255),rgb(0, 255, 119),rgb(0, 115, 255));
            background-size: 300%;
            background-position: right;
            border: none;
            box-shadow: 0px 7px 12px -3px rgba(120, 120, 120, 0.7);
            text-decoration: none;
            transition: all ease 0.9s;
            text-align: center;
            display: inline-block;
            cursor: pointer;
        }

        .btn:hover {
            cursor: pointer;
            background-position: left;
        }

        .btn:active {
            background-position:center;
            background-size: 700%;
            transition: all ease 0.1s;
        }

        .nav-btn {
            margin: 7px;
            font-size: 20px;
        }

        #start-btn {
            margin: 7px 20px 0;
            padding: 12px 30px;
            border-radius: 25px;
            font-size: 20px;
            font-weight: 700;
        }

        #reg-btn, #reg-btn-2, #reg-btn-3 {
        }

        #info {
            padding-top: 100px;
            min-height: 100vh;
            width: 100%;
        }

        #info h1 {
            padding: 12px;
            margin: 0 auto 30px auto;
            text-align: center;
            width: 90%;
            font-size: 25px;    
            text-decoration:underline rgb(0, 255, 119) 3px;
            background-color: rgba(255, 255, 255, 0.93);
            border-radius: 30px;
            box-shadow: 0 3px 7px 2px rgba(255, 255, 255, 0.3);
        }

        .info-wrapper {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }

        .info-wrapper h2{
            text-align: center;
            font-size: 21px;
        }

        .info-container {
            padding: 12px 25px;
            margin: 0 12px 30px;
            max-height: 90vh;
            width: 30%;
            border-radius: 30px;
            display: flex;
            flex-direction: column;
            justify-content:space-evenly;
            background: linear-gradient(to top, rgba(111, 162, 255, 0.7),rgba(115, 255, 180, 0.7));
            box-shadow: 0px 7px 12px -3px rgba(120, 120, 120, 0.7);
        }

        .info-text {
            height: 80%;    
            width: 100%;
            overflow: auto;
            scrollbar-color:rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0);
        }

        .btn-container {
            margin-top: 30px;
            width: 100%;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }

        .info-btn {
            margin: 7px;
        }

        #schedule {
            padding-top: 100px;
            width: 100%;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items:center;
            justify-content: center;
            background-image: url(../images/bg3.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            box-shadow: 0 3px 7px 2px rgba(0, 255, 119, 0.3);
        }

        #schedule h1 {
            margin: 0 auto 30px auto;
            padding: 12px;
            width: 450px;
            text-align: center;
            font-size: 25px;
            background-color: rgba(255, 255, 255, 0.93);
            text-decoration:underline rgb(0, 255, 119) 3px;
            border-radius: 30px;
            box-shadow: 0 3px 7px 2px rgba(255, 255, 255, 0.3);
        }

        .schedule-wrapper {
            width: 100%;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }

        .schedule-container{
            margin:0 12px 30px 12px;
            padding: 12px 25px;
            max-height: 90vh;
            width: 30%;
            background-color: rgb(255, 255, 255);
            border-radius: 30px;
            box-shadow: 0px 7px 12px -3px rgba(120, 120, 120, 0.7);
            text-align: center;
        }

        .schedule-text{
            height: 100%;    
            width: 100%;
            overflow: auto;
            scrollbar-color:rgba(0, 255, 119, 0.7) rgba(255, 255, 255, 0);
        }

        .schedule-wrapper h2 { 
            text-align: center;
            font-size: 21px;
        }

        #downl-btn {
            margin-bottom: 30px;
        }

        #gallery {
            padding: 100px 0 30px 0;
            width: 100%;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

        #gallery h1 {
            width: 90%;
            margin:0 0 30px 0;
            padding: 12px;
            font-size: 25px;
            text-align: center;
            background-color: rgba(255, 255, 255, 0.93);
            text-decoration:underline rgb(0, 255, 119) 3px;
            border-radius: 30px;
        }

        #img-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        .small-container {
            height: 210px;
            width: 210px;
            margin: 12px;
            border-radius: 12px;
            border: solid 2px rgb(255, 255, 255);
            box-shadow: 0px 7px 12px -3px rgba(120, 120, 120, 0.7);
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            background-color: #f0f0f0;
        }

        .img-spinner {
            width: 32px;
            height: 32px;
            border: 3px solid rgba(0, 115, 255, 0.2);
            border-top-color: rgb(0, 255, 119);
            border-radius: 50%;
            animation: spin 0.8s linear infinite;
            position: absolute;
            pointer-events: none;
        }

        @keyframes spin {
            to { transform: rotate(360deg); }
        }

        .small-container:hover {
            border: solid 3px rgba(255, 220, 0, 0.7);
        }

        .small-container img {
            height: 100%;
            transition: all ease 0.4s;
            cursor: pointer;
        }

        .small-container img:hover {
            transform: scale(1.1);
        }

        #gallery-container {
            visibility: hidden;
            position: fixed;
            top: 0;
            left: 0;
            height: 100vh;
            width: 100%;
            z-index: 30;
        }

        @keyframes fadeIn { 
            from {
                visibility:hidden;
                opacity: 0;
            }
            to { 
                visibility:visible;
                opacity:1;
            }
        }

        @keyframes fadeOut { 
            from {
                visibility:visible;
                opacity: 1;
            }
            to { 
                opacity:0;
                visibility: hidden;
            }
        }

        .gallery-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            height: 100vh;
            width: 100%;
            background-color: rgba(247, 244, 244, 0.97);
        }

        #gallery-window {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: 84%;
            width: auto;
            display: flex;
            align-items: center;
            border-radius: 12px;
            overflow: hidden;
        }

        .gallery-window-img {
            height: 100%;
            width: auto;
        }

        .gallery-window-img.leaving {
            position: absolute;
            top: 0; left: 0;
            pointer-events: none;
        }

        @keyframes slideFromRight {
            from { opacity: 0; transform: translateX(80px); }
            to   { opacity: 1; transform: translateX(0); }
        }

        @keyframes slideFromLeft {
            from { opacity: 0; transform: translateX(-80px); }
            to   { opacity: 1; transform: translateX(0); }
        }

        @keyframes slideOutLeft {
            from { opacity: 1; transform: translateX(0); }
            to   { opacity: 0; transform: translateX(-80px); }
        }

        @keyframes slideOutRight {
            from { opacity: 1; transform: translateX(0); }
            to   { opacity: 0; transform: translateX(80px); }
        }
        #left-container {
            position: absolute;
            top: calc(50% - 25px);
            left: 0;
            height: 50px;
            width: 12.5%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #right-container {
            position: absolute;
            top: calc(50% - 25px);
            right: 0;
            height: 50px;
            width: 12.5%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .arrow-left {
            height: 40px;
            width: 40px;
            transition: all ease 0.3s;
            cursor: pointer;
        }

        .arrow-right {
            height: 40px;
            width: 40px;
            transition: all ease 0.3s;
            cursor: pointer;
        }

        .arrow-left:hover {
            transform: scale(1.1);
        }

        .arrow-right:hover {
            transform: scale(1.1);
        }

        .arrow-left-disabled {
            height: 40px;
            width: 40px;
            opacity: 0.5;
        }

        .arrow-right-disabled {
            height: 40px;
            width: 40px;
            opacity: 0.5;
        }

        #gal-btn {
            margin-top: 30px;
            margin-bottom: 3px;
            cursor: pointer;
        }

        #partners {
            padding-top: 70px;
            width: 100%;
            min-height: 50vh;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            background-color: rgb(255, 255, 255);
        }

        #partners h1 {
            font-size: 25px;
            text-decoration:underline rgb(0, 255, 119) 3px;
        }

        .logo-container {
            margin: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
        }

        .logo-container img {
            margin: 12px;
            height: 90px;
        }

        #contacts {
            padding: 100px 0 30px 0;
            width: 100%;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            background-color: rgb(255, 255, 255);
        }

        #contacts h1 {
            margin: 0 0 20px 0;
            font-size: 25px;
            text-decoration:underline rgb(0, 255, 119) 3px;
        }

        .contacts-wrapper {
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
        }

        .contacts-wrapper article {
            margin: 20px;
        }

        .map {
            border-radius: 20px;
        }

        .contacts-container {    
            width: 320px;
            margin: 20px 0;
        }

        .contacts-container h2 { 
            margin-bottom: 0;
            text-align: center;
            font-size: 21px;
        }

        .address-container {
            display: flex;
            align-items: center;
        }

        .address-img {
            width: 40px;
            height: 40px;
            margin-right: 20px;
        }

        .telephone-container {
            display: flex;
            align-items: center;
        }

        .telephone-img{
            width: 40px;
            height: 40px;
            margin-right: 20px;
        }

        .mail-container {
            display: flex;
            align-items: center;
        }

        .mail-img {
            width: 40px;
            height: 40px;
            margin-right: 20px;
        }

        .web-container {
            display: flex;
            align-items: center;
        }

        .web-img {
            width: 40px;
            height: 40px;
            margin-right: 20px;
        }

        .contacts {
            margin: 50px 20px auto;
        }

        .contacts h2 {
            text-align: center;
            margin: 0;
            font-size: 21px;
        }

        .vk{
            width: 30px;
            height: 30px;
            margin-right:30px;
            transition: all ease 0.3s;
        }

        .vk:hover{
            transform: scale(1.1);
        }

        #footer {
            min-height: 70px;
            width: 100%;
        }

        .footer-wrapper {
            padding: 30px;
            height: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(to top, rgba(111, 162, 255, 0.7),rgba(111, 255, 178, 0.7));
        }

        .copyright {
            transition: all ease 0.3s;
            color: rgb(0, 0, 0);
            text-decoration: none;
            text-align: center;
        }

        .copyright:hover {
            color: rgb(255, 255, 255);
        }

        #creators-container {
            visibility: hidden;
            opacity: 0;
        }

        #creators-container:target {
            visibility: visible;
            opacity: 1;
        }

        .creators-window {
            padding: 30px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: 90%;
            width: 50%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            background: linear-gradient(to top, rgba(111, 162, 255, 0.93),rgba(115, 255, 180, 0.93));
            box-shadow: 0 3px 7px 2px rgba(0, 255, 119, 0.3);
            border-radius: 25px;
        }

        .creators {
            font-size: 18px;
            overflow: auto;
            scrollbar-color:rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0);
        }

        .creators a {
            text-decoration: none;
            color: rgb(0, 0, 0);
        }

        @media (max-width: 700px){
            .wrapper {
                background-color: rgba(255, 255, 255, 0);
                width: 100%;
                border-radius: 0;
            }
            #header {
                width: 90%;
                border-radius: 30px 30px 0 0;
            }
            #main-page {
                padding-top: 0;
            }
            #main-header1 {
                margin-top: 0;
                padding-top: 90px;
                font-size: 20px;
            }
            #main-header2 {
                font-size: 18px;
                padding-bottom: 25px;
                margin-bottom: 25px;
            }
            .nav-bar{
                display: none;
            }
            .mobile-menu {
                display: block;
            }
            .main-section {
                flex-wrap: wrap;
            }
            .news-wrapper {
                margin: 0;
                height: 90vh;
                width: 90%;
                border-radius: 30px;
                background: linear-gradient(to top, rgba(111, 162, 255, 0.93),rgba(115, 255, 180, 0.93));
            }
            .news h1 {
                font-size: 20px;
            }
            .article-header-container {
                flex-wrap: wrap;
            }
            .article-header-container img {
                height: 70px;
                width: auto;
                margin-bottom: 0;
            }
            .positions {
                width: 90%;
                margin: 25px 0 0;
            }
            #positions-header {
                margin: 12px;
            }
            #info h1 {
                font-size: 22px;
            }
            .info-container{
                width: 90%;
                background: linear-gradient(to top, rgba(111, 162, 255, 0.93),rgba(115, 255, 180, 0.93));
            }
            .info-text h2 {
                font-size: 18px;
            }
            #schedule {
                width: 90%;
                margin: 0 auto;
                background: none;
                box-shadow:none;
            }
            #schedule h1 {
                width: 100%;
                font-size: 22px;
            }
            .schedule-container {
                width: 100%;
                margin: 0 0 30px 0;
                background-color: rgba(255, 255, 255, 0.93);
            }
            #img-container {
                width: 90%;
            }
            .small-container {
                width: 250px;
                height: 250px;
            }
            #gallery h1{
                font-size: 22px;
            }
            #gallery-window {
                width: 100%;
                height: auto;
            }
            .gallery-window-img {
                width: 100%;
                height: auto;
            }
            .arrow-left {
                height: 30px;
                width: 30px;
            }
            .arrow-right {
                height: 30px;
                width: 30px;
            }
            .arrow-left-disabled {
                height: 30px;
                width: 30px;
            }
            .arrow-right-disabled {
                height: 30px;
                width: 30px;
            }
            #partners {
                width: 90%;
                margin: 0 auto;
                border-radius: 30px 30px 0 0;
            }
            #partners h1 {
                font-size: 22px;
            }
            #contacts {
                width: 90%;
                margin: 0 auto;
            }
            #contacts h1 {
                font-size: 22px;
            }
            .contacts-container {
                width: 90%;
                margin: 20px auto;
            }
            .contacts-container h2 {
                font-size: 18px;
            }
            .contacts {
                width: 90%;
            }
            .contacts h2 {
                font-size: 18px;
            }
            .footer-wrapper {
                background: linear-gradient(to top, rgba(111, 162, 255, 0.93),rgba(115, 255, 180, 0.93));
                width: 90%;
                margin: 0 auto;
                border-radius: 0 0 30px 30px;
            }
            .vk{
                margin-right:12px;
                width: 30px;
                height: 30px;
            }
            .creators-window {
                width: 90%;
            }
            #bg-left {
                width:100%;
            }
            #bg-right {
                display: none;
            }
            #bg-left {
                background-size: cover;
            }
        }

        @media (min-width:701px) and (max-width: 1020px){
            .wrapper {
                width: 75%;
            }
            #header {
                width: 75%;
            }
            .nav-bar{
                display: none;
            }
            .mobile-menu {
                display: block;
            }
            #main-header1 {
                width: 90%;
                font-size: 22px;
            }
            .main-section {
                flex-wrap: wrap;
            }
            .news-wrapper {
                margin-left: 0;
                width: 90%;
            }
            .positions {
                width: 90%;
                margin: 25px 0 0;
            }
            .positions h2 {
                margin: 12px;
            }
            #info h1 {
                width: 90%;
            }
            .info-container{
                width: 90%;
            }
            #schedule h1 {
                width: 90%;
            }
            .schedule-container {
                width: 43%;
                margin:0 12px 30px 12px;
            }
            #gallery-window {
                height: auto;
                width: 75%;
            }
            .gallery-window-img {
                width: 100%;
                height: auto;
            }
            .creators-window {
                height: 70%;
                width: 70%;
            }
        }

        @media (max-width: 1020px) and (orientation:landscape) {
            .mobile-window {
                max-height: 90%;
            }
            #gallery-window {
                height: 100%;
                width: auto;
            }
            .gallery-window-img {
                width: auto;
                height: 100%;
            }
        }

        @media (min-width:1021px) and (max-width: 1400px) {
            .wrapper {
                width: 75%;
            }
            #header {
                width: 75%;
            }
            #main-header1 {
                font-size: 22px;
            }
            .info-container{
                width: 43%;
            }
            .schedule-container {
                width: 43%
            }
            #gallery-window {
                height: auto;
                width: 75%;
            }
            .gallery-window-img {
                width: 100%;
                height: auto;
            }
        }

        @media (min-width:1201px) and (max-width: 1400px) {
            #gallery-window {
                height: 70%;
                width: auto;
            }
            .gallery-window-img {
                width: auto;
                height: 100%;
            }
        }