* {
    margin:0;
    padding:0;
    outline:0;}
 *:active {
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 -moz-tap-highlight-color: rgba(0,0,0,0);
 tap-highlight-color: rgba(0,0,0,0);
}
img {
	border:0;}
ul,li {
	list-style:none;}
a {
    cursor:pointer;
    text-decoration:none;}
i {
    font-style:normal;}

html,body {
	min-height:100%;
}
body{
    background:#dee8e8;
    font-family:'Oxygen', sans-serif;
    color:#242e30;}

#container{
    max-width:1259px;
    min-width:320px;
    position:relative;
    margin:0 auto;
    overflow:hidden;
    
}

    #header{
        height:117px;
        width:100%;
        background:url(../img/bg.png) repeat-x #dee8e8;
        background-size:10px 100%;
        position:fixed;
        top:0px;
        z-index:999;
    }
    
    #header h1 {
    	position:absolute;
    	left:0px; bottom:0px;
    	width:100%;
    	height:40px;
    	overflow:hidden;
    	color:#FFF;
    	font-size:25px;
    	line-height:40px;
    	text-align:center;
    }
    
        #header #container{
            overflow: visible;
            overflow-y: no-content;
            overflow-x: visible; 
            height:100%;
        }
    
        #logo{
            float:left;
            width:262px;
            height:70px;
            background:url(../img/logo.png) no-repeat;
            background-size:100% 100%;
            display:block;
        }
        
		#logo.kerst{
			
            float:left;
            width:299px;
        	height:70px;
            background:url(../img/logo_kerst.png) no-repeat;
            
        }
        .search{
            width:309px;
            height:33px;
            border:solid 2px #ced9d9;
            float:left;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            margin:21px 0 0 72px;
            overflow:hidden;
            position:relative;
        }
        
            .search-text{
                width:100%;
                float:left;
                height:33px;
                text-indent:10px;
                display:block;
                border:0px;
                font-family: 'Oxygen', sans-serif;
                font-weight:bold;
                font-size:14px;
            }
            
            .search-text:focus, .search-text:active {
                outline: none !important;
            }
        
            .search-btn{
                width:28px;
                height:33px;
                float:right;
                background:url(../img/search-btn1.png) no-repeat;
                border:0px;
                cursor:pointer;
                position:absolute;
                top:0px;
                right:0px;
            }
        
		    
    #content{
        float:left;
        width:100%;
        margin-left:-259px;
        margin-top:23px;
        padding-top:117px;
        position:relative;
    }
    
        #player-box{
            width:300px;
            position:absolute;
            top:117px;
            right:0px;
            min-height:300px;
        }
        
        #box {width: 300px;height: 250px;margin-bottom: 1em;}
        
    
        #items{
            margin-left:259px;
        }
        
        #main-content {
			}
			
            #player-page #items{
                margin-right:320px;
            }
        
            #top-select{
                font-size:22.41px;
                font-weight:bold;
                margin-bottom:15px;
                
            }
            
                #top-select select{
                    font-family: 'Oxygen', sans-serif;
                    color:#242e30;
                    height:33px;
                    font-size:14px;
                    font-weight:bold;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                    border:solid 2px #ced9d9;
                    width:180px;
                    margin-left:10px;
                    padding-left:7px;
                    background:#fff;
                }
            
                .item{
                	position:relative;
                    background:#ffffff;
                    float:left;
                    padding-bottom:10px;
                    width:23%;
                    margin-right:1.4%;
                    min-width:236px;
                    margin-bottom:15px;
                }
                
                    #player-page .item{
                        width:31.2%;
                    }
                
                    .image{
                        position:relative;
                        display:block;
                        height:200px;
                        height:60%;
                        overflow:hidden;}
                    
                        .rating{
                            position:absolute;
                            width:43px;
                            height:58px;
                            padding-left:1px;
                            background:url(../img/rating-bg.png) no-repeat;
                            line-height:48px;
                            text-align:center;
                            color:#fff;
                            font-size:12px;
                            font-weight:bold;
                            top:5px;
                            left:5px;
                        }
                        #rateit {
                        	float:left;
                        	margin-top:5px;
                        	margin-right:10px;
                        }
                        
                        .play{
                            width:39px;
                            height:26px;
                            position:absolute;
                            top:10px;
                            right:10px;
                            background:url(../img/play-overlay.png) no-repeat;
                            display:none;
                        }
                        
                            .image:hover .play{
                                display:block;
                            }
                
                        .item img{
                            width:100%;
                            height:193px;
                        }
                    
                    .text, h2 {
                        padding:0 10px;
                        display:block;
                        font-size:13px;
                        font-weight:bold;
                        color:#242e30;
                        height:39px;
                        margin-top:7px;
                        margin-bottom:7px;
                        margin-left:0px;
                        overflow: hidden;
                    }
                    
                        .text:hover{
                            text-decoration:underline;
                        }
                    
                    .tags{
                    	height:44px;
                        text-align:center;
                        padding-bottom:10px;
						overflow:hidden;}
                    
                        .tags a{
                        	display:inline-block;
                            font-size:11px;
                            background:#f1f8f8;
                            padding:4px 7px;
                            margin-left:3px;
                            margin-bottom:4px;
                            color:#0067c7;
                            -webkit-border-radius: 5px;
                            -moz-border-radius: 5px;
                            border-radius: 5px;
                        }
                        
                            .tags a:hover{
                                text-decoration:underline;
                            }
                        
                    .time{
                        font-size:11px;
                        color:#6f6f6f;
                        font-weight:300;
                        text-align:center;
                    }
      				
      				.favo {
      					z-index:2;
      					position:absolute;
      					right:5px; top:5px;
      					float:left;
      					background:#F00;
      					color:#FFF;
      					padding:5px;
      				}
    
    #menu-wrapper{
        float:right;
        width:259px;
        position:absolute;
        right:0px;
        top:117px;
        bottom:0;
        padding-bottom:50px;
        overflow:hidden;
        background:#242e30;
    }
    
    
        #menu{
            width:400px;
            background:#242e30;
            padding-right:20px;
            height:100%;
            position:relative;
            overflow: auto;
            margin-bottom:10px;
        }
        
            #menu ul{
                list-style:none;
                margin:0px;
                padding:0px;
                font-size:15px;
                font-weight:bold;
                color:#7f8d8d;
                
            }
            
            #menu ul#catmenu {
            	margin-bottom:40px;}
            
                #menu ul li{
                    background:url(../img/menu-line.png) no-repeat bottom left;
                }
            
                    #menu a{
                        line-height:52px;
                        padding-left:18px;
                        height:52px;
                        display:block;
                        margin-left:15px;
                        color:#7f8d8d;
                    }
                    
                        #menu ul li a#account{
                            background:url(../img/ico-account.png) no-repeat top left;
                        }
                        
                        #menu ul li a#settings{
                            background:url(../img/ico-settings.png) no-repeat top left;
                        }
                        
                        #menu ul li a#navigation{
                            background:url(../img/ico-navigation.png) no-repeat top left;
                        }
                        
                        #menu ul li a#cats{
                            background:url(../img/ico-cats.png) no-repeat top left;
                        }
                        
                        #menu ul li ul{
                            background:url(../img/menu-line.png) no-repeat 1px 0;
                            display:none;
                        }
                        
                            ul.menu-second li a{
                                color:#fff!important;
                            }
                            
                                ul.menu-second li a:hover{
                                    color:#c0392b!important;
                                }
                                
                            #account-block{
                                text-align:center;
                                padding-bottom:12px;
                                position:relative;
                                padding-top:10px;
                                width:259px;
                            }
                            
                                #account-block i{
                                    color:#fff;
                                    font-weight:bold;
                                }
                                
                                #avatar{
                                    width:152px;
                                    height:152px;
                                    background:url(../img/avatar.png) no-repeat;
                                    margin:0 auto 10px;
                                }
                                
                                a#logout{
                                    position:absolute;
                                    top:10px;
                                    right:10px;
                                    padding:4px 0 0;
                                    background:url(../img/logout.png) no-repeat top center;
                                    text-align:center;
                                }

