.body {
    max-width: 100vw;
    overflow-x: hidden;
}

*, ::after, ::before {
    box-sizing: border-box;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

@media (min-width: 992px) {
#header nav > ul > li > a.dropdown-toggle:after {
    font-size: 0.75rem;
}}

@media (min-width: 992px) {
#header .header-nav-main nav > ul > li > a:after {
    display: none;
}}

@media (min-width: 992px) {
#header nav > ul > li > a.dropdown-toggle:after {
    display: inline-block;
    font-family: 'Font Awesome 6 Free';
    content: "\f078";
    font-weight: 900;
    border: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 0 4px;
    font-size: 0.75rem;
}}

/*video lightbox**/
/**
 * Simple fade transition,
 */
 .mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

#video-box {
    position: relative;
    top: 0;
    left: 0;
}

#video-image1 {
    width: 80%;
    position: relative;
    top: 0;
    left: 0;
}

#video-image2 {
    background-image: url('../images/icons/play-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 2%;
    left: 13%;
}

#video-image2:hover {
    background-image: url('../images/icons/play-icon2.png');
}


@media (min-width: 992px) {
    #video-image1 {
        width: 50%;
    }
    #video-image2 {
        width: 100px;
        height: 100px;
        left: 27%;
    }
}



