body {
    margin: 0px;
    padding: 0px;
    color: #333;
    /* font-family: Georgia, "Times New Roman", Times, serif; */
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    line-height: 1.4em;
    background-image: url(/img/superoc/bg.jpg);
    background-color: #72AA2D;
    background-attachment: fixed;
    background-position: top;
    background-repeat: repeat-x;
}

a, a:link, a:visited {
    color: #3e90e0;
    text-decoration: none;
}

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #333; font-weight: normal }
h1 { font-size: 34px; margin: 0 0 30px 0; padding: 5px 0; }
h2 {
    font-size: 26px;
    margin: 0 0 30px 0;
    padding: 0;
    padding-top: 3px;
    text-shadow: -1px -1px 1px #EEE6EC, 2px 2px 1px #A3A3A3;
}

h3 { font-size: 21px; margin: 0 0 25px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

a.more { padding: 0 14px 0 0; color: #1683a3; font-weight: bold; background: url(/img/superoc/more.png) no-repeat right; }
a.more:hover { text-decoration: none; }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { display: inline-block; border: 1px solid #999; padding: 4px; background: none; margin-bottom: 5px }
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }

blockquote { font-style: italic; margin-left: 10px}
cite { font-weight: bold; color:#000 }
cite span { color: #333 }
em { color: #000; }

.testimonial { font-size: 16px; line-height: 30px; }

.tmo_list { margin: 0 0 0 10px; padding: 0; list-style: none }
.tmo_list li { color:#24a7cd; margin:0 0 2px; padding: 3px 0 3px 10px; background: transparent url(/img/superoc/templatemo_list.png)  no-repeat scroll 0 10px }
.tmo_list li a { color: #24a7cd }
.tmo_list li a:hover { color: #24a7cd }

#templatemo_body_wrapper {
    width: 100%;
    /* background: url(/img/superoc/templatemo_body.jpg) top center no-repeat; */
}

#templatemo_wrapper {
	width: 960px;
	padding: 0 30px;
	margin: 0 auto
}

#templatemo_header {
	width: 915px;
	height: 70px;
	padding: 0 30px;
	background: url(/img/superoc/templatemo_header.png) no-repeat top center
}

#site_title a {
	display: block;
	position: relative;
	padding: 20px 0 0 0;
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	text-decoration: none
}
#site_title a span {
	position: absolute;
	display: block;
	left: 200px;
	top: 30px;
	font-size: 12px;
	color: #000;
}

#templatemo_menu {
    width: 960px;
    height: 42px;
    padding: 0 30px;
    background: url(/img/superoc/templatemo_menu_nobf.png) no-repeat;
    background-size: 980px 60px;
    background-position: -10px 0px;
    margin-bottom: -20px;
}

#templatemo_menu ul { margin: 0; padding: 3px 0 0 0; list-style: none }
#templatemo_menu ul li { padding: 0; margin: 0; display: inline }
#templatemo_menu ul li a {
	float: left;
	display: block;
	width: 120px;
	height: 30px;
	padding: 9px 0 0 0;
	margin-right: 1px;
	font-size: 14px;
	color: #333;
	/* text-shadow: 1px 1px 1px #b0da81; */
	text-decoration: none;
	font-weight: bold;
	text-align: center; 
	outline: none;
	
	-webkit-transition-duration: 0.2s;
			-moz-transition-duration: 0.2s;
			-o-transition-duration: 0.2s;
			transition-duration: 0.2s;
}

#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
	color: #fff;
	text-shadow: 1px 1px 1px #222;
	background: url(/img/superoc/templatemo_menu_hover.jpg) no-repeat }	


#templatemo_middle {
	width: 960px;
	height: 320px;
	background: url(/img/superoc/templatemo_middle.jpg) no-repeat top center;
	
    background-position: left -1px;

	
}

#templatemo_middle_content {
	width: 820px;
	height: 210px;
	padding: 20px 70px;
	overflow: hidden
}

#templatemo_middle_content h1 {
	line-height: 40px;
	margin-bottom: 10px;
}

#templatemo_middle_content p {
	font-size: 20px;
	color: #000;
	line-height: 30px;
}

#services {
	clear: both;
	width: 930px;
	height: 70px;
	padding: 0 15px
}

#services a {
	float: left;
	display: block;
	width: 210px;
	height: 60px;
	padding: 10px;
	margin-right: 2px;
	font-size: 28px;
	color: #fff;
	/* text-shadow: 1px 1px 1px #999; */
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#services a span {
	display: block;
	color: #cbdeb6;
	margin-top: 5px;
	font-size: 16px;
	/* text-shadow: none */
}

#services a:hover, #services .current {
	text-decoration: none;
	background: url(/img/superoc/templatemo_service_hover.jpg) no-repeat
}

