/* @font-face {font-family:'FuturaRoundBold';src: url('/templates/clipload/css/FuturaRoundBold.ttf');} */

/*
BODY{
background: url(../images/bg4k.jpg) no-repeat top center;
background-color: #000;
background-attachment: fixed; 
margin: 0; 
font-family : FuturaRoundBold, verdana, sans-serif;
letter-spacing: 1px;
}
*/
TD {
font-size : 14px;
color : #222;
font-family : FuturaRoundBold, verdana, sans-serif;
cursor:default;
letter-spacing: 1px;
}
DIV {
font-size : 14px;
font-family : FuturaRoundBold, verdana, sans-serif;
letter-spacing: 1px;
}
INPUT {
font-size : 14px;
font-family : FuturaRoundBold, verdana, sans-serif;
letter-spacing: 1px;
}
TEXTAREA {
font-size : 14px;
font-family : FuturaRoundBold, verdana, sans-serif;
letter-spacing: 1px;
}
FORM {
font-size : 14px;
font-family : FuturaRoundBold, verdana, sans-serif;
letter-spacing: 1px;
}
SELECT {
font-size : 14px;
font-family : FuturaRoundBold, verdana, sans-serif;
letter-spacing: 1px;
}
A:link {
font-size : 14px;
color : #FF5656;
font-family : FuturaRoundBold, verdana, sans-serif;
text-decoration : none;
letter-spacing: 1px;
}
A:active {
font-size : 14px;
color : #FF5656;
font-family : FuturaRoundBold, verdana, sans-serif;
text-decoration : none;
letter-spacing: 1px;
}
A:visited {
font-size : 14px;
color : #FF5656;
font-family : FuturaRoundBold, verdana, sans-serif;
text-decoration : none;
letter-spacing: 1px;
}
A:hover {
font-size : 14px;
color : #FFF;
font-family : FuturaRoundBold, verdana, sans-serif;
text-decoration : none;
transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
letter-spacing: 1px;
}

.navigation {
	color:#666; 
	border:0px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #FFF;
	background:#537AB0;
	border:1px solid #537AB0;
	padding:5px 8px;
	border-radius: 2px;
	transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease;
}

.navigation a:hover {
	background:#2F5A96;
	border:1px solid #2F5A96;
	color:#FFF;
	transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease;
}

.navigation span {
	text-decoration:none;
	background:#537AB0;
	border:0px solid #537AB0;
	padding:6px 8px;
	color:#FFF;
	border-radius: 2px;

    margin-right: 3px;
}
.navigation span.nav_ext {
        border: none;
        background: transparent;
		
}






/* Прокрутка страницы - Начало */

