* {margin:0px; padding:0px; list-style-type:none;  text-decoration:none; font-family:'cat'; }
@font-face {font-family:'logo'; src:url("../font/logo.ttf");}
@font-face {font-family:'cat'; src:url("../font/cat.ttf");}

 body {
	background:#0d0d0d;
	font-size:12px;
 }

 /* top menu */
 .topmenu menu {
	 font-family:'logo';
	  z-index: +1;
		position:fixed;
	 width:100%;
	 min-width:1100px;
	 background:#232323;
	 overflow:hidden;
	 height:56px;
	 color:#f2f2f2;
 }
 .topmenu ul {
	
	float:left;
	
 }
 
 .topmenu  li{
	 
     padding-top:12px;
	 padding-left:40px;
     float:left;
 }
 .topmenu a {
	 transition:0.5s;
	color:#f2f2f2;
	font-size:25px;
	font-family:'logo';
	float:left;
 }
 
 
 .topmenu a:hover {
	 transition:0.5s;
	color:#e60000;
	font-size:25px;
	font-family:'logo';
 }
 
 .topmenu form {
	 
 padding-left:260px;
 padding-top:12px;
 }
 
 .topmenu input {
	 float:left;
	 width:590px;
	 height:32px;
	 background-position: 560px 6px; 
	 background-image:url("../img/search.png");
	  background-repeat: no-repeat;
	 background-color:#0d0d0d;
	 border:1px solid  #333333;
	 color:#f2f2f2;
	
 }
 
 .topmenu  button {
	 background:#333333;
	 background-position:center;
	 background-repeat: no-repeat;
	 width:60px;
	 float:left;
	 height:28px;

 border:1px solid  #333333;
	 color:#f2f2f2;
 }
 
 .topmenu  button:hover {
	 transition:0.5s;
	 border:1px solid rgba(255,0,0,0.8);
	 background:#333333;
	background-image:url("../img/search1.png");
	 background-position:center;
	 background-repeat: no-repeat;
	 width:60px;
	 float:left;
	 height:2px;
	 color:rgba(255,0,0,0.8);
 }
 
 
 
.topmenu div button:hover {
	transition:0.5s;
	 background:#333333;
	border:2px solid rgba(255,0,0,0.8);
	 background-position:center;
	 background-repeat: no-repeat;
	 width:60px;
	 float:left;
	 height:28px;
     border:1px solid   #595959;
	 color:rgba(255,0,0,0.8);
	 }
	 
.avatar{
	padding-right:100px;
	border-radius:100px;
		margin-top:-7px;
		  background-repeat: no-repeat;
		 float:right;
		 float:right;
		 width:40px;
		 height:40px;    
	 }
	 
	 

	 
	 

	 
	 .upload{ 
	
		 	 transition:0.5s;
		 background-image:url('../img/upload.png');
		  background-repeat: no-repeat;
		 float:right;
		 float:right;
		 width:40px;
		 height:40px;    
	 }
	 
	  .upload img:hover{ 

	
		 background-color:#6a0000;   
		 border-radius:100px;
	 }
	 .notification img:hover{ 

	
		 background-color:#6a0000;   
		 border-radius:100px;
	 }
	 
	 
	 
	 
	 	
	 .notification{
		 	 transition:0.5s;
		 
		  background-repeat: no-repeat;
		 float:right;
		 float:right;
		 width:40px;
		 height:40px;    
	 }
	 
	 
	 
	 
	 

.marcxena{
	margin-top:17px;
	position:fixed;
	overflow:scroll;
	float:left;
	width:20%;
    min-width:260px;
	height:100%;
	background:#1a1a1a;
}

.marcxena ul {
	font-family:'cat'; 
	float:left;
font-size:11px;

}
.marcxena ul ul{

	font-family:'cat'; 
	float:left;
margin-top:-1px;
font-size:11px;
	
	overflow:hidden;
	height:60px;

}
.marcxena ul ul:hover{

   background:#2a2a2a;
	width:100%;

	height:auto;
	
	margin-bottom:10px;
	
	
}


.marcxena ul li {
	-webkit-transition-property: width;
	  transition-property: width;
	width:100%;
	height:35px;	padding-top:15px;
}