#templatemo_main_base {
	width: 960px;
	background: url(/img/superoc/tempaltemo_content.png) repeat-y center
}




#templatemo_main {
    width: 860px;
    min-height: 575px;
    max-width: 878px;
    margin: 3em auto 1em;
    padding: 2em;
    box-shadow: 0 0 0 1px silver, 0 -20px 0 -10px #BA811D, 20px 0 0 -10px #87CD39, 0 20px 0 -10px #BA811D, -20px 0 0 -10px #87CD39;
    padding: 50px 50px 25px;
    background-color: rgba(246, 246, 246, 0.65);
    /* background: url(/img/superoc/templatemo_content_top.png) top center no-repeat; */
}
.content_box { clear: both; margin-bottom: 50px }
.col_w270 { float: left; width: 270px; margin-right: 25px; }
.col_w670 { float: left; width: 650px; padding-right: 20px; margin-right: 20px; }
.col_w410 { float: left; width: 420px;  }
.col_w565 { float: left; width: 540px; padding-right: 25px; margin-right: 25px; }
.last_col { margin: 0 }

.hp_news_box { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #CCC }
.hp_news_box .date { color: #0b6d1a; margin-bottom: 0 }

.hp_latest_projects_box { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #CCC }
.last_box { padding: 0; margin: 0; border: none }

.post_section { clear: both; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc;  }
.post_section h1 { margin: 0 0 5px 0; padding: 10px 0 5px 0; line-height: 34px; background: url(/img/superoc/templatemo_header.png) no-repeat bottom left; }
.post_section .post_content { clear: both; margin: 20px 0 0; }
.post_content .right { float: right; width: 300px; }
.post_section p { padding-bottom: 5px; margin-bottom: 8px; }

.service_box {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #fff;
}

.service_box img {
	float: left;
	width: 48px;
	height: 48px;
}

.service_box .right {
	float: right;
	width: 460px;
}

.service_box ol li {
	list-style: decimal-leading-zero;
	margin-bottom: 5px;
}

#contact_form {  padding: 0; width: 390px; }
#contact_form form { margin: 0px; padding: 0px; }

.input_field { 
	color: #333; 
	width: 100%; 
	padding: 5px; 
	margin-bottom: 10px; 
	background: #f6f6f6; 
	/*font-family: Arial, Helvetica, sans-serif; */
	font-family: 'Open Sans',sans-serif; 
	font-size:12px;
	border: 1px solid #76BF28; 
	
	-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
}
.input_field:focus{
		box-shadow:0px 0px 2px #222,inset 0px 0px 3px #76BF28;
		outline:none;
}
label { display: block; margin-right: 10px; font-size: 12px; }

textarea { 
	color: #333; 
	width: 380px;  
	height: 200px; 
	padding: 5px;
	margin-bottom: 10px;	
	background: #f6f6f6; 
	font-family: 'Open Sans',sans-serif; 
	font-size: 10px; 
	border: 1px solid #cfcfcf; 
}
.guidely-controls button{
	margin-right:5px !important;
}
.guidely-controls button:focus{
		
		box-shadow:none; outline:none;
}

 
.submit_btn, .guidely-controls button, #popup_ok, #popup_cancel {
    margin: 10px 0px;
    padding: 5px 14px;
    border: 1px solid #ccc;
    background: #fff;
    border: 1px solid #76BF28;
    font-family: 'Open Sans',sans-serif;
    background: #57913E;
    color: white;
    outline: none;
	
	-webkit-transition-duration: 0.2s;
			-moz-transition-duration: 0.2s;
			-o-transition-duration: 0.2s;
			transition-duration: 0.2s;
}
.submit_btn:hover, .guidely-controls button:hover, #popup_ok:hover, #popup_cancel:hover {
    cursor: pointer;
    background: #73BF1F;
    box-shadow: 0px 0px 5px #222,inset 0px 0px 100px #2872D6;
    box-shadow: 0px 0px 5px #222,inset 0px 0px 100px #35560F;
    border-color: #6BBA11;
    color: #fff;
    text-shadow: 0px 0px 1px #000;
}
.submit_btn.red:hover,#popup_cancel:hover{
	box-shadow:0px 0px 5px #222,inset 0px 0px 100px #ED5F5F;
		border-color:#ED5F5F;
}
		
.submit_btn.sel{
	box-shadow:0px 0px 5px #222,inset 0px 0px 100px #153905;
	border-color:#153905;
		background:#f5f5f5;
		color:#fff;
		text-shadow:0px 0px 1px #000;
}
#templatemo_main_bottom {
    width: 960px;
    height: 10px;
    /* background: url(/img/superoc/templatemo_content_bottom.png) top center no-repeat; */
}

