/* 
Верстка и дизайн nDiviD
*/
header, nav, section, article, aside, footer {display:block}
*{margin: 0; padding: 0;}
html, body, p, ul, ol, li, h1, h2, h3, h4, h5, h6, img, hr, form {
	margin: 0px;
	padding: 0px;
	border: none;
	list-style: none;
}    
   html, body {
    font:14px/14px Arial;
    color:#323536;                                                                                          
  text-align:center;
  }
  body {
  position:relative;
  z-index:-3;
  } 
html {
       background:#f6f6f6 url(/images/dust.png) repeat 0 0 scroll;
 }

.clear{clear:both;}
.clearfix:after {
	content		: ".";
	visibility	: hidden;
	display		: block;
	height		: 0;
	clear		: both;
}
@font-face {
 font-family: DroidSans;
 font-weight: normal; 
 src: url(/css/DroidSans.ttf); 
}
@font-face {
 font-family: DroidSans;
 font-weight: bold; 
 src: url(/css/DroidSans-Bold.ttf); 
}
h1{
font:150% Georgia;
color:#19486a;
font-weight: normal;
-webkit-transition:color 0.2s ease-in-out;
-moz-transition:color .2s ease-in-out;
-ms-transition:color .2s ease-in-out;
-o-transition:color .2s ease-in-out;
transition:color .2s ease-in-out;
}
h2{
font-size:135%;
color:#323536; 
font-weight: normal;      
line
}
h3{
font-size:110%;
color:#323536;
font-weight: normal;
}
a:link,a:visited {
	color:#31a19f;
text-decoration:none;
-webkit-transition:color 0.2s ease-in-out;
-moz-transition:color .2s ease-in-out;
-ms-transition:color .2s ease-in-out;
-o-transition:color .2s ease-in-out;
transition:color .2s ease-in-out;
}
a:hover,a:active {
	color:#176462;
	text-decoration:underline;
}

div[id^=uCatsMenu], #sFltLst{
top:auto !important;
left:auto !important;
background: #8fc0bf;
background: -moz-linear-gradient(top,  #8fc0bf 0%, #639796 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc0bf), color-stop(100%,#639796));
background: -webkit-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background: -o-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background: -ms-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background: linear-gradient(to bottom,  #8fc0bf 0%,#639796 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc0bf', endColorstr='#639796',GradientType=0 );
border:0px;
}
#sFltLst div {background:none!important; border:0px!important;}
#sFltLst .xw-mc {height:auto!important; max-height:250px;}
div[id^=uCatsMenu]:not(.u-combolist){
margin-left:5px;
width:260px!important;
padding:5px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
-ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
-o-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);  
}
.float-left{float:left;}
.float-right{float:right;}
.center{margin:0 auto;}
input[type="text"], input[type="password"] {height:30px;}
input[type="text"], input[type="password"], textarea{
float:left;
width:140px;
height:24px;        
padding:6px;
margin:5px;
background:#fff; 
 -webkit-box-shadow: 0 0 0px 1px rgba(23, 100, 100, 0.2);
-moz-box-shadow: 0 0 0px 1px rgba(23, 100, 100, 0.2);
-ms-box-shadow: 0 0 0px 1px rgba(23, 100, 100, 0.2);
-o-box-shadow: 0 0 0px 1px rgba(23, 100, 100, 0.2);
box-shadow: 0 0 0px 1px rgba(23, 100, 100, 0.2);
border:3px solid rgba(255,255,255,0.2);
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
  -webkit-transition: all.3s ease;
  -moz-transition: all.3s ease;
  -ms-transition: all.3s ease;
  -o-transition: all.3s ease; 
  transition: all.3s ease;        
  max-width:90%;
}
textarea{    
height: 150px;
width: 90%;
margin:15px 5px;
clear:both;
}
input[type="text"]:focus, input[type="password"]:focus{
 -webkit-box-shadow: 0 0 2px 2px rgba(35, 165, 165, 0.2);
-moz-box-shadow: 0 0 2px 2px rgba(35, 165, 165, 0.2);
-ms-box-shadow: 0 0 2px 2px rgba(35, 165, 165, 0.2);
-o-box-shadow: 0 0 2px 2px rgba(35, 165, 165, 0.2);
box-shadow: 0 0 2px 2px rgba(35, 165, 165, 0.2);
}