#search-mobile{
    clear:both;
    width:100%;
    overflow-y:auto;
    text-align:center;
    display:none;
    position:absolute;
    top:100px;
    padding: 7px 0 7px;
    background:#242e30;
}

        #search-mobile .search{
            background:#fff;
            width:95%;
            float:left;
            margin:0px 2%;
        }
    
    #paging{
        clear:both;
    }
    
    	#loadingWrap {
            text-align:center;
            display:block;
            height:66px;
            width:350px;
            text-align:center;
            color:#FFF;
            font-weight:bold;
            font-size:21.3px;
            background:#03a9f4;
            line-height:66px;
            margin:10px auto;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            position:relative;
    	}
    	#loadingWrap a {
    		display:block;
            padding-left:41px;
    	}
    	#loadingWrap a#loading {
    		display:none;
    	}
    	#loadingWrap span{
    		display:block;
            height:41px;
            width:41px;
            background:url(../img/arrow.png) no-repeat;
            background-size:70%;
            background-position:center center;
            position:absolute;
            top:12px;
            left:20px;}
            #loading span{
                background-image:url(../img/loading.gif);
            	background-size:100%;}
           /*     
            @-webkit-keyframes rotating {
            from{
                -webkit-transform: rotate(0deg);
            }
            to{
                -webkit-transform: rotate(360deg);
            }
            */
        }

        #load-more:hover span {
            -webkit-animation: rotating 1s linear infinite;
        }

	
        #pagination{
            clear:both;
            padding:20px 0;
            margin:0 auto;
            text-align:center;}
            #pagination .paging {
            	margin:0 auto;}
            	
        	#pagination li {
    			display:inline-block;
                height:41px;
                overflow:hidden;}
	            #pagination a {
    				display:block;
	                color:#fff;
	                background:#bfc8c8;
	                text-align:center;
	                line-height:41px;
	                font-size:16px;
	                font-weight:bold;
	                display:block;}
	            #pagination a:hover,
				#pagination li.selected a{
	                background-color:#c0392b;}
    		#pagination li.numbers li {
                width:36px;}
    		#pagination li.numbers li,
			#pagination li.next {
				margin-left:1px;} 
            #pagination li.prev, 
			#pagination li.next {
                width:118px;}
            #pagination li.prev a, 
			#pagination li.next a {
                background:url(../img/next.png) no-repeat;
                background-size:100% 100%;}
            #pagination li.prev a{
                background-image:url(../img/prev.png);}
            #pagination li.prev a:hover,
			#pagination li.next a:hover{
                text-decoration:underline;}
            #pagination li.disabled a {
            	visibility:hidden;}
      	
            	

            
    #menu-button{
        display:block;
        width:82px;
        height:26px;
        background:url(../img/menu-btn.png) no-repeat;
        font-size:14px;
        font-weight:bold;
        color:#242e30;
        text-align:center;
        padding-top:53px;
        float:right;
        background-size:100% 100%;
    }
    
    #search-button{
        display:block;
        width:82px;
        height:26px;
        background:url(../img/btn-search.png) no-repeat;
        font-size:14px;
        font-weight:bold;
        color:#242e30;
        text-align:center;
        padding-top:53px;
        float:right;
        background-size:100% 100%;
        margin-right:3px;
        display:none;
    }

    #menu-wrapper{
        width:0px;
    }
     

    #content{
        margin-left:0px
    }
    
        #items{
            margin-left:0px;
            clear:both;
        }
        
            #top-select{
                margin-left:5px;
            }
        
            .item{
                margin-right:1%;
                margin-left:1%;
            }
            
    #player_page{
        padding-left:4px;
    }
    
    
        #player-meta{
            background:#fff;
            padding:14px;
            overflow-y: auto;
            margin-bottom:20px;}
            #rating{
                font-size:30px;
                color:#c0392b;
                font-weight:bold;
                float:left;}
            
            #favorite{
                float:right;
                line-height:28px;
                color:#707677;
                font-size:12px;
                margin-top:4px;}
                #favorite a{
                    font-size:16px;
                    font-weight:bold;
                    color:#242e30;
                    padding-left:33px;
                    background:url(../img/btn-fav.png) no-repeat top left;
                    margin-left:5px;
                    height:28px;
                    display:inline-block;}
                    #favorite a:hover{
                        text-decoration:underline;}
            #favorite.remove a {
            	color:#F00;
				background-position:left -28px;}
                    
            #player-meta h1{
                font-size:22.41px;
                font-weight:bold;
                clear:both;
                color:#242e30;
                margin-bottom:15px;
            }
            
            #tags{
                text-align:left;
                padding-bottom:10px;
                overflow-y:auto;
            }
            
                #tags a{
                    font-size:11px;
                    background:#f1f8f8;
                    padding:4px 7px;
                    margin-left:4px;
                    color:#0067c7;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                    margin-right:5px;
                    margin-bottom:8px;
                    float:left;
                }
                
                    #tags a:hover{
                        text-decoration:underline;
                    }
                    
            #description{
                font-size:16px;
                font-weight:bold;
                color:#242e30;
                clear:both;
                line-height:20px;
            }
            
        #related-title{
            font-size:22px;
            margin-left:5px;
            margin-bottom:15px;
            font-weight:bold;
        }
    
    