.map img{
	width:270px;
	height: 160px;	
	border: 1px solid #999;
	padding: 5px;
}

#templatemo_footer a{
color:#fff;
}
#templatemo_footer a:hover {
    color: #0C502B;
    cursor: pointer;
    cursor: pointer;
    text-decoration: underline;
    text-shadow: 0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000,0px 0px 1px #000;
    color: #ccc;
}

#templatemo_footer{ text-align:center;}

#templatemo_footer {
    width: 860px;
    padding: 12px 31px;
    color: #fff;
    text-align: center;
    min-height: 183px;
    background: url(/img/superoc/footre.png) bottom center no-repeat;
    background-size: contain;
}


#templatemo_footer a {
	color: #fff
}

#modal_bg, #modal_bg_loader{
		position:fixed;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.6);
		display:none;
		z-index:1000;
}
#modal_win{
		position:fixed;
		z-index:1100;
		top:-80px;
		left:0%;
		width:100%;
		height:50px;
		
		
		background-color:#fff;
		box-shadow: inset 0px 0px 50px #98D259, 0px 0px 5px #222;
		
		border:2px solid #76BF28;
		border-top:none;
}
#modal_close{
		width:24px;
		height:24px;display:none;
		position:absolute;
		border:2px solid #76BF28;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		margin-left:586px;margin-top:-14px;
		box-shadow: inset 0px 0px 50px #98D259;
		background-color:#fff;
		background-image:url(/img/superoc/modal_close.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:40px 40px;
}
#modal_close:hover{
		cursor:pointer;
		box-shadow: inset 0px 0px 50px #FFAE17;
		border-color:#f60;
}
		
