img {
border:0px;
}

@font-face {
    font-family: Ptsansnarrow;
    src: url(../fonts/Ptsansnarrow.ttf);
}

@font-face {
    font-family: BebasNeueRegular; 
    src: url(../fonts/BebasNeueRegular.otf);
}

@font-face {
    font-family: BebasNeueBold; 
    src: url(../fonts/BebasNeueBold.otf);
}

@font-face {
			font-family: "PTSansRegular";
			src: url("../fonts/PTSansRegular/PTSansRegular.eot");
			src: url("../fonts/PTSansRegular/PTSansRegular.eot?#iefix")format("embedded-opentype"),
			url("../fonts/PTSansRegular/PTSansRegular.woff") format("woff"),
			url("../fonts/PTSansRegular/PTSansRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "PTSansItalic";
			src: url("../fonts/PTSansItalic/PTSansItalic.eot");
			src: url("../fonts/PTSansItalic/PTSansItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/PTSansItalic/PTSansItalic.woff") format("woff"),
			url("../fonts/PTSansItalic/PTSansItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "PTSansBold";
			src: url("../fonts/PTSansBold/PTSansBold.eot");
			src: url("../fonts/PTSansBold/PTSansBold.eot?#iefix")format("embedded-opentype"),
			url("../fonts/PTSansBold/PTSansBold.woff") format("woff"),
			url("../fonts/PTSansBold/PTSansBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

/*------------------------------------------------------------*
**  Главная
**------------------------------------------------------------*/

/* CSS Document */


html, body {
font-size: 16px;
font-family: Ptsansnarrow;
color:#5c6467;
margin:0px;
background:#fff url(../images/body-bg.jpg) center top;
}

a{
text-decoration:underline;
color:#262626;
}

a:hover{
text-decoration:none;
color:#262626;
}

.clear {
clear:both;
}

ul, p, img {
margin:0px;
padding:0px;
border:0px;
list-style:none;
}

#setmenu {
cursor:pointer;
}

.site-width {
max-width:1237px;
padding:0 10px;
margin:0 auto;
position:relative;
}

.site-width2 {
width:100%;
max-width:1257px;
padding:0 0px;
margin:0 auto;
position:relative;
}

#topblock {
height:57px;
background:url(../images/topmenu-bg.jpg);
}

#topblock ul.topmenu {
float:left;
}

#topblock ul.topmenu li {
float:left;
height:40px;
padding:17px 15px 0 15px;
position:relative;
}

#topblock ul.topmenu li:hover {
background:url(../images/topmenu-hover.jpg);
}

#topblock ul.topmenu li a {
font-family: "PTSansRegular";
font-size:14px;
color:#fff;
text-decoration:none;
}

#topblock ul.topmenu p {
width:2px;
height:53px;
background:url(../images/bullet-topmenu.png) no-repeat;
float:left;
}

#topblock ul.topmenu li:hover .submenu {
display:block;
}

#topblock ul.topmenu li .submenu {
position:absolute;
top:55px;
left:0px;
background-color: rgba(6, 46, 61, 0.96);
color:#fff;
padding:20px;
z-index:999999;
width:540px;
display:none;
}

#topblock ul.topmenu li .submenu .menu {
float:left;
width:270px;
}

#topblock ul.topmenu li .submenu .menu .name {
font-size:24px;
font-family: Ptsansnarrow; 
display:block;
margin:0 0 10px 0;
}

#topblock ul.topmenu li .submenu .menu a {
display:block;
background:url(../images/topmenu-bullet.png) no-repeat 0px 8px;
font-size:18px;
font-family: Ptsansnarrow; 
padding:0 0 2px 12px;
}

#topblock ul.topmenu li .submenu .menu a:hover {
color:#83d1f8;
}

#topblock .logo {
display:block;
width:119px;
height:72px;
background:url(../images/logo.png) no-repeat;
float:left;
margin:5px 0 0 50px;
}

#topblock .foto {
display:block;
width:72px;
height:72px;
float:left;
margin:5px 0 0 50px;
-webkit-border-radius: 125px;
-moz-border-radius: 125px;
border-radius: 125px;
overflow:hidden;
}

#topblock .foto img {
-webkit-border-radius: 125px;
-moz-border-radius: 125px;
border-radius: 125px;
width:72px;
}

#topblock .button-block {
float:right;
}

#topblock .button-block .login {
display:block;
float:right;
width:74px;
height:37px;
background:url(../images/top-block-btn-login.png) no-repeat;
margin:19px 5px 0 0;
}

#topblock .button-block .login-panel {
display:block;
float:right;
height:37px;
background:url(../images/bg-panel-login.jpg) repeat-x;
margin:19px 5px 0 0;
padding:5px 10px;
text-decoration:none;
color:#374f5a;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#topblock .button-block .login-panel-exit {
display:block;
float:right;
height:37px;
background:url(../images/bg-panel-login2.jpg) repeat-x;
margin:19px 5px 0 0;
padding:5px 10px;
text-decoration:none;
color:#fff;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#topblock .button-block .message {
width:42px;
height:37px;
background:url(../images/message-icon.png) no-repeat;
float:right;
margin:19px 5px 0 0;
position:relative;
}

#topblock .button-block .message p {
position:absolute;
top:-5px;
left:-5px;
background:#e76669;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
width:20px;
height:20px;
color:#fff;
font-size:14px;
text-align:center;
}

#topblock .button-block .reg {
display:block;
float:right;
width:126px;
height:37px;
background:url(../images/top-block-btn-register.png) no-repeat;
margin:19px 0px 0 0;
}

#topblock .button-block a:hover {
opacity:.9;
}

#winners-slider {
margin:-20px 0 0 0;
height:294px;
background:url(../images/winners-slider-bg.jpg) no-repeat top center;
padding:1px 0 0 0;
}

#winners-slider .block-winners {
float:left;
background-color: rgba(255, 255, 255, 0.13);
height:200px;
width:355px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:15px 0 0 0;
position:relative;
padding:45px 30px 0 30px;
}

#winners-slider .block-winners .title {
background:url(../images/block-winner-title-icon.png) no-repeat 0px 0px;
height:47px;
font-family: BebasNeueRegular;
text-transform:uppercase;
color:#fff;
font-size:36px;
padding:0 0 0 45px;
position:absolute;
left:5px;
top:-22px;
}

#winners-slider .block-winners ul {

}

#winners-slider .block-winners ul li {
height:60px;
}

#winners-slider .block-winners ul li .img {
float:left;
margin:17px 0 0 0;
}

#winners-slider .block-winners ul li .img img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:left;
width:41px;
height:41px;
}

#winners-slider .block-winners ul li .img span {
float:left;
display:block;
font-size:14px;
color:#fff;
font-family: "PTSansRegular";
padding:10px 0 0 10px;
}

#winners-slider .block-winners ul li.one .right {
height:52px;
background:url(../images/winner-graf1.png) no-repeat right 4px;
position:relative;
margin:0 60px 0 0;
}

#winners-slider .block-winners ul li.one .right p.price {
font-size:19px;
color:#fff;
font-family: BebasNeueRegular;
text-transform:uppercase;
padding:0 0 0 0px;
position:absolute;
right:-60px;
top:0px;
}

#winners-slider .block-winners ul li.two .right {
height:52px;
background:url(../images/winner-graf2.png) no-repeat right 4px;
position:relative;
margin:0 95px 0 0;
}