html.loading #loadingWrap {
	color:#bfc8c8;
	background-color:#FFF;}
html.loading #loadingWrap #load-more {
 	display:none;}  
html.loading #loadingWrap a#loading {
 	display:block;}
    
    

    
    
#authForms {
  	margin:0 auto;
	text-align:center;}
.authFormWrap {
	position:relative;
	width:253px;
	display:block;
    margin:0 auto;
	background:#FFF;
	text-align:left;
	vertical-align:top;}
	.authForm {
		width:100%;}
		.authForm .inpWrap,
		.authForm .sbmWrap {
			padding:3px 11px;}
		.authForm .inp {
			width:236px;
            height:33px;
            border:solid 2px #ced9d9;
            margin-bottom:21px;
            padding-left:13px;
            color:#888e8f;
            font-size:14px;
            font-weight:bold;
            font-family:'Oxygen', sans-serif;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;} 
			.authForm .inp:focus {
			  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
            }
		.authForm .sbm {
			min-width:137px;
            height:33px;
            padding:0 10px;            
            border:solid 2px #ced9d9;
            margin-bottom:16px;
            color:#fff;
            font-size:14px;
            font-weight:bold;
            font-family:'Oxygen', sans-serif;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            background:#242e30;
            cursor:pointer;
			-webkit-appearance:none;
        }
		.authForm .sbm:hover {
			color:#FFF;
			background:#5a5a5a;
        }
			
	.authForm .err {
		border-color:#F00;
		background:#ffe9e9;
    }
	.authFormWrap .loader,
	.FormWrap .loader {
		position:absolute;
		left:0; top:0;
		width:100%;
		height:100%;
		display:none;
		opacity:0.5;
		background:url(../img/loading.gif) center center no-repeat #FFF;
    }
    
    .authLink {
    	cursor:pointer;
     }
     
    .authLink span {
    	color:#c0392b;
        font-size:12px;
        text-decoration:underline;
     }   
     
        .authLink span:hover{
            font-weight:bold;
        }  
     
	.authFormWrap#recoverFormWrap, .authFormWrap#registerFormWrap {
    	display:none
     }
    
    
    #login-title{
        font-size:22.33px;
        font-weight:bold;
        color:#242e30;
        line-height:34px;
        padding-left:40px;
        display:inline-block;
        height:34px;
        background:url(../img/login.png) no-repeat bottom left;
        margin-bottom:21px;
        margin-top:63px;
    }
    
    #subscribe-title{
        font-size:22.33px;
        font-weight:bold;
        color:#242e30;
        line-height:34px;
        padding-left:40px;
        display:inline-block;
        height:34px;
        background:url(../img/subscribe.png) no-repeat bottom left;
        margin-bottom:21px;
        margin-top:60px;
    }
    
    
