* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body {
    width: 100%;
    background-color: #f5f5f5;
    font-family: "Open Sans", sans-serif !important;
    position: relative
}


.mentor_band {
    margin-left: 0!important;
    width: 100%!important
}



.flight_about {
    background-color: #1f4d78;
    width: 100%;
    height: 80px;
    position: relative
}

.heading_flight {
    height: 70px;
    width: 100%;
    font-size: 30px;
    font-family: Raleway, sans-serif;
    text-align: center;
    font-weight: 500 !important;
    color: white;
    padding-top: 20px;
}

.flofy_band {
    height: 110px;
    font-family: 'Rouge Script', cursive;
    font-size: 5vw;
    padding: 0!important;
    text-align: center;
    color: #1f4d78;
    margin-bottom: 10px
}

.flofy_band p {
    padding: 0;
    margin: 0
}

.under_flofy {
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size: 15px!important
}



.orange_owl {
    width: 100px;
    margin-left: 0;
    position: absolute;
    top: 310px;
    right: 3%
}

.yellow_owl {
    width: 100px;
    margin-left: 12%
}

.newsletter {
    width: 100%;
    position: relative;
    overflow: hidden!important
}

.newsletter_indicater {
    margin-left: 20%!important
}

.newsletter_indicater li {
    background-color: #1f4d78;
    height: 1vh
}

.news_mob {
    display: none
}

/* .carousel-inner {
    overflow: hidden!important
} */

.d-block {
    width: 49.5%
}

.inside-item {
    display: flex
}

.newscontainer {
    margin-top: 7.5vh;
    margin-bottom: 7.5vh;
    margin-left: 0;
    width: 92%;
    padding: 0 0 0 20%;
    height: 25px
}

.newscontainer a {
    font-size: 15px;
    background-color: rgba(255, 255, 255, 0);
    border: unset;
    margin: 0 1.5vw;
    color: #000;
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.newscontainer a:hover {
    background-color: #1f4d78!important;
    color: #fff;
    text-decoration: unset;
    transition: linear .3s
}

.month_active {
    background-color: #1f4d78!important;
    color: #fff!important;
    padding: 0 5px
}

.sentence_section {
    margin-left: 8.5%;
    width: 91.5%;
    background: url(../images/red_owl.svg);
    background-position: left bottom;
    background-size: 120px;
    background-repeat: no-repeat;
    position: relative;
    height: 120vh
}

.main {
    margin-left: 5%;
    width: 85%;
    height: 100.5vh;
    overflow: hidden;
    margin-right: 8.5%
}

.s_d {
    height: 100%;
    width: 100%
}

.s_d_1 {
    display: flex;
    height: 38vh;
    margin: 10.382vh 0 0 0
}

.user_picture {
    width: 11.2VW;
    height: 17vw
}

.image {
    width: 11.2vw;
    height: 15.1vw;
    align-items: center;
    overflow: hidden;
    background: url(../images/pic_frame.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: .8vw .6vw .8vw .6vw
}

.sentence_part {
    width: 100%
}

.info_month {
    margin-bottom: 1vh
}

.info_month h3 {
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1f4d78;
    text-align: left;
    font-size: 16px;
    font-weight: 600
}

.share_button_sentence {
    position: absolute;
    right: 0;
    width: 177.5px
}

.sentence {
    height: 32vh;
    margin-left: 5vw
}

.text_to_post {
    height: 32vh;
    overflow-y: scroll;
    color: #666;
    text-align: justify;
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif!important
}

.text_to_post h4 {
    font-size: 14px!important;
    line-height: 22px
}

.back_ {
    position: absolute;
    top: 10vh;
    right: 1.5%;
    background: unset;
    color: #1f4d78;
    border: unset;
    font-size: 5vh;
    font-weight: bolder;
    height: 45vh
}

.next_ {
    position: absolute;
    top: 50vh;
    right: 1.5%;
    background: unset;
    color: #1f4d78;
    border: unset;
    font-size: 5vh;
    font-weight: bolder;
    height: 45vh
}

.back_:focus,
.back_:hover,
.next_:focus,
.next_:hover {
    outline: unset;
    color: #a3a2a2
}

.tails {
    margin-top: 5%;
    margin-left: 20%;
    width: 80%;
    background: url(images/orange_owl.svg);
    background-position: right;
    background-size: 100px;
    background-repeat: no-repeat;
    overflow: hidden
}

.share_button_stories {
    margin-bottom: 2%;
    margin-left: -20%
}

.story_owl {
    width: 90px;
    margin-left: 87%
}

#flipbook {
    width: 80%!important
}

#flipbook .shadow,
#flipbook.shadow {
    -webkit-box-shadow: 5px 5px 10px 8px #666;
    -moz-box-shadow: 5px 5px 10px 8px #666;
    -ms-box-shadow: 5px 5px 10px 8px #666;
    -o-box-shadow: 5px 5px 10px 8px #666;
    box-shadow: 5px 5px 5px 5px #666
}