.uButton_d, div[id^='pagesBlock'] .swchItemA{  
padding:10px;
display:inline-block;
border:0px;
margin:5px;
text-decoration: none!important;
  font-family:DroidSans, Arial!important;
  font-size: 14px; 
  text-transform: uppercase; 
  font-weight: bold!important;
  color: #fff!important;
  text-shadow:-1px -1px 1px rgba(0,0,0,0.23);
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
cursor:pointer;
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
-ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
-o-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);          
background: url(/images/pattern_litle_bg.png) 0 0 repeat, #46b6b4;
background: url(/images/pattern_litle_bg.png) 0 0 repeat, -moz-linear-gradient(top,  #46b6b4 0%, #1c8c8a 100%);
background: url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46b6b4), color-stop(100%,#1c8c8a));
background: url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-linear-gradient(top,  #46b6b4 0%,#1c8c8a 100%);
background: url(/images/pattern_litle_bg.png) 0 0 repeat, -o-linear-gradient(top,  #46b6b4 0%,#1c8c8a 100%);
background: url(/images/pattern_litle_bg.png) 0 0 repeat, -ms-linear-gradient(top,  #46b6b4 0%,#1c8c8a 100%);
background: url(/images/pattern_litle_bg.png) 0 0 repeat, linear-gradient(to bottom,  #46b6b4 0%,#1c8c8a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46b6b4', endColorstr='#1c8c8a',GradientType=0 );

}  
input[type="submit"], input[type="button"], input[type="reset"], .uButton, div[id^='pagesBlock'] .swchItem {    
padding:10px;
display:inline-block;
border:0px;
margin:5px;
text-decoration: none!important;
  font-family:DroidSans, Arial!important;
  font-size: 14px; 
  text-transform: uppercase; 
  font-weight: bold!important;
  color: #fff!important;
  text-shadow:-1px -1px 1px rgba(0,0,0,0.23);
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
cursor:pointer;
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
-ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
-o-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);          
background:url(/images/pattern_litle_bg.png) 0 0 repeat, #8fc0bf;
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -moz-linear-gradient(top,  #8fc0bf 0%, #639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc0bf), color-stop(100%,#639796));
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -o-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -ms-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, linear-gradient(to bottom,  #8fc0bf 0%,#639796 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc0bf', endColorstr='#639796',GradientType=0 );
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .uButton:hover, .uButton_d:hover, [id^='pagesBlock'] [class^='swchItem']:hover, .entry-main-button a:hover {
opacity:0.9;	
}
input[type=bytton]:active, input[type="submit"]:active, input[type="reset"]:active, .uButton:active,  .uButton_d:active, [id^='pagesBlock'] [class^='swchItem']:active, .entry-main-button a:active {
	position:relative;
	top:1px;
}

.f_bg, #carousel.cr-h li, #carousel.entry_carousel li, #content.compact-type article{
background:url(/images/pattern_bg.png) 0 0 repeat, #8fc0bf;
background:url(/images/pattern_bg.png) 0 0 repeat, -moz-linear-gradient(top,  #8fc0bf 0%, #639796 100%);
background:url(/images/pattern_bg.png) 0 0 repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc0bf), color-stop(100%,#639796));
background:url(/images/pattern_bg.png) 0 0 repeat, -webkit-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_bg.png) 0 0 repeat, -o-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_bg.png) 0 0 repeat, -ms-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_bg.png) 0 0 repeat, linear-gradient(to bottom,  #8fc0bf 0%,#639796 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc0bf', endColorstr='#639796',GradientType=0 );
}
.f2_bg, nav.another ul{
background:url(/images/pattern_litle_bg.png) 0 0 repeat, #8fc0bf;
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -moz-linear-gradient(top,  #8fc0bf 0%, #639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc0bf), color-stop(100%,#639796));
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -o-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -ms-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, linear-gradient(to bottom,  #8fc0bf 0%,#639796 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc0bf', endColorstr='#639796',GradientType=0 );
}
nav.another ul{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box; 
}
.wt, .gTableTop{
  text-decoration: none!important;
  font-family:DroidSans, Arial!important;
  font-size: 16px; 
  text-transform: uppercase; 
  font-weight: bold!important;
  color: #fff!important;
  text-shadow:-1px -1px 1px rgba(0,0,0,0.23);
}
.trans{
  -webkit-transition: all.3s ease;
  -moz-transition: all.3s ease;
  -ms-transition: all.3s ease;
  -o-transition: all.3s ease; 
  transition: all.3s ease;  
  }

#puzadpn{display:none;}
.ie_text{
display:none;
*display:inline;
}

header{
background:#1f1f1f;
border-bottom:1px solid #000000;
height:130px;
width:100%;
position:relative;
-moz-box-shadow: 0px 5px 13px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 5px 13px rgba(0,0,0,0.6);
-ms-box-shadow: 0px 5px 13px rgba(0,0,0,0.6);
-o-box-shadow: 0px 5px 13px rgba(0,0,0,0.6);
box-shadow: 0px 5px 13px rgba(0,0,0,0.6);
z-index:100;
}
.logo{        
display:block;
background:url(/images/logo.png) 0 0 no-repeat;
width:250px;
height:124px;
position:relative;
left:50px;
}
/**************************************************************************/

/**************************** Navigation **********************************/
nav{
  -webkit-transition: all.5s ease;
  -moz-transition: all.5s ease;
  -ms-transition: all.5s ease;
  -o-transition: all.5s ease; 
  transition: all.5s ease;  
}
#nav_wrap {
-webkit-transition: top.4s ease, bottom.4s ease;
-moz-transition: top.4s ease, bottom.4s ease;
-ms-transition: top.4s ease, bottom.4s ease;
-o-transition: top.4s ease, bottom.4s ease;
transition: top.4s ease, bottom.4s ease;
}     
#nav_wrap.nav_main{
height:60px;
float:right;
position:relative;
right:50px;   
margin-top:60px;
}
nav.main_nav{}

nav.main_nav ul li {
    float: left;
    height: 50px;
    line-height: 50px;
    background: transparent;
    overflow: hidden;
  -webkit-transition: all.0s ease;
  -moz-transition: all.5s ease;
  -ms-transition: all.5s ease;
  -o-transition: all.5s ease;
  transition: all.5s ease; 
}
nav.main_nav ul li:hover {
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset;
      -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset;
      -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset;
      -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset;
      background: teal; 
}

nav.main_nav ul li a {
  display: block;
  text-decoration: none;
  font-family:DroidSans, Arial;
  font-size: 16px; 
  text-transform: uppercase; 
  font-weight: bold;
  color: #007e7e;
  padding: 0 45px;
  margin-top: 0;
  -webkit-transition: all.5s ease;
  -moz-transition: all.5s ease;
  -ms-transition: all.5s ease;
  -o-transition: all.5s ease;
  transition: all.5s ease;
  }
nav.main_nav ul li:hover a {
  margin-top: -50px;
  color: white;
  text-shadow: 0 1px 2px  black;
}
nav.main_nav ul li a:after {
    content: attr(data-title);
    display: block; 
}
#nav_wrap.nav_main #nav_pos{display:none;}
#nav_wrap.nav_float #nav_pos{display:block;}   
#nav_wrap #nav_pos {
position:relative;
width:30px;
height:50px;
margin:5px 10px 5px 20px;
float:left;
}
#nav_wrap #nav_pos a{
display:block;
width:100%;
height:8px;
background:#2a8f8d;
cursor:pointer;
border-radius:2px;
}
#nav_wrap #nav_pos a:nth-child(1){margin:10px 0 20px 0;}
#nav_wrap #nav_pos a:nth-child(2){margin:20px 0 10px 0;}
#nav_wrap #nav_pos a:hover{background:#37c7c4;}
#nav_wrap #nav_pos a.current {background:#176462; cursor:default;}
#nav_wrap.n_top{top:0px;}
#nav_wrap.n_bottom{top:100%; margin-top:-70px;}
#nav_wrap.nav_float{   
height:70px;
position:fixed;
left:0;
width:100%;
background: #2e2e2e;
background: -moz-linear-gradient(top,  #2e2e2e 0%, #181818 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e2e2e), color-stop(100%,#181818));
background: -webkit-linear-gradient(top,  #2e2e2e 0%,#181818 100%);
background: -o-linear-gradient(top,  #2e2e2e 0%,#181818 100%);
background: -ms-linear-gradient(top,  #2e2e2e 0%,#181818 100%);
background: linear-gradient(to bottom,  #2e2e2e 0%,#181818 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#181818',GradientType=0 );
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4), inset 0px 1px 1px rgba(255,255,255,0.2);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.6), inset 0px 1px 1px rgba(255,255,255,0.2);
box-shadow: 0px 3px 6px rgba(0,0,0,0.6), inset 0px 1px 1px rgba(255,255,255,0.2);
z-index:100;
}
nav.another{
float:left;
left:20px; 
height:100%; 
position:relative;
}
nav.another ul{
padding:1px 5px;
height:100%;
}
nav.another ul li {
    float: left;
    height:100%;
    line-height: 68px;
    background: transparent;
    overflow: hidden;
  -webkit-transition: all.3s ease;
  -moz-transition: all.3s ease;
  -ms-transition: all.3s ease;
  -o-transition: all.3s ease;
  transition: all.3s ease;
}
nav.another ul li:hover {
background: url(/images/pattern_litle_bg.png) 0 0 repeat, #479d9b;
background: url(/images/pattern_litle_bg.png) 0 0 repeat, -moz-linear-gradient(top,  #479d9b 0%, #59adab 100%);
background: url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#479d9b), color-stop(100%,#59adab));
background: url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-linear-gradient(top,  #479d9b 0%,#59adab 100%);
background: url(/images/pattern_litle_bg.png) 0 0 repeat, -o-linear-gradient(top,  #479d9b 0%,#59adab 100%);
background: url(/images/pattern_litle_bg.png) 0 0 repeat, -ms-linear-gradient(top,  #479d9b 0%,#59adab 100%);
background: url(/images/pattern_litle_bg.png) 0 0 repeat, linear-gradient(to bottom,  #479d9b 0%,#59adab 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479d9b', endColorstr='#59adab',GradientType=0 );
      -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
      -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
      -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
      -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
}

nav.another ul li a {
  display: block;
  text-decoration: none;
  font-family:DroidSans, Arial;
  font-size: 16px; 
  text-transform: uppercase; 
  font-weight: bold;
  color: #fff;
  padding: 0 30px;
  margin-top: 0px;
  -webkit-transition: all.3s ease;
  -moz-transition: all.3s ease;
  -ms-transition: all.3s ease;
  -o-transition: all.3s ease; 
  transition: all.3s ease;  
  text-shadow:-1px -1px 1px rgba(0,0,0,0.23);
  }
nav.another ul li:hover a {
  text-shadow: 1px 1px 1px rgba(0,0,0,0.27);
}
/**************************** Video Player *****************************/

#videoplayer{
max-width:1240px;
display:inline-block;
position:relative;
padding:20px;
-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.1);
-moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.1);
box-shadow:0 0 8px 0 rgba(0,0,0,0.1);
}
#videoplayer #player{
width:1060px;
height:480px;
background:black;
}
#videoplayer #player.fullHD{height:auto!important;}
#videoplayer #player .slides_container {
	width:730px;
	overflow:hidden;
	float:right;
	position:relative;
	display:none;
}

#videoplayer #player .slides_container li {
	width:730px;
	height:480px;
	display:block;
}
#videoplayer #player .slides_container li img{width:100%; height:100%;}


#player .pagination {
	width:330px;
  height:100%;
	float:left;
}

#player .pagination li {
	float:left;
	list-style:none;
  margin:1px;
}

#player .pagination li a {
	display:block;
	width:163px;
	float:left;
	background:#2a2a2a;
}
#player .pagination li a img{
width:150px;
height:226px;
margin:5px;
}
#player .pagination li.current a {
	margin:0;
  background:#5a5a5a;
}
#wrap_vp{
    display: inline-block;
    margin: 30px auto 70px auto;
    position: relative;
    z-index:95;
}
#wrap_vp #tongue{
width:28px;
height:50px;
position:absolute;
bottom:-36px;
left:50%;
margin-left:-14px;
-webkit-border-radius:0 0 15px 15px;
-moz-border-radius:0 0 15px 15px;
border-radius:0 0 15px 15px;
transition: all.3s ease;
cursor:pointer;
-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.6);
-moz-box-shadow:0 0 3px 0 rgba(0,0,0,0.6);
box-shadow:0 0 3px 0 rgba(0,0,0,0.6);
}
#wrap_vp #tongue.up{
background: url(/images/tongue_arrows_up.png) no-repeat 3px 18px, #1b1b1b;  
}
#wrap_vp #tongue.up:hover{
bottom:-40px;
}
#wrap_vp #tongue.down{
background: url(/images/tongue_arrows_down.png) no-repeat 3px 18px, #1b1b1b;
bottom:-42px;  
}
#wrap_vp #tongue.down:hover{
bottom:-46px;
}
#vp_overlay{
display:none;
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
z-index:94;
opacity:1;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
}
#vp_overlay.visible{
display:block;
}
#wrap_vp #light_tongue{
position:absolute;
width:24px;
height:27px;
right:-50px;
bottom:25%;
background:url(/images/lightbulb.png) no-repeat 0 0;
cursor:pointer;
z-index:97;
}
#wrap_vp #light_tongue.on{
background-position: 0 -27px;
}
#wrap_vp #light_tongue:hover{
opacity:0.9;
}
/************************* Main carousel *******************************/