#back-button {
	display:none;
}  
    
    
#main-form{
    max-width:608px;
    height:470px;
    background:#fff;
    border:solid 3px #b6c2c2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display:none;
}

    #account-buttons{
        width:589px;
        height:65px;
        border-bottom:solid 1px #d8d8d8;
        margin:0 auto;
    }
    
        #account-buttons span{
            width:1px;
            height:29px;
            background:#dcdddd;
            display:inline-block;
            margin-top:16px;
        }
    
        .half{
            width:49%;
            display:inline-block;
            height:65px;
            text-align:center;
        }
        
            #account-buttons a{
                font-size:22.33px;
                font-weight:bold;
                color:#b6c2c2;
                line-height:34px;
                padding-left:40px;
                display:inline-block;
                height:34px;
                margin-top:15px
            }
            
                #login-button{
                    background:url(../img/login.png) no-repeat top left;
                }
        
                #subscribe-button{
                    background:url(../img/subscribe.png) no-repeat top left;
                }
                
                #account-buttons a:hover, #account-buttons a.active{
                    color:#242e30;
                    background-position:bottom left;
                }
    
    
   
			
.fpbnr {
	float:left;
	width:48%;
	margin:0 1%;
	display:table;
	overflow:hidden;
	background:#ccc;} 
	.fpbnrInner {
		width:100%;
		height:100%;
		text-align:center;
		display:table-cell;
		vertical-align:middle;}
	
  
#player {
	max-width:921px;}
   
   
   
		
		.item .text, 
		.item h2 {
			padding-top:0;
			margin-top:0;}

    
