/* global */

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #808184;
    border-radius: 2px
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 20px #1e295b;
}

* {
    box-sizing: border-box;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}
input.active.focus,
input.active:focus,
input.focus,
input:active.focus,
input:active:focus,
input:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}


html {
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
}

html,
body {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100vw;
    min-height: 100vh;
    font-family: 'NexaRegular';
}

body {
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    font-family: 'NexaRegular';
}
/* start about us */
.about_us {
    background-color: #ef4a51;
    min-height: 90vh;
}
.about_us .main_title {
    font-family: 'BodoniModa-Regular';
    color: #1e1a2f;
    font-size: 6em;
    line-height: 1;
}

.about_us .sub_title {
    color: #fff;
    font-family: 'BodoniModa-Regular';
    font-size: 2em;
    line-height: 1;
    width: 65%;
    margin: 0 auto;
}
.about_us .bottom_text {
    font-family: 'Nexa-Bold';
    color: #bab5da;
    font-size: 1.3em;
    line-height: 1.1;
    width: 50%;
    margin: 0 auto;
}
.top_nav,
.bg_color {
    background-color: #ef4a51;
}
.pappers {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 8%;
}
.nav a {
    color: #1e1a2f;
    text-decoration: none;
    transition: all .5s ease-in-out;
}
.nav a:hover {
    color: #fff;
    text-decoration: none;
}
.top_nav {
    min-height: 10vh;
}
/* start explore */
.explore {
    background-color: #699b98;
    min-height: 100vh;
}
.super {
    background-color: #699b98;
}
.explore .main_title {
    font-family: 'BodoniModa-Regular';
    color: #fff;
    font-size: 6em;
    line-height: 1;
}

.explore .text {
    position: absolute;
    top: 55%;
    right: 10%;
}

.explore .text span {
     font-family: 'BodoniModa-Regular';
    color: #fff;
    font-size: 2.3em;
    line-height: 1;
}
/* start login */
.login {
    background-image: url(../media/images/login-bg.png);
    background-size: cover;
    min-height: 100vh;
    background-position: center;
}
.electa_img {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
}
.logo {
    position: absolute;
    top: 0;
    left: 5%;
}
.login_form {
    min-width: 20em;
    margin: 0 auto;
}
.login_btn {
     background-color: #d72432;
    color: #fff;
    margin: 0 auto;
}
.login_btn:hover {
    color: #fff;
}
.form-control {
    color: #808080;
    font-family: 'Nexa-Bold';
    font-size: .85em;
}
.invalid-feedback {
    display: inline-block;
}
/* start digital app */
.digital_app {
    background-image: url(../media/images/digital-bg.png);
    background-size: 100% 100%;
    min-height: 90vh;
    background-position: center;
}
.bg_color_green .top_nav ,
.bg_color_green {
    background-color: #00dcba;
}
.digital_app .main_title {
    font-family: 'BodoniModa-Regular';
    color: #1e1a2f;
    font-size: 5em;
    line-height: 1;
}
.digital_app .sub_title {
    color: #545454;
    font-size: 5em;
    line-height: 1;
}
.digital_app .sub_title {
    font-size: 1.5em;
    width: 50%;
    margin: 0 auto;
    line-height: 1.1;
}
.digital_app .mob {
    position: absolute;
    bottom: 26%;
    left: 10%;
    max-width: 200px;
    width: 100%;
}
.digital_app .lap {
    position: absolute;
    right: 5%;
    bottom: 17%;
    max-width: 275px;
    width: 100%;
}
/* start web app  */
.web_app,
.web_bg,
.web_bg .top_nav {
    background-color: #91c3c9;
}
.web_app {
    min-height: 90vh;
}
.web_app .main_title {
    font-family: 'BodoniModa-Regular';
    color: #1e1a2f;
    font-size: 3.5em;
    line-height: 1;
}
.cloud {
    position: absolute;
    top: 5%;
    left: 10%;
}
.web_app .sub_title {
    font-family: 'NexaRegular';
    font-size: 1.5em;
    line-height: 1.2;
    width: 60%;
}
#demos .owl-carousel {
    margin: 2rem 0;
}
.web_app .img_holder {
    max-width: 390px;
    width: 100%;
}
.web_app .top_title h4 {
    font-family: 'Nexa-Bold';
    color: #1a2853;
    font-size: 1.3em !important;
}
.horizontal_line {
    width: 10em;
    height: 2px !important;
    color: #f55846;
    opacity: 1;
    margin: 0 auto;
}
.web_app .top_title {
    position: relative;
    width: auto;
    /* left: 17%; */
}
.bottom_lab {
    position: absolute;
    bottom: 0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #d77d71 !important;
}
.owl-theme .owl-dots .owl-dot span {
        background: #41587b !important;
}
.owl-nav {
    display: none;
}
/* start interactive media */
.interactive_media,
.interactive,
.interactive .top_nav {
    background-color: #f5cd77;
}
.interactive_media {
    min-height: 90vh;
    overflow-x: hidden;
}
.interactive_media .main_title {
    font-family: 'BodoniModa-Regular';
    color: #1e1a2f;
    font-size: 3.5em;
    line-height: 1;
}
.interactive_media .sub_title {
    font-family: 'NexaRegular';
    font-size: 1.5em;
    line-height: 1.2;
    width: 60%;
}
.interactive_media .top_title {
    position: relative;
    width: auto;
    /* left: 18.2%; */
}
.interactive_media .top_title h4 {
    font-family: 'Nexa-Bold';
    color: #1a2853;
    font-size: 1.3em !important;
}
.bottom_grass {
    position: absolute;
    bottom: 0;
    right: 0;
}
/* start market research */
.market_research,
.market,
.market .top_nav {
    background-color: #7ac943;
}
.market_research {
    min-height: 90vh;
    overflow-x: hidden;
}
.market_research .main_title {
    font-family: 'BodoniModa-Regular';
    color: #fff;
    font-size: 3.5em;
    line-height: 1;
}
.market_research .sub_title {
    font-family: 'NexaRegular';
    font-size: 1.3em;
    line-height: 1.3;
    width: 100%;
}
.market_research .red_sub {
    font-family: 'Nexa-Bold';
    color: #e83543;
    font-size: 2.1em;
}
.silvadore {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 660px;
    width: 100%;
}
.market_research .sub_title_white {
    color: #fff;
    font-family: 'NexaRegular';
    text-transform: uppercase;
    font-size: 1.3em;
}
/* start digital games */