#carousel  {}
#carousel.cr-h li{
  padding:8px;
	margin:12px;
  float:left;
  position:relative;
}

#carousel.cr-h img{
width:135px;
height:200px;
}

#carousel_main{
height:244px!important;
position:relative;
max-width:1100px;
margin:30px auto;
width:80%;
}
#carousel li .overlay{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:90;
background:rgba(2,49,58,0.25);
opacity:0;
-webkit-transition: all.6s ease; 
-moz-transition: all.6s ease; 
-ms-transition: all.6s ease; 
-o-transition: all.6s ease; 
transition: all.6s ease; 
overflow:hidden;
}
#carousel li .overlay:hover{
opacity:1;
}
#carousel li .overlay a{
display:block;
width:60px;
height:60px;
border-radius:50%;
position:relative;
margin:0 auto;
background-color:rgba(9,38,45,0.85);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
opacity:0.9;
}
#carousel li .overlay a:hover{
opacity:1;
-webkit-box-shadow:inset 0 0 5px 0 rgba(98,230,216,0.5);
-moz-box-shadow:inset 0 0 5px 0 rgba(98,230,216,0.5);
box-shadow:inset 0 0 5px 0 rgba(98,230,216,0.5);
}
a.zoom{
background-image:url(/images/zoom.png); 
background-repeat: no-repeat; 
background-position:13px 13px;
}
a.full{
background-image:url(/images/full.png); 
background-repeat: no-repeat; 
background-position:13px 13px;    
right:-70%;
}
#carousel li .overlay a:nth-child(1){
left:-70%;
-webkit-transform:rotate(-90deg); 
-moz-transform:rotate(-90deg); 
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
margin-top:50px; 
margin-bottom:10px;
}
#carousel li .overlay a:nth-child(2){
right:-70%;
-webkit-transform:rotate(90deg); 
-moz-transform:rotate(90deg); 
-ms-transform:rotate(90deg); 
-o-transform:rotate(90deg);
transform:rotate(90deg);
margin-top:10px; 
margin-bottom:50px;
}
#carousel li .overlay:hover a{
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-ms-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0);
}
#carousel li .overlay:hover a:nth-child(1){left:0;}
#carousel li .overlay:hover a:nth-child(2){right:0;}
#carousel_main .jcarousel-container {
   border:1px solid #ececec;
    background:#fff;
    padding: 5px 20px;
}

.jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}
.jcarousel-clip {
    overflow: hidden;
}
.jcarousel-clip-horizontal {
    width:  100%;
}
.jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}
.jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}
.jcarousel-item-vertical {
    margin-bottom: 10px;
}
.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

#carousel_main .jcarousel-next-horizontal,
#carousel_main .jcarousel-prev-horizontal {
    position: absolute;
    top: 50%;
    margin-top:-45px;
    width: 50px;
    height: 90px;
    cursor: pointer;
    background: transparent url(/images/c_arrows.png) no-repeat;
}
#carousel_main .jcarousel-next-horizontal{background-position: 0 -90px;  right: -70px;}
#carousel_main .jcarousel-prev-horizontal {background-position: 0 0;      left: -70px;}

#carousel_main .jcarousel-direction-rtl .jcarousel-next-horizontal {
    background: transparent url(/images/c_arrows.png) no-repeat 0 -90px;
}
#carousel_main .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    background: transparent url(/images/c_arrows.png) no-repeat 0 0;
}

#carousel_main .jcarousel-next-horizontal:hover,
#carousel_main .jcarousel-next-horizontal:focus {
    background-position: -50px -90px;
}

#carousel_main .jcarousel-next-horizontal:active {right: -73px;}
#carousel_main .jcarousel-prev-horizontal:active {left:-73px;}

#carousel_main .jcarousel-prev-horizontal:hover, 
#carousel_main .jcarousel-prev-horizontal:focus {
    background-position: -50px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active,
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active  {
cursor: default;
opacity:0.4;
}


#wrap_entry_carousel{
width: 100%; 
height: 154px;
padding: 8px 16px;
position: relative;
left:-16px; 
background-color: #f8f8f8; 
-webkit-box-shadow: inset 0 1px 9px rgba(0,0,0,.05); 
-moz-box-shadow: inset 0 1px 9px rgba(0,0,0,.05); 
box-shadow: inset 0 1px 9px rgba(0,0,0,.05);
}
#wrap_entry_carousel .entry_carousel li{
  padding:6px;
	margin:7px;
  float:left;
  position:relative;
}
#wrap_entry_carousel .entry_carousel img{
width: 88px; 
height: 130px;
}
#wrap_entry_carousel  .jcarousel-container{
padding:0 30px;
}
#wrap_entry_carousel .jcarousel-next-horizontal,
#wrap_entry_carousel .jcarousel-prev-horizontal {
    position: absolute;
    top: 50%;
    margin-top:-22px;
    width: 24px;
    height: 45px;
    cursor: pointer;
    background: transparent url(/images/c_small_arrows.png) no-repeat;
}
#wrap_entry_carousel .jcarousel-next-horizontal{background-position: 0 -45px;  right: -6px;}
#wrap_entry_carousel .jcarousel-prev-horizontal {background-position: 0 0;      left: -6px;}

#wrap_entry_carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
    background: transparent url(/images/c_small_arrows.png) no-repeat 0 -45px;
}
#wrap_entry_carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    background: transparent url(/images/c_small_arrows.png) no-repeat 0 0;
}

#wrap_entry_carousel .jcarousel-next-horizontal:hover,
#carousel_main .jcarousel-next-horizontal:focus {
    background-position: -24px -45px;
}

#wrap_entry_carousel .jcarousel-next-horizontal:active {right: -8px;}
#wrap_entry_carousel .jcarousel-prev-horizontal:active {left:-8px;}

#wrap_entry_carousel .jcarousel-prev-horizontal:hover, 
#wrap_entry_carousel .jcarousel-prev-horizontal:focus {
    background-position: -24px 0;
}

#wrap_entry_carousel #carousel li .overlay a{
width:44px!important;
height:44px!important;
}