#winners-slider .block-winners ul li.two .right p.price {
font-size:19px;
color:#fff;
font-family: BebasNeueRegular;
text-transform:uppercase;
padding:0 0 0 0px;
position:absolute;
right:-60px;
top:0px;
}

#winners-slider .block-winners ul li.three .right {
height:52px;
background:url(../images/winner-graf3.png) no-repeat right 4px;
position:relative;
margin:0 133px 0 0;
}

#winners-slider .block-winners ul li.three .right p.price {
font-size:19px;
color:#fff;
font-family: BebasNeueRegular;
text-transform:uppercase;
padding:0 0 0 0px;
position:absolute;
right:-60px;
top:0px;
}

#winners-slider #slider-wrap {
margin:20px 0 0 550px;
height: 200px;
}

#winners-slider #slider {
width:100%;
height: 230px;
overflow: hidden;
position: relative;
}

#winners-slider .slide {
	width: 100%;
	height: 100%;
}

#winners-slider .sli-links {
	margin-top: 10px;
	text-align: left;
}

#winners-slider .sli-links .control-slide {
	margin: 0px 5px 0 0;
	display: inline-block;
	width: 14px;
	height: 14px;
	overflow: hidden;
	text-indent: -9999px;
	background:#a4a4a4;
}

#winners-slider .sli-links .control-slide:hover {
cursor: pointer;
background:#87d5f2;
}

#winners-slider .sli-links .control-slide.active {
background:#87d5f2;
}

#prewbutton, #nextbutton {
display:none;
}

#winners-slider .slide .name {
color:#fff;
font-family: BebasNeueRegular;
font-size:50px;
line-height:50px;
background:url(../images/polosa-slider-wrap-bg.png) repeat-x center bottom;
padding:0px 0 15px 0;
margin:0px 0 10px 0;
line-height:65px;
}

#winners-slider .slide .name span {
font-size:30px;
display:block;
}


#winners-slider .slide .text {
font-size:18px;
color:#c4cfd0;
font-family: Ptsansnarrow;
}

#news-block {
height:132px;
background:url(../images/news-block-bg.jpg) repeat-x top center;
border-top:10px #d7f0f9 solid;
}

#news-block .title {
background:url(../images/news-block-icon-title.png) no-repeat 0px 5px;
font-family: BebasNeueBold;
color:#fff;
text-transform:uppercase;
font-size:30px;
padding:0 0 0 35px;
float:left;
margin:25px 0 0 0;
}

#news-block .carousel  {
   width:100%;
}

#news-block .carousel-wrapper {
   overflow: hidden; 
   position:relative;
}

#news-block .carousel-items {
   width: 10000px;
   position: relative;
}

#news-block .carousel-block {
   float: left; 
   width: 245px;
   padding:0 0px 0 25px;
   margin:30px 0 0 0;
   position:relative;
}

#news-block .carousel-block:before {
content:"";
float:right;
display:block;
height:75px;
width:2px;
margin:0 0px 0 25px;
background:url(../images/news-block-li-bullet.png) no-repeat;
}

#news-block .carousel-block img{
	display:block;
}

#news-block .navigation {
border:2px #5ba5d2 solid;
float:left;
width:34px;
padding:1px 0 1px 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:30px 0 0 25px;
}

#news-block .carousel-button-left a, #news-block .carousel-button-right a {
   width: 16px; 
   height: 20px; 
   position: relative;
   cursor: pointer; 
   text-decoration:none;
}

#news-block .carousel-button-left a {
float: left; 
background: url(../images/news-block-slider-arrow.png) 0px 0px; 
}

#news-block .carousel-button-left a:hover {
background: url(../images/news-block-slider-arrow.png) 0px -20px;
}

#news-block .carousel-button-right a {
float: left;
background: url(../images/news-block-slider-arrow.png) 16px 0px;  
}

#news-block .carousel-button-right a:hover {
background: url(../images/news-block-slider-arrow.png) 16px -20px;  
}

#news-block .carousel-block img {
float:left;
width:55px;
height:55px;
max-height:55px;
}

#news-block .carousel-block .main {
margin-left:65px;
color:#fff;
}

#news-block .carousel-block .main .date {
font-size:12px;
font-family: Ptsansnarrow;
border:1px #fff solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:left;
padding:1px 4px;
}

#news-block .carousel-block .main .text {
padding:20px 0 0 0;
font-size:16px;
font-family: Ptsansnarrow;
}

#news-block .carousel-block .main .text a {
color:#fff;
text-decoration:none;
}

#news-block .carousel-block .main .text a:hover {
text-decoration:underline;
}

#block-rate {
height:210px;
background:#091d25;
position:relative;
border-top:10px #d7f0f9 solid;
}

#block-rate .graffic-bg {
height:210px;
overflow:hidden;
width:100%;
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
}

#block-rate .graffic-bg-shadow {
height:210px;
width:100%;
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
background-color: rgba(0, 0, 0, 0.7);
z-index:99;
}

#block-rate .block-width {
width:98%;
max-width:1237px;
padding:0 1%;
margin:0 auto;
position:relative;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:1000;
}

#block-rate .real-blog-noactive {
float:left;
width:255px;
margin:0px 0 0 0;
}

#block-rate .real-blog-noactive .amount {
height:114px;
background:url(../images/realblock-noactive-bg.png) no-repeat 7px 7px;
margin:15px 0 0 25px;
}

#block-rate .real-blog-noactive .amount p {
float:right;
color:#46626d;
font-family: BebasNeueBold;
font-size:18px;
}

#block-rate .real-blog-noactive .amount p span {
display:block;
font-size:24px;
font-family: Ptsansnarrow;
line-height:23px;
}

#block-rate .real-blog-noactive .button {
margin:2px 0 0 0;
}

#block-rate .real-blog-noactive .button input {
display:block;
width:150px;
height:41px;
border:0px;
background:url(../images/button-real-noactive.png) no-repeat;
color:#fff;
text-decoration:none;
text-align:center;
font-size:14px;
font-family: Ptsansnarrow;
text-transform:uppercase;
padding:0px 0 0 0; 
border:0px;
cursor:pointer;
}

#block-rate .real-blog-noactive:hover .amount, #block-rate .real-blog-noactive .active {
height:114px;
background:url(../images/realblock-active-bg.png) no-repeat 0 0px;
}

#block-rate .real-blog-noactive:hover .amount p, #block-rate .real-blog-noactive .active p {
color:#fff;
}

#block-rate .real-blog-noactive:hover .button input, #block-rate .real-blog-noactive input.active {
background:url(../images/button-real-noactive.png) no-repeat 0px -41px;
}

#block-rate .virtual-blog-noactive {
float:right;
width:260px;
margin:0px 0 0 0;
}

#block-rate .virtual-blog-noactive .amount {
width:267px;
height:114px;
background:url(../images/virtualblock-noactive-bg.png) no-repeat 0px 7px;
margin:15px 0px 0 -25px;
}

#block-rate .virtual-blog-noactive .amount p {
float:left;
color:#46626d;
font-family: BebasNeueBold;
font-size:18px;
}

#block-rate .virtual-blog-noactive .amount p span {
display:block;
font-size:24px;
font-family: Ptsansnarrow;
line-height:23px;
}

#block-rate .virtual-blog-noactive .button {
margin:2px 0 0 0;
float:right;
}

