/* video screenshots */
/*simple*/
	#video-screenshots{margin:20px -10px 0 -10px; font-size:0; line-height:0; padding-bottom:7px;}
	.screenshots-preview-inline .screenshots{line-height: 0}
	#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{}

#player-embed video{width:100%}
/**
	set max height for vertical video
 **/
#player-embed > video{max-height: 528px}
@media(max-width: 980px){
	#player-embed > video{max-height: 428px}
}
@media(max-width: 767px){
	#player-embed > video{max-height: 328px}
}
@media(max-width: 600px){
	#player-embed > video{max-height: 228px}
}

.videopro_popup .model-content{width:400px}
.videopro_popup .modal-body{padding-bottom:15px}
.videopro_popup input{margin-bottom:0}
.videopro_popup label.row{display:block;font-weight:bold;color:#222;margin:0 0 10px 0}
.videopro_popup label.checkbox{    float: left;    margin: 6px 10px 0 0; cursor:pointer}
.videopro_popup .message{padding: 5px 0;display: block;font-style: italic;color: #FF0000;}
.videopro_popup .message.hidden{display:none}

.upload-thumbnail-form{position: absolute;    background: rgba(0,0,0,0.6);    width: 100%;    padding: 20px;    text-align: center;    top: 0;    height: 100%;    color: #fff; visibility:visible; opacity:1; transition: opacity 0.3s, visibility 0.3s;}
.upload-thumbnail-form a{color:#FFF}
.upload-thumbnail-form.hidden{visibility:hidden;opacity:0}
.upload-thumbnail-form form{margin-top:-150px;padding-top:40%}
.upload-thumbnail-form form input[type="submit"]{margin-top:20px}

.channel-banner-content .btn-edit-channel-thumbnail{display:none}
.channel-banner-content:hover .btn-edit-channel-thumbnail{display:block}
.channel-banner-content .btn-edit-channel-thumbnail, .upload-thumbnail-form a.btn-close, #btn-upload-video-thumb{    color: #FFF;    position: absolute;    right: 5px;    top: 5px;    background: rgba(0,0,0,0.7);    text-align: center;   border-radius: 3px;    width: 27px;    height: 27px; z-index: 1}


.cactus-post-item > .entry-content{position:relative}
.cactus-post-item .member-actions{position:absolute;top:-25px;right:15px;display:none}
.cactus-post-item:hover .member-actions{display:block}
.member-actions a{    display: inline-block;    width: 25px;    background: #eee;    height: 25px;    text-align: center;    padding: 3px 0;    color: #333;}
.member-actions a:hover i:before{color:#000}

.author.archive .channel-menu-content{position:relative}
.author.archive .channel-menu-content .btn-user-create-channel{position:absolute;right:15px;top:7px}
.author.archive .channel-menu-content .limit-membership-message{display:block;margin:20px 15px 15px 15px;clear:both}
.single-ct_channel .channel-menu-content .cactus-upload-video{float:right;padding:0;margin-right:15px;margin-top:10px}
.single-ct_channel .channel-menu-content .btn-user-create-playlist{float:right;padding:5px 20px;margin-right:15px;margin-top:10px;font-size:12px;color:rgba(102,102,102,1.0)
;font-weight:bold;letter-spacing:0}
.single-ct_channel .channel-menu-content .limit-membership-message{display:block;margin:20px 15px 15px 15px;clear:both}
.single-ct_channel .channel-menu-content .cactus-upload-video .btn-default.bt-style-1.white{background-color:#FFF;color:rgba(102,102,102,1.0);border:1px solid rgba(215,215,215,1.0);font-size:12px;padding:5px 20px;-webkit-transition:none;transition:none}
.single-ct_channel .channel-menu-content .btn-user-create-playlist:hover,
.single-ct_channel .channel-menu-content .cactus-upload-video .btn-default.bt-style-1.white:hover{color:#FFF; background:rgba(34,34,34,1.0); border-color:rgba(34,34,34,1.0)}
@media(max-width:600px){
    .single-ct_channel .channel-menu-content .cactus-upload-video, .single-ct_channel .channel-menu-content .btn-user-create-playlist{display: block;    float: left;    margin: 20px 15px;    width: 100%;}
    .author.archive .channel-menu-content .limit-membership-message{display:block;margin:20px 15px 15px 15px;float:left;width:93%}
}

/**
 * channel listing page template
 **/
.page-template-channel-listing .channel_cat-list{margin:0 0 40px 0; padding:20px 20px 10px 20px; background-color:#F9F9F9}
.page-template-channel-listing .channel_cat-list .heading{color:#666}
.page-template-channel-listing .channel_cat-list > ul{list-style:none; padding:0 }
.page-template-channel-listing .channel_cat-list > ul .cat{display:inline-block;padding:0 20px 10px 0}
.page-template-channel-listing .channel_cat-list > ul .cat a{text-decoration:none}
.page-template-channel-listing .channel_cat-list > ul .cat a:hover{text-decoration:underline}

.auto-text{font-size:14px}
#videopro_light_on{display:inline-block;font-size:14px;position:relative;margin-right:25px;color:rgba(120,120,120,1.0); padding:4px 0}
#videopro_light_on.light_on{z-index:10001;}
#videopro_light_on.no-margin{margin-right:0}
#videopro_light_on i{    background: #999;    padding: 2px 5px;    border-radius: 18px;    color: #FFF;}
#videopro_light_on:hover{color:#FFF}
.cactus-single-content #videopro_light_on:hover{color:#000}
.cactus-single-content #videopro_light_on.light_on:hover{color:#FFF}
#videopro_light_on:hover i,#videopro_light_on.light_on i{background-color:#F5EB4C;color:#333}
.cactus-post-format-video.light_on,.cactus-post-format-playlist .video-full-hd.light_on{position:relative;z-index:10001}
#video-shadow.light_on{position:fixed;z-index:10000;background:rgba(0,0,0,0.8);width:100%;height:100%;top:0;left:0}

.single-ct_playlist .cactus-upload-video{float:right; margin-left: 20px}
@media(max-width:1023px){
    .single-ct_playlist h1 span.title{display:block}
    .single-ct_playlist h1.single-title.entry-title:after{content:' ';display:block;clear:both}
}
.single-ct_playlist .cactus-upload-video a{background-color: #FFF;    color: rgba(102,102,102,1.0);    border: 1px solid rgba(215,215,215,1.0);    font-size: 12px;    padding: 5px 20px;    -webkit-transition: none;    transition: none; margin: 15px 0 0 0}
.single-ct_playlist .cactus-upload-video a:hover{color: #FFF;    background: rgba(34,34,34,1.0);    border-color: rgba(34,34,34,1.0);}

.submitModal .gform_heading{display:none}
.gform_footer{text-align:center}
.gform_footer .gform_ajax_spinner{margin: 10px 0 0 0}

.submitModal .message{color:#FF0000; display: block}
.submitModal .message.hidden{display:none}

#btn-upload-video-thumb{bottom:50px;top:auto;display:none}
#video_thumbnail_image:hover #btn-upload-video-thumb, .video-full-hd:hover #btn-upload-video-thumb,.cactus-video-content:hover  #btn-upload-video-thumb{display:block}

.edit-thumbnail-form{padding-top:20px;}
.edit-thumbnail-form label{font-weight:bold}
.edit-thumbnail-form .content{float:left;padding:0 20px 0 0;width:50%}
.edit-thumbnail-form .thumbnail{float:left;padding:0 0 0 20px;width:50%}

.post-edit{}
.post-edit #the_player{}
.post-edit div#player-embed{max-width:900px;display:inline-block}
.post-edit #the_thumbnail{float:right;max-width:220px;overflow:hidden}
.post-edit #the_thumbnail h5{padding-top:0}
.post-edit .footer{padding-top:20px}
@media(max-width:1199px){
    .post-edit #the_thumbnail{float:none;margin:20px 0}
}
.post-edit .list-item{padding:0 10px 10px 0}
.post-edit .title{font-weight:bold}

.subscribe-button .sub-count{line-height:22px;padding-left:10px}
#ajax-anchor{display:none;text-align:center}
#ajax-anchor.loading{display:block}

.post-status{padding:0 10px;margin:0 0 10px 0;background:#f2f2f2;font-size:0.8em}

select.basic{font-size: 14px;-webkit-appearance: menulist;-webkit-border-radius: 0;background: none;border: 1px solid #CCC}

#video_thumbnail_image .close-video-floating .fa-times{line-height: 1.5em}
#video_thumbnail_image.light_on{z-index:10001}

.hidden{display:none}

.verified i{    background: #82B340;    padding: 2px 3px;    margin: 0 10px;    border-radius: 2px;    font-size: 0.6em; color:#FFF; vertical-align:middle}
.channel-title.h6 .verified i{margin:0 5px}


#video_thumbnail_image .ct-icon-video.animated {
    border-radius: 50%;
    background-color: rgba(176, 3, 3, 0.82);
}


#video_thumbnail_image .ct-icon-video.animated:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.91);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-style: preserve-3d;
   -webkit-animation: sonarEffect 1s ease-out;
    animation: sonarEffect 1s ease-out infinite;
}
/*sonar effect*/
@-webkit-keyframes sonarEffect {
    0% {opacity: 0.3;}
    40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);}
    100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);-webkit-transform: scale(1.5);opacity: 0;}
}
@keyframes sonarEffect {
    0% {opacity: 0.3;}
    40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);}
    100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.5);opacity: 0;}
}

.gform_wrapper .validation_message ul{padding: 0}

.single object[id^="videowhisper_watch_"] {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
}

.lb-content-video div[id^="videowhisper_container_"], .lb-content-video object[id^="videowhisper_watch_"] {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;

}


.lb-content-video object[id^="videowhisper_video_"] {
    height: 100%;
}

.lb-content-video object[id^="videowhisper_watch_"] {
	height: 50%;
}

.vw-livestream-chat .top-content {
    height: 370px;
}

div[id^="videowhisper_container_"] {
	position: relative;
    height: 0;
    padding-bottom: 56.25%;

}

@media(max-width: 700px){
	.single .cactus-post-format-video.chat{
		padding-top : -webkit-calc(75% + 50px);
		padding-top : -moz-calc(75% + 50px);
		padding-top : -o-calc(75% + 50px);
		padding-top : ms-calc(75% + 50px);
		padding-top : calc(75% + 50px);
	}
	.single .cactus-post-format-video.chat div[id^="videowhisper_container_"]{
		padding-bottom: -webkit-calc(75% + 50px);
		padding-bottom: -moz-calc(75% + 50px);
		padding-bottom: -o-calc(75% + 50px);
		padding-bottom: ms-calc(75% + 50px);
		padding-bottom: calc(75% + 50px);
	}
}
@media(max-width: 450px){
	.single .cactus-post-format-video.chat{
		padding-top : -webkit-calc(75% + 100px);
		padding-top : -moz-calc(75% + 100px);
		padding-top : -o-calc(75% + 100px);
		padding-top : ms-calc(75% + 100px);
		padding-top : calc(75% + 100px);
	}
	.single .cactus-post-format-video.chat div[id^="videowhisper_container_"]{
		padding-bottom: -webkit-calc(75% + 100px);
		padding-bottom: -moz-calc(75% + 100px);
		padding-bottom: -o-calc(75% + 100px);
		padding-bottom: ms-calc(75% + 100px);
		padding-bottom: calc(75% + 100px);
	}
}
.single object[id^="videowhisper_video_"] {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.live.bottomright.cactus-post-format-video .cactus-video-content-api.float-video {
	margin-top: -360px !important;
}
.live.cactus-post-format-video .cactus-video-content-api.float-video div[id^="videowhisper_container_"]{
		padding-bottom: -webkit-calc(75% + 100px);
		padding-bottom: -moz-calc(75% + 100px);
		padding-bottom: -o-calc(75% + 100px);
		padding-bottom: ms-calc(75% + 100px);
		padding-bottom: calc(75% + 100px);
}
.live.cactus-post-format-video .cactus-video-content-api.float-video object[id^="videowhisper_watch_"] {
	margin-top: 0;
}

@media(max-width:600px){
	.live.bottomright.cactus-post-format-video .cactus-video-content-api.float-video {
		/*right: 0;
    	left: auto!important;*/
    	margin-top: -300px !important;
	}
}
@media(max-width:480px){
	.live.bottomright.cactus-post-format-video .cactus-video-content-api.float-video {
    	margin-top: -250px !important;
	}
}

#buddypress #item-header-cover-image .btn-user-create-channel {
	position: absolute;
	right: 0;
	bottom: 7px;
}

@media (max-width: 768px) {
	#buddypress #item-header-cover-image .btn-user-create-channel {
		position: relative;
		right: 0;
		bottom: 0;
	}
	#buddypress #item-header-cover-image {
		text-align: center;
	}
}