#wrap_entry_carousel a.zoom{
background-image:url(/images/zoom_small.png); 
background-repeat: no-repeat; 
background-position:10px 9px;
}
#wrap_entry_carousel a.full{
background-image:url(/images/full_small.png); 
background-repeat: no-repeat; 
background-position:10px 9px;    
right:-70%;
}
#wrap_entry_carousel #carousel li .overlay a:nth-child(1){
margin-top:25px!important; 
margin-bottom:10px!important;
}
#wrap_entry_carousel #carousel li .overlay a:nth-child(2){
margin-top:10px!important; 
margin-bottom:25px!important;
}
/******************************************************************/

/********************** Fast user satting *************************/

#fast-user-satting{
position:fixed;
top:25%;
left:-272px;
z-index:90;
min-width:240px;
background:#FFFFFF;
border: 1px solid #ECECEC;
text-align:left;
font-family:DroidSans, Arial;
font-size: 14px;
line-height: 30px;
padding:15px; 
-webkit-transition: left.4s ease;
-moz-transition: left.4s ease;
-ms-transition: left.4s ease;
-o-transition: left.4s ease;
transition: left.4s ease;
}
#fast-user-satting #anchor{
background:url(/images/settings.png) no-repeat 8px 9px, #FFFFFF;
width:40px;
height:38px;
border: 1px solid #ECECEC;
border-left:0px;
position:absolute;
right:-39px;
top:-1px;
cursor:pointer;
}
#fast-user-satting.on-visible{
left:0!important;
}
#fast-user-satting label.checker{ /* это основной контейнер для чекбокса */
  width:60px; /* устанавливаем ширину */
  height:21px; /* устанавливаем высоту */
  display:block; /* устанавливаем тип отображения */
  position:relative; /* устанавливаем относительное позиционирование элемента */
  font-size:12px;
  float:right;
  right:2px;
  }

#fast-user-satting input[type='checkbox'] + span{ /* этот элемент отвечает за стилевое отображение, собственно он и будет служить нам красивым чекбоксом */
  position:absolute; /* устанавливаем абсолютное позиционирование */
  left:0; /* позиционируем без смещения слева */
  top:0; /* позиционируем без смещения сверху */
  width:100%; /* устанавливаем ширину 100% от родительского элемента */
  height:100%; /* устанавливаем высоту 100% от родительского элемента */
  cursor:pointer; /* курсор в виде руки */
  background:#eee; /* цвет фона */
  padding:1px; /* внутренний отступ, он нам понадобится */
  border-radius:6px;
  -moz-border-radius:6px;  
  -webkit-border-radius:6px; /* закругляем углы */
  border:1px solid #ccc; /* устанавливаем рамку */
  color:#606C88;
  }

#fast-user-satting input[type="checkbox"]:checked + span{ /* это предыдущий элемент, но стили для него мы указываем с условием что чекбокс "нажат" */
  background: #b4e391;
background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391));
background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%);
background: -o-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%);
background: -ms-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%);
background: linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 );
  }

#fast-user-satting input[type='checkbox'] + span span{ /* этот элемент служит поинтером-переключателем */
position:absolute;
left:0px; /* плавающий элемент, прибить к левому краю родительского элемента */
  width:35px; /* ширина, я установил её чуть больше половины родительского элемента */
  height:15px; /* высота, обратите внимание - она сделана меньше с учётом толщины рамки и внутреннего отступа родительского элемента */
  padding:2px; /* внутренний отступ, чтобы смотрелся текст */
  border:1px solid #ccc; /* устанавливаем рамку */
  text-align:center; /* позиционируем текст по центру */
  line-height: 20px;
  border-radius:4px;  
-webkit-border-radius:4px;  
-moz-border-radius:4px;  
  background:#eee; /* цвет фона */
background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 5%, #f7f7f7 5%, #e2e2e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(5%,#f9f9f9), color-stop(5%,#f7f7f7), color-stop(100%,#e2e2e2));
background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 5%,#f7f7f7 5%,#e2e2e2 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 5%,#f7f7f7 5%,#e2e2e2 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 5%,#f7f7f7 5%,#e2e2e2 100%);
background: linear-gradient(top, #ffffff 0%,#f9f9f9 5%,#f7f7f7 5%,#e2e2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
-webkit-transition:left 0.3s ease-in-out;
-moz-transition:left .3s ease-in-out;
-ms-transition:left .3s ease-in-out;
-o-transition:left .3s ease-in-out;
transition:left .3s ease-in-out;
}
#fast-user-satting input[type='checkbox'] + span span:hover{
background: #e2e2e2;
background: -moz-linear-gradient(top, #e2e2e2 0%, #f7f7f7 95%, #f9f9f9 95%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(95%,#f7f7f7), color-stop(95%,#f9f9f9), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #e2e2e2 0%,#f7f7f7 95%,#f9f9f9 95%,#ffffff 100%);
background: -o-linear-gradient(top, #e2e2e2 0%,#f7f7f7 95%,#f9f9f9 95%,#ffffff 100%);
background: -ms-linear-gradient(top, #e2e2e2 0%,#f7f7f7 95%,#f9f9f9 95%,#ffffff 100%);
background: linear-gradient(top, #e2e2e2 0%,#f7f7f7 95%,#f9f9f9 95%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 );

}

#fast-user-satting input[type='checkbox']:checked + span span{ /* это предыдущий элемент, но стили для него мы указываем с условием что чекбокс "нажат" */
  left:20px; /* сдвиг вправо в нажатом состоянии*/  
  }

#fast-user-satting input[type='checkbox'] + span span:after{ /* это предыдущий элемент с псевдоклассом для добавления текста внутрь элемента "не нажатого" чекбокса */
  content:'НЕТ'; /* сам текст внутри элемента */
  }

#fast-user-satting input[type='checkbox']:checked + span span:after{ /* это предыдущий элемент с псевдоклассом для добавления текста внутрь элемента "нажатого" чекбокса */
  content:'ДА'; /* сам текст внутри элемента */
  }
/**************************************************************/ 
   
/************************ Profile *****************************/  
#profile{ 
position:fixed;
top:25%;
right:-252px;
z-index:90;
width:220px;
background:#FFFFFF;
border: 1px solid #ECECEC;
text-align:left;
font-family:DroidSans, Arial;
font-size: 14px;
line-height: 30px;
padding:15px; 
-webkit-transition: right.4s ease;
-moz-transition: right.4s ease;
-ms-transition: right.4s ease;
-o-transition: right.4s ease;
transition: right.4s ease;
}
#profile #p_anchor{
background:url(/images/user.png) no-repeat 8px 8px, #FFFFFF;
width:40px;
height:38px;
border: 1px solid #ECECEC;
border-right:0px;
position:absolute;
left:-39px;
top:-1px;
cursor:pointer;
}
#profile.on-visible{
right:0!important;
}
#profile a:hover{text-decoration:none;}
.logout{
display:block;
width:24px;
height:24px;
background:url(/images/sign_out.png);
margin:5px;
}
/******************************************************************/

/************************** Search *******************************/
#nav_wrap.nav_main #nav_search {
top: -110px;
width:85%;
}
#nav_wrap.nav_main #nav_search #searchInput {border: 3px solid rgba(255, 255, 255, 0.2)!important;}
#nav_wrap.nav_main #nav_search #searchSubmit{ top: 5px!important;}
#nav_search{
width:40%;
height:60px;
float:right;
position:relative;
}  
#nav_search #searchInput{
float:left;
width:85%;
height:26px;        
padding:6px;
margin:10px 0 0;
background:#fff;
border:6px solid rgba(255,255,255,0.2);
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
}
#nav_search #searchInput:focus{
-webkit-box-shadow: 0 0 5px 5px rgba(33, 208, 208, 0.35);
-moz-box-shadow: 0 0 5px 5px rgba(33, 208, 208, 0.35);
-ms-box-shadow: 0 0 5px 5px rgba(33, 208, 208, 0.35);
-o-box-shadow: 0 0 5px 5px rgba(33, 208, 208, 0.35);
box-shadow: 0 0 5px 5px rgba(33, 208, 208, 0.35);
}
#nav_search form{
    height: 100%;
    position: relative;
    width: 100%;
}
#nav_search #searchSubmit{
background:url(/images/searchsubmit.png) no-repeat 0 5px;
    border: 0 none;
    width: 107px;
    height: 51px;
    padding: 2px 0 0 12px;
    position: absolute;
    right: 20px;
    top: 8px;
    font-size: 15px!important;
    cursor:pointer;
  -webkit-transition: margin.2s ease;
  -moz-transition: margin.2s ease;
  -ms-transition: margin.2s ease;
  -o-transition: margin.2s ease;
  transition: margin.2s ease;
  -webkit-box-shadow: 0 0;