#block-rate .virtual-blog-noactive .button input {
display:block;
width:150px;
height:41px;
background:url(../images/button-virtual-noactive.png) no-repeat;
color:#fff;
text-decoration:none;
text-align:center;
font-size:14px;
font-family: Ptsansnarrow;
text-transform:uppercase;
padding:0px 0 0 0; 
border:0px;
cursor:pointer;
}

#block-rate .virtual-blog-noactive:hover .amount, #block-rate .virtual-blog-noactive .active {
width:267px;
height:114px;
background:url(../images/virtualblock-active-bg.png) no-repeat 0 0px;
}

#block-rate .virtual-blog-noactive:hover .amount p, #block-rate .virtual-blog-noactive .active p {
color:#fff;
}

#block-rate .virtual-blog-noactive:hover .button input, #block-rate .virtual-blog-noactive .button input.active {
background:url(../images/button-virtual-noactive.png) no-repeat 0px -41px;
}

#block-rate .center-block {
margin:0px 270px;
}

#block-rate .center-block  .form-block {
width:360px;
margin:0 auto;
text-align:center;
}

#block-rate .center-block  .form-block .title-form-demo {
font-size:42px;
color:#fff;
font-family: BebasNeueRegular;
text-align:center;
padding:20px 0 0 0;
-webkit-text-shadow: 0px 0px 20px rgba(102,205,80,0.9);
-moz-text-shadow: 0px 0px 20px rgba(102,205,80,0.9);
text-shadow: 0px 0px 20px rgba(102,205,80,0.9);
}

#block-rate .center-block  .form-block .title-form-real {
font-size:42px;
color:#fff;
font-family: BebasNeueRegular;
text-align:center;
padding:20px 0 0 0;
-webkit-text-shadow: 0px 0px 20px rgba(0,216,255,0.9);
-moz-text-shadow: 0px 0px 20px rgba(0,216,255,0.9);
text-shadow: 0px 0px 20px rgba(0,216,255,0.9);
}

#block-rate .center-block  .form-block .input-stavka-bg {
background:url(../images/input-stavka-bg.png) no-repeat;
width:231px;
height:67px;
margin:0 auto;
text-align:left;
}

#block-rate .center-block  .form-block .input-stavka {
width:200px;
height:35px;
margin:12px 0 0 12px;
}

#block-rate .center-block  .form-block .button-green {
display:block;
width:150px;
height:41px;
background:url(../images/button-virtual-noactive.png) no-repeat 0px -41px;
color:#fff;
text-decoration:none;
text-align:center;
font-size:14px;
font-family: Ptsansnarrow;
text-transform:uppercase;
padding:0px 0 0 0; 
border:0px;
cursor:pointer;
margin:0 auto;
}

#block-rate .center-block  .form-block .button-blue {
display:block;
width:150px;
height:41px;
background:url(../images/button-real-noactive.png) no-repeat 0px -41px;
color:#fff;
text-decoration:none;
text-align:center;
font-size:14px;
font-family: Ptsansnarrow;
text-transform:uppercase;
padding:0px 0 0 0; 
border:0px;
cursor:pointer;
margin:0 auto;
}














































#exchange-rates {
height:75px;
background:#091d25;
text-align:center;
width:100%;
overflow:hidden;
}

#panel-menu {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#233e4c+0,162e3b+100 */
background: #233e4c; /* Old browsers */
background: -moz-linear-gradient(top, #233e4c 0%, #162e3b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #233e4c 0%,#162e3b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #233e4c 0%,#162e3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233e4c', endColorstr='#162e3b',GradientType=0 ); /* IE6-9 */
padding:10px 0 0 0;
color:#fff;
}

#panel-menu #payb_main {
padding:10px 0;
}

#panel-menu #payb_main li {
cursor:pointer;
}

#panel-menu .fbutton {
display:block;
width:150px;
height:41px;
background:url(../images/button-virtual-noactive.png) no-repeat 0px -41px;
color:#fff;
text-decoration:none;
text-align:center;
font-size:14px;
font-family: Ptsansnarrow;
text-transform:uppercase;
padding:0px 0 0 0; 
border:0px;
cursor:pointer;


}

#panel-menu .main-title {
padding:10px 0;
}

#panel-menu .main-title .title-navigation {
font-size:18px;
float:left;
}

#panel-menu .main-title .title-balance {
float:right;
line-height: 18px;
}

#panel-menu .main-title .title-navigation a {
margin:0 10px 0 0;
}

#panel-menu a {
color:#fff;
}

#panel-menu li {
float:left;
padding:7px 0 0 0;
margin:0 3px 0 0;
}

#panel-menu li:last-child {
margin:0 0px 0 0;
}

#panel-menu .addbalance a {
display:block;
background:url(../images/panel-menu-li-1.png) no-repeat 0px 0px;
width:249px;
height:71px;
}

#panel-menu .addbalance a:hover {
background:url(../images/panel-menu-li-1.png) no-repeat 0px -71px;
}

#panel-menu .transfer a {
display:block;
background:url(../images/panel-menu-li-2.png) no-repeat 0px 0px;
width:249px;
height:71px;
}

#panel-menu .transfer a:hover {
background:url(../images/panel-menu-li-2.png) no-repeat 0px -71px;
}

#panel-menu .withdraw a {
display:block;
background:url(../images/panel-menu-li-3.png) no-repeat 0px 0px;
width:249px;
height:71px;
}

#panel-menu .withdraw a:hover {
background:url(../images/panel-menu-li-3.png) no-repeat 0px -71px;
}

#panel-menu .accounts a {
display:block;
background:url(../images/panel-menu-li-4.png) no-repeat 0px 0px;
width:249px;
height:71px;
}

#panel-menu .accounts a:hover {
background:url(../images/panel-menu-li-4.png) no-repeat 0px -71px;
}

#panel-menu .reports a {
display:block;
background:url(../images/panel-menu-li-5.png) no-repeat 0px 0px;
width:249px;
height:71px;
}

#panel-menu .reports a:hover {
background:url(../images/panel-menu-li-5.png) no-repeat 0px -71px;
}

#wrapper {
display:table;
width:100%;
margin:20px auto;
}

#wrapper .tr {
display:table-row;
}

#wrapper .container {
display:table-cell;
padding:0px 20px 0px 0;
vertical-align:top;
}

#wrapper .container .title-shortstory {
font-family: BebasNeueBold;
font-size:30px;
color:#2c89b0;
text-transform:uppercase;
margin:0 0 20px 0;
}

#wrapper .container .shortstory {
background:#fff;
padding:20px;
border-bottom:3px #bee4f0 solid;
margin:0 0 20px 0;
}

#wrapper .container .story {
background:#fff;
padding:20px;
border-bottom:3px #bee4f0 solid;
margin:0 0 20px 0;
color:#5c6467;
font-size:18px;
}

#wrapper .container .shortstory .main {
font-size:18px;
}

#wrapper .container .shortstory .main img {
margin:0 0 20px 0;
}

#wrapper .container .shortstory .shortstory-bottom {
height:41px;
margin:30px 0 0 0;
}

#wrapper .container .shortstory .shortstory-bottom p {
margin:15px 8px 0 0;
}

#wrapper .container .shortstory .shortstory-bottom .author {
padding:3px 20px 3px 38px;
background:#35add4 url(../images/icon-author.png) no-repeat 20px 7px;
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:15px;
color:#fff;
}

#wrapper .container .shortstory .shortstory-bottom .author a {
color:#fff;
text-decoration:none;
}

