body { 
padding: 0 !important; max-width: 1450px;
background-color: #e2e2e2; margin: auto;
 }
 .body{
 	background-color: #FFFFFF;
 	 box-shadow: 0 0 10px 10px rgba(0,0,0,.05);
 }
div{ font-size:12px; padding: 0px; margin: 0px}

.header{
	padding: 20px;   
	
}
img{
	max-width: 100%; height: auto;
}

.avatar{
	border-radius: 50%;
}

.theborder{
	border: 1px solid #000;
}


a { font-size:12px; color:#1A3DC1; text-decoration:none}
a:hover { color:#FF3300}

.content{
	margin: auto; 
	max-width: 900px;
}

.intab{
padding: 20px;
}


.footer_link{
	text-decoration: none; color: #CC0000;
}
.footer_link:hover{
	text-decoration: underline;
}

.none{
	display: none;
}

 .relat{position: relative; }
 
 
 .items{
	padding: 8px 5px 15px 10px; box-shadow: 0 4px 20px 0 rgba(0,0,0,.4);border-radius:5px;
}
 
 .partner {
    border: 1px solid #ff6c00;
    background-color: #fff2e5;
    padding: 8px;
    font-family: Arial,Helvetica,Verdana,Tahoma,sans-serif;
    border-radius: 3px;
    margin: 0px;
}

.text, .text p {
    font: 15px'Open Sans',Arial,Helvetica,Verdana,sans-serif;
    color: #333;
    clear: both;
    word-break: break-word;
    word-wrap: break-word;
    line-height: 1.6;
}


    .forum2 a{
		
	
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.3;
    font-weight: 700;
    font-size: 20px;
    color: #004d99;
    }
    .name_forum{
		color: #E15400;
		font-weight: 700;
		font-size: 13px;
	}


.uname a {
    color: #E15400;
    text-decoration: none;
    font: 14px/21px 'Open Sans',Arial,Helvetica,Verdana,sans-serif;
    font-weight: bold;
}
.post_bottom{
	position:relative;
	width: 100%;
}

.reply_icon{
	position: absolute; right: 5px;
}
.hand_up {
	position: absolute; left: 5px; top:0px; width: 30px; 
    background-image: url(/img/hand_up.png);
    width: 20px;
    height: 21px;
    color: green;
    cursor: pointer;
}
.hand_down {
	position: absolute; left: 45px; top:0px; width: 30px;
    background-image: url(/img/hand_down.png);
    width: 20px;
    height: 21px;
    color: green;
     cursor: pointer;
}
.hand_up_act {
	position: absolute; left: 5px; top:0px; width: 30px; 
    background-image: url(/img/hand_up.png);
    width: 20px;
    height: 21px;
    color: green;
    cursor: pointer;
    background-position:0 -21px;
}
.hand_down_act {
	position: absolute; left: 45px; top:0px; width: 30px;
    background-image: url(/img/hand_down.png);
    width: 20px;
    height: 21px;
    color: green;
     cursor: pointer;
     background-position:0 -21px;
}
.hand_up:hover {background-position:0 -21px;}
.hand_down:hover{background-position:0 -21px;}

.hand_up span{
	margin-left: 22px;
}

.hand_down span{
	margin-left: 22px;
	color: red;
	
}
.comm_tb{
	display: table; 
	 width:100%;"
}
.comm_tr{
display: table-row; 	
}
.comm_td1{
	display: table-cell; 
	width:65px
}
.comm_td2{
	display: table-cell;
	 vertical-align:top;
}
.comm_td3{
	display: table-cell;
	 vertical-align:top;
	 width:100px
}

/*admin style*/
  .admin_button{
		float:right; 
		font-size:14px;
		 cursor:pointer; 
		 background-color:#fff;
		  width:30px; height:30px;
		   border-radius:50%;
		   position: relative;
	}
	.admin_button:hover{
	 
		 background-color:#E8E8E8;;
		  
	}
	
	.admin_link {
    padding: 0px;
      width: 180px;
    z-index: 3;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);
    top: 33px;
    right: 0px;
}
.admin_link a {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    color: #030303;
    font-size: 13px;
}
.admin_link a:hover {
    background-color: #cee4ff;
}


.red-comm{
		color: red;font-weight: bold;
	}
	.bg-red{
		color:#fff; 
		background-color: #e00;
		 padding:1px 8px;
		  margin-top:3px ;
		  border-radius: 3px;
	}
	.icon_comm {
     
    white-space: nowrap; 
	}
	.icon_comm:before {
    content: '';
    background-image: url('/img/comm_icons.png'); /* подставьте сюда адрес своего спрайта */
    background-repeat: no-repeat;
    background-position: 0px 0px; /* здесь нужно указать координаты иконки по умолчанию */
     margin: 0px 0px 0px 0px;
    left: 0;
    top: 6px; /* это свойство смещает иконку вниз относительно базовой линии текста */
    position: relative;
    width: 16px;
    height: 16px;
    display: inline;
    display: inline-block;
}

.icon_view:before {
    content: '';
    background-image: url('/img/views_icons.png');
    background-repeat: no-repeat;
    background-position: 0px 0px; 
     margin: 0px 3px 0px 0px;
    left: 0;
    top: 6px; 
    position: relative;
    width: 16px;
    height: 16px;
    display: inline;
    display: inline-block;
}
.icon_view2:before {
    content: '';
    background-image: url('/img/views_icons_white.png');
    background-repeat: no-repeat;
    background-position: 0px 0px; 
     margin: 0px 0px 0px 0px;
    left: 0;
    top: 6px; 
    position: relative;
    width: 16px;
    height: 16px;
    display: inline;
    display: inline-block;
    stroke:#ccc;
}





.icon_like:before {
    content: '';
    background-image: url('/img/like.png');
    background-repeat: no-repeat;
    background-position: 0px 0px; 
    margin: 0px 0px 0px 8px;
    left: 0;
    top: 6px; 
    position: relative;
    width: 16px;
    height: 16px;
    display: inline;
    display: inline-block;
}



.icon_admin {
     
    white-space: nowrap; 
	}
	.icon_admin:before {
    content: '';
    background-image: url('/img/more_3.png'); /* подставьте сюда адрес своего спрайта */
    background-repeat: no-repeat;
    background-position: 0px 0px; /* здесь нужно указать координаты иконки по умолчанию */
     margin: 0;
    left: 0;
    top: 3px; /* это свойство смещает иконку вниз относительно базовой линии текста */
    position: relative;
    width: 16px;
    height: 16px;
    display: inline;
    display: inline-block;
}



.author {
    font-size: 11px;
    color: #000000;
}

.a_name{
	color: #E15400;
	font-weight: bold;
}

.alert_item{
	background-color: #e0ffc8; 
	padding: 20px;
	box-shadow: 0 4px 22px 0 rgba(0,0,0,.6);
	border-radius: 6px;
	max-width: 320px;
	border: 1px solid #e1e1e1;
	z-index: 10000;
}








 /*
Back to top button 
*/
#back-top { display: none;
	position: fixed;
	height: auto;
}
#back-top a {
	
	display: block;
	text-align: center;
	font: 12px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

}
#back-top a:hover {
		color: #333;

}


