/*
 * 4.15 FULL PAGE VIDEO
 * ============================================================================
 */
 
.about_page
{
	position:relative;
}

.section-video{
	display: none;
	/*height: 280px;
	min-height: 280px;
	width:580px;
	position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;*/
}
.section-video .video-wrap{
	position: relative;
	z-index: 5;
}

.video_control{
	display: none;
}

/* regulal video */

.section-video video{
	max-width: 100%;
	display: block;
}

/* wide video */

.section-wide-video video{
	width: 100%;
	height: auto;
}

/* full page video */

.section-fp-video video{
	width: auto;
	min-width: 100%;
	height: auto;
}

@media all and (max-width: 980px){
	.section-fp-video{
		height: auto!important;
		min-height: 0!important; 
	}
}

@media all and (min-width: 981px){
	.section-video video{
		max-width: none;
	}
	body.desktop .video_control{
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
	}
	body.desktop .video_control a{
		display: block;
		position: absolute;
		text-decoration: none;
	}
	body.desktop .video_control a.play{
		width: 100%;
		height: 100%;
		z-index: 5;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
	}
	body.desktop .video_control.isPlayed a.play{
		background-image: none!important;
	}
	body.desktop .video_control.isPlaying a.play{
		opacity: 0;
	}
	body.desktop .video_control a.play span{
		display: block;
		position: absolute;
		top: calc(50% - 50px);
		left: calc(50% - 50px);
	}
	
	body.desktop .video_control a.sound{
		width: 25px;
		height: 25px;
		z-index: 10;
		right: 10px;
		bottom: 10px;
		padding: 5px;
	}
	body.desktop .video_control a.sound-off .icon-sound-on,
	body.desktop .video_control a:not(.sound-off) .icon-sound-off{
		display: none;
	}
	
	
	body.desktop .section-fp-video .video-wrap{
		width: 100%;
	    height: 100%;
	    overflow: hidden;
	    z-index: 0;
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	}
	body.desktop .section-fp-video video{
	    min-height: 100%;
	    position: relative;		
		width: 560px;
		left: 0;
		top: 0;
		
	    background-size: cover;
	    /*
		-webkit-transform: translateX(-50%) translateY(-50%);
	    -moz-transform: translateX(-50%) translateY(-50%);
	    -ms-transform: translateX(-50%) translateY(-50%);
	    -o-transform: translateX(-50%) translateY(-50%);
	    transform: translateX(-50%) translateY(-50%);
		*/
	}
}


/* Desktop */

@media all and (max-width: 2880px){
	
}
@media all and (max-width: 2560px){
	
}
@media all and (max-width: 2048px){
	
}
@media all and (max-width: 1920px){
	
}
@media all and (max-width: 1680px){
	
}
@media all and (max-width: 1600px){
	
}
@media all and (max-width: 1440px){
	
}
@media all and (max-width: 1366px){
	
}
@media all and (max-width: 1280px){
	
}
@media all and (max-width: 1200px){
	
}
@media all and (max-width: 1136px){
	
}
@media all and (max-width: 1024px){
	.section-video
	{
		position: static;
		margin: 0 auto;
		width: 100%;
	}
	
	.section-video video
	{
		max-width: 100%;
	}
}

/* ~ Tablets */

@media all and (max-width: 960px){
	
}
@media all and (max-width: 906px){
	
}
@media all and (max-width: 854px){
	
}
@media all and (max-width: 800px) {
	
}
@media all and (max-width: 768px){
	
	.section-video
	{
		position: static;
		margin: 0 auto;
	}
	
}
@media all and (max-width: 736px){
	
}
@media all and (max-width: 720px){
	
}

/* ~ Cellphones */

@media all and (max-width: 667px){
	
}
@media all and (max-width: 640px){
	
}
@media all and (max-width: 601px){
	
}
@media all and (max-width: 568px){
	
}
@media all and (max-width: 540px){
	
}
@media all and (max-width: 480px){

	.section-fp-video video
	{
		
	}
	
	.section-video
	{
		position: static;
		width: auto;
	}
	
}
@media all and (max-width: 414px){
	
}
@media all and (max-width: 384px){
	
}
@media all and (max-width: 375px){
	
}
@media all and (max-width: 360px){
	
}
@media all and (max-width: 320px){
	
}
@media all and (max-width: 218px){ /* Moto 360 Watch */
	
}
@media (max-device-width: 42mm) and (min-device-width: 38mm){ /* Apple Watch ~ 158px max, 143px min */
	
}