#wrapper .container .shortstory .shortstory-bottom .author a:hover {
text-decoration:underline;
}

#wrapper .container .shortstory .shortstory-bottom .rating-block {
padding:3px 10px 3px 10px;
background:#3db3da;
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:15px;
color:#fff;
}

#wrapper .container .shortstory .shortstory-bottom .date {
padding:4px 10px 4px 28px;
background:#43b9e0 url(../images/icon-date.png) no-repeat 10px 7px;
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:13px;
color:#fff;
}

#wrapper .container .shortstory .shortstory-bottom .category {
padding:3px 10px 3px 28px;
background:#4bbfe5 url(../images/icon-category.png) no-repeat 10px 7px;
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:15px;
color:#fff;
}

#wrapper .container .shortstory .shortstory-bottom .comment {
padding:4px 10px 4px 28px;
background:#53c5eb url(../images/icon-comment.png) no-repeat 10px 7px;
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:13px;
color:#fff;
}

#wrapper .container .shortstory .shortstory-bottom .views {
padding:4px 10px 4px 28px;
background:#53c5eb url(../images/icon-views.png) no-repeat 10px 7px;
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:13px;
color:#fff;
}

#wrapper .container .shortstory .shortstory-bottom span {
display:block;
float:right;
}

#wrapper .container .shortstory .shortstory-bottom span a {
display:block;
background:url(../images/shortstory-button-bg.png) no-repeat;
width:150px;
height:31px;
font-size:14px;
color:#fff;
text-transform:uppercase;
text-decoration:none;
text-align:center;
padding:10px 0 0 0;
}

#wrapper .container .shortstory .shortstory-bottom span a:hover {
opacity:.9;
}

#wrapper .sidebar {
display:table-cell;
width:275px;
padding:0px 0;
position:relative;
vertical-align:top;
}

#wrapper .sidebar .block {
background:#fff;
padding:20px;
border-bottom:3px #bee4f0 solid;
margin:0 0 20px 0;
}

#wrapper .sidebar .block div.title {
background:url(../images/about-us-icon-title.png) no-repeat left 7px;
font-family: BebasNeueBold;
font-size:30px;
color:#2c89b0;
text-transform:uppercase;
padding:0 0 0 30px;
margin:0 0 10px 0px;
}

#wrapper .sidebar .block .comment-block {

}

#wrapper .sidebar .block .comment-block li {
padding:0 0 0 30px;
background:url(../images/block-comment-icon.png) no-repeat 0px 0px;
margin:20px 0 0 0;
}

#wrapper .sidebar .block .comment-block li p {
font-size:18px;
color:#5c6467;
}

#wrapper .sidebar .block .comment-block li p a {
color:#050505;
text-decoration:none;
font-weight:bold;
}

#wrapper .sidebar .block .comment-block li p a:hover {
text-decoration:underline;
}

#wrapper .sidebar .block .tags-block {

}

#wrapper .sidebar .block .tags-block a {
text-decoration:none;
display:block;
padding:3px 10px;
background:#e1e4e6;
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:16px;
color:#5c6467;
margin:0 9px 9px 0;
}

#wrapper .sidebar .block .tags-block a:hover {
background:#5fcdf2;
color:#fff;
}

#wrapper .container .navigation-page {
background:#fff;
padding:20px;
border-bottom:3px #bee4f0 solid;
margin:0 0 20px 0;
}

#wrapper .container .navigation-page a {
background:#3db3da;
text-decoration:none;
color:#fff;
font-size:16px;
padding:7px 13px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin:0 4px 0 0;
}

#wrapper .container .navigation-page span, #wrapper .container .navigation-page a:hover {
background:#ef5f5f;
text-decoration:none;
color:#fff;
font-size:16px;
padding:7px 13px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin:0 4px 0 0;
}

#wrapper .container .our-offers {
background:#fff;
padding:20px;
border-bottom:3px #bee4f0 solid;
margin:0 0 20px 0;
position:relative;
overflow:hidden;
}

#wrapper .container .our-offers .site-width {
width:100%;
max-width:920px;
padding:0 0px;
margin:0 auto;
position:relative;
}

#wrapper .container .our-offers div.title {
background:url(../images/about-us-icon-title.png) no-repeat left 7px;
font-family: BebasNeueBold;
font-size:30px;
color:#2c89b0;
text-transform:uppercase;
padding:0 0 0 30px;
margin:0 0 10px 0px;
}

#wrapper .container .our-offers .carousel  {
   width:100%;
   position:relative;
}

#wrapper .container .our-offers .carousel-wrapper {
   overflow: hidden; 
   position:relative;
}

#wrapper .container .our-offers .carousel-items {
   width: 10000px;
   position: relative;

}

#wrapper .container .our-offers .carousel-block {
   width: 30%;
   max-width:297px;
   float:left;
   padding:0 0px 0 0px;
   margin:0px 15px 0 0;
}

#wrapper .container .our-offers .carousel-block .img {
width:100%;
height:180px;
overflow:hidden;
}

#wrapper .container .our-offers .carousel-block img {
width:100%;
}

#wrapper .container .our-offers .carousel-block p {
margin:5px 0 0 0;
}

#wrapper .container .our-offers .carousel-block p a {
font-size:21px;
color:#2c89b0;
text-decoration:none;
}

#wrapper .container .our-offers .carousel-block p a:hover {
color:#ef5f5f;
}

#wrapper .container .our-offers .navigation {
position:absolute;
right:0px;
top:-35px;
width:54px;
z-index:1002;

}

#wrapper .container .our-offers .carousel-button-left a, #wrapper .container .our-offers .carousel-button-right a {
   width: 23px; 
   height: 23px; 
   position: relative;
   cursor: pointer; 
   text-decoration:none;
   margin:0 2px;
}

#wrapper .container .our-offers .navigation .carousel-button-left a {
float: left; 
background: url(../images/our-offers-arrows.jpg) 0px 0px; 
}

#wrapper .container .our-offers .navigation .carousel-button-left a:hover {
opacity:.9;
}

#wrapper .container .our-offers .carousel-button-right a {
float: left;
background: url(../images/our-offers-arrows.jpg) -23px 0px;  
}

#wrapper .container .our-offers .carousel-button-right a:hover {
opacity:.9;  
}

footer {
background:#14313e;
padding:35px 0 20px 0;
-webkit-box-shadow: inset 0px 9px 20px 0px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0px 9px 20px 0px rgba(0,0,0,0.25);
box-shadow: inset 0px 9px 20px 0px rgba(0,0,0,0.25);
}

footer .logo {
color:#fff;
font-size:14px;
float:left;
width:20%;
}

footer .logo p {
margin:5px 0 0 0;
}

footer .news {
float:left;
width:20%;
}

footer .support {
float:left;
width:15%;
}

footer .clients {
float:left;
width:25%;
}

footer .social {
float:left;
width:20%;
}

footer .block .name {
font-size:18px;
color:#fff;
font-family: BebasNeueBold; 
padding:0 0 0 10px;
}

footer .block ul {

}

footer .block ul li {
background:url(../images/footer-li-arrow.png) no-repeat 0px 8px;
padding:0 0 0 10px;
margin:7px 0 0px 0;
}

footer .block ul li a {
color:#2c89b0;
font-size:16px;
text-decoration:none;
}

footer .block ul li a:hover {
color:#ef5f5f;
}