.banner-desktop {
	width: 300px;
	height: 250px;
	display: block;
	margin:0 auto;
}
.banner-mobile {
	display: none;
	width: 300px;
	height: 250px;
	margin:0 auto;
}
#mobi-bnr-top {
	display: none;
}    

.pl-desktop-box {
	display: block;
}

.pl-mobile-box {
			display: none;
			width: 300px;
			height: 250px;
			margin:0 auto;
			background: #ccc;
		}	
    
@media (max-width:1073px){
		#player-page .item{
		    width:48%;}
		#video1 {
			height:550px;}

}

@media (max-width:1043px){
	    .item{
	        width:32%;
	        margin-right:0.2%;}   
		#video1 {
			height:470px;}
		.fpbnr {	
			width:65.3%;
			margin-right:0.3%;margin-bottom:0px;
			background:#ccc;}
			
		.pl-desktop-box {
			display: none;
			}
		.pl-mobile-box {
			display: table;
		}	
}

@media (max-width:823px){
		#player-page .item{
		    width:100%;
		    margin-left:0px;
		    margin-right:0px;}
		#video1 {
			height:420px;}
}



@media (max-width:768px){
	body{
	    background-size:100px 100px;
	}
	
	#header h1 {
		height:32px;
		font-size:22px;
		line-height:28px;}
	    #player-box{
	        display:none;
	    }
	    
	    #player-page #items{
	        margin-right:0px;
	    }
	    
	    .search.top{
	        display:none;
	    }
	    
	    .item, #player-page .item{
	        width:47%;
	        margin-right:1.5%;
	        margin-left:1.5%;
	    }  
	    
	    #top-select{
	        display:block;
	        width:98%;
	        margin-right:1%;
	        margin-left:1%;
	        float:left;
	    }
	
	        .search{
	            width:100%;
	        }
	    
	    #top-select span{
	        display:none;
	    }
	    
	        #top-select select{
	            width:99%;
	            margin-left:0px;
	            height:37px;
	        }
	    
	        #header{
	        height:100px;
	    }
	    
	            #menu-wrapper{
	                top:100px;
	            }
	    
	        #content{
	            padding-top:90px
	        }
	    
	    #logo{
	        width:186px;
	        height:51px;
	        margin-left:5px;
	    }
	    
	    #menu-button, #search-button{
	        height:29px;
	        width:59px;
	        overflow:hidden;
	        padding-top:39px;
	        display:block;
	    }
 
		#video1 {
			height:400px;}
			
		.fpbnr {
			width:98%;clear:right;
			margin-bottom:15px;
			padding:15px 0;}
}