-moz-box-shadow: 0 0;
-ms-box-shadow: 0 0;
-o-box-shadow: 0 0;
box-shadow: 0 0;
 -webkit-border-radius: 0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px;
margin:0;
}
#nav_search #searchSubmit:hover{
margin-right:4px;
opacity:1!important;
}
#m-search-link{
display:none;
}
/******************************************************************/

/***************************** Main *******************************/
#main{
min-height:500px;
position:relative;
max-width:1100px;
margin:30px auto;
width:80%;
background: #FFFFFF;
border: 1px solid #ECECEC;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box; 
 text-align:left;
 z-index:-2;
}
#main #content{
width:70%;
float:left;
position:relative;
padding: 10px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box; 
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
aside#right{
width:30%;
float: right; 
}
aside#right:after {
content: "";
position: absolute;
display:block;
z-index: -2;
height:100%;
width:30%;
background:url(/images/aside_shadow.png) repeat-y 0 0 #f8f8f8;   
top:0;
right:0;
bottom:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box; 
}
#top-content{ 
    display: inline-block;
    width: 100%;
}
#top-content-info{
display:inline-block;
padding:6px 5px;
margin:4px;
float:left;
max-width:70%;
position:relative;
  text-decoration: none;
  font-family:DroidSans, Arial;
  font-size: 18px; 
  text-transform: uppercase; 
  font-weight: bold;
  color: #447675;
}
m:hover{color:#007e7e;}

#top-content-button{
display:inline-block;
float:right;
max-width:40%;
position:relative;
}
#top-content-button a{
display:block;
width:39px;
height:35px;
float:left;
background-image:url(/images/top-ib.png);
margin:3px;
cursor:pointer;
}
#top-content-button a:hover{opacity:0.9;}
#top-content-button a#wide-type{background-position:0 0;}
#top-content-button a#wide-type.current{background-position:0 -36px; cursor:default;}
#top-content-button a#compact-type{background-position:-39px 0;}
#top-content-button a#compact-type.current{background-position:-39px -36px; cursor:default;}
#top-content-button a#add-link{background-position:-78px 0;}
#top-content-button a#add-link:hover{background-position:-78px -36px;}

#content.wide-type article, #content #full-entry{
width:100%;
position:relative;
margin:15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box; 
}
#content.wide-type article .poster, #content #full-entry .poster{
float:left;
max-width:150px;
width:22%;
margin:0 5px;
position:relative;
}
#content.wide-type article .poster img, #content #full-entry .poster img{
border:1px solid #e1e1e1;
width:100%;
height:100%;
}
#content.wide-type article .post, #content #full-entry .post{
float:right;
position:relative;
margin-left: 5px;
width:73%;
}
#content.wide-type article .post h2, 
#content.wide-type article .post h3,
#content #full-entry h2,
#content #full-entry h3 {
font-family:DroidSans, Arial!important;
  text-transform: uppercase; 
  font-weight: bold!important;
  margin:0 10px 5px 0;
  width:70%;
}    
#content.wide-type article .post h2,
#content.wide-type article .post h2 a,
#content #full-entry .post h2,
#content #full-entry .post h2 a{color:#447675!important; font-size:18px; line-height: 20px;}
#content.wide-type article .post h2 a:hover, #content #full-entry .post h2 a:hover{color:#31a19f!important; text-decoration:none!important;}
#content.wide-type article .post h3, #content #full-entry .post h3 {color:#d7dede!important; font-size:14px;}
#content.wide-type article .post .description, #content #full-entry .post .description{color:#5e5e5e; font-size: 13px;}
#content.wide-type article .post .category, #content #full-entry .post .category{
  font-family:DroidSans, Arial!important;
  text-transform: uppercase; 
  font-weight: bold!important;
  font-size:14px;
  color:#176462;
}
#content.wide-type article .post .bottom_post_info{
width:100%;
margin-top:10px;
position:relative;
opacity:1!important;
display:block!important;
}
.bottom_post_info .bpi{
position:relative;
float:left;
display:inline-block;
color:#d3d3d3;
  font-family:DroidSans, Arial!important;
  text-transform: uppercase; 
  font-weight: bold!important;
  font-size:16px;
  margin-top: 5px;
}
.bottom_post_info .bpi a{color:#d3d3d3;}
.bottom_post_info .bpi a:hover{color:#31a19f;}
.bottom_post_info .bpi div{
 position:relative;
display:inline-block;
}
.bottom_post_info .bpi .rating{position:relative; top:5px;}
.bottom_post_info .bpi .read_s .text, 
.bottom_post_info .bpi .user_s .text, 
.bottom_post_info .bpi .comm_s .text
{display: inline-block; margin: 12px; text-transform: none;}
.bottom_post_info .bpi .read_s .reads, 
.bottom_post_info .bpi .user_s .user, 
.bottom_post_info .bpi .comm_s .comms{
display:block;
width:40px;
height:36px;
float:left;
background:url(/images/info_post_icon.png) no-repeat -40px 0;
}
.bottom_post_info .bpi .user_s .user{background-position:0 0;} 
.bottom_post_info .bpi .comm_s .comms{background-position:-80px 0;}
.bottom_post_info .bpi .tags{
margin:10px 0;
font-size: 0;
}
.bottom_post_info .bpi .tags a.eTag{
background: rgba(49,161,159,0.27);
font-size:11px!important;
line-height:15px;
padding:5px;
margin:5px;
float:left;
	-webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px;
  color:#fff!important;
    -webkit-transition: all.3s ease;
  -moz-transition: all.3s ease;
  -ms-transition: all.3s ease;
  -o-transition: all.3s ease; 
  transition: all.3s ease;  
}
.bottom_post_info .bpi .tags a.eTag:hover{
background: rgba(49,161,159,0.57);
color:#fff!important;
text-decoration:none!important;
}
#content.compact-type article {
width: 224px;
height:304px;
position:relative;
 margin: 20px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box; 
padding:12px;
float:left;
text-align:center!important;
}
#content.compact-type article .post{
position:absolute;
top:0;
left:0;     
opacity:0;
background:rgba(0,0,0,0.8);
height: 280px;
margin:12px;
padding:10px;
z-index: 20;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box; 
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#content.compact-type article:hover .post{opacity: 1;}
#content.compact-type article .poster img{
    height: 280px;
    min-width:200px;
}
#content.compact-type article .poster{
position:relative;
height:100%;
width:100%;
overflow:hidden;
z-index:10;
}
#content.compact-type article .post .description{
overflow:hidden;
height:64%;
color:#f1f1f1;
font-size: 12px;
}
#content.compact-type article .post h2, 
#content.compact-type article .post h3{
font-family:DroidSans, Arial!important;
  text-transform: uppercase; 
  font-weight: bold!important;
  margin:0 10px 5px 0;
  width:100%;
}    
#content.compact-type article .post h2, #content.compact-type article .post h2 a{color:#1ccfcc!important; font-size:14px;}
#content.compact-type article .post h2 a:hover{color:#26aeab!important; text-decoration:none!important;}
#content.compact-type article .post h3 {color:#b2d8d7!important; font-size:11px;}
#content.compact-type article .post .category{
  font-family:DroidSans, Arial!important;
  text-transform: uppercase; 
  font-weight: bold!important;
  font-size:11px;
  color:#176462;
  display:none;
}
#content.compact-type article .post .bottom_post_info{
position:absolute;
width:240px;
bottom:-68px;
left:-42px;
background-color: #f9f9f9; 
border:3px solid #3FAFAD; 
background-image: -webkit-linear-gradient(-180deg, #fff, #f3f3f3); 
background-image: -moz-linear-gradient(-180deg, #fff, #f3f3f3); 
background-image: -o-linear-gradient(-180deg, #fff, #f3f3f3); 
background-image: -ms-linear-gradient(-180deg, #fff, #f3f3f3); 
background-image: linear-gradient(-180deg, #fff, #f3f3f3);
padding:10px;
display:none;
}
#content.compact-type article .post .bottom_post_info:after{
    border-bottom: 13px solid #3FAFAD;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 41px;
    top: -16px;
    width: 0;
}
#content.compact-type article .post .bottom_post_info:hover{display:block!important;}
#content.compact-type article .post .compact_button{display:inline-block;}
#content.compact-type article .post .wide_button{display:none;}
#content.wide-type article .post .compact_button{display:none;}
#content.wide-type article .post .wide_button{display:inline-block;}
article.blog .poster .bpi div{width:100%;} 
article.blog {padding-bottom:40px;} 
article.blog .bottom-line{
position:absolute;
bottom:8px;
left:0;
margin-left:2%;
height:8px;
width:96%;
background:url(/images/blog_article_bottom.png) repeat-x 0 0 transparent;
}

aside .a_block{
position:relative;
width:100%;
margin:15px 0;
clear:both;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box; 
}
aside .a_block .block-title{
background:url(/images/aside_box_shadow.png) repeat-y 0 0, #31a19f; 
width:100%;             
height:56px;
overflow:hidden;
position:relative;
text-decoration: none!important;
font-family:DroidSans, Arial!important;
font-size: 20px;
font-weight: normal!important;
color: #fff!important;
text-shadow:-1px -1px 1px rgba(18,113,111,0.5);
line-height:26px;
padding:15px 10px 15px 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box; 
}
aside .a_block .a_box{
margin:15px 10px 25px 10px;
position:relative;
clear:both;
}
aside .a_block .a_box .box-image{
float:left;
width:100px;
height:75px;
position: relative;
margin:0 15px 5px 0;
-webkit-box-shadow: inset 1px 2px 7px rgba(0,0,0,.7); -moz-box-shadow: inset 1px 2px 7px rgba(0,0,0,.7); box-shadow: inset 1px 2px 7px rgba(0,0,0,.7);
}
aside .a_block .a_box .box-image img{
width:100px;
height:75px;
clip: rect(0px, 100px, 75px, auto);
left: 0px;
position: absolute;
top: 0px;
min-width:100px;
z-index:-1;
}
aside .a_block .a_box .box-content{
display:inline-block;
color:#232323; font-size:11px; max-height:156px; overflow:hidden;
}
aside .a_block .a_box .box-content .box-title, aside .a_block .a_box .box-content .box-title *{color:#1c4f4e; font-size:13px;}
aside .a_block .a_box .box-content .box-text{color:#232323; font-size:11px; max-height:156px; overflow:hidden;}

div[id^='pagesBlock']{
margin-top:50px;
text-align: center;
}
#content #place-nav {
display: inline-block;
margin: 10px;
}
#content #place-nav *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box;
} 
#content #place-nav ul{
display: inline-block;
position:relative;  
	-webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px; 
}
#content #place-nav ul li { 
float: left;
height:100%;
background: transparent;
position:relative;
padding-left:15px;
margin: 4px 0;
  background-color: #6fcfcd;
   -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2); 
   -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2); 
   box-shadow: inset 0 1px 3px rgba(0,0,0,.2); 
   background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.13), rgba(0,0,0,0)); 
   background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.13), rgba(0,0,0,0)); 
   background-image: -o-linear-gradient(bottom, rgba(0,0,0,.13), rgba(0,0,0,0)); 
   background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.13), rgba(0,0,0,0)); 
  background-image: linear-gradient(to top, rgba(0,0,0,.13), rgba(0,0,0,0));
  }
