/*Video*/
#wrap__btn--video { position: absolute; top: 33px; left: 40px; /*left: calc(50% + 460px);*/ z-index: 1000; cursor: pointer; }

#wrap__btn--video i.icon--video { display: block; background: url(../images/icon--video.svg) no-repeat right center; height: 40px; width: 40px; background-size: 40px auto; -webkit-transition: width 0.6s ease 0s; -moz-transition: width 0.6s ease 0s; -o-transition: width 0.6s ease 0s; -ms-transition: width 0.6s ease 0s; transition: width 0.6s ease 0s; }

#wrap__btn--video i.icon--video.active { background: url(../images/icon--photo.svg) no-repeat right center; background-size: 30px auto; width: 30px; background-size: 30px; }

#wrap__frame-vdo { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1; background-color: #000; overflow: hidden; }

#wrap__frame-vdo .et_pb_code_inner { height: 100%; }

#wrap__frame-vdo.active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: -1; }

#slides { display: none; }

.play_mobile { display: none; }

.frame-vdo { height: 100%; width: 100%; }

.frame-vdo iframe { height: 100%; }

.mute--sound.active { display: none; }
/* #wrap__frame-vdo, #mainslide_fullpage { height: 100vh; } */

/* #Mute Video
================================================== */
.mute, .mute--sound { position: absolute !important; /*top: 35px;*/ /*left: 50px;*/ top: 34px; left: 85px; /*right: calc(50% - 600px);*/ z-index: 999 !important; width: 30px; height: 30px; color: #fff; cursor: pointer; /*max-width: 1440px;*/ width: auto; }


.mute .icon--volume-medium, .mute--sound .icon--volume-medium { font-size: 2.6rem; text-align: center; display: block; }

.mute .et_pb_code_inner, .mute--sound .et_pb_code_inner { float: right; }

.mute .et_pb_code_inner:before, .mute--sound .et_pb_code_inner:before { content: ''; position: absolute; display: block; height: 1px; width: 30px; background: #fff; border-radius: 10px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); margin: 13px auto; transition: width .8s ease 0; -webkit-transition: width .8s ease 0; -moz-transition: width .8s ease 0; -o-transition: width .8s ease 0; -ms-transition: width .8s ease 0; }

.mute.spk .et_pb_code_inner:before, .mute--sound.spk .et_pb_code_inner:before { display: none; }

.mute--sound .et_pb_code_inner:before { width: 0; }

/* .et-db #et-boc #video-container video{
    max-width: inherit!important;
}

.et-db #et-boc #video-container{
    background-size: cover!important;
    background-position: center center!important;
} */

.fullscreen-bg__video {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}

#video-controls {
	/* position: absolute !important; */
	top: 150px;
	right: calc(50% - 600px);
	z-index: 999 !important;
	width: 90px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	text-align: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
}
#video-controls .play{
	width: 40px;
	height: 40px;
	margin-right: 10px;
	border: 0;
	padding: 0;
	cursor: pointer;
	background: transparent url("../images/icon--play.svg") no-repeat center center;
	background-size: 40px auto;
}
#video-controls .play.pause{
	background: transparent url("../images/icon--pause.svg") no-repeat center center;
	background-size: 25px auto;
}
#video-controls .sound-on {
	position: relative;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	font-family: 'icomoon' !important;
	color: #fff;
	background: none;
	font-size: 35px;
	text-align: center;
	background: transparent url("../images/icon-sound.svg") no-repeat 0 0;
	background-size: 40px;
}
#video-controls .sound-on:before { content: "\e91f"; }
#video-controls .sound-on.sound-off:after{
    content: '';position: absolute;display: block;height: 2px;width: 40px;top: 5px;right: -4px;background: #fff;border-radius: 10px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);margin: 13px auto;transition: width .8s ease 0;-webkit-transition: width .8s ease 0;-moz-transition: width .8s ease 0;-o-transition: width .8s ease 0;-ms-transition: width .8s ease 0; }

@media screen and (max-width: 768px) {
    #video-controls{ right: 120px !important; }
    /*.et-db #et-boc #video-container{
        -moz-background-size: 100% 100%!important;
        -o-background-size: 100% 100%!important;
        -webkit-background-size: 100% 100%!important;
        background-size: 100% 100%!important;
    }*/
}