#back-top span {
	width: 51px;
	height: 51px;
	display: block;
	margin-top: 10px;
	background: url(/img/scrolling-button-up.png) no-repeat center center;
	background-color: rgba(0,0,0,0.4);
	border-radius: 2px;
	
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: .5s;
	cursor: pointer;
	background-position: center;
    background-repeat: no-repeat;
    background-size: 17px 23px;
}
#back-top span:hover {
	background-color: rgba(0,0,0,0.7);
}

.count_comm{
	color: #CD150D;
    font-size: 11px;
    font-weight: bold;
}

.view{font-size:11px; color:#9db3c4}
.new{color:#FFFFFF; padding:0px 3px; background-color:rgba(198,10,0,0.9);font-size:9px}
.new2{color:#FFFFFF; padding:0px 3px; background-color:#ff0605;font-size:9px}

 .navbar{
 	padding: 5px;
 } 
 
 

 
 
 
 
 
 
 		
.menu-top {
	
    position: relative;   
   
    background: #fff;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0 50px 10px rgba(0,0,0,.07);
    }
    
 .topmenu__list{
 	list-style: none;
 	margin: 0 auto;
    padding: 0 10px;
 }   
  .topmenu__item {
  	display: inline-block;
    vertical-align: top;
  }
  .topmenu__link{
font-family: Arial, Helvetica, sans-serif,Verdana;
  	display: block;
    padding: 10px 15px 10px;
    text-decoration: none;
    color: #000;
    font-size: 13px;
  }
   .topmenu__link:hover{
  	color:red;
  	 text-decoration: none !important;
  	
  }
  
  .active .topmenu__link{
  	color: red;
  }
  
 .dropdown-menu{
 	 box-shadow: 0 4px 32px 0 rgba(0,0,0,.25);
}
  a.dropdown-item{
	cursor: pointer;
    color: #000;
    text-decoration: none;
	font-size: 15px;
	padding: 2px 10px
}
a.dropdown-item:hover{
	
 background-color:#ffe8a1; 
 color:#000;
    
   
}
  
  
  .forum{
	cursor: pointer;
	background-repeat: no-repeat;
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTggMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjEgKDQzNTA0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5SZWN0YW5nbGUgNDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJXaW5kb3dzLWNoYXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzA0LjAwMDAwMCwgLTQ0MS4wMDAwMDApIiBmaWxsPSIjMkQyRjMzIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24vMjR4MjQvQ2hhdC9Ob3JtYWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3MDAuMDAwMDAwLCA0MzguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMsMyBDMTguMTkxNDY3MywzIDIyLDYuNDYyNDAyMzQgMjIsMTAuNSBDMjIsMTQuNTM3NTk3NyAxNy45NTIyNzA1LDE4IDEzLDE4IEwxMi4wODc0OTM5LDE4IEMxMC4xOTEyNTM3LDE5LjIzMDY1MTkgOC40MTcxNzUyOSwxOS43ODM1Mzg4IDcuNTk4ODQ2NDQsMTkuOTk5NTcyOCBDNy40MTE3NTg0MiwyMC4wMjg3NzgxIDcuMDAzNTcwNTYsMTkuOTE3Mzg4OSA3LjAxMTE2OTQzLDE5LjQ3NzA1MDggQzcuMDQxMzIwOCwxOS4yNTI3NDY2IDcuMTAyNzUyNjksMTkuMjIzNTEwNyA3LjE4ODg0MDgyLDE5LjA4MjkxOTIgQzcuMzY4ODIyNzMsMTguNzQyODAxNCA3LjYyNTg3NjEsMTguMjg5OTM1NyA3LjY3OTI2MDI1LDE4IEM3Ljc2MTI2MDk5LDE3LjYxODg5NjUgNy44NzUyNDQxNCwxNy4yNDI5MTk5IDcuNzIwNzAzMTMsMTYuNTg1MzU3NyBDNy42MzQxMjQ3NiwxNi40NTczMDU5IDMuOTUwNzc4MzUsMTQuNTMyODYxNyAzLjk5ODI5MTAyLDEwLjUgQzQuMDQ1ODAzNjgsNi40NjcxMzgzMyA3LjgwODUzMjcxLDMgMTMsMyBaIE0xMyw0IEM4LjQ2Mzg2NzE5LDMuOTg3MTgyNjIgNC45OTIwNjU0Myw3LjA4NDY1NTc2IDUsMTAuNSBDNS4wNzA0NzUyNiwxMi44MDIxNjQ3IDYuMjc0MzEyMzQsMTQuNjA4NTIwNSA4LjYxMTUxMTIzLDE1LjkxOTA2NzQgQzguODc5OTIzNSwxNi45NjUxMDgyIDguODQ3NzM3NjMsMTcuODc1MDgxNCA4LjUxNDk1MzYxLDE4LjY0ODk4NjggQzkuNDc3NjIwNDQsMTguMzU0MjQ4IDEwLjU5ODkzOCwxNy43ODM1Mjg2IDExLjg3ODkwNjMsMTYuOTM2ODI4NiBMMTIuOTgzMDMyMiwxNy4wMDc2OTA0IEMxNi44NTk5ODU0LDE3LjAwNzY5MDQgMjEsMTQuNTQ3NzI5NSAyMSwxMC41IEMyMSw2LjQ1MjI3MDUxIDE2LjgwNzg2MTMsMy45OTc5MjQ4IDEzLDQgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
	width: 18px; height:18px;
	 background-size:18px 18px;
	 position: absolute; top:15px; left:40px;
}

.forum:hover{
	cursor: pointer;
	background-repeat: no-repeat;
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTggMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ0LjEgKDQxNDU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSWNvbi8yNHgyNC9DaGF0L0hvdmVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgLTMuMDAwMDAwKSIgZmlsbD0iIzJEMkYzMyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik04LjE1MDg1OTMsMTcuOTY3MDU1NiBDOC40MzAzODg2NywxNy45ODg4NTQ1IDguNzEzNjMyNDMsMTggOSwxOCBDMTMuOTcwNTYyNywxOCAxOCwxNC42NDIxMzU2IDE4LDEwLjUgQzE4LDYuMzU3ODY0MzggMTMuOTcwNTYyNywzIDksMyBDNC4wMjk0MzcyNSwzIDAsNi4zNTc4NjQzOCAwLDEwLjUgQzAsMTMuMDAzNjAxOSAxLjQ3MjA2MjczLDE1LjIyMDY4ODMgMy43MzQyNTE1OCwxNi41ODI5Nzg1IEMzLjkyNzM4MzgxLDE3LjQwODIxMTEgMy43MTQ4MzEwMywxOC4yODc5MDcxIDMuMDk2NTkzMjUsMTkuMjIyMDY2NyBDMy4wMTc0OTU3NywxOS4zNDE1ODMzIDIuOTkzNDg4MTgsMTkuNDg5Mjk2MiAzLjAzMDY2NDQ5LDE5LjYyNzcxMDYgQzMuMTAyMjk0MDgsMTkuODk0NDAxMSAzLjM3NjU1NjY5LDIwLjA1MjUyOTIgMy42NDMyNDcxNywxOS45ODA4OTk2IEwzLjY0MzI0NzE3LDE5Ljk4MDg5OTYgQzUuMjUyNjY1NjksMTkuNTQ4NjMwOCA2Ljc1NTIwMzA2LDE4Ljg3NzM0OTQgOC4xNTA4NTkzLDE3Ljk2NzA1NTYgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
	width: 18px; height:18px;
	 background-size:18px 18px;
}
.bells{
	cursor: pointer;
	background-repeat: no-repeat;
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTUgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ0LjEgKDQxNDU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTI1IiB4PSItNSIgeT0iLTMiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgIDxwYXRoIGQ9Ik02LjUsMTguNSBDNy42MDQ1Njk1LDE4LjUgOC41LDE3LjYwNDU2OTUgOC41LDE2LjUgQzguNSwxNS4zOTU0MzA1IDcuNjA0NTY5NSwxNC41IDYuNSwxNC41IEw2LjUsMTguNSBaIiBpZD0iT3ZhbC04IiBzdHJva2U9IiMyRDJGMzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuNTAwMDAwLCAxNi41MDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNy41MDAwMDAsIC0xNi41MDAwMDApICI+PC9wYXRoPgogICAgICAgIDxwYXRoIGQ9Ik02LjUsMS41IEw2LjUsMi41MDg4NDUzOCBMNi4wOTk1NDQ1MywyLjU5MDIwMDI5IEM0LjAxOTExNzcsMy4wMTI4NTEzOSAyLjUsNC44NTA2NzQ0MyAyLjUsNy4wMDAwNTY3IEwyLjUsOS4wMDI2MDgzIEMyLjUsMTAuMTg3NjkxNCAyLjA1Mjg5NjU0LDExLjk1NDM1ODEgMS40ODgwNTI3MSwxMy4wMDAzODQxIEwwLjY5MTkwNTEwNSwxNC40NzQ3NTgyIEMwLjM0MzcxOTUwNSwxNS4xMTk1NTggMC41NzI1MTI0NjQsMTUuNSAxLjMwNTc4NTgzLDE1LjUgTDMuNDk1Njk4MjcsMTUuNSBMMTMuNjkzODIwNywxNS41IEMxNC40MjYzMzIyLDE1LjUgMTQuNjU0Nzc1NywxNS4xMTY3NzEzIDE0LjMwODA5NDksMTQuNDc0NzU4MiBMMTMuNTExOTQ3MywxMy4wMDAzODQxIEMxMi45NDM5OTA2LDExLjk0ODU5MzUgMTIuNSwxMC4xOTE4MTUzIDEyLjUsOS4wMDI2MDgzIEwxMi41LDcuMDAwMDU2NyBDMTIuNSw0Ljg1NjM3NTk0IDEwLjk3ODU3ODUsMy4wMTQxOTQ4MiA4LjkwMDEyNzYsMi41OTA0OTY3IEw4LjUsMi41MDg5Mjk1NSBMOC41LDEuNSBDOC41LDAuOTQ0MjMyODc5IDguMDU0NTgyNDYsMC41IDcuNSwwLjUgQzYuOTQ0MjMyODgsMC41IDYuNSwwLjk0NTQxNzUzOCA2LjUsMS41IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgc3Ryb2tlPSIjMkQyRjMzIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
	width: 18px; height:18px;
	 background-size:18px 18px;
	 position: absolute; top:15px; left:0px;
}
.bells:hover{
	cursor: pointer;
	background-repeat: no-repeat;
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTUgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ0LjEgKDQxNDU1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSWNvbi8yNHgyNC9Ob3RpZmljYXRpb24vSG92ZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjAwMDAwMCwgLTMuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSIyNC8yNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4wMDAwMDAsIDMuMDAwMDAwKSI+PC9nPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTI1IiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTExLDIyIEwxMS41LDIyIEMxMi44ODA3MTE5LDIyIDE0LDIwLjg4MDcxMTkgMTQsMTkuNSBDMTQsMTguMTE5Mjg4MSAxMi44ODA3MTE5LDE3IDExLjUsMTcgTDExLDE3IiBpZD0iT3ZhbC04IiBmaWxsPSIjMkQyRjMzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi41MDAwMDAsIDE5LjUwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi41MDAwMDAsIC0xOS41MDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMTEsNS4xMDAyMDk1OSBDOC43MTc4MjM4MSw1LjU2Mzg0NzI3IDcsNy41ODE0MDI0OSA3LDEwLjAwMDA1NjcgTDcsMTIuMDAyNjA4MyBDNywxMy4xMDQxNDIyIDYuNTczODE5MDYsMTQuNzg5MjM4MiA2LjA0ODA5ODIyLDE1Ljc2MjgxMyBMNS4yNTE5NTA2MSwxNy4yMzcxODcgQzQuNzIxOTE2MiwxOC4yMTg3NSA1LjE5ODA0Nzg3LDE5IDYuMzA1Nzg1ODMsMTkgTDguNDk1Njk4MjcsMTkgQzEwLjY5OTg1ODIsMTkgMTQuMjkxOTc0NCwxOSAxNi41MDM0Nzg3LDE5IEwxOC42OTM4MjA3LDE5IEMxOS44MDY3MTU0LDE5IDIwLjI3Mzc3MDIsMTguMjEwNzYxOCAxOS43NDgwNDk0LDE3LjIzNzE4NyBMMTguOTUxOTAxOCwxNS43NjI4MTMgQzE4LjQyMTg2NzQsMTQuNzgxMjUgMTgsMTMuMTA1NzM3MyAxOCwxMi4wMDI2MDgzIEwxOCwxMC4wMDAwNTY3IEMxOCw3LjU4OTQ5NDQ4IDE2LjI4MjMwMzksNS41NjU4MjY4NSAxNCw1LjEwMDU3MjcyIEwxNCw0LjUgQzE0LDMuNjY1Nzk3MjMgMTMuMzI4NDI3MSwzIDEyLjUsMyBDMTEuNjY1Nzk3MiwzIDExLDMuNjcxNTcyODggMTEsNC41IEwxMSw1LjEwMDIwOTU5IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzJEMkYzMyI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
	width: 18px; height:18px;
	 background-size:18px 18px;
}
 
 
 .profile__dropdown {
    border-radius: 2px;
    padding: 16px;
    font-size: 13px;
    line-height: 1.385;
    background-color: #fff;
    color: #333;
    box-shadow: 0 4px 32px 0 rgba(0,0,0,.35);
    top: 18px;
    right: 15px;
    margin-top: 29px;
    position: absolute;
    box-sizing: border-box;
    text-align: left;
    text-shadow: none;
    white-space: normal;
    z-index: 2000;
    width: 372px;
    margin-right: -20px;
   font-family: 'Open Sans',Arial,Helvetica,Verdana,sans-serif;
   display: none;
}


 .profile__dropdown:before { /* треугольник*/
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    right: 90px;
    bottom: 100%;
    margin-bottom: -7px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
} 
  
  
.profile__counter {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 24px;
    max-width: 34px;
    height: 24px;
    padding: 4px;
    background-color: #ff0605;
    background-clip: padding-box;
    border: 3px solid #fff;
    border-radius: 100px;
    top: -13px;
    left: 6px;
    position: absolute;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
       cursor: pointer;
} 
 
 .bell_header {
    margin-left: -18px;
    margin-right: -18px;
    height: 1px;
    border-bottom: 1px solid rgba(0,0,0,.07);
}

#alert_close{
	cursor: pointer; padding: 5px 10px
}

  
  .bottline{
  	background-image: url(/img/copy.gif);
    background-repeat: repeat-x;
    font-size: 11px; padding: 30px 20px 50px 20px;
    
  }

.true{ padding:10px;
 border:1px solid #009900;
 background-color:#e9ffe7; 
 margin:5px;
 box-shadow: 0 4px 20px 0 rgba(0,0,0,.3);
 border-radius: 3px; 
 }
.error{padding:10px; border:1px solid #DD3C10;
 background-color:#FFEBE8;
  margin:5px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,.3);
  border-radius: 3px;

}
 .items{
	padding: 8px 5px 15px 10px; box-shadow: 0 4px 13px 0 rgba(0,0,0,.4);border-radius:5px;
}


a.reply{
color:#339900; font-size:11px; background-image:url(/img/commentt.png); background-repeat: no-repeat;background-position:0px 1px; padding: 0px 0px 0px 16px
}


.uname-top{
	margin-top:3px;
}
.no-username{
	color: #2671BE;
    text-decoration: none;
    font: 14px/21px 'Open Sans',Arial,Helvetica,Verdana,sans-serif;
    font-weight: bold;
}

.bell_name{
	color: #E15400;
    text-decoration: none;
    font-size: 14px/21px
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-weight: bold;
}
.view_all{
	color: #000;
	text-decoration: none;
	font-size: 14px;
	 font-weight: bold;
}
#alert_close{
	font-size: 18px;
	color:#999;
}
#alert_close:hover{
		color:#333;
}

/*-----------------------------------------*/
@media (max-width: 575.98px) {
	
	.pravila{
	text-align: left;
	}
	
	#back-top { display: none;
	position: fixed;
	bottom: 5px;
	right: 5px;
		}	
}


@media (min-width: 576px) and (max-width: 767.98px) {
.pravila{
	text-align: left;
	}
	#back-top { display: none;
	position: fixed;
	bottom: 5px;
	right: 5px;
		}		
}


@media (min-width: 768px) and (max-width: 991.98px) {
.pravila{
	text-align: right;
	}
	
	#back-top { display: none;
	position: fixed;
	bottom: 10px;
	left: 10px;
		}			
}


@media (min-width: 992px) and (max-width: 1199.98px) { 
 .pravila{
	text-align: right;
	}
	#back-top { display: none;
	position: fixed;
	bottom: 20px;
	left: 20px;
		}	
 
 }


@media (min-width: 1200px) { 
.pravila{
	text-align: right;
	}
	
	#back-top { display: none;
	position: fixed;
	bottom: 20px;
	left: 20px;
		}	

 }
 
 /*-------------------------------------*/