@media (max-width:680px){
	
    #main-form{
        width:300px;
        height:445px;
    }
    
    
    #account-buttons{
        width:100%;
        height:auto;
        border-bottom:none;
        margin:0 auto 20px;
    }
    
        #account-buttons span{
            display:none;
        }
    
        .half{
            width:100%;
            display:inline-block;
            height:65px;
            text-align:center;
            border-bottom:solid 1px #d8d8d8;
        }
        
            #account-buttons a{
                font-size:22.33px;
                font-weight:bold;
                color:#b6c2c2;
                line-height:34px;
                padding-left:40px;
                display:inline-block;
                height:34px;
                margin-top:15px
            }
            
		#subscribe-title, #login-title{
		    display:none;
		}
		    
		    .authForm .inp {
					width:216px;
		        } 
    
	#video1 {
		height:350px;}
	.fpbnr {
		margin-bottom:15px;
		background:#ccc;}
}

@media (max-width:520px){
    .item, 
	#player-page .item{
        width:98%;
        margin-right:0px;
        margin-left:0px;
        float:none;
        clear:both;
        margin:0 auto 10px;} 
    
    
    #top-select{
        width:99%;
        margin-right:0px;
        margin-left:0px;
        float:none;
        margin:0 auto 10px;
    }
    
    #back-button,
    #back-button span {
    	height:100%;
		background:url(../img/btn-back.png) no-repeat;
		background-size:172px 25px}
    #back-button {
    	z-index:4;
    	position:absolute;
    	left:21px; bottom:4px;
    	height:25px;
    	display:block;
    	padding:0 20px 0 10px;
		background-position:top right;
		line-height:23px;
		color:#FFF;}
	    #back-button span {
	    	position:absolute;
	    	left:-14px; top:0;
	    	width:14px;
			background-position:top left;}
    #back-button:hover {
    	text-decoration:underline;}
    	
    	
    #search-mobile{
        width:100%}
        #load-more{
            height:66px;
            width:265px;}
            #load-more span{
                left:30px;
            }
            /*
            #pagination{
                position:relative;
                height:68px;
                width:98%;
                padding:10px 0 30px 2px;
            }
            
            #pagination a{
                width:15.4%;
                height:32px;
                line-height:32px;
                font-size:11px;
            }
            */
            #pagination li.prev, 
			#pagination li.next{
                width:48%;
                text-align:center;
                position:Absolute;
                top:51px;}
            #pagination li.prev a, 
			#pagination li.next a{
                width:100%;}
            #pagination li.prev{
                left:4px;}
            #pagination li.next{
                right:4px}
            #pagination div.paging {
            	padding-bottom:40px;
            	position:relative;}
               	
                
    #player{
       padding-right:4px; }
    .authFormWrap {
    	width:80%;}
    .fpbnr {margin-top:5px;}	
    	
	#video1 {
		height:300px;}
		
	#header h1 {
    	padding-left:110px;
    	font-size:16px;
    	text-align:left;
		line-height:30px;}
	#header.hideBackBtn h1 {
		padding-left:5px;
	}
	
	.banner-desktop {
		display: none;
	}
	.banner-mobile {
		display: table;
	}
	#mobi-bnr-top {
		display: table;
	}
	
	#logo.kerst{
		margin:0px;
		width:180px;
		margin-top:10px;
	margin-left:15px;
		/*background:url(../img/logo.png) no-repeat;*/
		background-size:180px;
	}
	.item img{
        width:100%;
        height:auto;
     }	
}





.rbtn {
	padding:10px 15px;
    display:inline-block;
    color:#FFF;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    background:#03a9f4;
    margin:10px auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}