footer .social a {
display:block;
width:33px;
height:33px;
background:url(../images/footer-social.png) no-repeat;
float:left;
margin:15px 3px;
}

footer .social a.ok {
background-position:0px 0px;
}

footer .social a.ok:hover {
background-position:0px -33px;
}

footer .social a.vk {
background-position:-33px 0px;
}

footer .social a.vk:hover {
background-position:-33px -33px;
}

footer .social a.twitter {
background-position:-66px 0px;
}

footer .social a.twitter:hover {
background-position:-66px -33px;
}

footer .social a.google {
background-position:-99px 0px;
}

footer .social a.google:hover {
background-position:-98px -33px;
}

footer .social a.facebook {
background-position:-132px 0px;
}

footer .social a.facebook:hover {
background-position:-132px -33px;
}

footer .bottom-counter {
margin:55px 0 0 0;
}

footer .bottom-counter .cart {
float:left;
}

footer .bottom-counter .cart a {
float:left;
display:block;
margin:0 6px 0 0;
}

footer .bottom-counter .counter {
float:right;
}

footer .bottom-counter .counter img {
margin:30px 4px 0 4px;
}


/* --- �?конки --- */
.icon {
	display: inline-block;
	width: 1em; height: 1em;
	fill: #ff485b;
	vertical-align: middle;
}
	.icon-logo { width: 42px; height: 42px; }
	.icon-ca { width: 25px; height: 25px; }
	.icon-arrow_down { width: 13px; height: 13px; }
	.icon-arrow_left { width: 13px; height: 13px; }
	.icon-arrow_right { width: 13px; height: 13px; }
	.icon-fav { width: 15px; height: 14px; }
	.icon-like { width: 13px; height: 11px; }
	.icon-meta_date { width: 17px; height: 17px; }
	.icon-meta_reply { width: 13px; height: 13px; }
	.icon-meta_views { width: 17px; height: 17px; }
	.icon-meta_cat { width: 17px; height: 17px; }
	.icon-meta_user { width: 15px; height: 16px; }
	.icon-meta_coms { width: 17px; height: 17px; }
	.icon-meta_mail { width: 19px; height: 15px; }
	.icon-compl { width: 13px; height: 13px; }
	.icon-cross { width: 13px; height: 13px; }
	.icon-next, .icon-prev { width: 23px; height: 23px; }
	.icon-search, .icon-login { width: 20px; height: 19px; }
	.icon-sort, .icon-speedbar, .icon-meta_pages { width: 29px; height: 30px; }
	.icon-login { width: 19px; height: 19px; }
	.icon-tags { width: 17px; height: 17px; }

	.icon-vk { width: 10px; height: 1em; }
	.icon-tw { width: 14px; height: 1em; }
	.icon-fb { width: 8px; height: 1em; }
	.icon-gp { width: 18px; height: 1em; }
	.icon-ya { width: 7px; height: 1em; }
	.icon-od { width: 10px; height: 1em; }
	.icon-mail { width: 16px; height: 1em; }


		/* Соц.сети */
		.soc_links {
			float: left;
			display: flex;
			justify-content: space-between;
			padding: 1px;
			margin: 0px 0 20px 0;
		}
			.soc_links > a {
				display: inline-block;
				width: 31px; height: 31px; line-height: 31px;
				border-radius: 50%;
				background-color: #293239;
				text-align: center;
				margin-left: 6px;
				opacity: .5;
				-webkit-transition: all ease .1s; transition: all ease .1s;
			}
			.soc_links > a:hover { opacity: 1; }
			.soc_links > a > .icon { fill: #fff; vertical-align: middle; margin: -3px 0 0 0; }

			.soc_vk:hover { background-color: #5486ca; }
			.soc_tw:hover { background-color: #60bbf5; }
			.soc_fb:hover { background-color: #4268ca; }
			.soc_gp:hover { background-color: #de553a; }
			.soc_ya:hover { background-color: #ff0000; }
			.soc_od:hover { background-color: #ff7800; }
			.soc_mail:hover { background-color: #006cff; }






#login-block {
display:none;
}

#login-block .popup-bg, #popup-block-stavka .popup-bg, , #popup-block-stavka2 .popup-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 16px;
background-color: rgba(0, 20, 28, 0.92);
z-index: 99999999;
overflow: auto;
}

#popup-block-stavka .block, #popup-block-stavka2 .block  {
background:#25637c;
width:400px;
min-height:100px;
position:fixed;
top:50%;
left:50%;
margin:-50px 0px 0px -200px;
z-index:99999999999;
-moz-box-shadow: 0 0 10px rgba(114,230,255,0.59);
-webkit-box-shadow: 0 0 10px rgba(114,230,255,0.59);
box-shadow: 0 0 10px rgba(114,230,255,0.59);
}

#login-block .block {
background:#25637c;
width:400px;
position:fixed;
top:10%;
left:50%;
margin:0px 0px 0px -200px;
z-index:99999999999;
-moz-box-shadow: 0 0 10px rgba(114,230,255,0.59);
-webkit-box-shadow: 0 0 10px rgba(114,230,255,0.59);
box-shadow: 0 0 10px rgba(114,230,255,0.59);
}

#login-block .block .position, #popup-block-stavka .block .position, #popup-block-stavka2 .block .position {
position:relative;
padding:20px 30px;
background:#25637c;
color:#fff;
}

#login-block .block .position a, #popup-block-stavka .block a, #popup-block-stavka2 .block a {
color:#88cee9;
font-size:18px;
text-decoration:none;
}

#login-block .block .position a:hover {
text-decoration:underline;
}

#login-block .block .position label {
color:#88cee9;
font-size:18px;
}

#login-block .block .position input {
margin:0 0 15px 0;
}

#login-block .block .position .soc_links {
margin:15px 0 0 0;
}

#wrapper .container h1 {
font-family: BebasNeueBold;
font-size:36px;
color:#2c89b0;
text-transform:uppercase;
margin:0 0 20px 0;
}

#wrapper .container h2 {
font-family: BebasNeueBold;
font-size:30px;
color:#2c89b0;
text-transform:uppercase;
margin:0 0 20px 0;
}

#wrapper .container .fullstory .title-block {
    background: url(../images/about-us-icon-title.png) no-repeat left 7px;
    font-family: BebasNeueBold;
    font-size: 30px;
    color: #2c89b0;
    text-transform: uppercase;
    padding: 0 0 0 30px;
    margin: 0 0 10px 0px;
}

#wrapper .container .fullstory {
background:#fff;
padding:20px;
border-bottom:3px #bee4f0 solid;
margin:0 0 20px 0;
}

#wrapper .container .fullstory .main {
font-size:18px;
}

#wrapper .container .fullstory .main img {
margin:0 0 20px 0;
max-width:100%;
}

#wrapper .container .fullstory .fullstory-bottom {
height:41px;
margin:30px 0 0 0;
}

#wrapper .container .fullstory .fullstory-bottom p {
margin:15px 8px 0 0;
}

#wrapper .container .fullstory .fullstory-bottom .author {
padding:3px 20px 3px 38px;
background:#35add4 url(../images/icon-author.png) no-repeat 20px 7px;
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:15px;
color:#fff;
}

#wrapper .container .fullstory .fullstory-bottom .author a {
color:#fff;
text-decoration:none;
}

#wrapper .container .fullstory .fullstory-bottom .author a:hover {
text-decoration:underline;
}

