/* video screenshots */
/*simple*/
	#video-screenshots{margin:20px -10px 0 -10px; font-size:0; line-height:0; padding-bottom:7px;}
	#video-screenshots .screenshot{display:inline-block;padding:10px; width:25%; vertical-align:top;}
	#video-screenshots .screenshot img { width:100%; height:auto;}
	@media(max-width:767px){
		#video-screenshots .screenshot { width:33.33333333%;}		
	}
	@media(max-width:480px){
		#video-screenshots .screenshot { width:50%;}		
	}
	@media(max-width:320px){
		#video-screenshots .screenshot { width:100%;}		
	}
/*simple*/

/*lightbox*/
	#screenshots-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.8);
		z-index: 99999998;
		visibility: hidden;
		opacity: 0;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
	}
	
	#screenshots-lightbox {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0);
		z-index: 99999998;
		visibility: hidden;
		opacity: 0;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
	}
	#screenshots-preview {
		position: absolute;
		top: 5%;
		bottom: 5%;
		left: 15%;
		right: 15%;
		z-index: 99999999;
		
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;
		text-align: center;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		align-content: center;
		text-align: center;
	}
	
	@media(max-width:420px){
		#screenshots-preview { left:20px; right:20px;}
	}
	
	.slider-screen {max-width:640px; margin:auto; background-color:rgba(0,0,0,1.0); position:relative;}
	
	@media(max-width:767px){
		.slider-screen {max-width:100%;}
	}
	.slider-screen .large-img-wrapper { font-size:0; line-height:0; text-align:center;}
	.slider-screen .large-img-wrapper img.lazy-img { width:100%; height:auto;}
	.slider-screen .large-img-wrapper img {		
		max-width: 100%;
		
		max-height: calc(100vh - 120px);
		max-height: -webkit-calc(100vh - 120px);
		max-height: -ms-calc(100vh - 120px);
		max-height: -moz-calc(100vh - 120px);
		max-height: -o-calc(100vh - 120px);
	}
	
	.slider-screen .ctr-wrapper {overflow:hidden; margin-left:10px; margin-right:10px;}
	.slider-screen .slider-wrapper { white-space:nowrap; line-height:0; font-size:0;  margin-left:-5px; margin-right:-5px;}
	.slider-screen .slider-wrapper .screen-item { width:102px; display:inline-block; vertical-align:top; padding:10px 5px; cursor:pointer;}
	.slider-screen .slider-wrapper .screen-item:hover { opacity:0.8; transition:opacity 0.3s ease-in; -webkit-transition:opacity 0.3s ease-in;}
	.slider-screen .slider-wrapper .screen-item img { width:100%; height:auto; display:block;}
	
	.slider-screen .slider-wrapper .screen-item.active-item { position:relative;}
	.slider-screen .slider-wrapper .screen-item.active-item:after {content:''; display:block; bottom:0; left:5px; right:5px; height:3px; background-color:rgba(216,37,29,1.0); position:absolute;}
	.slider-screen .slider-wrapper .slick-arrow { display:none !important;}
	
	body.active-screen-overlay #screenshots-overlay { visibility:visible; opacity:1;}
	body.active-screen-lightbox #screenshots-lightbox {visibility:visible; opacity:1;}
	
	.spinner {
		width: 40px;
		height: 40px;
		margin: 100px auto;
		background-color: rgba(255,255,255,1.00);
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-webkit-animation: scaleout 1.0s infinite ease-in-out;
		animation: scaleout 1.0s infinite ease-in-out;
		z-index: 99999998;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-left: -20px;
		margin-top: -20px;
	}
	 @-webkit-keyframes scaleout {
		 0% {
			-webkit-transform: scale(0.0)
		 }
		 100% {
			 -webkit-transform: scale(1.0);
			 opacity: 0;
		 }
	}
	 @keyframes scaleout {
		 0% {
			 transform: scale(0.0);
			 -webkit-transform: scale(0.0);
		 }
		 100% {
			 transform: scale(1.0);
			 -webkit-transform: scale(1.0);
			 opacity: 0;
		 }
	}
	
	.close-preview { width:23px; height:23px; background-color:rgba(118,118,118,1.0); position:absolute; bottom:100%; left:100%; margin-left:10px; margin-bottom:10px; color:rgba(34,34,34,1.0); border-radius:50%; -webkit-border-radius:50%; text-align:center; font-size:16px; color:rgba(34,34,34,1.0); line-height:1.45; cursor:pointer;}
	
	@media(max-width:767px){
		.close-preview {bottom:50%; margin-bottom:-12px;}
	}
	
	@media(max-width:420px){
		.close-preview {bottom:100%; margin-bottom:10px; left:50%; margin-left:-12px;}
	}
/*lightbox*/

/*popup login*/
	.popup-classic { position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; outline:none; opacity:0; visibility:hidden; background-color:rgba(0,0,0,0.75)}
	.popup-classic.active { visibility:visible; opacity:1; transition:visibility 0.3s ease, opacity 0.3s ease; -webkit-transition:visibility 0.3s ease, opacity 0.3s ease;}
	.popup-classic .modal-dialog { padding:80px 70px 80px 50px; overflow:hidden; overflow-y:scroll; position:absolute; top:0; left:-30px; bottom:0; right:-50px;}
	.popup-classic .modal-content { width:600px; background-color:rgba(255,255,255,1.0); display:block; margin:auto; border-radius:5px; -webkit-border-radius:5px;}
	
	.popup-classic .modal-header { padding:10px 30px; position:relative; border-bottom:1px solid rgba(215,215,215,1.0);}
	.popup-classic .close,
	.popup-classic .close:hover,
	.popup-classic .close:focus { background-color:transparent; color:rgba(188,188,188,1.0); font-size:20px;}
	
	.popup-classic .close  { position:absolute; top:0; bottom:0; right:13px; text-align:center; padding-left:0; padding-right:0; width:50px;}
	
	.popup-classic .modal-body {padding:30px 30px 40px 30px;}
	.popup-classic .modal-body .tml { max-width:100%;}
	
	 @media(max-width:767px) {
       .popup-classic .modal-content { width:100%;}
    }

    .mouse-message{background:#FFF;position:absolute;border:1px solid #ccc;padding:3px 7px;color:#111;min-height:20px;z-index:10000}
    .picture-content .btn-watch-later{    position: absolute;    bottom: 18px;    right: 5px;    padding: 3px 6px !important; opacity: 0; visibility:hidden}
    .picture-content:hover .btn-watch-later{opacity:1; visibility:visible;}
    
.player-side-ad{position:absolute; top: 0; display:none}
.player-side-ad.left{}
.player-side-ad.right{}