#modal_img{
		height:48px;
		margin-top:1px;
		width:48px;
		margin-left:1px;
		float:left;
}
#modal_text{
	margin-left:10px;
		line-height:48px;
}
#glob_loader{
		position:fixed;
		top:50%;
		left:50%;
		z-index:1002;
		width:128px;
		height:32px;
		margin-top:-16px;
		margin-left:-64px;
		
		display:none;
}
		
		.userstat{
			float:right;
			width:200px;
			height:76px;
			margin-right:-40px;
			text-align:right;
		}
		.user_menu{
				float:left;
				width:720px;
				text-align:justify;
				margin-left:-40px;
				
		}
		.umenublock{
				display:inline-block;
				width:72px;
				height:72px;
				border-radius:38px;
				-webkit-border-radius:38px;
				-o-border-radius:38px;
				-moz-border-radius:38px;
				border:2px solid #AACB86;
				
	-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
				text-align:center;
		}
		.umenublock:hover, .umenublock.active{
				cursor:pointer;
		background-color:#D0F4AA;
		box-shadow: 0px 0px 5px #222,inset 0px 0px 30px #76BF28;
		border:2px solid #76BF28;
		}
		.umenublock span, .tit_head span{
				display:none;
				text-align:left;
				line-height:17px;
		}
		.tit_head span{
		font-size:12px !important; }
		.umenublock:hover span, .tit_head:hover span{
				position:absolute;
				text-align:left;
				z-index:5;
				
				display:block;
				padding:5px;
				margin-top:80px;
				margin-left:36px;
				width:auto;
				height:auto;
				box-shadow:0px 0px 5px #222;
		background-color:#AACB86;
		font-weight:bold;
		color:#fff;
		text-shadow:0px 0px 1px #000;
		border:2px solid #76BF28;
		}
		.tit_head:hover span{
				margin-left:0px;
				margin-top:35px;
		}
		.umenublock img{
	    width: 56px;
    height: 56px;
    margin-top: 8px;
				

		}
		img.icon{
				width:16px;
				height:16px;
				vertical-align:middle;
				margin-top:-2px;
		}
		
		.messrow{
			height:40px;width:410px;
			margin-bottom:5px;
			
			background:linear-gradient(to right,#CBF0A2,#f9f9f9) left top;
			background-repeat:no-repeat;
			-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
		}
		.messrow.even{
			
			background:linear-gradient(to right,#eaeaea,#f9f9f9) left top;
			background-repeat:no-repeat;
			
		}
		.m_messrow{
			height:26px;width:100%;
			
			background:linear-gradient(to right,#CBF0A2,#f9f9f9) left top;
			background-repeat:no-repeat;
			-webkit-border-top-left-radius: 13px;
-webkit-border-bottom-left-radius: 13px;
-moz-border-radius-topleft: 13px;
-moz-border-radius-bottomleft: 13px;
border-top-left-radius: 13px;
border-bottom-left-radius: 13px;
		}
		.m_messrow.even{
			
			background:linear-gradient(to right,#eaeaea,#f9f9f9) left top;
			background-repeat:no-repeat;
			
		}
		
		.m_messrow .m_icon{
			float:left;height:18px;width:18px;
			border:2px solid #4B890A;
			border-radius:12px;
			-webkit-border-radius:12px;
			-moz-border-radius:12px;
			-o-border-radius:12px;
			margin-top:2px;text-align:center;
			margin-right:5px;
			margin-left:2px;
		}
		.m_messrow.even .m_icon{
				border-color:#ccc;
		}	
		.m_messrow .m_icon img{
					width:14px;
					height:14px;
					margin-top:2px;
			}
		
		
		.messrow:hover,.messrow.active{
			/*background:linear-gradient(to left,#78C12A,#fff) left top, linear-gradient(to left,#fff,#78C12A) 205px top;*/
			background:linear-gradient(to right,#78C12A,#f9f9f9) left top;
			
			background-repeat:no-repeat;
			
			cursor:pointer;
		}
		.m_icon{
			float:left;height:32px;width:32px;
			border:2px solid #4B890A;
			border-radius:18px;
			-webkit-border-radius:18px;
			-moz-border-radius:18px;
			-o-border-radius:18px;
			margin-top:2px;text-align:center;
			margin-right:5px;
			margin-left:2px;
		}
		.messrow.even .m_icon{
				border-color:#ccc;
		}
		.messrow:hover .m_icon,.messrow.active .m_icon{
				border-color:#4B890A;
		}
				
			.m_icon img{
					width:24px;
					height:24px;
					margin-top:4px;
			}
		
		
		
		.barn_item{
			display:inline-block;width:92px;height:auto;text-align:center;
		}
		.inb_item{
			display:inline-block;width:180px;height:230px;text-align:center;margin-bottom:3px;
			text-align:center;
		}
		.store_item, .barn_item{
			display:inline-block;width:132px;height:auto;text-align:center;
			margin-bottom:3px;
		}
		.inb_item .cltr_hidden{
			
			position:absolute;
			width:180px;
			height:230px;
		background:#f9f9f9;

			box-shadow:0px 0px 3px #222, inset 0px 0px 80px #C9F0A0;
			
		display:none; }
		
		.inb_item:hover .cltr_hidden{
			display:block;
		}
				
		.barn_item:hover, .store_item:hover, .store_item.selected{
			cursor:pointer;
			box-shadow:0px 0px 3px #222, inset 0px 0px 80px #C9F0A0;
			/*background:#C9F0A0;*/
			
			
		}
		/*.barn_item:hover img, .store_item:hover img, .store_item.selected img{*/
		 .store_item.selected img{
		
		-webkit-animation: barnop 1s ease-in-out infinite;
  animation: barnop 1s ease-in-out infinite;
}

		@-webkit-keyframes barnop {
  0% { 	opacity:0.9; }
  10% { 	opacity:0.8; }
  20% { 	opacity:0.7; }
  30% { 	 opacity:0.6; }
  40% { 	 opacity:0.5; }
  50% { 	 opacity:0.4; }
  60% { 	opacity:0.5; }
  70% { 	opacity:0.6; }
  80% { 	 opacity:0.7; }
  90% { 	 opacity:0.8; }
  100% { 	opacity:0.9; }
}
@keyframes barnop {
 /* 0% { 	opacity:0.95; }
  10% { 	opacity:0.9; }
  20% { 	opacity:0.85; }
  30% { 	 opacity:0.8; }
  40% { 	 opacity:0.75; }
  50% { 	 opacity:0.7; }
  60% { 	opacity:0.75; }
  70% { 	opacity:0.8; }
  80% { 	 opacity:0.85; }
  90% { 	 opacity:0.9; }
  100% { 	opacity:0.95; }*/
  0% { 	opacity:0.9; }
  10% { 	opacity:0.8; }
  20% { 	opacity:0.7; }
  30% { 	 opacity:0.6; }
  40% { 	 opacity:0.5; }
  50% { 	 opacity:0.4; }
  60% { 	opacity:0.5; }
  70% { 	opacity:0.6; }
  80% { 	 opacity:0.7; }
  90% { 	 opacity:0.8; }
  100% { 	opacity:0.9; }
}

table.tab{
		border-collapse:collapse;
		border:1px solid #ccc;
}
table.tab th {
    background-color: #72AA2D;
    padding-left: 3px;
    padding: 5px;
    color: whitesmoke;
}
table.tab td{
		border:1px solid #ccc;
		padding:5px;
}

table.tab td.ingr .but{
		display:none;
}

table.tab td.ingr .ing{
		display:block;
}
table.tab.cltr tr:hover td{
		border-color:#78C12A;
}
table.tab.cltr tr.item:hover td.ingr .but{
	display:block;
}
table.tab.cltr tr.item:hover td.ingr .ing{
		display:none;
}

table.tab.cltr tr.item:hover td{
		background-color:#C9F0A0;
		cursor:pointer;
}
.but a.b_l{
		font-weight:bold;
		color:#78C12A;
}
.but a.b_l:hover{
	cursor:pointer;
	text-decoration:none;
	
	color:#1683a3;
}
		
		
img.fade_item{
		position:absolute;
		z-index:999;
		width:19px !important; 
		height:19px !important;
}




#item_window{
		width:600px;
		height:228px;
		position:fixed;
		z-index:1099;
		top:50%;
		left:50%;
		margin-top:-114px;
		margin-left:-300px;
		display:none;
		
		
		background-color:#fff;
		box-shadow: inset 0px 0px 50px #98D259;
		border:2px solid #76BF28;
		
}
#item_window_close{
		width:24px;
		height:24px;
		position:absolute;
		border:2px solid #76BF28;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		margin-left:586px;margin-top:-14px;
		box-shadow: inset 0px 0px 50px #98D259;
		background-color:#fff;
		background-image:url(/img/superoc/modal_close.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:40px 40px;
}

#item_window_close:hover{
		cursor:pointer;
		box-shadow: inset 0px 0px 50px #FFAE17;
		border-color:#f60;
}

#chat_block{
	position:fixed;		
	background-color:#fff;
	box-shadow: inset 0px 0px 50px #98D259;
	border-left:2px solid #76BF28;
	height:100vh;
	width:300px;
	margin-left:10px;
	top:0;
	left:100%;
	padding:5px;
	overflow:hidden;
		box-shadow:0px 0px 5px #222;
	z-index:5;
}
#chat_button{
		position:fixed;
		top:50%;
		left:100%;
		    -webkit-border-top-left-radius: 52px;
    -webkit-border-top-right-radius: 52px;
    -moz-border-radius-topleft: 52px;
    -moz-border-radius-topright: 52px;
    border-top-left-radius: 52px;
    border-top-right-radius: 52px;
	background-color:#fff;
	box-shadow: inset 0px 0px 50px #98D259;
	border:2px solid #76BF28;
	text-align:center;
	    transform: rotate(-90deg);
		 -moz-transform: rotate(-90deg); /* Äëÿ Firefox */
    -ms-transform: rotate(-90deg); /* Äëÿ IE */
    -webkit-transform: rotate(-90deg); /* Äëÿ Safari, Chrome, iOS */
    -o-transform: rotate(-90deg); /* Äëÿ Opera */
		width:100px;
		height:80px;
		margin-left:-50px;
		font-size:20px;
		text-transform:uppercase;
		font-weight:bold;
		margin-top:-60px;
		line-height:12px;
		padding-top:30px;
		vertical-align:middle;
		
	-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
}
#chat_button span{ display:none; }
#chat_button:hover{
		cursor:pointer;
		/*margin-left:-70px;*/
		background:#61B2E9;
		background:#85CB38;
				color:#fff;
margin-left:-80px;
		text-shadow:0px 0px 1px #222;
		box-shadow:0px 0px 5px #222,inset 0px 0px 30px #6BBA11;
		border-color:#6BBA11;
}
		#chat_button:hover span{
				display:inline-block;
		}
		#chat_close{
			width:24px;
		height:24px;
		
		border:2px solid #76BF28;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		
		float:right;
		box-shadow: inset 0px 0px 50px #98D259;
		background-color:#fff;
		background-image:url(/img/superoc/modal_close.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:40px 40px;
}
#chat_close:hover{
		cursor:pointer;
		box-shadow: inset 0px 0px 50px #FFAE17;
		border-color:#f60;
}
input:-webkit-autofill{
		box-shadow:0px 0px 5px #222,inset 0px 0px 100px #2872D6;
		border-color:#2872D6;
		color:#fff !important;
		-webkit-text-fill-color:#fff !important;
		text-shadow:0px 0px 1px #222;
}