.nav_up {position: fixed; padding: 0px; top: 45%; left: 30px; cursor:pointer; display:none; border-radius: 0px 0px 0px 0px; border: 1px solid #FFF; border-bottom: 1px solid #FFF;}

.nav_down {position: fixed; margin-top: 33px; padding: 0px; top: 45%; left: 30px; cursor:pointer; display:none; border-radius: 0px 0px 0px 0px; border:1px solid #FFF; border-top: 1px solid #FFF;}

.nav_up:hover {opacity: 0.7; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.nav_down:hover {opacity: 0.7; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

/* Прокрутка страницы - Конец */



/* Кнопка просмотра - Начало */

.play-icon {position: absolute; top: 41px; left:36px; opacity: 0.9;}

.play-icon:hover {position: absolute; opacity: 1;}

/* Кнопка просмотра - Конец */



/* Кнопка закладок - Начало */

.container {display: inline-block; position: relative;}

.container div {display: inline-block; position: absolute; bottom: 198px; left: 30px;}

#.container:hover {opacity: 0.6; -moz-opacity: 0.6; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

/* Кнопка закладок - Конец */



/* Кнопка закладок - Начало */

.container-fav {display: inline-block; position: relative;}

.container-fav div {display: inline-block; position: absolute; bottom: -18px; left: 513px; border: 1px solid #FFF; border-radius: 0px;}

#.container-fav:hover {opacity: 0.6; -moz-opacity: 0.6; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

/* Кнопка закладок - Конец */



.block-button-new {background:#537AB0; color: #FFF; padding: 10px 10px; height: 14px; line-height: 14px;}

.block-button-new:hover {background:#2F5A96; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.block-button-search {background:#E55858; color: #FFF; padding: 10px 10px; height: 14px; line-height: 14px;}

.block-button-search:hover {background:#D73434; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}



.block-button-ok {background:#30353D; color: #FFF; padding: 10px 10px; height: 14px; line-height: 14px;

background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 0px, 100% 0px, 100% 0px, 100% 0px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);

}


.block-button-ok:hover {transition: .5s linear; background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);}





.block-button-bad {background:#333; color: #FFF; padding: 10px 10px; height: 14px; line-height: 14px;

background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 0px, 100% 0px, 100% 0px, 100% 0px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);

}

.block-button {background: url(../images/shap.png); color: #FFF; padding: 10px 10px; height: 14px; line-height: 14px;}

.block-button:hover {opacity:0.9; -moz-opacity:0.9; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.block-button-bad:hover {transition: .5s linear; background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);}

.block-button-rf {background:#537AB0; color: #FFF; padding: 10px 10px; height: 14px; line-height: 14px;}

.block-button-rf:hover {background:#3197C8; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.block-button2 {background: url(../images/shap.png); color: #FFF; padding: 10px 10px; height: 14px; line-height: 14px;}

.block-button-open {float:right; background-color:#70D265; border-radius:1px; padding:4px; margin-top:-4px; margin-right:-4px; width:68px; text-align:center;}

.block-button-open:hover {background:#58BD4D; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.block-line {background-color:#999; height:1px;}

.list:hover {transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; color: #BDBDBD;}

.channel:hover {opacity:0.6; -moz-opacity:0.6; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.catalog:hover {color:#FFF; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.collection {border:2px solid #FFF; border-radius:2px;}

.collection:hover {opacity:0.6; -moz-opacity:0.6; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}



.payment-payeer {color:#36C9F1; background-color:#FFF; border-radius:2px; padding:4px 6px 4px 6px; font-size:12px;}
.payment-yandex {color:#FA2F2F; background-color:#FFF; border-radius:2px; padding:4px 6px 4px 6px; font-size:12px;}
.payment-qiwi {color:#FFAE00; background-color:#FFF; border-radius:2px; padding:4px 6px 4px 6px; font-size:12px;}
.payment-webmoney {color:#36C9F1; background-color:#FFF; border-radius:2px; padding:4px 6px 4px 6px; font-size:12px;}
.payment-advcash {color:#70D265; background-color:#FFF; border-radius:2px; padding:4px 6px 4px 6px; font-size:12px;}
.payment-pm {color:#FA2F2F; background-color:#FFF; border-radius:2px; padding:4px 6px 4px 6px; font-size:12px;}



.payment-new {color:#FFAE00; background-color:#FFF; border-radius:2px; padding:4px 6px 4px 6px;}
.payment-ok {color:#000; background-color:#EBEBEB; border-radius:0px; padding:4px 6px 4px 6px;}
.payment-bad {color:#FD6352; background-color:#FFF; border-radius:2px; padding:4px 6px 4px 6px;}



.button-new {color:#FFF; background-color:#FFBA24; border-radius:2px; padding:4px 8px 4px 8px}
.button-new:hover {color:#FFF; background:#BDBDBD; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.button-ok {color:#FFF; background-color:#70D265; border-radius:2px; padding:4px 8px 4px 8px}
.button-ok:hover {color:#FFF; background:#58BD4D; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.button-bad {color:#FFF; background-color:#FD8080; border-radius:2px; padding:4px 8px 4px 8px}
.button-bad:hover {color:#FFF; background:#F96363; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.button-info {color:#FFF; background-color:#537AB0; border-radius:2px; padding:4px 8px 4px 8px}
.button-info:hover {color:#FFF; background:#3197C8; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}



#blink {
  -webkit-animation: blink 1s linear infinite;
  animation: blink 1s linear infinite;
}

@keyframes blink {
  100% { color: rgba(34, 34, 34, 0); }
}

.registration {border:2px solid #FFF; border-radius:2px; width:200px; padding: 22px 20px; height: 64px; line-height: 64px; background:#537AB0; color: #FFF; }

.registration:hover  {background:#3197C8; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}




/* Кнопка просмотра - Начало */

.play-bottom {position: relative; top: -138px; left: -50px; opacity: 0.8;}

.play-bottom:hover {position: absolute; opacity: 1;}

/* Кнопка просмотра - Конец */


.lbutton {float: left; width: 130px; background: url(../images/shap.png); color:#FFF; height: 34px; line-height: 34px; padding-left: 7px;}

.rbutton {background-color: #537AB0; height: 34px; line-height: 34px;}

.rbutton:hover {background:#2F5A96; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}



.select-bottom {cursor:pointer; outline:none; padding: 7px; border-radius: 0px; color: #FFF; background: #537AB0; border: 0px solid #FFF;}

.select-bottom:hover {background:#2F5A96; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.select-date {outline:none; padding: 6px 9px 6px 9px; border-radius: 0px; background: #EBEBEB; color: #000; border: 0px solid #FFF;}

.select-hd {outline:none; padding: 7px; border-radius: 0px; background: #E55858; color: #FFF; border: 0px solid #FFF;}

.select-hd:hover {background:#D73434; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.select-abuse {cursor:pointer; outline:none; padding: 7px; border-radius: 0px; color: #FFF; background: #E55858; border: 0px solid #FFF;}

.select-abuse:hover {background:#D73434; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}

.favorites-plus {outline:none; padding: 7px; border-radius: 0px; background: #33A533; border: 0px solid #FFF;}

.favorites-minus {outline:none; padding: 7px; border-radius: 0px; background: #FD8080; border: 0px solid #FFF;}


#perde { 
  display: none; 
  position: fixed; 
  top: 0px; 
  left: 0px; 
  width: 100%; 
  height: 100%; 
  background-color: black; 
  opacity: 0.8; 
  filter: alpha(opacity=80); 
  z-index: 100; 
  } 
   
.ac-kapa {cursor:pointer; outline:none; padding: 4px 6px 4px 6px; border-radius: 0px; color: #FFF; background: #E55858; border: 0px solid #FFF; position: relative; z-index: 101;} 

.ac-kapa:hover {background:#D73434; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
  
.video {position: relative; z-index: 101; display: block;}





/* Закладки - начало */

.favmod {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	color:#FA2F2F;
}

.favmod:hover{

	filter: brightness(0.8);
}
	.favmod-add,
	.favmod-unset {
	display: block;
	}


	.favmod .favmod-unset,
	.favmod.active .favmod-add {
	display: none;
	}
	
	.favmod.active .favmod-unset {
	display: block;
	}
	
/* Закладки - конец */	
	
	
	
	
	
	
	
.menu1 {border-radius: 2px; border: 1px solid #E55858; cursor:pointer; outline: none; padding: 5px 8px; color: #FFF; background: #E55858;}

.menu1:hover {border-radius: 2px; border: 1px solid #D73434; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background:#D73434;}

.menu2 {border-radius: 2px; border: 1px solid #537AB0; cursor:pointer; outline: none; padding: 5px 8px; color: #FFF; background: #537AB0;}

.menu2:hover {border-radius: 2px; border: 1px solid #2F5A96; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background:#2F5A96;}

.menu3 {border-radius: 2px; border: 1px solid #E55858; cursor:pointer; outline: none; padding: 5px 8px; color: #FFF; background: #E55858;}

.menu3:hover {border-radius: 2px; border: 1px solid #D73434; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background:#D73434;}

.menu4 {border-radius: 2px; border: 1px solid #2DB23A; cursor:pointer; outline: none; padding: 5px 8px; color: #FFF; background: #2DB23A;}

.menu4:hover {border-radius: 2px; border: 1px solid #1E8E29; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background:#1E8E29;}

.menu5 {border-radius: 2px; border: 1px solid #EBEBEB; outline: none; padding: 5px 8px; background: #EBEBEB;}



/* Поиск по сайту - начало */

.searchButton {
background-color: #FFF;
border-radius: 2px 0px 0px 2px;
border: 1px solid #d6e7d4;
padding: 5px 8px; 
outline: none;
}

.searchButtonFull {
background-color: #FFF;
border-radius: 0px;
border: 0px solid #FFF;
padding: 5px 8px; 
outline: none;
}

.searchButtonn {
color: #FFF;
border-radius: 0px 2px 2px 0px;
border-left: 1px solid #537AB0;
border-right: 1px solid #537AB0;
border-top: 1px solid #537AB0;
border-bottom: 1px solid #537AB0;
background: #537AB0;
padding: 5px 8px; 
outline: none;
cursor: pointer;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
}

.searchButtonn:hover {border: 1px solid #2F5A96; border-right: 1px solid #2F5A96; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background:#2F5A96;}

/* Поиск по сайту - конец */

.filterYear1 {border: 1px solid #FFF; border-right: 0px solid #FFF; width: 43px; outline: none; padding: 5px 8px 5px 9px; color: #FFF; background: #E55858;}
.filterYear2 {width: 110px; border: 1px solid #FFF; cursor: pointer; outline: none; padding: 4px 6px 4px 6px; color: #FFF; background: #537AB0;}

.filterRating1 {border: 1px solid #FFF; border-right: 0px solid #FFF; width: 71px; outline: none; padding: 5px 8px 5px 9px; margin-left: 3px; color: #FFF; background: #E55858;}
.filterRating2 {width: 110px; border: 1px solid #FFF; cursor: pointer; outline: none; padding: 4px 6px 4px 6px; color: #FFF; background: #537AB0;}

.filterCountry1 {border: 1px solid #FFF; border-right: 0px solid #FFF; width: 66px; outline: none; padding: 5px 8px 5px 8px; margin-left: 2px; color: #FFF; background: #E55858;}
.filterCountry2 {width: 150px; border: 1px solid #FFF; cursor: pointer; outline: none; padding: 4px 6px 4px 6px; color: #FFF; background: #537AB0;}

.filterGenre1 {border: 1px solid #FFF; border-right: 0px solid #FFF; width: 56px; outline: none; padding: 5px 8px 5px 8px; margin-left: 3px; color: #FFF; background: #E55858;}
.filterGenre2 {width: 150px; border: 1px solid #FFF; cursor: pointer; outline: none; padding: 4px 6px 4px 6px; color: #FFF; background: #537AB0;}

.filterReset {border: 1px solid #FFF; cursor:pointer; outline: none; padding: 5px 8px 5px 9px; margin-left: 2px; color: #FFF; background: #E55858;}

.filterReset:hover {transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background:#D73434;}





/* Кнопка просмотра - Начало */

.play-bottom1 {position: absolute; top: 27px; left: 202px; opacity: 0.8;}

.play-bottom2 {position: absolute; top: 35px; left: 210px; opacity: 0.8;}

.play-bottom1:hover {position: absolute; opacity: 1;}

.play-bottom2:hover {position: absolute; opacity: 1;}

/* Кнопка просмотра - Конец */