body
{
	color: rgba(255, 255, 255, 0.82);
/*
	background: -webkit-gradient(linear, top, bottom, color-stop(0px, hsla(249,98%,16%,1)), color-stop(445px, hsla(205, 100%, 34%, 1)));
	background: -webkit-linear-gradient(hsla(249,98%,16%,1), hsla(205, 100%, 34%, 1) 445px);
    background: -o-linear-gradient(hsla(249,98%,16%,1), hsla(205, 100%, 34%, 1) 445px);
    background: -moz-linear-gradient(hsla(249,98%,16%,1), hsla(205, 100%, 34%, 1) 445px);
    background: linear-gradient(hsla(249,98%,16%,1), hsla(205, 100%, 34%, 1) 445px);
*/
	background: hsla(205, 100%, 34%, 1);

	padding-bottom: 42px;
}

#SControls
{
	display: none;
	width: auto;
}

#SControls td
{
	border: 1px solid white;
}

#SControls td div
{
	width: 150px;
	padding: 9px;
	cursor: pointer;
}

#SControls td div.active
{
	color: white;
	background: rgba(255,255,255,.3);
}

#Videos
{
	padding-top: 56px;
	margin: auto;
}

#VideosLink a
{
	background-color: #D32E09;
}

@media (max-width: 480px)
{
	#CandiSelectedVideo,
	#CandiSelectedVideo .content
	{
		width: 320px;
		height: 182px;
	}
}

@media (min-width: 480px) and (max-width: 570px)
{
	#CandiSelectedVideo,
	#CandiSelectedVideo .content
	{
		width: 450px;
		height: 253.75px;
	}
}

@media (min-width: 570px) and (max-width: 674px)
{
	#CandiSelectedVideo,
	#CandiSelectedVideo .content
	{
		width: 540px;
    	height: 305px;
	}
}

@media (min-width: 674px)
{
	#CandiSelectedVideo,
	#CandiSelectedVideo .content
	{
		width: 640px;
		height: 360px;
	}

	#MostPopular,
	#CurrentSection,
	#OldSection
	{
		width: 90%;
	}
}

@media (max-width: 674px)
{
	#SelVideoHeader
	{
		font-size: 12px;
	}

	#SelTitle
	{
		max-width: 100px!important;
		font-size: 14px;
	}

	#SelDuration
	{
		font-size: 11px!important;
	}

	#ViewsContainer
	{	
		font-size: 10px;
	}

	#shareFB
	{
		font-size: 23px!important;
	}


	.VidSugg
	{	
		width: 240px!important;
		height: 135px!important;
	}

	.VidSugg img
	{
		max-width: 240px!important;
		max-height: 135px!important;
	}

	.VidSugg .SuggVote
	{
		width: 240px!important;
		height: 75px!important;
		padding-top: 0!important;
	}

	.VideoOwner
	{
		max-width: 99px!important;
	}

	.VideoViews
	{
		font-size: 11px!important;
	}
}

@media (min-width: 927px)
{
	.SuggContainer
	{
		padding: 17px 42px;
	}
}

@media (max-width: 1300px)
{
	#navYa
	{
		background: #D32E09;
	}

	#VideosSmallScreen
	{
		display: inline;
	}
}

.VideosTitle
{
	position: relative;
	text-align: left;

	font-family: initial;

	margin-top: 99px;

	color: rgba(238, 238, 238, 0.81);
}

#MostPopular
{
	color: white;
	margin: auto;
    margin-top: 90px;
    font-size: 52px;
	text-shadow: 1px 0px 9px rgb(19, 34, 142);
}

#CurrentSection,
#OldSection
{
	display: none;
	margin: auto;
}

#CurrVideosTitle,
#OldVideosTitle
{
	font-size: 32px;
}

#SelOwner
{
	position: absolute;
    left: 12px;
    bottom: 10px;
    color: rgba(255, 255, 255, 0.59);
}

#SelOwnerName
{
    display: inline-block;
	vertical-align: middle;
	max-width: 242px;
	font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
}

#CandiSelectedVideo
{
    position: relative;

    margin: auto;
	margin-top: 36px;

    background: black;
    background: rgba(0,0,0,.62);
}

#CandiSelectedVideo > .spinner
{
	position: absolute;
	right: 3px;
	bottom: 3px;
}

#CandiSelectedVideo > .spinner > div
{
	background: white;
}


#CandiSelectedVideo .content
{
	position: absolute;
	left: 0;
}

#ContestVideos, #OldVideos
{
	position: relative;
	margin: auto;
}

#OldVideos
{
	list-style: none;
	padding-left: 0;
}

#OldVideos li
{
	margin-bottom: 26px;
}