#wrapper .container .fullstory .fullstory-bottom .rating-block {
padding:3px 10px 3px 10px;
background:#3db3da;
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:15px;
color:#fff;
}

#wrapper .container .fullstory .fullstory-bottom .date {
padding:4px 10px 4px 28px;
background:#43b9e0 url(../images/icon-date.png) no-repeat 10px 7px;
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:13px;
color:#fff;
}

#wrapper .container .fullstory .fullstory-bottom .category {
padding:3px 10px 3px 28px;
background:#4bbfe5 url(../images/icon-category.png) no-repeat 10px 7px;
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:15px;
color:#fff;
}

#wrapper .container .fullstory .fullstory-bottom .comment {
padding:4px 10px 4px 28px;
background:#53c5eb url(../images/icon-comment.png) no-repeat 10px 7px;
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:13px;
color:#fff;
}

#wrapper .container .fullstory .fullstory-bottom .views {
padding:4px 10px 4px 28px;
background:#53c5eb url(../images/icon-views.png) no-repeat 10px 7px;
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:13px;
color:#fff;
}

#wrapper .container .fullstory .comment-blocks {
margin:50px 0 0 0;
}

#wrapper .container .fullstory .comment-blocks .li-comment {
border-bottom:1px #eaf0f3 solid;
padding:5px 0;
margin:10px 0 0 0;
}

#wrapper .container .fullstory .comment-blocks .li-comment .ava {
float:left;
width:80px;
}

#wrapper .container .fullstory .comment-blocks .li-comment .ava img {
width:80px;
}

#wrapper .container .fullstory .comment-blocks .li-comment .comm-right {
margin:0 0 0 90px;
}

#wrapper .container .fullstory .comment-blocks .li-comment .comm-right .top-comm {
height:20px;
font-family: Ptsansnarrow;
}

#wrapper .container .fullstory .comment-blocks .li-comment .comm-right .top-comm .name {
float:left;
font-size:16px;
color:#2c89b0;
}

#wrapper .container .fullstory .comment-blocks .li-comment .comm-right .top-comm .name a {
font-size:16px;
color:#2c89b0;
text-decoration:none;
}

#wrapper .container .fullstory .comment-blocks .li-comment .comm-right .top-comm .name a:hover {
text-decoration:underline;
}

#wrapper .container .fullstory .comment-blocks .li-comment .comm-right .top-comm .date {
float:right;
font-size:14px;
color:#666666;
}

#wrapper .container .fullstory .comment-blocks .li-comment .comm-right .main-comm {

}

#wrapper .container .fullstory .comment-blocks .li-comment .bottom {
margin:10px 0 0 0;
}

#wrapper .container .fullstory .comment-blocks .li-comment .bottom p {
float:left;
margin:0 30px 0 0;
}

#wrapper .container .fullstory .comment-blocks .li-comment .bottom .icon1 {
background:url(../images/quote-comm-icon.png) no-repeat left 4px;
padding:0 0 0 25px;
}

#wrapper .container .fullstory .comment-blocks .li-comment .bottom .icon2 {
background:url(../images/otvet-comm-icon.png) no-repeat left 4px;
padding:0 0 0 20px;
}

#wrapper .container .fullstory .comment-blocks .li-comment .bottom .icon3 {
background:url(../images/evil-comm-icon.png) no-repeat left 4px;
padding:0 0 0 15px;
}

#wrapper .container .fullstory .comment-blocks .li-comment .bottom p a {
color:#9a9a9a;
font-size:16px;
font-family: Ptsansnarrow;
text-decoration:none;
}

#wrapper .container .fullstory .comment-blocks .li-comment .bottom p a:hover {
text-decoration:underline;
}

.addcomments_form {
background:#ebf1f4;
padding:20px;
}

.addcomments_form .combo_field {
margin:0 0 20px 0;
}

.addcomments_form .g-recaptcha {
float:left;
margin:10px 0 0 0;
}

.addcomments_form .button {
float:right;
    display: block;
    width: 170px;
    height: 41px;
    background: url(../images/btn-bg.jpg) repeat-x 0px -41px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-family: Ptsansnarrow;
    text-transform: uppercase;
    padding: 0px 0 0 0;
    border: 0px;
    cursor: pointer;
    margin:20px 0 0 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

#wrapper .container .wrapper-block {
background:#fff;
padding:20px;
border-bottom:3px #bee4f0 solid;
margin:0 0 20px 0;
}

#wrapper .container .ui-form input {
margin:0 0 20px 0;
}

#wrapper .container .ui-form select {
margin:0 0 20px 0;
}

.login_check {
margin:0 0 20px 0;
}

.login_check input {
float:left !important;
width:80% !important;
}

.login_check button {
float:right  !important;
width:20% !important;
}

#wrapper .container .button {
margin:20px 0 0 0;
}

.group5-bg-stavka {
height:347px;
margin:10px 0 0 0;
background:url(../images/group5-bg-stavka.jpg) no-repeat top center;
}

.form_submit .button {
margin:15px 0 0 0;
}

#pm-menu a {
float:left;
    display: block;
    width: 150px;
    height: 31px;
    padding:10px 0 0 0;
    background: url(../images/button-real-noactive.png) no-repeat 0px -41px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-family: Ptsansnarrow;
    text-transform: uppercase;
    border: 0px;
    cursor: pointer;
    margin:0px 10px 0 0;
}

.block-allpage {
margin:20px 0 0 0;
}

.popular-news {
margin:0 0 25px 0;
}

.popular-news img {
width:100%;
max-height:145px;
}

.popular-news a {
display:block;
font-size:18px;
color:#259af4;
text-decoration:none;
font-family: Ptsansnarrow;
margin:5px 0 0 0;
}

.popular-news a:hover {
color:#ef5f5f;
}



.com_tools a {
margin:0 5px;
padding:0 0 0 10px;
}







