.videoOuterWrapper {
    position: relative;
   /* height: 100vh;*/
    padding-bottom: 56.15%;
	overflow:hidden;
}
font {
    display: none;
}


.videoOuterWrapper iframe,
.videoOuterWrapper .videoThumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
}
/* .touch-device .playIcon:hover, .touch-device div.mfp-close-btn-in .mfp-close:hover, .touch-device body a:hover, .touch-device #wsk-widget .event_links a:hover, .touch-device a.terms:hover, .touch-device input.submit:hover, .touch-device .copyRight a:hover{
    transform: none !important ;
} */
.videoOuterWrapper iframe {
    /* transform: translate(-50%, 0); */
    text-align: center;
}
/* div#video-section {
    padding-bottom: 1vw;
} */
body.video .total-wrapper a.music-nav.nav {
    text-decoration: none;
}
footer.footer {
    padding-bottom: 20px;
}
body.video .total-wrapper .homeWrapper {
    z-index: 999999;
    position: absolute;
    /* left: 1.5%; */
    /* top: -18px; */
    padding-top: 1vh;
}
body{
    background: #000;
}
/* .total-wrapper a.videos-nav.nav {
    text-decoration: underline;
} */

/*.videoOuterWrapper .videoThumbnail img {
    height: 100%;
}*/

.playIcon {
    /* font-size: 15px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    bottom: 5%;
    width: 100%;
    text-align: left;
    padding-left: 3%; */
    /* position: absolute; */
    /* bottom: 5%; */
    /* width: 100%; */
    color: #fff;
    position: absolute;
    top: 50%;
    left: 51%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease-in-out;
}
.playTitle {
    position: absolute;
    font-size: 0.833vw;
    bottom: 6%;
    left:50%;
    transform: translate(-50%, -50%);
    text-align: center;

}
.playIcon span {
    display: inline-block;
    vertical-align: middle;
}

.playIcon span.playImg {
    font-size: 0;
    /* margin-right: 2%; */
	    width: 70%;
}
.playIcon span.playImg img {
    /*width: 20vw;*/
}
span.playImg:hover {
    opacity: 0.5;
    transition: all 0.5s ease-in-out;
}

.video-section-wrapper {
    width: 100%;
    max-width: 100%;
    /* margin: 48px auto 0; */
}

	.mobileVideo{
		display: none;
	}
@media only screen and (max-width:1024px){
    .playTitle {
        position: relative;
        font-size: 12px;
        bottom: 10%;
        text-align: center;
    }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
    .video-section-wrapper {
        max-width: 100%;
    }
    body.interior.video .total-wrapper .homeWrapper {
        position: absolute;
        top: 0;
        padding-top: 0;
        left: 0;
    }
    .videoOuterWrapper {
        position: relative;
        height: auto;
        padding-bottom: 56.25%;
    }
    .playIcon {
        /* position: absolute; */
        /* bottom: 5%; */
        /* width: 100%; */
        color: #fff;
        position: absolute;
        top: 50%;
        left: 51%;
        transform: translate(-50%, -50%);
        transition: all 0.5s ease-in-out;
    }
}
@media only screen and (min-width:768px) and (max-width:1200px){
    .videoOuterWrapper {
        position: relative;
        height: auto;
        padding-bottom: 56.25%;
       
}
}
@media only screen and (max-width:767px) {
	.desktopVideo{
		display: none;
	}
	.mobileVideo{
		display: block;
	}
    .playIcon span.playImg img {
        width: 50%;
    }
    body.video .total-wrapper .homeWrapper {
        left: 0%;
        top: 0px;
        max-width: 100%;
    }
    .playTitle {
        position: relative;
        font-size: 12px;
        bottom: 28%;
        text-align: center;
    }
    .videoOuterWrapper {
        position: relative;
        height: 93vh;
        padding-bottom: 21%;
    }
    .playIcon {
        color: #fff;
        position: absolute;
        top: 50%;
        left: 65%;
        width: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.5s ease-in-out;
    }
    .video-topsection {
        /* margin-bottom: 25px; */
    }
    .video-section-wrapper {
        width: 100%;
        max-width: 100%;
        /* margin: 75px auto 40px; */
    }
    body.interior.touch-device::after {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #000;
        background-size: cover;
        z-index: -1;
        background-position: top center;
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
	.desktopVideo{
		display: block;
	}
	.mobileVideo{
		display: none;
	}
    .playTitle {
        position: relative;
        font-size: 12px;
        bottom: 10%;
        text-align: center;
    }
	.videoOuterWrapper {
        position: relative;
        height: 93vh;
        padding-bottom: 4%;
    }
}
.video-section-wrapper .videoOuterWrapper img {
    cursor: pointer;
    width: 100%;
}