#chat_scroll{
		
		/*overflow-x:hidden;*/
		overflow-y:auto;
		
}


.submit_btn:disabled, .submit_btn:disabled:hover{
	background:#ccc;
	border:1px solid #000;
	text-shadow: 0px 0px 1px #000;
	box-shadow:none;
}


	img.birj, .but_birj{
			width:36px;
			height:36px;
			padding:3px;
			box-shadow:0px 0px 5px #222;
			-webkit-border-radius:21px;
			-moz-border-radius:21px;
			o-border-radius:21px;
			border-radius:21px;
			display:inline-block;
			margin-right:3px;
			
			}
		img.birj:hover,img.birj.sel {
				cursor:pointer;
				background-color:#ccc;
				box-shadow:0px 0px 5px #000;
				box-shadow:0px 0px 5px #000, inset 0px 0px 80px #C9F0A0;
				
		}
		img.birj.sel{
				
		-webkit-animation: barnop 1s ease-in-out infinite;
  animation: barnop 1s ease-in-out infinite;
		}
	img.smile{
			width:auto;
			height:18px;
			display:inline-block;
			vertical-align:middle;
	-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
	}
	img.smile.link:hover{
			cursor:pointer;
			opacity:0.4;
	}
	.chat_row img.smile{
	margin-left:4px;margin-right:4px;
	-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;}
	
	#helper{
			position:absolute;
			width:48px;height:48px;
			
	-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-border-radius:26px;
			-moz-border-radius:26px;
			o-border-radius:26px;
			border-radius:26px;
			margin-left:906px;
			margin-top:-24px;
			background-color:#eaeaea;
		background-color:#fff;
		box-shadow: inset 0px 0px 50px #98D259, 0px 0px 5px #222;		
		border:2px solid #76BF28;
		background-image:url(/img/superoc/help.gif);
		background-position:center center;
		background-repeat:no-repeat;
	}
	#helper:hover{
		cursor:pointer;
			background-color:#FEF794;
			border:2px solid #F1AB0A;
		background-color:#D0F4AA;
		box-shadow: inset 0px 0px 50px #FAD644, 0px 0px 5px #C4890A;	
		
	}
			
			