.hard {
    background-color: #fff
}

.click_here {
    width: 25%;
    margin-left: 75.5%;
    margin-top: 8%;
    padding: 1% 2% 1% 2%;
    border-radius: 50% 0 0 50%;
    border: 3px double #000;
    color: red
}

.click_here h1 {
    font-size: 10px;
    font-weight: 700;
    text-align: right;
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.title_name {
    width: 30%;
    height: auto;
    margin-left: 35%;
    margin-top: 26vh
}

.title_page h2 {
    font-size: 60px;
    font-weight: 600;
    font-family: 'Rouge Script', cursive;
    margin-left: 24%;
    margin-top: 30%
}

.style_frame {
    margin: 5vw 3.5vw 0 3.5vw;
    padding: 2vw 7vw;
    border-left: 3px #f5f5f5 solid;
    border-bottom: 3px #f5f5f5 solid;
    border-radius: 25%
}

.flip_image {
    width: 15vw;
    height: 15vw;
    border-radius: 30% 0 40% 30%
}

.style_frame_pair {
    margin: 5vw 1vw 0 1vw;
    padding: 2vw 2vw;
    border-left: 3px #f5f5f5 solid;
    border-bottom: 3px #f5f5f5 solid;
    border-radius: 25%
}

.flip_image_pair {
    width: 13vw;
    height: 13vw;
    border-radius: 30% 0 40% 30%
}

.left_page {
    background-color: #1f4d78;
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.left_page h3 {
    margin-top: 7%;
    font-size: 17.5px;
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f5f5f5;
    text-align: center
}

.left_page h4 {
    font-size: 14px;
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f5f5f5;
    text-align: center
}

.right_page {
    background-color: #fff;
    overflow-y: scroll
}

.story {
    padding: 5% 7%;
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    text-align: justify
}

.story h4 {
    line-height: 24px;
    color: #666;
    font-size: 14px
}

.story_title {
    margin-top: 3.5%;
    text-align: center;
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600
}

.last_page {
    text-align: center;
    margin: 0 15% 0 15%;
    margin-top: 40%;
    border: 5px #070707 solid;
    padding: 5vh 3vw;
    border-radius: 25%
}

.youtube_videos {
    margin-top: 10%;
    margin-left: 8%;
    width: 92%;
    height: 60vh;
    display: inline-flex;
    background-color: #dcdcdc;
    margin-bottom: 10%
}

.youtube_videos iframe {
    width: 100%;
    height: 100%;
    margin: auto
}

.video_1,
.video_3 {
    width: 25%;
    padding: 8% 1.5% 8% 1.5%
}

.video_2 {
    width: 50%;
    padding: 3%
}







/* PRIVACY POLICY & TERM OF CONDITION PAGE */
.katalyze_document {
    background-color: #383838;
    padding-left: 28%;
    font-size: 14px;
    padding-bottom: 3%
}

.katalyze_document a {
    margin-left: 10vw
}

.guideline {
    width: 90%;
    margin: 6% 5%
}

.guideline h3 {
    font-size: 16px;
    font-weight: 550!important;
    line-height: 25px;
    margin-bottom: 3%;
    color: #666;
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.guideline li {
    padding: 0 3%;
    margin: 10px 2%;
    font-size: 14px!important;
    font-weight: 200!important;
    line-height: 22px;
    text-align: justify;
    color: #4d4b4b
}

.term_condition {
    width: 90%;
    margin: 6% 5%
}

.term_condition h2 {
    font-size: 16px;
    font-weight: 500!important;
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.term_condition li {
    font-size: 15px!important;
    font-weight: 200!important;
    margin: 3vh 2vw;
    line-height: 25px;
    text-align: justify;
    color: #4d4b4b;
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.map_form {
    display: flex;
    width: 90%;
    margin: 10vh 0 10vh 8.5%
}

.contact-body {
    margin-left: 4vw
}

.map {
    width: 50%;
    outline: 1px solid #918e8e;
    box-shadow: 3px 3px 3px 3px gray
}

.logo_footer {
    width: 50%
}