/*
    Design and development by Andrii Dorofeiev | andydor.zzz.com.ua
    All rights reserved © | 2021 year
*/

/* GLOBAL STYLE | string 20*/

/* MAIN PAGE | string 41*/

/* ABOUT SECTION | string 109*/

/* ADVANTAGES SECTION | string 154*/

/* GALLERY SECTION | string 171*/

/* EVENTS SECTION | string 184*/

/* FEEDBACK SECTION | string 220*/

/* PARTNERS SECTION | string 252*/

/* CONTACTS SECTION | string 287*/

/* FOOTER SECTION | string 330*/

/* MEDIA QUERIES FOR SCREEN | string 348 */

/*for screen max-width: 320px | string 475*/

/*for screen max-width: 576px | string 348*/

/*for screen min-width: 2000px | string 600*/

/* Global font for page is a Mulish */

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;400;800&display=swap');
/* GLOBAL STYLE */

.light-theme {
    background-color: #F4F7F6;
}

body {
    max-width: 100%;
    font-family: 'Mulish', sans-serif !important;
}

.dark-theme {
    background-color: #222222;
}

body {
    max-width: 100%;
    font-family: 'Mulish', sans-serif !important;
}

.row {
    --bs-gutter-x: 0;
}

a {
    text-decoration: none;
    color: #fff;
}

a:hover {
    text-decoration: none;
    color: #FEDD0A;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}

/* MAIN SECTION */

.main-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    background-image: url(img/main_image.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px;
    font-family: 'Mulish', sans-serif;
    font-weight: bolder;
    color: #fff;
}

.text-title {
    display: flexbox;
    width: 100%;
    text-align: right;
    text-shadow: 1px 1px 7px black;
}

.main-name {
    font-size: 150px !important;
    font-weight: 400 !important;
}

.main-title {
    font-size: 50px !important;
    font-weight: 400 !important;
}

.subtitle-main {
    font-size: 17px !important;
    font-weight: 200 !important;
}

.button-main {
    border-radius: 60px;
    text-align: center;
    font-size: 20px;
    font-family: 'Mulish', sans-serif;
    width: 110px;
    height: 50px;
    color: #FFF;
    background-color: #1C5C94;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    text-decoration: none;
}

.button-main:hover {
    border-radius: 60;
    text-align: center;
    font-size: 20px;
    font-family: 'Mulish', sans-serif;
    width: 110px;
    height: 50px;
    color: #FEDD0A;
    background-color: #1C5C94;
    text-decoration: none;
}

/* ABOUT SECTION */

.about-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100% auto;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    font-family: 'Mulish', sans-serif;
    font-weight: bolder;
    color: #1C5C94;
}

.big-title {
    z-index: 999;
    position: relative;
    color: #1C5C94;
    font-weight: bold;
    font-size: 4rem;
    margin: 20px;
    letter-spacing: 10px;
}

.big-letters {
    position: relative;
    -webkit-transform: translateY(120px);
    -ms-transform: translateY(120px);
    transform: translateY(120px);
    color: #FEDD0A;
    z-index: 1;
    font-size: 13rem;
    opacity: 0.9;
}

.about-text {
    display: inline-block;
    font-weight: bold;
    margin: 50px;
    margin-bottom: 130px;
}

.numbers {
    font-size: 80px;
}

/* ADVANTAGES SECTION */

.advantages-section {
    height: 100%;
    width: 100%;
}

.title-advantages {
    z-index: 999;
    position: relative;
    color: #1C5C94;
    margin-bottom: 100px;
}

.carousel {
    width: 1280;
}

/* GALLERY SECTION */

.gallery-section {
    height: 100%;
}

.plane_img {
    padding: 10px;
    width: 100%;
    height: auto;
}

/* EVENTS SECTION */

.events-section {
    height: 100%;
    width: 100%;
}

.special-events {
    font-size: 14pt;
    color: #1C5C94;
}

.tour_events {
    width: 100%;
    max-width: 600px;
    height: auto;
}

.button {
    border-radius: 0;
    text-align: center;
    font-size: 30px;
    font-family: 'Mulish', sans-serif;
    width: 377px;
    height: 95px;
    color: #F4F7F6;
    background-color: #1C5C94;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.button:hover {
    text-align: center;
    font-size: 30px;
    font-family: 'Mulish', sans-serif;
    width: 377px;
    height: 95px;
    color: #FEDD0A;
    background-color: #1C5C94;
}

/* FEEDBACK SECTION */