#exchange_window{
		width:203px;
		height:190px;
		position:fixed;
		z-index:1099;
		top:50%;
		left:50%;
		margin-top:-114px;
		margin-left:-95px;
		display:none;
		
		
		background-color:#fff;
		box-shadow: inset 0px 0px 50px #98D259;
		border:2px solid #76BF28;
		
}
#exchange_window_close{
		width:24px;
		height:24px;
		position:absolute;
		border:2px solid #76BF28;
		border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		margin-left:189px;
		margin-top:-14px;
		box-shadow: inset 0px 0px 50px #98D259;
		background-color:#fff;
		background-image:url(/img/superoc/modal_close.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:40px 40px;
}

#exchange_window_close:hover{
		cursor:pointer;
		box-shadow: inset 0px 0px 50px #FFAE17;
		border-color:#f60;
}

.progress_block{
	float:left;
	-webkit-border-top-right-radius: 11px;
-webkit-border-bottom-right-radius: 11px;
-moz-border-radius-topright: 11px;
-moz-border-radius-bottomright: 11px;
border-top-right-radius: 11px;
border-bottom-right-radius: 11px;
width:750px;
border:1px solid red;
height:20px;
border-left:none;
margin-top:14px;
margin-left:45px;
z-index:1;
box-shadow:0px 0px 3px #222;
}
.progress_item{
width:48px;height:48px;background:#c00;border:1px solid #f00;box-shadow:0px 0px 3px #222;border-radius:25px;background-size:48px 48px;background-position:center center; background-repeat:no-repeat;float:left;z-index:2;position:absolute;
}

.logout_l{

padding:1px;
	color:#f00;margin-top:-1px;
	padding-left:18px;
	background-image:url(/img/superoc/exit.png);
	background-size:16px 16px;
	background-repeat:no-repeat;
	height:16px;
	line-height:26px;
	vertical-align:middle;
	background-position:left top;
	-webkit-filter:grayscale(100%);
}
.logout_l:hover{
	-webkit-filter:none;
		cursor:pointer;
}
.level_b{
	position:absolute;
		width:52px;
		height:32px;
		z-index:1;
		margin-left:72px;
		line-height:32px;
		vertical-align:middle;
		text-align:center;
		color:#fff;
		text-shadow:0px 0px 1px #222;
		font-size:28px;
	   margin-top:19px;-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
font-family:"Arial";
cursor:help;
}
.level_b span{
		display:none;
		position:absolute;
		z-index:3;
    line-height: 17px;
		position:absolute;
				text-align:center;
				padding:5px;
				margin-top:10px;
				margin-left:6px;
				width:100px;
				font-size:14px;
				text-shadow:none;
				color:#222;
				height:auto;
		background-color:#fff;
		
				box-shadow:0px 0px 5px #222;
		background-color:#93cb53;
		font-weight:bold;
		color:#fff;
		text-shadow:0px 0px 1px #000;
		border:2px solid #76BF28;
}
.level_b:hover span{
		display:block;
}
		
table.tab.pad th, table.tab.pad td{
		padding:4px;
}
a.chat_link{
		color:#399BDC;
		text-decoration:none;
}
		a.chat_link:hover{
				color:#71C019;
		}
		
		.action_block{
			position:fixed;left:5px;z-index:2000;background-color:#f9f9f9;height:125px;width:300px;border:2px solid #76BF28;box-shadow:0px 0px 5px #222;
		}
		.action_block:hover{
				box-shadow:0px 0px 5px #222, inset 0px 0px 150px #C9F0A0;
				cursor:pointer;
		}
		
		