/* --- Страница пользователя --- */
.userinfo_top { position: relative; }
	.userinfo_top:after { clear: both; display: block; content: ""; }
	.userinfo_top .avatar {
		float: left;
		margin: 0 30px 0 0;
		padding: 6px;
		border: 1px solid #d7d9db;
		border-radius: 50%;
	}
	.userinfo_status { margin: -1em 0 1.2em 0; font-size: .9em; }

	.user_tab {
		list-style: none; padding: 0; margin: 0;
		display: inline-block;
		}
		.user_tab:after { clear: both; display: block; content: ""; }
		.user_tab > li { float: left;     margin: 0 10px 0 0;  }
		.user_tab > li:first-child > a { border-left-width: 0; }
		.user_tab > li > a {
    display: block;
    width: 150px;
    height: 31px;
    background: url(../images/button-real-noactive.png) no-repeat 0px -41px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-family: Ptsansnarrow;
    text-transform: uppercase;
    padding: 10px 0 0 0;
    border: 0px;
    cursor: pointer;
		}
		.user_tab > li.active > a { color:#000; }

		.usinf { list-style: none; padding: 0; margin: 0; } 
		.usinf > li { padding: 12px 0; border-top: 1px solid #eceded; }
		.usinf > li:first-child { border-top-width: 0; }

		.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
		.ui-c1 { width: 30%; margin-right: 5%; }
		.ui-c2 { width: 60%; }

	/* Окно пользователя */
	.dle-popup-userprofile .ui-dialog-content { padding: 0; }
		.popup_userinfo_top { background-color: #f4f6f7; padding: 5px; text-align: center; }
		.popup_userinfo_top .avatar { vertical-align: top; border-radius: 50%; }
		.popup_userinfo_top .avatar .cover {
			display: block;
			width: 80px; height: 80px;
			border: 6px solid #fff;
                background-size: cover;
		}
		.popup_userinfo.useronline .avatar { border-color: #95c00e; }
		.popup_userinfo > ul { list-style: none; padding: 0; margin: 0; }

		.popup_userinfo .usinf { padding: 0px 20px; font-size: .9em; }

/* --- Статистика --- */
.stats_head > ul { list-style: none; padding: 0; margin: 0; font-size: 1.1em; }
	.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
	.stats_head > ul > li:before {
		content: "";
		float: left;
		margin: 2px 0 0 -30px;
		width: 16px; height: 16px;
		border-radius: 50%;
		background-color:  #ee2a4f;
	}
	.stats_head > ul > li > b {
		display: block;
		font-size: .8em;
		opacity: .5;
		font-weight: normal;
	}
	.stats_head > ul > li.stats_d:before { background-color: #ffb027; }
	.stats_head > ul > li.stats_w:before { background-color: #ff5a3a; }
	
	.stat_group { margin-bottom: 25px; }
	.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
	.stat_group > ul { list-style: none; padding: 0; margin: 0; }
	.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }

/* --- Страница поиска --- */
.searchpage { border-bottom: 3px dotted #eceded; padding-bottom: 50px; margin-bottom: 0; }
	.search_head_line .head { margin-bottom: .8em; }
	.search_result_num { font-size: .9em; margin: 25px 0 0; }
	.search table { width: 100%; border-spacing: 5px; border-collapse: separate; }
	#searchtable td, #searchtable td div, #searchtable table { margin: 0 !important; padding: 0 !important; }
		#searchtable td.search br { display: none; }
		td.search .bbcodes { margin: 0 !important; }
		td.search { vertical-align: top; }




/* --- Работа вкладок --- */
.tab-content > .tab-pane { display: none; }
	.tab-content > .active { display: block; }



.mobile-menu {
display:none;
}

.pm_status {
margin:20px 0 0 0;
}


@media screen and (max-width:1270px) {
#wrapper .container .our-offers {
display:none;
}

#winners-slider #slider-wrap {
margin:20px 0 0 450px;
height: 200px;
}

#panel-menu {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#233e4c+0,162e3b+100 */
background: #233e4c; /* Old browsers */
background: -moz-linear-gradient(top, #233e4c 0%, #162e3b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #233e4c 0%,#162e3b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #233e4c 0%,#162e3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233e4c', endColorstr='#162e3b',GradientType=0 ); /* IE6-9 */
padding:10px 2%;
color:#fff;
}


}


/*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  *//*  1000  */

@media screen and (max-width:1050px) {
#wrapper .container .our-offers {
display:none;
}

#topblock ul.topmenu li {
float:left;
height:40px;
padding:17px 5px 0 5px;
position:relative;
}

#wrapper .container .shortstory .shortstory-bottom {
height:auto;
margin:30px 0 0 0;
}

#wrapper .container .shortstory .shortstory-bottom span {
display:block;
float:left;
margin:10px 0 0 0;
}

#winners-slider .slide .name {
color:#fff;
font-family: BebasNeueRegular;
font-size:40px;
line-height:50px;
background:url(../images/polosa-slider-wrap-bg.png) repeat-x center bottom;
padding:0px 0 15px 0;
margin:0px 0 10px 0;
line-height:normal;
}



#block-rate {
height:auto;
background:#091d25;
position:relative;
border-top:10px #d7f0f9 solid;
}

#block-rate .block-width {
width:96%;
max-width:1237px;
padding:0 2%;
margin:0 auto;
position:relative;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:1000;
}

#block-rate .graffic-bg {
height:auto;
overflow:hidden;
width:100%;
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
}

#block-rate .graffic-bg-shadow {
height:100%;
width:100%;
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
background-color: rgba(0, 0, 0, 0.7);
z-index:99;
}

#block-rate .real-blog-noactive {
float:left;
width:255px;
margin:0px 0 0 0;
}

#block-rate .virtual-blog-noactive {
float:right;
width:260px;
margin:0px 0 0 0;
}

#block-rate .center-block {
margin:0px 0px 0px 0;
padding:0 0 20px 0;
clear:both;
}


}



/*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 *//*  910 */

@media screen and (max-width:910px) {

#mobile-menu {
display:none;
position:absolute;
top:0px;
left:55px;
background:url(../images/topmenu-bg.jpg);
z-index:99999999999;
}

.mobile-menu {
display:block;
padding:15px 0 0 0;
float:left;
position:relative;
}

.mobile-menu a {
display:block;
background:url(../images/mobile-menu.png) no-repeat;
width:38px;
height:30px;
}

#topblock .logo {
display:block;
width:119px;
height:72px;
background:url(../images/logo.png) no-repeat;
float:left;
margin:5px 0 0 20%;
}

#topblock .foto {
display:block;
width:72px;
height:72px;
float:left;
margin:5px 0 0 20%;
-webkit-border-radius: 125px;
-moz-border-radius: 125px;
border-radius: 125px;
overflow:hidden;
}

#wrapper .container .shortstory .main img {
max-width:100%;
}

#wrapper .container .shortstory .main h2 img {
max-width:100%;
}

#winners-slider {
margin:-20px 0 0 0;
height:auto;
background:url(../images/winners-slider-bg-mobile.jpg) repeat-y bottom center;
padding:1px 0 0 0;
}

#winners-slider .block-winners {
float:none;
background-color: rgba(255, 255, 255, 0.13);
height:200px;
width:94%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:55px 0 0 0;
position:relative;
padding:45px 3% 0 3%;
}

#winners-slider #slider-wrap {
margin:20px 0 0px 0px;
width:100%;
height: auto;
padding:0 0 20px 0;
}

}


/*  700 *//*  700 *//*  700 *//*  700 *//*  700 *//*  700 *//*  700 *//*  700 *//*  700 *//*  700 *//*  700 *//*  700 *//*  700 *//*  700 *//*  700 *//*  700 */
@media screen and (max-width:700px) {


#wrapper .container {
display:block;
width:98%;
padding:0px 0px 0px 0;
margin:0 1%;
vertical-align:top;
}

#wrapper .sidebar {
display:block;
width:98%;
padding:0px 0px 0px 0;
margin:0 1%;
position:relative;
vertical-align:top;
}

.popular-news img {
width:auto;
max-width:100%;
max-height:none;
}

.popular-news {
margin:0 0 25px 0;
text-align:center;
}

footer .logo {
color:#fff;
font-size:14px;
float:none;
width:100%;
text-align:center;
margin:0 0 20px 0;
}

footer .news {
float:none;
width:100%;
text-align:center;
margin:0 0 20px 0;
}

footer .support {
float:none;
width:100%;
text-align:center;
margin:0 0 20px 0;
}

footer .clients {
float:none;
width:100%;
text-align:center;
margin:0 0 20px 0;
}

footer .social {
float:none;
width:100%;
text-align:center;
}

footer .bottom-counter .counter {
float:none;
width:100%;
}

footer .bottom-counter .cart {
float:none;
text-align:center;
}

footer .bottom-counter .cart a {
float:none;
display:inline;
margin:0 6px 0 0;
}

}