.feedback-section {
    height: 100%;
}

.card {
    max-width: 300px;
    width: 100%;
    height: 400px;
    background-color: #1C5C94;
    color: #fff;
    margin: 40px;
    padding: 5px;
    padding-top: 30px;
}

.card-title {
    font-size: 50px;
}

.card-rank {
    font-size: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.rank_img {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 122px;
    height: 66px;
}

/* PARTNERS SECTION */

.partners-section {
    margin-top: 100px;
    height: 100%;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.partners-title {
    color: #1C5C94;
    letter-spacing: 10px;
    font-size: 60pt;
    font-weight: 800;
}

.partners-subtitle {
    color: #1C5C94;
    letter-spacing: 3px;
    font-weight: bold;
}

.flyuia {
    max-height: 100%;
    width: 537px;
    height: 150px;
    margin: 10px
}

.ivao {
    max-width: 100%;
    ;
    width: 265px;
    height: 266px;
    margin: 10px
}

/* CONTACT SECTION */

.contact-section {
    margin-top: 150px;
    height: 100%;
    background-color: #1C5C94;
    color: #fff;
}

.contacts {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 20px;
    text-align: left;
}

.contact-title {
    font-size: 28pt;
    font-weight: bold;
}

.department {
    margin-top: 50px;
    font-weight: bold;
    font-size: 34pt;
}

.contact-name {
    margin-top: 15px;
    margin-bottom: 2px;
    font-size: 18pt;
    font-weight: bold;
}

.contact-sub {
    margin: 0;
    padding: 0;
    font-size: 12pt;
}

.social-title {
    font-size: 48pt;
    font-weight: bold;
}

.social-icn {
    margin: 30px;
}

.btn-swtich {
    background-color: #1C5C94 !important;
}

.accordion {
    background-color: #FEDD0A;
    color: #1C5C94;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    border-radius: 30px;
    text-align: center;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin-top: 20px
}

.accordion:hover {
    background-color: #fedd0ae0;
    color: rgba(28, 92, 148, 0.8);
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    border-radius: 30px;
    text-align: center;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.panel {
    margin-bottom: 20px;
    background-color: #1C5C94;
    max-height: 0;
    overflow: auto;
    transition: max-height 2s ease-out;
}

/*Убрать полосу прокрутки у элемента*/

.element::-webkit-scrollbar {
    width: 0;
}

/*Убрать полосу прокрутки для всей страницы*/

::-webkit-scrollbar {
    width: 0;
}

/* FOOTER */

.footer-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1C5C94;
    font-weight: 200;
    letter-spacing: 3px;
}

/* MEDIA QUERIES */

@media (max-width: 576px) {
    .main-name {
        font-size: 80px !important;
        font-weight: 400 !important;
    }
    .main-title {
        font-size: 30px !important;
        font-weight: 400 !important;
    }
    .subtitle-main {
        font-size: 13px !important;
        font-weight: 200 !important;
    }
    .big-title {
        width: 300px;
        z-index: 999;
        position: relative;
        color: #1C5C94;
        font-weight: bold;
        font-size: 2rem;
        margin: 20px;
        letter-spacing: 10px;
    }
    .big-letters {
        position: relative;
        -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
        transform: translateY(70px);
        color: #FEDD0A;
        z-index: 1;
        font-size: 7rem;
        opacity: 0.9;
    }
    .button {
        border-radius: 0;
        text-align: center;
        font-size: 15px;
        font-family: 'Mulish', sans-serif;
        width: 150px;
        height: 45px;
        color: #F4F7F6;
        background-color: #1C5C94;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    .button:hover {
        text-align: center;
        font-size: 15px;
        font-family: 'Mulish', sans-serif;
        width: 150px;
        height: 45px;
        color: #FEDD0A;
        background-color: #1C5C94;
    }
    .events {
        width: 500px;
    }
    .tour_events {
        height: auto;
    }
    .img_block {
        width: 100%;
        max-width: 900px;
        margin: 0px !important;
    }
    .partners-title {
        color: #1C5C94;
        letter-spacing: 10px;
        font-size: 24pt;
        font-weight: 800;
    }
    .flyuia {
        max-height: 100%;
        width: 300px;
        height: auto;
        margin: 10px
    }
    .ivao {
        max-width: 100%;
        ;
        width: 150px;
        height: auto;
        margin: 10px
    }
    .contact-title {
        font-size: 20pt;
        font-weight: bold;
    }
    .contact-name {
        margin-top: 40px;
        font-size: 18pt;
        font-weight: bold;
    }
    .contact-sub {
        margin: 0;
        padding: 0;
        font-size: 12pt;
    }
    .social-title {
        margin-top: 10px;
        font-size: 30pt;
        font-weight: bold;
    }
    .social-icn {
        width: 50px !important;
        margin: 30px;
    }
}

@media (max-width: 320px) {
    body {
        max-width: 100%;
    }
    .main-name {
        font-size: 80px !important;
        font-weight: 400 !important;
    }
    .main-title {
        font-size: 30px !important;
        font-weight: 400 !important;
    }
    .subtitle-main {
        font-size: 13px !important;
        font-weight: 200 !important;
    }
    .big-title {
        width: 200px;
        z-index: 999;
        position: relative;
        color: #1C5C94;
        font-weight: bold;
        font-size: 1.6rem;
        margin: 20px;
        letter-spacing: 5px;
    }
    .big-letters {
        position: relative;
        -webkit-transform: translateY(70px);
        -ms-transform: translateY(70px);
        transform: translateY(70px);
        color: #FEDD0A;
        z-index: 1;
        font-size: 3rem;
        opacity: 0.9;
        visibility: hidden;
    }
    .button {
        border-radius: 0;
        text-align: center;
        font-size: 15px;
        font-family: 'Mulish', sans-serif;
        width: 150px;
        height: 45px;
        color: #F4F7F6;
        background-color: #1C5C94;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    .button:hover {
        text-align: center;
        font-size: 15px;
        font-family: 'Mulish', sans-serif;
        width: 150px;
        height: 45px;
        color: #FEDD0A;
        background-color: #1C5C94;
    }
    .events {
        width: 500px;
    }
    .tour_events {
        height: auto;
    }
    .img_block {
        width: 100%;
        max-width: 900px;
        margin: 0px !important;
    }
    .partners-title {
        color: #1C5C94;
        letter-spacing: 10px;
        font-size: 22pt;
        font-weight: 800;
    }
    .flyuia {
        max-height: 100%;
        width: 300px;
        height: auto;
        margin: 10px
    }
    .ivao {
        max-width: 100%;
        ;
        width: 150px;
        height: auto;
        margin: 10px
    }
    .contact-title {
        font-size: 13pt;
        font-weight: bold;
    }
    .contact-name {
        margin-top: 40px;
        font-size: 13pt;
        font-weight: bold;
    }
    .contact-sub {
        margin: 0;
        padding: 0;
        font-size: 7pt;
    }
    .social-title {
        margin-top: 10px;
        font-size: 20pt;
        font-weight: bold;
    }
    .social-icn {
        width: 30px !important;
        margin: 30px;
    }
}

@media (min-width: 2000px) {
    .main-section {
        padding: 150px;
        margin-left: auto;
        margin-right: auto;
    }
    .main-name {
        font-size: 250px !important;
        font-weight: 400 !important;
    }
    .main-title {
        font-size: 80px !important;
        font-weight: 400 !important;
    }
    .subtitle-main {
        font-size: 35px !important;
        font-weight: 200 !important;
    }
    .button-main {
        border-radius: 60px;
        text-align: center;
        font-size: 20px;
        font-family: 'Mulish', sans-serif;
        width: 110px;
        height: 50px;
        color: #FFF;
        background-color: #1C5C94;
        -webkit-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s;
        text-decoration: none;
    }
    .button-main:hover {
        border-radius: 60px;
        text-align: center;
        font-size: 20px;
        font-family: 'Mulish', sans-serif;
        width: 110px;
        height: 50px;
        color: #FEDD0A;
        background-color: #1C5C94;
        -webkit-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s;
        text-decoration: none;
    }
    .about-info {
        font-size: 30px;
    }
    .special-events {
        font-size: 30pt;
        color: #1C5C94;
    }
    .card {
        max-width: 500px;
        width: 100%;
        height: 700px;
        background-color: #1C5C94;
        color: #fff;
        margin: 40px;
        padding: 5px;
        padding-top: 30px;
    }
    .card-title {
        font-size: 80px;
    }
    .card-rank {
        font-size: 40px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .rank_img {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 200px;
        height: 100px;
    }
    .card-text {
        font-size: 30px;
    }
    .tour_events {
        padding-top: 130px;
        width: 100%;
        max-width: 900px;
        height: auto;
    }
    .img_block {
        margin: 0px !important;
    }
}

@media (min-width: 1350px) {
   .col-sm-6 {
    width: 33% !important;
  }
}