.digital_games,
.game,
.game .top_nav {
    background-color: #9dd1da;
}
.digital_games {
    min-height: 90vh;
    overflow-x: hidden;
}
.digital_games .main_title {
    font-family: 'BodoniModa-Regular';
    color: #1e1a2f;
    font-size: 3.5em;
    line-height: 1;
}
.digital_games .sub_title {
    font-family: 'NexaRegular';
    font-size: 1.3em;
    line-height: 1.3;
    width: 100%;
}
.digital_games .top_title h4 {
    font-family: 'Nexa-Bold';
    color: #1a2853;
    font-size: 1.3em !important;
}
.digital_games .top_title {
    position: relative;
    width: auto;
    /* left: 18.2%; */
}
.games {
    position: absolute;
    bottom: 6%;
    right: 0;
    max-width: 265px;
    width: 100%;
}
.cat_btn,
.cat_btn_digital,
.event_btn {
    background-color: #1e1a2f;
    color: #fff;
    margin: 0 auto;
}
.cat_btn.active,
.cat_btn_digital.active,
.event_btn.active {
    background-color: #d72432;
    color: #fff;
    margin: 0 auto;
}
.cat_btn:hover,
.cat_btn_digital:hover,
.event_btn:hover {
    color: #fff;
}
.game_sliders.no-js .owl-carousel, .game_sliders.owl-carousel.owl-loaded {
    display: none;
}

/* start services */
.services,
.service,
.service .top_nav {
    background-color: #c9d0d1;
}
.services {
    min-height: 90vh;
    overflow-x: hidden;
}
.expertise {
    max-width: 635px;
}
.pos_abs {
    position: absolute;
}
.word {
    font-family: 'NexaRegular';
    font-size: 1em;
    line-height: 1;
    color: #808080;
}
.word a,
.word a:hover {
    text-decoration: none;
    color: #808080;
}
.word_one {
    top: 38%;
    left: 27%;
}
.word_two {
    top: 52%;
    left: 16%;
}
.word_three {
    bottom: 10%;
    left: 18%;
}
.word_four {
    top: 38%;
    right: 26%;
}
.word_five {
    top: 65%;
    right: 23%;
}
.word_six {
    bottom: 12%;
    right: 19%;
}
.drop_btn {
    color: #1e1a2f;
    background-color: transparent;
    outline: none;
    border: none;
}
.dropdown-menu {
    border: none !important;
    /* background-color: rgb(255 255 255 / 64%); */
}
.dropdown-menu hr {
    width: 90%;
    opacity: .1;
}
.dropdown-menu li a {
    text-transform: capitalize;
}
.dropdown-menu a,
.dropdown-menu a:hover,
.dropdown-item:focus, .dropdown-item:hover{
    color: #4b5a97;
}
.dropdown-item.active, .dropdown-item:active {
 background-color: unset;
  color: #4b5a97;
}
.master_link {
    text-decoration: none;
}

.web_btn {
     background-color: #1e1a2f;
    color: #fff;
    margin: 0 auto;
}
.web_btn:hover {
    color: #fff;
}
/* .master_link h4 {
    text-transform: capitalize;
} */

.digital_events,
.bg_digital_events,
.bg_digital_events .top_nav {
    background-color: #b1c0c9;
}
.digital_events {
    min-height: 90vh;
    overflow-x: hidden;
}
.digital_events .main_title {
    font-family: 'BodoniModa-Regular';
    color: #1e1a2f;
    font-size: 3.5em;
    line-height: 1;
}
/* .top_title {
    text-transform: capitalize;
} */
.event_sliders .top_title {
    position: relative;
    width: auto;
    /* left: 20%; */
    font-family: 'Nexa-Bold';
    color: #1a2853;
}
.event_img {
    max-width: 420px;
}
.man {
    position: absolute;
    max-width: 330px;
    width: 100%;
    bottom: 0;
}
#form_msg {
    color: #d72432;
}
.btn-group, .btn-group-vertical {
    vertical-align: top;
}
.item {
    text-align: center;
}

/*rotateMessage*/

.rotateMessage{

    text-align: center;

    display: none;

    position: absolute;

    top: 0;

    background-color: #000000e3;

    width: 100%;

    height: 100vh;

    margin: 0 auto;

    z-index: 99999;




}

.rotateMessage-container{

    width: 100%;

    height: 100%;

    position: relative;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: center;



}

.rotateMessage-content{

    position: relative;

    background-color: #FFF;

    width: 100%;

    max-width: 80%;

    height: 100%;

    max-height: 32%;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 25px;

}

.rotateMessage-text{
    text-align: center;
    color: #01303f;
    font-family: 'Figno';
    font-size: 45px;
    line-height: 55px;
}
.like-position {
    position: absolute;
    top: 0;
    bottom: 0;
      max-width: 17vw;
        right: 37%;
}