/*  600 *//*  600 *//*  600 *//*  600 *//*  600 *//*  600 *//*  600 *//*  600 *//*  600 *//*  600 *//*  600 *//*  600 *//*  600 *//*  600 */
@media screen and (max-width:600px) {

#mobile-menu {
display:none;
position:absolute;
top:50px;
left:10px;
background:#2c89b0;
padding:5px 0;
z-index:99999999999;
}

#topblock .logo {
display:block;
width:119px;
height:72px;
background:url(../images/logo.png) no-repeat;
float:left;
margin:5px 0 0 10%;
}

#topblock .foto {
display:block;
width:72px;
height:72px;
float:left;
margin:5px 0 0 10%;
-webkit-border-radius: 125px;
-moz-border-radius: 125px;
border-radius: 125px;
overflow:hidden;
}

#topblock ul.topmenu li {
float:none;
height:auto;
padding:5px 15px;
position:relative;
}

#topblock ul.topmenu p {
display:none;
}

#topblock ul.topmenu li:hover {
background:none;
}


#topblock ul.topmenu li a:hover {
text-decoration:underline;
}

#topblock ul.topmenu li .submenu, #topblock ul.topmenu li:hover .submenu {
display:none;
}


#topblock ul.topmenu li a {
font-size:16px;
}


#winners-slider .slide .name {
color:#fff;
font-family: BebasNeueRegular;
font-size:25px;
line-height:50px;
background:url(../images/polosa-slider-wrap-bg.png) repeat-x center bottom;
padding:0px 0 15px 0;
margin:0px 0 10px 0;
line-height:normal;
}

#panel-menu li {
float:none;
padding:7px 0 0 0;
margin:0 auto;
}

#panel-menu li:last-child {
margin:0 auto;
}

#panel-menu .addbalance a {
display:block;
background:url(../images/panel-menu-li-1.png) no-repeat 0px 0px;
width:249px;
height:71px;
margin:0 auto;
}

#panel-menu .transfer a {
display:block;
background:url(../images/panel-menu-li-2.png) no-repeat 0px 0px;
width:249px;
height:71px;
margin:0 auto;
}

#panel-menu .withdraw a {
display:block;
background:url(../images/panel-menu-li-3.png) no-repeat 0px 0px;
width:249px;
height:71px;
margin:0 auto;
}

#panel-menu .accounts a {
display:block;
background:url(../images/panel-menu-li-4.png) no-repeat 0px 0px;
width:249px;
height:71px;
margin:0 auto;
}

#panel-menu .reports a {
display:block;
background:url(../images/panel-menu-li-5.png) no-repeat 0px 0px;
width:249px;
height:71px;
margin:0 auto;
}


#block-rate .real-blog-noactive {
float:none;
width:255px;
margin:10px auto;
}

#block-rate .virtual-blog-noactive {
float:none;
width:260px;
margin:10px auto;
}

#block-rate .center-block {
margin:0px auto;
padding:0 0 20px 0;
clear:both;
}

#wrapper .container .fullstory .main img {
margin:0 0 20px 0;
width:100%;
}


}



@media screen and (max-width:530px) {
#topblock .logo {
display:none;
}

#topblock .foto {
display:none;
}

#topblock {
height:auto;
padding:0 0 10px 0;
background:url(../images/topmenu-bg-mobile.jpg) bottom center;
}













#wrapper .container .shortstory .shortstory-bottom p {
margin:15px 8px 0 0;
}

#wrapper .container .shortstory .shortstory-bottom .author {
float:none;
}

#wrapper .container .shortstory .shortstory-bottom .rating-block {
float:none;
}

#wrapper .container .shortstory .shortstory-bottom .date {
float:none;
}

#wrapper .container .shortstory .shortstory-bottom .category {
float:none;
}

#wrapper .container .shortstory .shortstory-bottom .comment {
float:none;
}

#wrapper .container .shortstory .shortstory-bottom .views {
float:none;
}

#wrapper .container .shortstory .shortstory-bottom span {
float:none;
text-align:center;
}

#wrapper .container .shortstory .shortstory-bottom span a {
margin:0 auto;
}

}




@media screen and (max-width:400px) {

#topblock {
height:auto;
padding:0 0 10px 0;
background:url(../images/topmenu-bg-mobile.jpg) bottom;
}


#topblock .logo {
display:block;
width:119px;
height:72px;
background:url(../images/logo.png) no-repeat;
float:none;
margin:0px auto;
padding:10px 0 0 0;
}

#topblock .foto {
display:block;
width:72px;
height:72px;
float:none;
margin:0px auto;
padding:10px 0 0 0;
-webkit-border-radius: 125px;
-moz-border-radius: 125px;
border-radius: 125px;
overflow:hidden;
}

#block-rate .center-block  .form-block {
width:100%;
margin:0 auto;
text-align:center;
}


#block-rate .center-block  .form-block .title-form-demo {
font-size:32px;
color:#fff;
font-family: BebasNeueRegular;
text-align:center;
padding:20px 0 0 0;
-webkit-text-shadow: 0px 0px 20px rgba(102,205,80,0.9);
-moz-text-shadow: 0px 0px 20px rgba(102,205,80,0.9);
text-shadow: 0px 0px 20px rgba(102,205,80,0.9);
}

#block-rate .center-block  .form-block .title-form-real {
font-size:32px;
color:#fff;
font-family: BebasNeueRegular;
text-align:center;
padding:20px 0 0 0;
-webkit-text-shadow: 0px 0px 20px rgba(0,216,255,0.9);
-moz-text-shadow: 0px 0px 20px rgba(0,216,255,0.9);
text-shadow: 0px 0px 20px rgba(0,216,255,0.9);
}


}



@media screen and (max-width:355px) {

#topblock .button-block {
float:none;
margin:0 auto;
}


#topblock .button-block .login-panel {
display:block;
float:none;
clear:both;
height:37px;
background:url(../images/bg-panel-login.jpg) repeat-x;
margin:5px auto;
padding:5px 10px;
text-decoration:none;
color:#374f5a;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align:center;
}

#topblock .button-block .login-panel-exit {
display:block;
clear:both;
float:none;
height:37px;
background:url(../images/bg-panel-login2.jpg) repeat-x;
margin:15px auto 0 auto;
padding:5px 10px;
text-decoration:none;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align:center;
}

#topblock .button-block .message {
width:42px;
height:37px;
background:url(../images/message-icon.png) no-repeat;
float:none;
margin:0px auto 10px auto;
position:relative;
display:block;
clear:both;
}

}



.sidebar {
 overflow:hidden;
 width: 233px;
 height:234px;
 }

.sidebar img {
 -moz-transition: all 0.5s ease-out;
 -o-transition: all 0.5s ease-out;
 -webkit-transition: all 0.5s ease-out;
 }
 
.sidebar img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }




/*��������� ����*/
#bg_popup{
position: fixed;
z-index: 99999;
background: rgba(0, 0, 0, 0.8);
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;}
   
#popup {
background:#fff;
width: 350px;
margin: 25% auto;
padding: 5px 20px;
position: relative;}
   
.close{
display:block;
position:absolute;
top:5px;
right:5px;
width:20px;
height:20px;
color:#555;
background:#1BA600;
cursor:pointer;}

.modalka{
    display: none;
    position:fixed;
    background-color: #fff;
    z-index: 999999;
    opacity: 0;
    top:30%;
    width:236px;
    right:0;
    height:auto;  
    padding: 20px 10px;
}
.modalka .content{
    height:auto;
}
.float-right{
    float:right;
}