#content #place-nav ul li a{
display:inline-block;
height:100%;
padding:15px 20px;
  text-decoration: none!important;
  font-family:DroidSans, Arial!important;
  font-size: 16px; 
  text-transform: uppercase; 
  font-weight: bold!important;
  color: #fff!important;
  text-shadow:-1px -1px 1px rgba(0,0,0,0.23);
} 
#content #place-nav ul li:hover, 
#content #place-nav ul li.current, 
#content #place-nav ul li:hover .arrow span {
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.07); 
  -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.07); 
  box-shadow: inset 0 1px 3px rgba(0,0,0,.07); 
background: #2b5f5e;
background: -moz-linear-gradient(top,  #2b5f5e 0%, #449695 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b5f5e), color-stop(100%,#449695));
background: -webkit-linear-gradient(top,  #2b5f5e 0%,#449695 100%);
background: -o-linear-gradient(top,  #2b5f5e 0%,#449695 100%);
background: -ms-linear-gradient(top,  #2b5f5e 0%,#449695 100%);
background: linear-gradient(to bottom,  #2b5f5e 0%,#449695 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b5f5e', endColorstr='#449695',GradientType=0 );
}
#content #place-nav ul li:first-child {
	-webkit-border-radius: 6px 0 0 6px; 
  -moz-border-radius: 6px 0 0 6px; 
  border-radius: 6px 0 0 6px;
  padding-left:0px;
  }  
#content #place-nav ul li:last-child {
	-webkit-border-radius: 0 6px 6px 0; 
  -moz-border-radius: 0 6px 6px 0; 
  border-radius: 0 6px 6px 0; 
}
#content #place-nav ul li .arrow {
width: 26px;
height: 100%;
display: inline-block;
position:absolute;
right:-22px;
top:0;
overflow: hidden;
z-index:2;
}

#content #place-nav ul li .arrow span {
    border-radius: 6px;
    width: 36px; height: 36px;
    display: inline-block;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-left: -18px;
    margin-top: 4px;
  background-color: #6fcfcd;
   -webkit-box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.2) inset; 
   -moz-box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.2) inset; 
   box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.2) inset; 
   background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.13), rgba(0,0,0,0)); 
   background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.13), rgba(0,0,0,0)); 
   background-image: -o-linear-gradient(bottom, rgba(0,0,0,.13), rgba(0,0,0,0)); 
   background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.13), rgba(0,0,0,0)); 
  background-image: linear-gradient(to top, rgba(0,0,0,.13), rgba(0,0,0,0));  
}
#content #full-entry .bottom_post_info {
position:relative;
}
#up_button{
position:fixed;
width:49px;
height:49px;
cursor:pointer;
display:none;
top:70%;
right:5%;
background:url(/images/up_button.png) no-repeat 0 0;
opacity:0.57;
z-index:100;
  -webkit-transition: all.3s ease;
  -moz-transition: all.3s ease;
  -ms-transition: all.3s ease;
  -o-transition: all.3s ease; 
  transition: all.3s ease;  
}
#up_button:hover{
opacity:1;
}
#bbcodes input, .bbcodes input{
font-weight:normal;
text-transform: none;
text-decoration: none;
width:auto!important;
    margin: 3px;
    padding: 6px;
}
.com_add_form{
margin:20px 0;
}
#capt{
display: inline-block;
}
[id^=iCode] input[type='text']:first-child{
width:70px!important;
}
[id^=iCode] input[type='text']{
float:none!important;
width:20px!important;
}
.entryReadAllLink{
   background: none repeat scroll 0 0 #31A19F;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF!important;
    display: inline-block;
    margin: 4px;
    padding: 6px;
    opacity:0.6;
  -webkit-transition: all.3s ease!important;
  -moz-transition: all.3s ease!important;
  -ms-transition: all.3s ease!important;
  -o-transition: all.3s ease!important; 
  transition: all.3s ease!important;  
}
.entryReadAllLink:hover{
opacity:.9;
text-decoration:none;
}

.x-unselectable{border:0px!important;}
.u-comboeditcell{background:transparent!important; border:0px!important;}
.u-combobut{display:none;}
.num-entries{
    background:#31A19F;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    margin: 0 10px;
    padding: 4px 10px;
    position: relative;
    top: -2px;
}
#sort_entry{  
display: none;
    left: 20%;
    margin-left:-50px;
    position: fixed;
    text-align:left;
    top: 300px;
    width: 200px;
    z-index: -3;
    }
