.mobile_logo_img {
    display: none;
}

/* .header .menu ul a span:before {
    display: none;
} */

.header .menu ul > li:nth-child(1) a:hover > span::before {
    color: darkcyan;
}

.header .menu ul > li:nth-child(even) a:hover > span::before {
    color: lightseagreen;
}

.header .menu ul > li:nth-child(odd) a:hover > span::before {
    color: firebrick;
}

.header .menu ul > li:nth-child(4) a:hover > span::before {
    color: firebrick;
}

.header .menu ul > li:nth-child(5) a:hover > span::before {
    color: lightseagreen;
}

.header .menu ul > li:nth-child(6) a:hover > span::before {
    color: #9f9904;
}

.header .menu ul > li:nth-child(7) a:hover > span::before {
    color: #2E2D88;
}

.header .menu ul > li:nth-child(8) a:hover > span::before {
    color: #9932CC;
}

.header .menu ul > li:nth-child(9) a:hover > span::before {
    color: #56887D;
}

.header .menu ul li.active a {
    border-bottom: 1px dashed #b8c7d6;
}

.banner {
    position: relative;
    /*height: 100vh;*/
    z-index: 1;
    overflow: hidden;
}

/* .banner::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.1);
} */

.banner > video {
    width: 100%;
}


.page_section video,
.page_section iframe {
    width: 100%;
}

.header .menu ul li:not(:last-child) {
    margin-right: 2em;
}


:root {
    --accent: #00C6F2;
    /* 	--accent: #d7577e; */

    --main: #ffffff;
}

body {
    width: 100%;
    height: 100%;
    /* background: #ff578e; */
}

.starting_area_section div > a {
    display: block;
    width: 100%;
    height: 600px;
}

.starting_area_section div > a > svg {
    width: 100%;
    height: 100%;
}

.starting_area_section div > a > svg:hover *[fill="#DCF0FA"],
.starting_area_section div > a > svg:hover *[fill="#e8eff7"]

{
    transition: fill 0.3s;
}
.starting_area_section div > a > svg:hover *[fill="#DCF0FA"],
.starting_area_section div > a > svg:hover *[fill="#e8eff7"]
{
    fill: rgb(16 168 245);
}

.starting_area_section div > a > svg:hover *[fill="#00adee"]
{
    fill: #e8eff7;
}
.starting_area_section div > a > svg:hover *[fill="#fff"]
{
    fill:  rgb(16 168 245);
}

.header .menu ul a {
    color: #000;
    font-family: "Exo 2", sans-serif;
}


.footer .footer-socials {
    display: inline-flex;
    justify-content: space-around;
}

.footer .footer-socials a {
    width: 42px;
    display: inline-block;
}

.footer .footer-socials a svg {
    width: 100%;
}

.menu > div {
    display: flex;
    flex-direction: row;
}

.language {
    padding-left: 2em;

}

.banner .video-player{
    height: 50vh;
}

.banner .video-player .play-button{
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
@media (max-width: 1200px) {
    .header .menu ul li:not(:last-child)
    {
        margin-right: 1em;
    }
}
@media (max-width: 1050px) {
    .header .menu ul li:not(:last-child)
    {
        margin-right: 0.5em;
    }
}
@media (max-width: 768px) {

    .banner .video-player{
        height: 100%;
    }
    .header .menu ul > li {
        margin-right: 0em !important;
    }

    .menu > div {
        flex-direction: column;
    }

    .language {
        padding-left: 0;
        justify-content: center;
    }

    .logo_img {
        display: none;
    }

    .header .logo .mobile_logo_img {
        display: inline-block;
        width: 8em;
    }

    .banner {
        height: auto;
    }

    .starting_area_section div > a {
        height: auto;
        padding: 1rem 0;
    }


    .mobile-applications{
        flex-direction: row;
    }
    .mobile-applications > div{
        flex: 1;
    }
    .mobile-applications a {
        width: 50%;
    }
    .mobile-applications a > svg{
        width: 100%;
    }
}

@media (max-width: 1140px) and (min-width: 769px) {

    .banner {
        height: auto;
    }

}

.ytp-chrome-top {
    display: none !important;
}

.ytp-contextmenu {
    display: none;
}


svg [data-name="background-layer"]{
    fill: transparent !important;
    transition: .3s;
}
svg:hover [data-name="background-layer"]{
    transition: .2s;
    fill: #1aa6e0 !important;
}
svg [data-name="text-layer"] path
,svg [data-name="text-layer"]{
    transition: .3s;
    fill: #1aa6e0 !important;
}
svg:hover [data-name="text-layer"],
svg:hover [data-name="text-layer"] path
{
    transition: .2s;
    fill: #fff !important;
}

svg [data-name="transparent-layer"]{
    transition: .3s;
}
svg:hover [data-name="transparent-layer"]{
    opacity: 0 !important;
    transition: .2s;
}

/*#welcome-wrapper #transparent-layer{*/
/*    opacity: .80;*/
/*    transition: .3s;*/
/*}*/
/*#welcome-wrapper:hover #transparent-layer{*/
/*    opacity: 0;*/
/*    transition: .2s;*/
/*}*/
/*#wrapper-playing-child #transparent-layer{*/
/*    transition: .3s;*/
/*}*/
/*#wrapper-playing-child:hover #transparent-layer{*/
/*    opacity: 0;*/
/*    transition: .2s;*/
/*}*/
/*#wrapper-interested #transparent-layer{*/
/*    transition: .3s;*/
/*}*/
/*#wrapper-interested:hover #transparent-layer{*/
/*    opacity: 0;*/
/*    transition: .2s;*/
/*}*/

/*#wrapper-learn-more:hover #fill-background-on-hover{*/
/*    opacity: 1;*/
/*}*/
/*#wrapper-learn-more:hover #disable-on-hover{*/
/*    opacity: 0;*/
/*}*/