.SuggContainer
{
	background: rgba(0,0,0,.5);
}

.SuggTitle
{
    margin-top: -3px;

	font-family: 'Titillium Web', sans-serif;
    font-size: 42px;
    text-align: left;

	display: inline;
}

.SuggEdition
{
	display: inline;
	font-size: 18px;
}

.SuggDates
{
	margin-bottom: 11px;
}

.VidSugg
{	
	position: relative;
	cursor: pointer;
	display: inline-block;

	width: 320px;
	height: 180px;
	margin: 14px;

	text-align: center;
	opacity: .8;
	background: rgba(0,0,0,.62);
}

.VidSugg:hover
{
	opacity: 1;
}

.VidSugg img
{
	max-width: 320px;
	max-height: 180px;
}

.SuggHeader,
.SuggFooter
{
	position: absolute;
	padding-left: 12px;

	font-size: 16px;
	height: 32px;
	width: 100%;

	text-align: left;	
	background: rgba(0,0,0,.8);
}

.SuggHeader
{
	z-index: 1;
	top: 0;
  padding-top: 4px;
	padding-right: 26px;
	backdrop-filter: blur(10px);
}

.SuggHeader .title
{
	display: inline-block;
	max-width: 148px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
}

.SuggHeader .finalist
{
	position: absolute;
	right: 9px;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.28);
}

.VidSugg .SuggVote
{
	display: none;
	position: absolute;
	top: 32px;
	height: 120px;
	width: 100%;
	padding-top: 23px;
	background: rgba(0,0,0,.5);
}

.VidSugg .SuggVote .text
{
	font-size: 20px;
}