.marcxena ul li:hover {
	  transition-property: width;
	transition:0.2s;
	width:260px;
	height:35px;
	background:#333333;

}

.marcxena a {
	color:#f2f2f2;
	padding-left:40px;
	
}





/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}





.tani {
	font-family:'cat';
	overflow:hidden;
	margin-top:75px;
	margin-left:270px;
	float:right;
	max-width:79%;


}






.siaxle  {

	transition:0.5s;
	margin-left:20px;
	border-radius:3px;
	overflow:hidden;
	float:left;

	margin-bottom:40px;
	height:400px;
	width:45%;
	background:#e0e0d1;
}


.siaxle:hover {
	transition:0.5s;
	opacity:1;
	margin-left:20px;
	border-radius:3px;
	overflow:hidden;
	float:left;

	margin-bottom:40px;
	height:400px;
	width:45%;
	background:rgba(255,0,0,0.4);
}





.siaxle h2{
	font-size:12px;
	height:40px;
	padding-top:20px;
}


.siaxle h2:hover{
	 cursor:pointer;
	transition:0.3s;
	color:white;
	font-size:12px;
	height:40px;
	padding-top:20px;
}


.avatar2 {
	margin-top:8px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

.siaxle button{
	color:#f2f2f2;
	border:none;
	border-radius:10px;
	background:#171615;;
	margin:12px;
	width:150px;
	height:40px;
}

.siaxle button:hover{ 
    cursor:pointer;
	transition:0.3s;
	color:#ffffff;
	border:none;
	border-radius:10px;
	background:#171615;
	margin:12px;
	width:150px;
	height:40px;
}

.siaxlissurati {
    position: relative;
    text-align: center;
}
.bottom-left {
	opacity:0.7;
	padding:10px;
	height:50px;
	width:100%;
	background-color:black;
	    color:white;
    position: absolute;
    bottom: 0px;
    left: 0px;
}


.siaxlissurati2 {
    position: relative;
    text-align: left;
}

.bottom-left2 {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:31%;
	opacity:0.5;

	height:100%;
	width:100%;
	background-color:black;
	    color:white;
    position: absolute;
    
}

.siaxle2 {
	transition:1s;
	margin-left:20px;
	border-radius:3px;
	overflow:hidden;
	float:left;

	margin-bottom:60px;
	height:auto;
	width:93%;
	background:#e0e0d1;
}

.siaxle2:hover {

transition:1s;
	margin-left:20px;
	border-radius:3px;
	overflow:hidden;
	float:left;

	margin-bottom:60px;
	height:auto;
	width:93%;
	background:rgba(255,0,0,0.4);
}



.srulisurati img{

	  left:0;
	width:30%;
	height:300px;
}



.siaxle2 h2{
	font-size:12px;
	height:40px;
	padding-top:20px;
}


.siaxle2 h2:hover{
	transition:0.4s;
	color:rgba(255,0,0,0.7);
	font-size:12px;
	height:40px;
	padding-top:20px;
}





.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 18px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 18px;
    font-size: 18px;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 18px}
  .overlay .closebtn {
    font-size: 20px;
    top: 15px;
    right: 18px;
  }
}





.catPages1,  
.catPages2,  
.pagesBlock1,  
.pagesBlock2,  
.pagesBlockuz1,  
.pagesBlockuz2 {padding:35px 0px 0px 0px;border-bottom:1px solid rgba(255,255,255,0.1)}  
span.catPages1,  
span.catPages2,  
span.pagesBlock1,  
span.pagesBlock2,  
span.pagesBlockuz1,  
span.pagesBlockuz2 {  
  display: inline-block;  
}  
.catPages1 a,  
.catPages2 a,  
.pagesBlock1 a,  
.pagesBlock2 a,  
.pagesBlockuz1 a,  
.pagesBlockuz2 a,  
.catPages1 b,  
.catPages2 b,  
.pagesBlock1 b,  
.pagesBlock2 b,  
.pagesBlockuz1 b,  
.pagesBlockuz2 b {  
  font-weight:bold; 
  padding:12px 12px;  
  color:#b7bac7;  
  background:none;  
  font-size:11px; 
  position:relative; 
}  
.catPages1 b,  
.catPages2 b,  
.pagesBlock1 b,  
.pagesBlock2 b,  
.pagesBlockuz1 b,  
.pagesBlockuz2 b {  
  color:#73c3f5;  
}  