#sort_entry a{
display:block;
background:url(/images/sort_entry.png) no-repeat 0 0 #31A19F;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 14px;
    margin: 2px 10px;
    padding: 8px 10px 8px 44px;
    position: relative;
    opacity:0.7;
    overflow: hidden;
      -webkit-transition: all.3s ease!important;
  -moz-transition: all.3s ease!important;
  -ms-transition: all.3s ease!important;
  -o-transition: all.3s ease!important; 
  transition: all.3s ease!important;  
}
#sort_entry a:hover{margin-left:-140px; opacity:1; text-decoration:none!important;}
#sort_entry a.sort_view{background-position:0 0;}
#sort_entry a.sort_date{background-position:0 -30px;}
#sort_entry a.sort_rate{background-position:0 -60px;}
#sort_entry a.sort_comm{background-position:0 -90px;}
#social{margin:5px 1px;}
#social .social_button li{
margin:4px;
float:left;
}
#social .social_button a{
display:block;
width:26px;
height:26px;
opacity:0.4;
      -webkit-transition: all.3s ease!important;
  -moz-transition: all.3s ease!important;
  -ms-transition: all.3s ease!important;
  -o-transition: all.3s ease!important; 
  transition: all.3s ease!important;
}
#social .social_button a:hover{opacity:1;}
#social .social_button a.fb{background:url(/images/social/fb.png) no-repeat 0 0;}
#social .social_button a.vk{background:url(/images/social/vk.png) no-repeat 0 0;}
#social .social_button a.tw{background:url(/images/social/tw.png) no-repeat 0 0;}
#social .social_button a.gp{background:url(/images/social/gp.png) no-repeat 0 0;}
#social .social_button a.rss{background:url(/images/social/rss.png) no-repeat 0 0;}
.entry-main-button a{
padding:12px 12px 12px 38px;
display:inline-block;
border:0px;
margin:5px;
text-decoration: none!important;
  font-family:DroidSans, Arial!important;
  font-size: 14px; 
  text-transform: uppercase; 
  font-weight: bold!important;
  color: #fff!important;
  text-shadow:-1px -1px 1px rgba(0,0,0,0.23);
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
cursor:pointer;
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
-ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
-o-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);
box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.1);          
}
.entry-main-button a.entry-move-view {
background:url(/images/film2.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, #8fc0bf;
background:url(/images/film2.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, -moz-linear-gradient(top,  #8fc0bf 0%, #639796 100%);
background:url(/images/film2.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc0bf), color-stop(100%,#639796));
background:url(/images/film2.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/film2.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, -o-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/film2.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, -ms-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/film2.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, linear-gradient(to bottom,  #8fc0bf 0%,#639796 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc0bf', endColorstr='#639796',GradientType=0 );
} 
.entry-main-button a.entry-move-download{
background:url(/images/download.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, #8fc0bf;
background:url(/images/download.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, -moz-linear-gradient(top,  #8fc0bf 0%, #639796 100%);
background:url(/images/download.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc0bf), color-stop(100%,#639796));
background:url(/images/download.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/download.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, -o-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/download.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, -ms-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/download.png) 5px 5px no-repeat, url(/images/pattern_litle_bg.png) 0 0 repeat, linear-gradient(to bottom,  #8fc0bf 0%,#639796 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc0bf', endColorstr='#639796',GradientType=0 );
}
.search_entry .queryField {width:60%!important;}
.search_entry .wide_search {position:relative; display:inline-block; }

.popuptitle{
padding:10px 20px;
margin:20px auto 0px auto;
width:90%;
max-width:1100px;
color:#fff!important;
background:url(/images/pattern_litle_bg.png) 0 0 repeat, #8fc0bf;
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -moz-linear-gradient(top,  #8fc0bf 0%, #639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc0bf), color-stop(100%,#639796));
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -o-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -ms-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, linear-gradient(to bottom,  #8fc0bf 0%,#639796 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc0bf', endColorstr='#639796',GradientType=0 );
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box; 
    }
.popupbody{
padding:10px 20px;
position:relative;
max-width:1100px;
margin:30px auto;
width:90%;
line-height:20px;
background: #FFFFFF;
border: 1px solid #ECECEC;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box; 
 text-align:left;
}
.popupbody input[type="submit"], .popupbody input[type="button"]{width:auto!important;}
.popupbody input[type="text"], .popupbody input[type="password"]{height:auto!important;}
.popupbody input.uSearchFl{float:none!important;}
.popupbody input[type='checkbox']{margin:2px 4px;}
/******************************************************************/

/**************************** Comment *****************************/
.comment {
width:90%;
position:relative;
padding:12px;
min-height:70px;
margin:20px 5px 35px;
background-color: #fff; 
background: -moz-linear-gradient(60deg, #fbfbfb 0%, #fefefe 43%, #ffffff 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,  #fbfbfb), color-stop(43%,#fefefe), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(60deg, #fbfbfb 0%, #fefefe 43%, #ffffff 100%);
background: -o-linear-gradient(60deg, #fbfbfb 0%, #fefefe 43%, #ffffff 100%);
background: -ms-linear-gradient(60deg, #fbfbfb 0%, #fefefe 43%, #ffffff 100%);
background: linear-gradient(60deg, #fbfbfb 0%, #fefefe 43%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=1 );
}
.comment:after{
content:'';
display:block;
width:222px;
height:70px;
background:url(/images/com_shadow.png) no-repeat 0 -40px transparent;
position:absolute;
left:-12px;   
bottom:-16px;
opacity: 0.8;
z-index:-1;
}
.comment .infocom{
font-family: Arial; font-size: 12px; color: #b1b1b1; line-height: 16px;
padding-left:40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box;
}
.comment .message{
font-family: Arial; font-size: 12px; color: #5b5b5b; line-height: 16px;
}
.comment .infocom .ava {float:left; margin:0 5px;} 
.comment .infocom .ava img{height:20px; border:1px solid #b1b1b1;}
.comment .infocom .rat{
float:right;
position:relative;
font-family: "Droid Sans"; font-size: 14px; font-weight:normal;
padding:8px;
right:-18px;
top:-8px;
cursor:pointer;
}
.comment .infocom .mp, .comment .infocom .inf{display:inline-block;}
.comment .infocom .rat .good{color: #279d9b;}
.comment .infocom .rat .null{color: #c7c7c7;}
.comment .infocom .rat .bad{color: #9d2727;}
.comment .ratButton{
	width: 42px; 
  padding:2px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; 
  background-color: #f5f5f5; 
  border: solid 1px #eee;
  position:absolute;
  right:-44px;
  top:-30px;
  display:none;
  z-index:20;
}
.comment .ratButton a{
display:block;
width:32px;
height:32px;
margin:5px;
background:url(/images/rat_button.png) no-repeat transparent;
  -webkit-transition: all.3s ease;
  -moz-transition: all.3s ease;
  -ms-transition: all.3s ease;
  -o-transition: all.3s ease; 
  transition: all.3s ease;  
}
.comment .ratButton a.goodcomButton{background-position:0 0; opacity:0.7;}
.comment .ratButton a.badcomButton {background-position:-32px 0; opacity:0.7;}
.comment .ratButton a.goodcomButton:hover{background-position:0 0; opacity:1;}
.comment .ratButton a.badcomButton:hover {background-position:-32px 0; opacity:1;}
.comment .ratButton a.goodcomButton.no-active{background-position:0 -32px; opacity:1;}
.comment .ratButton a.badcomButton.no-active {background-position:-32px -32px; opacity:1;}
/******************************************************************/

/**************************** Forum *******************************/
#content.forum {
width:100%!important;
padding:10px 15px 0px 15px!important;
}
#content.forum .forum_bi {
background:url(/images/aside_shadow.png) repeat-y 0 0 #f8f8f8;   
top:0;
right:0;
bottom:0;
left: -15px;
    padding: 10px 15px;
    position: relative;
    width:100%;
}              
#content.forum .forum-nav a{
   background: none repeat scroll 0 0 #31A19F;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF!important;
    display: inline-block;
    margin: 4px;
    padding: 6px;
    opacity:0.6;
  -webkit-transition: all.3s ease!important;
  -moz-transition: all.3s ease!important;
  -ms-transition: all.3s ease!important;
  -o-transition: all.3s ease!important; 
  transition: all.3s ease!important;  
}
#content.forum .forum-nav a:hover{
opacity:.9;
text-decoration:none;
}
.gTableTop{
padding:10px 20px;
color:#fff!important;
background:url(/images/pattern_litle_bg.png) 0 0 repeat, #8fc0bf;
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -moz-linear-gradient(top,  #8fc0bf 0%, #639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc0bf), color-stop(100%,#639796));
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -webkit-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -o-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, -ms-linear-gradient(top,  #8fc0bf 0%,#639796 100%);
background:url(/images/pattern_litle_bg.png) 0 0 repeat, linear-gradient(to bottom,  #8fc0bf 0%,#639796 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc0bf', endColorstr='#639796',GradientType=0 );
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}       
.gTableTop a {color:#fff!important;}
.gTableSubTop {
padding:10px 20px!important;
color:#139384!important;
text-shadow:1px 1px rgba(255,255,255,0.7);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; 
background: #d7eae8;
background: -moz-linear-gradient(top,  #d7eae8 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7eae8), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #d7eae8 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #d7eae8 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #d7eae8 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #d7eae8 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7eae8', endColorstr='#ffffff',GradientType=0 );
}
div.forum_bi .gTableSubTop {background: transparent!important;;}
.gDivRight table:not(.add_form) tr td{
padding:14px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.gDivRight tr{
  -webkit-transition: all.3s ease!important;
  -moz-transition: all.3s ease!important;
  -ms-transition: all.3s ease!important;
  -o-transition: all.3s ease!important; 
  transition: all.3s ease!important; 
}
.gDivRight tr[id^=post]:hover tr, .gDivRight .add_form tr:hover, .none-hover tr{
background: transparent!important;
    color: #323536!important;
}
div:not(.forum_bi) .gDivRight tr:not([id^=post]):hover{   
background: #d7eae8;
    color: #727272!important;
   }
 tr[id^=post] table.postTable {
 border:1px solid #E8E8E8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
     border-collapse: collapse;
}             
.postTdTop:first-child, .postTdInfo, .postBottom:first-child{
background:url(/images/aside_shadow_right.png) repeat-y right 0 #f8f8f8;   
    padding: 10px 15px;
    position: relative;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    -ms-border-radius: 0px!important;
    -o-border-radius: 0px!important;
    border-radius: 0px!important;
}              
.postTdTop:last-child {border-bottom: 1px solid #E8E8E8; }
.postBottom:last-child {border-top: 1px solid #E8E8E8; }
.postBottom{padding:0px!important;}
.fFastSearchTd{font-size:0px;}
.fFastSearchTd input[type='submit']{float:right;}
td.postTdInfo, td.posttdMessage{}
td.postTdInfo{
    line-height: 25px;
    text-align: center;
}
.userAvatar { border: 1px solid #000000;}
.mass_forum{margin:5px 0px;}
.mass_forum textarea {float: none; max-width:100%!important; min-width:34px;}
#iplus{ display: inline-block; float: none!important; width: auto!important;}
#iplus input{ display: inline-block; width: auto!important;}
/******************************************************************/

/**************************** Footer ******************************/
footer{
width:100%;
height:70px;
padding-top:20px;
padding-right:20px;
padding-left:20px;
background:#1f1f1f;
border-bottom:1px solid #000000;
position:relative;
text-align:left;
-webkit-box-shadow: 0px -5px 13px rgba(0,0,0,0.3);
-moz-box-shadow: 0px -5px 13px rgba(0,0,0,0.3);
-ms-box-shadow: 0px -5px 13px rgba(0,0,0,0.3);
-o-box-shadow: 0px -5px 13px rgba(0,0,0,0.3);
box-shadow: 0px -5px 13px rgba(0,0,0,0.3);
  -webkit-transition: margin.2s ease;
  -moz-transition: margin.2s ease;
  -ms-transition: margin.2s ease;
  -o-transition: margin.2s ease;
  transition: margin.2s ease;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
box-sizing: border-box;
}

      

/******************************************************************/
@media screen and (mim-width: 1240px) and (max-width: 1400px) {
#nav_search{width: 30%!important; padding-right: 24px!important;  }
}  
@media screen  and (min-width: 240px) and (max-width: 1024px){
nav.main_nav ul li a{padding:0 15px!important; font-size:12px!important;}
#nav_wrap{right:10px!important;}
#sort_entry a:hover{margin-left:-0px!important;}
}

@media screen and (min-width: 1025px) and (max-width: 1300px){
nav.main_nav ul li a{padding:0 25px!important;}
nav.another ul li a{font-size: 14px!important;  padding: 0 15px!important;}
#nav_search #searchSubmit {right: -10px!important;}
#sort_entry a:hover{margin-left:-80px!important;}
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
 #wrap_vp #light_tongue{right:-1px!important;}
 aside .a_block .a_box .box-image {display:none;}
 aside .a_block .a_box .box-content {width:100%!important;}
 }
 @media screen and (min-width: 360px) and (max-width: 900px) {
#wrap_vp #light_tongue{right:-2px!important; bottom:75%!important;}  
}
@media screen and (min-width: 640px) and (max-width: 1024px){
nav.another ul li a{font-size: 12px!important;  padding: 0 10px!important;}
#wrap_vp #light_tongue{ bottom:75%!important;} 
#videoplayer #player{
width:730px;
}
#player .pagination{
width:100%!important;
height:auto!important;
margin-top: 10px;
}
#player .pagination li{margin:0 26px 0 0!important;}
#player .pagination li:last-child{margin:0!important;}

}

@media screen and (max-width: 640px){
nav.main_nav ul li a{padding:0 10px!important;}
#nav_wrap.nav_float {display:none!important;}
#nav_wrap{margin:10px!important; float:none;}
nav.main_nav ul li{margin:2px 0!important;}
#wrap_vp{display:none!important;}
#carousel_main{width:344px} 
#carousel_main .jcarousel-container{padding:5px;}
#nav_wrap #nav_search {display:none!important;}
#m-search-link{display:block;}
 article.blog .post, article.blog .poster, article.blog .bpi,
 #full-entry .post, #full-entry .poster, #full-entry .bpi{
 float: none!important; width:100%!important; max-width:1200px!important;
 }
 article.blog .bpi a.wide_button, #full-entry .bpi a.wide_button{float:right!important; margin-right:10px;}
 article.blog .bpi div, #full-entry .bpi div{float:left!important;  width: auto!important;}
}

@media screen and  (max-width: 880px) {
aside#right{position: relative!important; width: 100%!important;}
aside#right:after{width: 100%!important;}
#main #content{width:100%!important; padding:5px 0px!important;}    
.logo{display:none!important;}
#nav_wrap.nav_float #nav_search {display:none!important;}
#content.wide-type article .poster{float:none!important;}
}
@media screen and  (min-width: 880px) and  (max-width: 1000px) {
 aside .a_block .a_box .box-image {display:none;}
 aside .a_block .a_box .box-content {width:100%!important;}
 article.blog .post, article.blog .poster, article.blog .bpi{float: none!important; width:100%!important; max-width:1200px!important;}
 article.blog .bpi a.wide_button{float:right!important}
 article.blog .bpi div{float:left!important;  width: auto!important;}
 }
@media screen and (max-width: 330px){ 
nav.main_nav ul li a{padding:0 14px!important; font-size:10px!important;}
#carousel_main{width:180px!important;}
#carousel_main .jcarousel-container{padding:5px;}
 aside .a_block .a_box .box-image {display:none!important;}
 aside .a_block .a_box .box-content {width:100%!important;}
 #content #place-nav ul li a{font-size: 13px!important;} 
}