.VidSugg .SuggVote button
{
	color: white;
	margin-top: 9px;
	padding: 4px 20px;
	background: transparent;
	border: 1px solid white;
	border-radius: 3px;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

.VidSugg:hover .SuggVote button
{
	color: black;
	background: white;
}

.SuggFooter
{
	height: 28px;
	font-size: 13px;
	bottom: 0;
	padding-top: 6px;
}

.VideoOwner
{
	max-width: 127px;

	overflow: hidden;
    text-overflow: ellipsis;

    white-space: nowrap;    
}

.OwnerName
{
	font-style: italic;
}

.VideoViews
{
	position: absolute;
	font-size: 13px;
	top: 0;
	padding-top: 6px;
	right: 6px;
}

.VideoViews .fa
{
	margin-right: 7px;
}

.VideoViews .fa-eye
{
	margin-left: 7px;
}

.views
{
	font-style: italic;
}

#video-controls
{
	position: absolute;

	height: 42px;
	bottom: 0;
	left: 0;
	right: 0;

	padding: 9px;
	text-align: left;
}

#SelVideoHeader,
#video-controls
{
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	
	background: rgba(0,0,0,.8);
}

#play-pause
{
	display: inline;
	padding-left: 8px!important;
}

#seek-bar 
{
	display: inline;
    width: 248px;
}

#other-controls
{
	position: absolute;
	top: 8px;
	right: 6px;
}

#mute,
#volume-bar,
#full-screen
{
	display: inline;
}

#volume-bar
{
	width: 60px;
}

#full-screen
{
	right: 12px;
}

#video-controls button
{
    top: 6px;
    color: rgba(255, 255, 255, 0.85);
    background: transparent;
    border-radius: 2px;
	border: 1px solid hsla(240,79%,66%,0.77);
    padding: 6px;
}

#video-controls button:hover
{
    color: rgba(255, 255, 255, 1);
}

#SelVideoHeader
{
	position: absolute;
	z-index: 10;
	top: 0;
	height: 64px;
	width: 100%;
	backdrop-filter: blur(10px);
}

#YVideoLoader
{
	position: absolute;
    top: 5px;
    right: -4px;
    height: 20px;
}

#YVideoLoader > div
{
	background-color: rgba(255,255,255,.9);
	box-shadow: 0px 0px 3px #ffffff;
    width: 2px;
}

#TimeInfo
{
	display: inline;
}

#SelVideoInfos
{
	position: absolute;
	top: 6px;
	left: 12px;
	font-size: 17px;	
}

#ViewsAndFBContainer
{
	position: absolute;
    top: 2px;
	right: 7px;
}

#SelViews
{
	font-style: italic;
}

#SelCategory
{
	font-size: 14px;
	font-style: italic;
}

#VotesPlural
{
	display: none;
}

#SelVote
{
	display: none;
	position: absolute;

	bottom: 3px;
    right: 6px;

    cursor: pointer;
    width: 100px;
    margin-left: 6px;
    border: 1px solid rgba(255, 255, 255, 0.66);

	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

#SelVote:not(.active):hover
{
	background: rgba(255, 255, 255, .1);
}

#SelVote.active
{
	background: rgba(255,255,255,.25);
}


#ViewsAndFBContainer .voted
{	
    color: hsla(60,89%,49%,1);
}

#ViewsContainer
{
	display: inline-block;
	margin-right: 7px;
}

#SelVErr
{
	position: absolute;
	top: 50%;
	width: 100%;
	margin: auto;

    font-style: italic;
    font-size: 15px;
}

#SelVideoHeader,
#SelVFrame
{
	display: none;
}

#SelVoted
{
	display: none;
}

#SelTitle
{
	display: inline-block;
	vertical-align: middle;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#SelDuration
{
	display: none;
	font-size: 13px;
	padding: 0 6px;
	border: 1px solid;
}

#shareFB
{
	display: none;
    cursor: pointer;
    font-size: 26px;

	transition: all .3s;
    -webkit-transition: all .3s;
}

#shareFB:hover
{
	color: white;
    text-shadow: 0px 0px 9px rgba(0,0,0,0.8);
}

#AVContainer,
.AnonymousVote
{
	display: none;
}

#AVContainer
{
	position: absolute;
	text-align: left;
	z-index: 10;
	top: 55px;

	min-height: 42px;
	width: 100%;

	border-top: 1px solid rgba(255,255,255,.3);
	background: rgba(0,0,0,.8);
}

#AVContainer .AnonymousVote
{
	display: inline-block;
    text-align: left;
    padding: 9px;
}

#AVContainer .AnonymousVote .text
{
	display: inline-block;
}

#AVContainer .AnonymousVote .text input
{
    margin-left: 7px;
    width: 217px;

	border: none;
	padding: 0 9px;

	background: rgba(255,255,255,.13);
}

#AVChoice
{
	cursor: pointer;
	width: 100%;
	font-size: 15px;
}

#AVChoice .choice
{
	display: inline-block;
	width: 100%;

	transition: .3s all;
	-webkit-transition: .3s all;
}

#AVChoice .choice .fa
{
	font-size: 20px;
	margin-right: 7px;
}

#AVChoice .choice:hover
{
	transform: translateX(3px);
	-webkit-transform: translateX(3px);
}

#AVPassword .text input
{
	width: 297px!important;
}

#AVContainer .AnonymousVote .text input:focus
{
	background: rgba(255,255,255,.4);
}

#AVContainer .AnonymousVote .next
{
	display: inline-block;
	border: none;
	background: transparent;
	margin-left: 9px;
}

#AVContainer .AnonymousVote .next:hover
{
	background: rgba(255,255,255,.2);
}

#AVContainer .AnonymousVote .error
{
	display: none;
	color: red;
}

#AVEmail .error
{
	position: relative;
	margin-left: 372px;
}

#AVContainer .AnonymousVote .ok
{
	width: 62px;
	margin-left: 9px;
	border: 1px solid rgba(255, 255, 255, 0.64);
	background: transparent;
}

#AVContainer .AnonymousVote .ok:hover
{
	background: rgba(255, 255, 255, 0.1);
}

#AVAcceptation
{
	display: none;
	position: fixed;
	top: 50px;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
    z-index: 9999;
		
    background: hsla(133, 100%, 16%, 1);
	box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.58);
}

#AVAcceptation .fa-info-circle
{
    position: absolute;
    left: 9px;
    font-size: 22px;
    opacity: .3;
}

#AVAcceptation .text
{
	display: inline-block;
	width: 80%;
}

#AVAcceptation .ok
{
    width: 60px;
	margin-left: 6px;
    padding: 0;

	border: 1px solid white;
	background: transparent;
}

#AVAcceptation .ok:hover
{
	background: rgba(255,255,255,.1);
}

#Trends
{
	display: none;
    width: 90%;
	margin: auto;
	margin-top: 74px;
	padding: 12px 0;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 7px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: rgba(255,255,255,.5);
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background: hsla(169,97%,20%,1);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}

input[type=range]::-webkit-slider-thumb:hover
{
    background: hsla(169,97%,26%,1);
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgba(255,255,255,.5);
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: rgba(255,255,255,.5);
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}

input[type=range]::-moz-range-thumb
{
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background: hsla(169,97%,20%,1);
  cursor: pointer;
}

input[type=range]::-moz-range-thumb:hover
{
    background: hsla(169,97%,26%,1);
}

input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: rgba(255,255,255,.5);
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb
{
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background: hsla(169,97%,20%,1);
  cursor: pointer;
}

input[type=range]::-ms-thumb:hover
{
    background: hsla(169,97%,26%,1);
}

input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}