.catPages1 b:after,  
.catPages2 b:after,  
.pagesBlock1 b:after,  
.pagesBlock2 b:after,  
.pagesBlockuz1 b:after,  
.pagesBlockuz2 b:after {  
  content:''; 
  width:100%; 
  height:1px; 
  position:absolute; 
  background:#73c3f5; 
  bottom:-1px; 
  left:0px; 
}  

.catPages1 a:hover,  
.catPages2 a:hover,  
.pagesBlock1 a:hover,  
.pagesBlock2 a:hover,  
.pagesBlockuz1 a:hover,  
.pagesBlockuz2 a:hover {  
  color:#73c3f5;  
  background:none; 
} 
.swchItemDots { 
  letter-spacing:1px; 
  color:#828e96; 
  font-size:11px; 
}


.bolo { 
 
    text-align: center;
    color: white;
width:100%;


}


.bottom {
		padding:10px;
	bottom: 10px;
}





/* Style the container with a rounded border, grey background and some padding and margin */
.container {
    border: 2px solid #ccc;
    background-color: #eee;

    padding: 16px;
    margin: 0px 0px 0px 0px;
}

/* Clear floats after containers */
.container::after {
    content: "";
    clear: both;
    display: table;
}

/* Float images inside the container to the left. Add a right margin, and style the image as a circle */
.container img {
    float: left;
    margin-right: 20px;
    border-radius: 50%;
}

/* Increase the font-size of a span element */
.container span {
    font-size: 20px;
    margin-right: 15px;
}

/* Add media queries for responsiveness. This will center both the text and the image inside the container */
@media (max-width: 500px) {
  .container {
    text-align: center;
  }

  .container img {
    margin: auto;
    float: none;
    display: block;
  }
}










.tani_profile {
	font-family:'cat';
	overflow:hidden;
	margin-top:56px;
	margin-left:270px;
	float:right;
	width:81%;


}


.profile_button {
	cursor:pointer;
	margin-left:50px;
	margin-top:10px;
	padding:0px 30px 15px 30px;
	border:none;
}
















.xw-mc ::-webkit-scrollbar  
  {  
  width: 8px;  
  height: 8px;  
  }  
  .xw-mc ::-webkit-scrollbar-track-piece  
  {  
  display:none;  
  }  
  .xw-mc ::-webkit-scrollbar-thumb:vertical  
  {  
  height: 5px;  
  background-color: rgba(0, 0, 0, 0.4);  
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  
  border-radius: 5px;  
  }  
  .xw-mc ::-webkit-scrollbar-thumb:horizontal  
  {  
  width: 5px;  
  background-color: rgba(0, 0, 0, 0.4);  
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  
  border-radius: 5px;  
  }  
  .x-sh, .xw-bl {display:none !important;}  
  .xw-ml, .xw-mr {margin:0 !important;padding:0 !important;background:none !important;}  
  .xw-mc {color:#333; font-weight: normal; float: none; margin: 0; padding: 8px 8px !important; background: #fff !important; border: 1px solid #fff !important;border-radius:4px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}  
  .xw-hdr-text {display: none !important;}  
  .xw-hdr img {display:none;}  
  .xw-tl, .xw-tr, .xw-tc, .xw-hdr, .xw-sps .xw-draggable {height: 0 !important;background: none !important;padding: 0 !important;}  
  .xw-tc {overflow: visible !important;}  
  .xt-close {position: absolute !important;right: -18px;top: -18px;margin: 0 !important;z-index: 10014 !important;width: 36px !important;height: 36px !important; background: url(https://yraaa.ru/_pu/24/30435765.png) no-repeat !important;}  
  .xw-body {border: 0 !important;padding: 0 !important;}  
  .xt-maxi {display:none;}  
  .xt-mini {display:none;}  
  .xt-rest {display:none;}