.ui_icon{
		width:14px;
		height:14px;
		opacity:0.4;
		vertical-align:middle;
		margin-top:-2px;
	-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
}
.ui_icon:hover{
		opacity:1;
		cursor:pointer;
}

ul.help_list{
	width:100%;
	padding:0;
}
ul.help_list li{
		width:240px;
		list-style:none;
		padding:5px;
		font-weight:bold;
		font-size:14px;
		text-align:left;
				border-bottom: 1px dotted #88cd3a;
}
ul.help_list li.sel, ul.help_list li:hover{
		cursor:pointer;
		color:#6bba11;
		
		
}
ul.help_list li:first-child{
		border-top: 1px dotted #88cd3a;
		
}

		
		table.tab{
				font-size:12px !important;
		}
		
		
a.chat_link.prod_list:hover{
	color:00000;
}
.actions_block{
	
	display:none;
	position:fixed;
	top:100%;
	left:0%;
	width:100px;
	height:100px;
	border:2px solid #88cd3a;
	margin-left:-52px;
	margin-top:-52px;
	border-radius:52px;
	-webkit-border-radius:52px;
	-moz-border-radius:52px;
	-o-border-radius:52px;
	background-color:#fff;
	box-shadow: inset 0px 0px 50px #98D259;
	border:2px solid #76BF28;
	/*
	background-image:url(/img/superoc/act_ico.png);
	background-size:30px 30px;
	background-repeat:no-repeat;*/
	
	background-position:55px 15px;
	-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
	
}
.actions_block div{
	position:fixed;
	-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			left:-104px;
			top:100%;
			background:none;
			text-align:center;
			font-weight:bold;
			width:100px;
			height:100px;
			line-height:100px;vertical-align:middle;
				color:#fff;				
		font-size:20px;
		text-transform:uppercase;
		font-weight:bold;
		text-shadow:0px 0px 1px #222;
}
.actions_block:hover{
		margin-left:4px;
		
	width:100px;
	height:100px;
		margin-top:-108px;
		background-image:none;
		background:#85CB38;
				color:#fff;
				cursor:pointer;

		text-shadow:0px 0px 1px #222;
		box-shadow:0px 0px 5px #222,inset 0px 0px 30px #6BBA11;
		border-color:#6BBA11;
}
.actions_block img{
	-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
	width:30px;height:30px;margin-left:55px;margin-top:15px;
}
.actions_block:hover img{
		width:80px;height:80px;margin-left:10px;margin-top:10px;opacity:0.1;
}
.actions_block:hover div{
		left:4px;
		margin-top:-108px;background:none;
}

.ind_b{
    vertical-align: top;
    width: 250px;
    display: inline-block;
    margin: 10px;
    background-color: #fff;
    padding: 5px;
    border: solid 1px;
    height: 486px;
    border-color: #72AA2D;
}
#smiles{
	display:none;position:fixed;top:100%;left:100%;width:250px;height:500px;margin-top:-520px;margin-left:-270px;background:#fff;
		box-shadow:0px 0px 5px #222;
	border:2px solid #76BF28;padding:5px;text-align:justify;line-height:32px;z-index:100;
    height: 415px;
    margin-top: -610px;
    margin-left: -290px;
}
#smilesm{
	display:none;position:absolute;width:250px;height:500px;margin-top:-520px;margin-left:0px;width:438px;background:#fff;
		box-shadow:0px 0px 5px #222;
	border:2px solid #76BF28;padding:5px;text-align:justify;line-height:32px;z-index:100;
    height: 415px;
    margin-top: -610px;
    margin-left: -290px;
	width: 408px;
    background: #fff;
    box-shadow: 0px 0px 5px #222;
    border: 2px solid #76BF28;
    padding: 5px;
    text-align: justify;
    line-height: 32px;
    z-index: 100;
    height: 250px;
    margin-top: -265px;
    margin-left: 5px;
	
	
}


#help_cont img:not(.icon){
width:auto;height:auto;
max-width:540px;
box-shadow:0px 0px 8px #222;
margin-top:10px;margin-bottom:10px;
}
.qu img{

width:auto;height:auto;
max-width:540px;
box-shadow:0px 0px 8px #222;
display:none;
}
.qu{
	width:560px;
	padding:5px;
	height:28px;
	border:1px solid #222;
	overflow:hidden;
	margin-top:10px;
	
}
.qu:hover,.qu.open{
	border:1px solid #6bba11;
	}
	.qu.open img{
	display:block;
	}
.qu h4{
	margin:0;
	padding:0;
	
	line-height:24px;vertical-align:middle;
	}
	.qu:hover h4, .qu.open h4{
	cursor:pointer;
	color:#6bba11;
	}
	.qu p{
		overflow:hidden;
		text-align:justify;
		display:none;
		height:auto;
		margin:0px;
		padding-top:10px;
	
	}
	.help_menu{
		display:inline-block;height:600px;width:250px;padding-top:10px;background:#f9f9f9;box-shadow:0px 0px 3px #222, inset 0px 0px 80px #C9F0A0;
	}
	.help_menu h2{
		text-align:center;text-shadow:0px 0px 1px #222;color:#6bba11;
	}
	
	
.im{
		width:258px;
		display:inline-block;
		text-shadow:0px 0px 2px #222;
		color:#fff;
		font-weight:bold;
		font-size:22px;
		box-shadow:0px 0px 5px #222,inset 0px 0px 150px #85C73E;
		text-align:left;
		padding:3px;
		text-align:center;
		margin:10px;
		background-size:contain;
		height:200px;
		background-position:center center;
		background-repeat:no-repeat;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomright: 8px;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
background-color:#fff;
		
		
	}
	.tab{
	font-size:13px;
	}
	
	
	
a.atab {
    display: inline-block;
    margin-right: 5px;
    color: #F9F9F9;
    border: 1px solid #ccc;
    padding: 5px;
    font-weight: bold;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #588423;
    border-bottom: none;
}
			a.atab:hover, a.atab.sh {
    color: #F9F9F9;
    cursor: pointer;
    text-decoration: none;
    background-color: #BA811D;
    border-color: #BA811D;
}


.paybut{
			width:94px;
			
			background:#eaeaea;
			color:#222;
			font-weight:bold;
			font-size:11px;
		}
		.ps_but{
		display:inline-block;width:94px;border:1px solid #ccc;height:auto;text-align:center;
		}
		.ps_but img{
			margin-top:5px;
			margin-bottom:5px;
			}
			.ps_but:hover, .ps_but.sel{
				cursor:pointer;
				border-color:#78B439;
				box-shadow: inset 0px 0px 80px #C9F0A0;
			}
			.ps_but:hover .paybut, .ps_but.sel .paybut{
				background-color:#78B439;
			}
			.ps_but.disable {
				-webkit-filter:grayscale(100%);
				filter:grayscale(100%);
				o-filter:grayscale(100%);
				-moz-filter:grayscale(100%);
			}
			
table.tab.tr_click tr.cl{ display:none; }
table.tab.tr_click tr:hover td{	background-color:#C3EC9D;color:#487912;
}
table.tab.tr_click tr:not(.hid_tr):hover{
cursor:pointer;

}

table.tab.tr_click tr.hid_tr{display:none;color:#487912; }
table.tab.tr_click tr.hid_tr td{background-color:#C3EC9D }



.free_block{
		width:100px;
		height:100px;
		background-size:96px 96px;
		background-position:center center;
		background-repeat:no-repeat;
		display:inline-block;
		
}
.free_block:hover, .free_block.sel{
	cursor:pointer;
			box-shadow:0px 0px 3px #222;
			background-color:#C9F0A0;
		
}
.free_block.sel{
		
		-webkit-animation: barnop 1s ease-in-out infinite;
  animation: barnop 1s ease-in-out infinite;
}

@font-face {
      font-family: 'fontello';
      src: url('/tpl/font/fontello.eot?82958495');
      src: url('/tpl/font/fontello.eot?82958495#iefix') format('embedded-opentype'),
           url('/tpl/font/fontello.woff?82958495') format('woff'),
           url('/tpl/font/fontello.ttf?82958495') format('truetype'),
           url('/tpl/font/fontello.svg?82958495#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
 .demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
	
	
	
.icon-vk:before { content: '\e800'; } /* '?' */
.icon-ok:before { content: '\e801'; } /* '?' */
.icon-video:before { content: '\e802'; } /* '?' */

#list_chat_link{
		color:#76BF28;
}

#list_chat_link:hover{
		cursor:pointer;
		text-decoration:none;
		/*text-shadow:0px 0px 1px #000;*/
		color:#BA811D;
}

/*############# Àâòîð Superoc l Skype: admin.superoc #############*/
/*############# Àâòîð Superoc l Skype: admin.superoc #############*/
/*############# Àâòîð Superoc l Skype: admin.superoc #############*/
/*############# Àâòîð Superoc l Skype: admin.superoc #############*/
/*############# Àâòîð Superoc l Skype: admin.superoc #############*/
/*############# Àâòîð Superoc l Skype: admin.superoc #############*/
/*############# Àâòîð Superoc l Skype: admin.superoc #############*/
/*############# Àâòîð Superoc l Skype: admin.superoc #############*/
/*############# Àâòîð Superoc l Skype: admin.superoc #############*/