﻿@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,cyrillic-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500&subset=latin,cyrillic);
@font-face {
font-family: 'HelveticaNeueCyrRoman';
src: url('../fonts/HelveticaNeueCyrRoman.eot');
src: url('../fonts/HelveticaNeueCyrRoman.eot') format('embedded-opentype'),
url('../fonts/HelveticaNeueCyrRoman.woff2') format('woff2'),
url('../fonts/HelveticaNeueCyrRoman.woff') format('woff'),
url('../fonts/HelveticaNeueCyrRoman.ttf') format('truetype'),
url('../fonts/HelveticaNeueCyrRoman.svg#HelveticaNeueCyrRoman') format('svg');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "futurafuturisc";
src:url("../fonts/futurafuturisc.woff") format("woff"),
url("../fonts/futurafuturisc.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "futurafuturisc-bold";
src:url("../fonts/futurafuturisc-bold.woff") format("woff"),
url("../fonts/futurafuturisc-bold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}

::-webkit-scrollbar
{
width: 5px;
height: 0px;
}
::-webkit-scrollbar-track-piece
{
background-color: #191919;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:vertical
{
height: 5px;
background-color: #252525;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:horizontal
{
width: 7px;
background-color: #252525;
-webkit-border-radius: 3px;
}
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body{
margin: 0;
padding: 0;
background:#212737;
background-repeat: no-repeat; background-position: center top;
font-family: "futurafuturisc", arial;
}
a {text-decoration:none;color: #f8f8f8;}
a:hover {color: #3498db}
::selection {
background: #e74c3c;
color: #FFF;
text-shadow:1px 1px 0px rgba(0,0,0,.3);
}
.container{
max-width: 1100px;
margin:0 auto;
}
.container-content {
float: left;
width: 100%;
margin-top: 0px;
background:#151c26;
}
.container-content-head{
float: left;
width: 100%;
}
header {
float: left;width: 100%;background:#ff1e07;padding-bottom: 2px;
}
.pheading h2 {padding-left: 16px;}
h1,h2,h3,h4,h5,h6 {color: #Fff;}
b {color: #fff;}
p {color: #fff;}
.dpad{color: #fff; padding: 10px;}
.logo-head{
float: left;
max-width: 250px;
margin-top: 5px;
margin-left: 25px;
}
.slider-big-block{
width: 100%;
margin-top: 0px;
float: left;
}
.block-title-slide {
width: 100%;
height: 100%;
background-color: rgba(1, 1, 1, 0.7);
padding: 15px 0px 15px 0px;
position: absolute;
color: #fff;
font-family: 'Open Sans Light',sans-serif;
font-size: 20px;
}
.title-slide-text{
color: #fff;
padding: 0px 10px 0px 10px;
text-align: center;
font-family: "Roboto Regular";
font-size: 22px;
}
.mini-image{
position: absolute;
width: 350px;
height: 260px;
left: 7%;
top: 16%;
overflow: hidden;
border: 2px solid #ff1e07;
}
.mini-image img {
width: 100%;
height: 250px;
}
.nav-block-up {
width: 100%;
float: left;
background: #292f40;
}
.nav-block {
width: 100%;
float: left;
border-top: 2px solid #32394e;
border-bottom: 2px solid #32394e;
background: #292f40;
}
.mainWrap{
width:100%;
float: left;
}
.navs a {text-decoration:none;}
.title{
  margin:100px 0 20px 0;
  text-align:center;
  color:#3E4156;
}
.back{
  text-align:center;
}
.navs{
  display:block;
  
}
.menu{
  display:block; 
  margin: 0px;
}
.menu li{
  display: inline-block;
  position: relative;
  z-index:100;
}
.menu li:first-child{
  margin-left:0;
}
.menu li a {
 font-size: 16px;
font-family:  "futurafuturisc" ,sans-serif;
 
  text-decoration:none;
  padding:11px;
  display:block;
  color:#ffffff;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border: none;
}
.menu li a:hover, 
.menu li:hover > a{
  color:#ffffff;
  background:#151c26;
  border: none;
}
.menu ul {
      font-size: 14px;
font-family:  'Open Sans Light',sans-serif;
  display: none;
  margin: 0;
  padding: 0;
  width: 150px;
  position: absolute;
  color: #fff;
  left: 0px;
  background: #292f40;
}
.menu ul li {
  display:block;
  float: none;
  background:none;
  margin:0;
  padding:0;
}
.menu ul li a {
  font-weight:normal;
  display:block;
    border-bottom: 1px solid #2e3235;
}
.menu ul li a:hover, .menu ul li:hover > a{
  background:#000;
  border-left:3px solid #ff1e07;
  color:#fff;
    border-bottom: 1px solid #000;
}
.menu li:hover > ul{
  display: block;
}
.menu ul ul {
  left: 149px;
  top: 0px;
}
.nav-bottoms{float: left;
width: 50px; height: 50px; margin-left: 40%;}
.mobile-menu{
  display:none;
  width:100%;
  height: 55px;
  color:#ffffff;
  text-transform:uppercase;
  font-weight:600;
}
.mobile-menu:hover{text-decoration:none;}
@media (min-width: 1000px) and (max-width: 1260px) {
.menu li a { font-size: 14px; padding: 8px;}
}
@media (min-width: 985px) and (max-width: 1070px) {
  .mainWrap{
    width:100%;
  }
  .menu ul {
    top:33px;
  }
  .menu li a{
    font-size:14px;
    padding:8px;
  }
}
@media (max-width: 984px) {
.nav-bottoms{float: right;
width: 50px;  margin-right: 47%; margin-top: 10px;margin-bottom: 10px;}
.nav-block {border: none;}
  .mainWrap{
    width:100%;
  }
  .menu{
    display:none;
  }
  .mobile-menu{
    display:block;
      margin-left:5px;
  }
  .navs{
    margin:0;
    margin-top: 20px;
    background:#151c26;
  }
  .menu li{
    display:block;
    margin:0;
  }
  .menu li a {
    background:#151c26;
    color:#fff;
    border-top:1px solid #151c26;
    
    margin-left: -34px;
  }
  .menu li a:hover, .menu li:hover > a{
    background:#1abc9c;
    color:#fff;
  
  }
  .menu ul {
    display:block;
    position:relative;
    top:0;
    left:0;
    width:100%;
  }
  .menu ul ul {
    left:0;
  }

}

@media (max-width: 480px) { 
  .mobile-menu{
    display:block;
  }
}
@media (max-width: 474px) {

  .mobile-menu{
    display:block;
    margin-top:0px;
  }
.nav-bottoms{float: left;
width: 50px; height: 50px; margin-left: 47%;}
}
@media (max-width: 375px) {
  .mobile-menu{
    display:block;
    margin-top:0px;
  }
.nav-bottoms{float: left;
width: 50px; height: 50px; margin-left: 42%;}
}
.title-mini{
left: 10%;
top: 25%;
position: absolute;
width: 70%;
}
.title-blocks-min {
font-family: "futurafuturisc",sans-serif;
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
}
.title-blocks-min  a {color: #ff1e07;}
.short-min {
margin-top: 15px;
font-family: "futurafuturisc",sans-serif;
font-size: 20px;
font-weight: lighter;
}
.load-file {
width: 180px;
text-align: center;
padding: 8px 8px 12px 8px;
font-family: "futurafuturisc",sans-serif;
font-size: 24px;
font-weight: lighter;
color: #fff;
border: 2px solid #ff1e07;
border-radius: 10px;
float: left;
margin-top: 25px;
transition: all 0.5s;
}
.load-file:hover{ background: #ff1e07; transition: all 0.5s;}
.short-slide-text{
color: #000;
font-family: 'Open Sans Light',sans-serif;
font-size: 14px;
padding: 10px 10px 0px 10px;
float: left;
}
.block-title-slide-sl {
width: 100%;
position: absolute;
color: #fff;
font-family: 'Open Sans Semibold',sans-serif;
font-size: 14px;
}
.sl-time-cent{
float: left;
margin-left: 43%;
margin-top: 10px;
}
.time-slide {
float: left;
width: 25px;
height: 25px;
}
.text-time-slide {
float: left;
font-size: 18px;
margin:1px 10px 0px 10px;
font-family: 'Open Sans Light', arial;
}

#options{margin-left: 10px; width: 100%;}
label {
line-height: 30px;
}
.label-1{
font-family: "futurafuturisc";
font-size: 14px;
color: #fff;
padding-left: 10px;
}
.label-2{
font-family: "futurafuturisc";
font-size: 14px;
color: #000;
padding-left: 10px;
}
.label-2 a{color: #000}
.label-1 a{color: #fff}
.txx-styles{
float: left;
color: #fff;
font-family: "futurafuturisc";
font-size: 14px;
padding-right: 5px;
}

.f_textarea {width:60%; height: auto;
resize:vertical;}
.f_textarea-1 {
font-family: "futurafuturisc";
font-size: 14px;
margin-top: 5px;
border: 1px solid #ccc;
height:auto;
width: 60%;
background: #151c26;
padding: 5px;
border: 2px solid #32394e;
}
.f_input {
font-family: "futurafuturisc";
font-size: 14px;
margin-top: 5px;
border: 2px solid #32394e;
height: 30px;
width: 60%;
padding: 5px;
background: transparent;
color: #fff;
}.f_input-1 {
font-family: "futurafuturisc";
font-size: 14px;
margin-top: 5px;
border: 2px solid #32394e;
height: 30px;
width: 60%;
padding: 5px;
background: transparent;
}

.text-time-slide a {color: #fff;}
.fl-right {float: right;}
.text-time-slide-2 {
float: left;
margin-left: 43%;
padding: 4px 9px 4px 9px;
text-align: center;
background: #e12967;
text-transform: uppercase; 
font-family: 'Open Sans Light',sans-serif;
font-size: 14px;
}
.time-slide-2 {float: right;
width: 25px;
height: 25px;}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; height: 470px; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;  height: 470px; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%;  display: block; height: 110%;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 0px; position: relative;  zoom: 1; }
.flex-viewport {max-height: 470px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;background:#383f43; }
.loading .flex-viewport {max-height: 470px;background: #383f43; }
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.flex-direction-nav {*height: 0; }
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../img/bg_direction_nav1.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 0px; text-align: center; background-color: transparent;padding-top: 14px; padding-bottom: 7px;  }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 10px; height: 10px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; }
.flex-control-paging li a.flex-active { background: #ff1e07;  cursor: default;  }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover {opacity: 1; }
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
.boot-news-bl{
float: left;
width: 100%;
background: #fff;
margin-top: 20px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.boot-new-all{
float: left;
width: 275px;
height: 280px;
border: 1px solid #CCE9F1;
transition: all 0.5s;
margin: 20px 0px 0px 20px;
position: relative;
}
.image-boot{
float: left;
width: 275px;
height: 155px;
overflow: hidden;
}
.boot-new-all:hover{
transition: all 0.5s;
border: 1px solid rgba(30,151,247,0.4);
-webkit-box-shadow: 0px 0px 15px 0px rgba(30,151,247,0.4);
-moz-box-shadow: 0px 0px 15px 0px rgba(30,151,247,0.4);
box-shadow: 0px 0px 15px 0px rgba(30,151,247,0.4);
}
.image-boot img {
width: 100%;
height: 100%;
}
.left-content {
float: left;
width: 70%;
border-right: 1px solid #32394e;
padding-bottom: 20px;
}
.time-line{
float: left;
width: 100%;
background: #292f40;
padding: 8px;
border-bottom: 2px solid #32394e;
}
.time-line-3{
float: left;
width: 100%;
background: #292f40;
padding: 8px;
margin-top: 15px;
border-top: 2px solid #32394e;
border-bottom: 2px solid #32394e;
}
.text-line{
float: left;
font-family: "futurafuturisc",sans-serif;
font-size: 28px;
font-weight: normal;
color: #fff;
}
.text-line-2{
float: left;
font-family: "futurafuturisc",sans-serif;
font-size: 22px;
margin-top: 4px;
font-weight: normal;
color: #fff;
}
.rpg-ic{
float: left;
width: 32px;
height: 32px;
margin: 3px 10px 0px 20px;
}
.rpg-ic img {width: 32px; height: 32px;}
.rpg-ic-1{
float: left;
width: 32px;
height: 32px;
margin: 3px 10px 0px 7px;
}
.block-content-l{
float: left;
width: 45.5%;
height: 468px;
margin-left:3%;
margin-top: 25px;
background: #292f40;
position: relative;
}
.date-news a {color: #fff;}
.image-news-l{
float: left;
width: 100%;
height: 300px;
overflow: hidden;
position: relative;
}
.image-news-l img {
width: 100%;
height: 100%;
}
.views-nes{
position: absolute;
bottom: 8px;
right: 5px;
background: #000;
}
.views-icos{
float: left;
width: 24px;
height: 24px;
padding: 5px;
}
.date-nes{
position: absolute;
top: 5px;
left: 5px;
background: #000;
}
.text-ics{
float: left;
padding-right: 5px;
margin-top: 5px;
font-size: 15px;
font-family: "futurafuturisc",sans-serif;
color: #fff;
}
.title-contents{
float: left;
width: 100%;
color: #ff1e07;
text-align: center;
padding: 5px 10px 5px 10px;
font-family: "futurafuturisc",sans-serif;
font-size: 18px;
font-weight: normal;
border-bottom: 1px dashed #e1e1e1;
}
.title-contents a {color: #F8f8f8; transition: 0.4s ease-in-out 0s;}
.title-contents a:hover {color: #ff1e07; text-decoration: underline; transition: 0.4s ease-in-out 0s;
}
.short-contents{
float: left;
width: 100%;
color: #7983a2;
text-align: center;
font-weight: lighter;
padding: 5px 10px 0px 10px;
font-family: "futurafuturisc",sans-serif;
font-size: 13px;
}
.topnews-center{
float: left;
width: 100%;
padding-bottom: 0px;
background: #151c26;
border-bottom:  2px solid #32394e;
border-top:  2px solid #32394e;
}
.title-tops{
text-align: center;
font-weight: lighter;
padding: 10px 10px 10px 10px;
font-family: "futurafuturisc",sans-serif;
font-size: 28px;
color: #fff;
}
.read-more{ position: absolute; bottom: 0px; float: left;width: 100%; 
background: #ff1e07; text-align: center;
margin-top: 10px; padding: 10px; 
color: #fff; font-weight: lighter;
transition: 0.4s ease-in-out 0s;
font-size: 18px;}
.read-more a {color: #fff;}
.block-content-l:hover > .read-more {background:#000; transition: 0.4s ease-in-out 0s; }
.game-top{
width: 11.8%;
float: left;
margin-left: 2.2%;
height: 210px;
margin-top: 10px;
}
.image-game{
float: left;
width: 100%;
height: 128px;
overflow: hidden;
border-radius: 50%;
-moz-transition: all .2s ease-out;
 -o-transition: all .2s ease-out;
 -webkit-transition: all .2s ease-out;
}
.image-game img {
float: left;
width: 100%;
height: 100%;
border-radius: 50%;
border: 3px solid #292f40;
}
.image-game:hover{
-webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
}
.title-all-bl{
float: left;
width: 100%;
padding-bottom: 12px;
background: #292f40;
margin-top: 13px;
border-radius: 13px;
position: relative;
}
.triangle {
top: -10px;
left:39%;
position: absolute;
width: 0;
height: 0;
border-bottom: 16px solid #292f40;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
}
.rait-exp{
padding: 3px 7px 3px 7px;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
font-family: 'HelveticaNeueCyrRoman';
text-align: center;
font-size: 18px;
color:#fff;
font-weight: normal;
margin-left: 33%;
margin-top: 10px;
float: left;
background: #27ae60;
}
.platform{
float: left;
width: 100%;
padding: 5px;
}
.title-s{
float: left;
width: 100%;
font-family: "futurafuturisc",sans-serif;
text-align: center;
color: #fff;
font-size: 11px;
font-weight: lighter;
}
.name-pl{
font-family: "futurafuturisc",sans-serif;
font-size: 11px;
margin-top: 2px;
float: left;
width: 100%;
padding-left: 5px;
color: #bbb;
}
.name-pl a {color: #3399ff;margin-right: 1px; float: left;}
.name-pl span {color: #F44336;margin-left: 1px;margin-right: 1px; float: left;}
.name-pl b {color: #00cc33;margin-left: 1px;margin-right: 1px; font-weight: normal; float: left;}
.wach-him{
float: left;
padding: 5px 10px 5px 10px;
color: #fff;
background: #ff1e07;
margin-left: 18%;
font-size: 11px;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
}

.speedbar {
  font-family: "futurafuturisc",sans-serif;
  font-weight: lighter;
  width: 100%;
  padding: 10px 10px 10px 25px;
  border-bottom: 2px solid #32394e;
  float: left;
  font-size: 18px;
  color: #fff;
 background: #292f40;
}
.speedbar  a { color: #fff;}
.speedbar  a:hover{color: #e74c3c;}
#Go_Top {
 position: fixed; /* Положение кнопки */   
 bottom: 2px; /* Расстояние снизу */
right: 38px; /* Расстояние справа */
cursor: pointer; 
}
#Go_Top img {width: 50px; height: 50px;}
.text-gotop {font-size: 12px; font-family: "HelveticaNeueCyrRoman"; text-align: center; color: #bdc3c7; margin-left: 3px;}
.wach-him:hover {background: #000;}
.right-content {
float: left;
width: 30%;
padding-bottom: 20px;
border-left: 1px solid #32394e;
}
.right-redack{
float: left;
width: 100%;
transition: all 0.5s;
border-bottom:  2px solid #32394e;
padding-bottom: 10px;
}
.right-redack:hover{
transition: all 0.5s;
background: #4CAF50;
}
.right-redack:hover > .image-radack img {border:  4px solid #ff1e07; transition: all 0.5s;}
.image-radack{
float: left;
margin: 10px 10px 0px 10px;
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50%;
}
.image-radack img {width: 100%;height: 100%;border:  4px solid #454545; border-radius: 50%;transition: all 0.5s; }
.title-radack{
float: right;
width: 72%;
font-family: "futurafuturisc",sans-serif;
font-size: 18px;
margin-top: 15px;
margin-right: 15px;
color: #fff;
}
.rating-blocks{
float: right;
margin-right: 10px;
background: #bbb;
width: 100px;
height: 25px;
}
.videoefir{
float: left;
width: 100%;
border-bottom:  2px solid #32394e;
padding-bottom: 10px;
transition: all 0.5s;
}
.videoefir:hover{
transition: all 0.5s;
background: #000;
}
.videoefir:hover > .title-videoef a {color: #fff; transition: all 0.5s;}
.videoefir:hover > .date-vid  {color: #fff; transition: all 0.5s;}
.image-videoef {
float: left;
width: 120px;
height: 120px;
overflow: hidden;
margin: 10px 10px 0px 10px;
position: relative;
}



.videoefir2{
float: left;
width: 100%;
 padding-bottom: 10px;
transition: all 0.5s;
}
.videoefir:hover{
transition: all 0.5s;
background: #000;
}
.videoefir:hover > .title-videoef a {color: #fff; transition: all 0.5s;}
.videoefir:hover > .date-vid  {color: #fff; transition: all 0.5s;}
.image-videoef {
float: left;
width: 120px;
height: 120px;
overflow: hidden;
margin: 10px 10px 0px 10px;
position: relative;
}





.image-videoef img {width: 100%; height: 100%;}
.category-vid {
background: #000;
padding: 3px 10px 3px 10px;
color: #fff;
font-family: "futurafuturisc",sans-serif;
font-size: 13px;
position: absolute;
right: 5px;
bottom: 5px;
}
.plays-icon{
position: absolute;
left: 5px;
top: 5px;
width: 24px;
height: 24px;
}
.title-videoef{
float: right;
width: 55%;
font-family: "futurafuturisc",sans-serif;
font-size: 15px;
margin-top: 10px;
color: #ff1e07;
transition: all 0.5s;
}
.date-vid {
float: right;
width: 55%;
font-family: "futurafuturisc",sans-serif;
font-size: 13px;
margin-top: 10px;
color: #626c88;
transition: all 0.5s;
}
.title-videoef a {color: #ff1e07;}
.next-bot{
float: left;
margin-left: 28%;
margin-top: 15px;
padding: 4px 15px 6px 15px;
font-family: "futurafuturisc",sans-serif;
font-size: 20px;
color: #fff;
background: #000;
border-radius: 10px;
transition: all 0.5s;
}
.next-bot:hover {background: #ff1e07;transition: all 0.5s;}
.banner-block{
float: left;
width: 300px;
height: 250px;
margin-left: 15px;
margin-top: 15px;
}
.min-ban {
float: left;
width: 100%;
padding-bottom: 20px;
border-bottom: 2px solid #32394e;
}
.news-world{
float: left;
width: 100%;
border-bottom: 2px solid #32394e;
padding-bottom: 10px;
transition: all 0.5s;
}
.news-world:hover > .image-world img {border-radius: 50%;transition: all 0.5s;}
.news-world:hover >  .title-world a {color: #fff; text-decoration: underline;transition: all 0.5s;}
.image-world{
float: left;
width: 80px;
height: 80px;
overflow: hidden;
margin: 10px 10px 0px 10px;
}
.image-world img {width: 100%; height: 100%;transition: all 0.5s;}
.title-world{
float: right;
margin-top: 10px;
margin-right: 15px;
width: 63%;
font-family: "futurafuturisc",sans-serif;
font-size: 14px;
color: #7983a2;
padding-bottom: 8px;
border-bottom: 1px dashed #3a425b;
}
.title-world a {color:#7983a2;transition: all 0.5s;}
.short-world{
float: right;
margin-top: 5px;
margin-right: 15px;
width: 63%;
font-family: "futurafuturisc",sans-serif;
font-size: 10px;
color: #626c88;
}
.next-bot-2{
float: left;
margin-left: 24%;
margin-top: 15px;
padding: 4px 15px 6px 15px;
font-family: "futurafuturisc",sans-serif;
font-size: 20px;
color: #151c26;
background: #ff1e07;
border-radius: 10px;
transition: all 0.5s;
}
.next-bot-2:hover {background: #000;transition: all 0.5s; color: #fff;}
.width-c{
float: left;
width: 100%;
}
.btn_showmore {
background-color:#ff1e07;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
display:inline-block;
cursor:pointer;
font-family: "futurafuturisc",sans-serif;
font-size: 24px;
font-weight: lighter;
color: #32394e;
padding:10px 38px;
margin-top: 30px;
margin-right: 10px;
text-decoration:none;
transition: all 0.5s;
}
.btn_showmore:hover {
background-color:#000;
color: #fff;
transition: all 0.5s;
}
.btn_showmore:active {
position:relative;
top:1px;
}
.center-page-nesk{
float: left;
width: 100%;
margin-top: 0px;
background: #292f40;
border-top: 1px solid #32394e;
padding: 15px 0px 14px 0px;
border-bottom: 2px solid #32394e;
}
.news-pack{
width: 29%;
float: left;
margin-left: 25px;
margin-top: 25px;
height: 167px;
}
.title-bl-pack{
float: left;
width: 100%;
}
.icon-mini{
float: left;
width: 24px;
height: 24px;
}
.title-mini-pa{
float: left;
width: 78%;
font-family: "futurafuturisc",sans-serif;
font-size: 18px;
margin-left: 10px;
color: #7983a2;
}
.title-mini-pa a {color: #7983a2;transition: 0.4s ease-in-out 0s;}
.news-pack:hover > .title-bl-pack:hover > .title-mini-pa a {color: #fff; text-decoration: underline;transition: all 0.5s;}
.img-pack{
float: left;
width: 100%;
height: 130px;
overflow: hidden;
margin-top: 10px;
}
.img-pack img {
width: 100%; height: 100%;
-moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
.img-pack img:hover{
-webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
}
.banner-center{
float: left;
max-width: 728px;
max-height: 90px;
margin-left: 22px;
margin-top: 25px;
}
.banner-center img {
width: 100%;
height: 90px;
}
footer{
float: left;
width: 100%;
border-top:  2px solid #32394e;
border-bottom:  2px solid #32394e;
padding-bottom: 20px;
}
.logo-footer{
float: left;
max-width: 250px;
margin-top: 25px;
margin-left: 25px;
}
.mans{
float: left;
width: 743px;
}


/*---Опрос---*/
.vote-block{
float: left;
width: 100%;

}
.read-votes{
float: left;
width: 100%;
padding: 10px;
font-family: "futurafuturisc",sans-serif;
color: #fff;
font-size: 18px;
border-bottom:  2px solid #32394e;
}

.title-votes{
 font-family: "futurafuturisc";
font-size: 18px;
float: left;
background: #000;
width: 100%;
padding: 10px 0px 10px 0px;
border-bottom:  2px solid #32394e;
text-align: center;
color: #fff;
}
.short-votes{
 font-family: "futurafuturisc",sans-serif;
font-size: 17px;
float: right;
width: 100%;
padding: 10px;

}
.result-img{
float: left;
width: 40px;
height: 40px;
margin-right: 20px;
cursor:pointer;
}
.colost{float: right;width: 80%; padding-bottom: 10px;}


.manual{
float: left;
margin-top: 10px;
font-family: "futurafuturisc",sans-serif;
font-size: 13px;
color: #626c88;
margin-left: 25px;
}
.vk-vidg{
float: left;
width: 380px;
margin-left: 45px;
margin-top: 25px;
}
.partners{
float: left;
width: 270px;
margin-top: 25px;
margin-left: 25px;
}
.title-part {
float: left;
width: 100%;
text-align: center;
font-family: "futurafuturisc",sans-serif;
font-size: 19px;
color: #626c88;
}
.short-part {
float: left;
width: 100%;
margin-top: 10px;
text-align: center;
font-family: "futurafuturisc",sans-serif;
font-size: 19px;
color: #626c88;
}
.like-blocks{
float: right;
width: 63%;
margin-top: 0px;
 
}
#dropmenudiv {
background: #292f40;
}
#dropmenudiv a {color: #fff; font-family: "futurafuturisc",sans-serif;}

/* Рейтинг "Нравиться или "Не нравится" */
.dleLike, .dleThumbs, .dleStars, .likeRate, .starsRate, .thumbsRate {margin-right:5px;display:inline-block;vertical-align:middle;}
.dleLike a, .likeRate .ratingtypeplus {color:#E0724E;text-decoration:none;text-shadow:1px 1px 0 rgba(255, 255, 255, 0.7);display:inline-block;padding:4px 5px 3px 25px;border-radius:3px;background:#FBD6D2 url('../dleimages/like.png') no-repeat 5px center;border:1px solid #E3ADA8;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;outline:none;}
.dleLike a:hover {background-color:#F6B2AB;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
.dleLike a:active {box-shadow:inset 0 0 3px 1px rgba(0,0,0,.14);}
.dleThumbs a {display:inline-block;vertical-align:middle;outline:none;-moz-transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;text-decoration:none;}
.dleThumbs a:hover {opacity:0.5;filter:alpha(opacity=50);}
.thumbDown, .thumbUp {background:url('../dleimages/thumbs.png') no-repeat left top;width:16px;height:16px;display:inline-block;vertical-align:middle;}
.thumbDown {background-position:left top}
.thumbUp {background-position:right top}
.ratingplus{ 
font-family: 'Roboto',sans-serif;
font-size: 18px;
color: #4CAF50;
}
.ratingzero {color: #cccccc;}
.ratingminus {
font-family: "futurafuturisc",sans-serif;
font-size: 18px;
}
/*----new raring 3-----*/
.mwrating {
    display: inline-block;
    width: 96px;
    height: 25px;
}
.wmminus, .wmplus {
    width: 25px;
    height: 25px;
}
.mwrat {
    width: 30px;
    height: 25px;
    font-family: "futurafuturisc",sans-serif;
}
.wmminus, .mwrat, .wmplus {
    display: inline-block;
    float: left;
    text-align: center;
    line-height: 25px;
    position: relative;
}
.wmplus {padding-right: 3px;}
.wmminus a {
    transition: all 0.2s;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-right: 0px;
    font-family: "futurafuturisc",sans-serif;
    font-size: 25px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.62);
}
.wmminus img {width: 25px; height: 25px; margin-top: -2px;}
.wmplus img {width: 25px;height: 25px;}
.wmplus a {

    transition: all 0.2s;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-left: 0px;
    font-family: 'Roboto',arial;
    font-size: 25px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.62);
}
.wmminus a:hover, .wmplus a:hover {
    text-decoration: none;
    text-shadow: 0px 0px 5px #fff;
}
.wmminus a:active, .wmplus a:active {
    opacity: 0.5;
}
/* Юзер-панель */
.login-button {
  float: left;
  margin-left: 17%;
  font-size: 18px;
  margin-top: 7px;
  border: 2px solid #32394e;
  color: #32394e;
  padding: 3px 20px 6px 20px;
  border-radius: 10px;
transition: all 0.4s;
}
.login-button  span {color: #32394e;}
.login-button:hover {background: #151c26;   border: 2px solid #151c26;transition: all 0.4s; }
.login-button:hover > span {color: #fff;background: #151c26; transition: all 0.5s;}
.dark {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/dark.png);
  z-index: 7777;
}

.login-block {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 320px;
  padding: 20px;
  margin: -132px 0 0 -201px;
  text-align: left;
  z-index: 8888;
  background: #151c26;
}
.window_close {
    background: url(../img/loginclose.png) left top no-repeat;
    width: 21px;
    height: 21px;
    
   position: absolute;
   right: 5px;
   top: 5px;
    cursor: pointer;
  }
  
    .window_close:hover {
      opacity: 0.7;
    }

  .login-ava {
    float: left;
    margin-left: 0px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-top: 5px;
  }
.login-ava img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      border: 2px solid #32394e;
    }
  .name-as {
  float: left;
  width: 100%;
  font-family: "futurafuturisc",sans-serif;
  font-size: 22px;
  color: #7983a2;
  margin-top: -10px;
  text-align: center;
  }
.login-link {
margin-top: 15px;
font-size: 11px;
float: left;
width: 100%;
text-align: center; }
.login-link a {color: #626c88; margin: 0 2px;}
.login-link a:hover {color: #6aa01c;text-decoration: underline;}
.l-link { margin-left: 15px; float: left;} 
.l-link a {
display: block;
text-decoration: underline;
color: #fff;
font-size: 16px;
font-family: "futurafuturisc",sans-serif;
padding: 2px;
font-size: 16px;
 margin: 0 0 5px 0;
}
.l-link a:hover {color: #ff1e07;}
.login-line {padding: 0 0 10px 0;}
.login-input-text {
float: left;
margin-top: 12px;
padding: 4px 5px;
border: 2px solid #32394e; 
background-color: #fff;
height: 40px;
display: block;
font-family: "futurafuturisc",sans-serif;
width: 100%;
border: 1px #32394e solid;
font-size: 15px;
color: #333;
display: block;
}
.enter {
background-color:#000;
float: left;
margin-left: 27%;
margin-top: 10px;
cursor: pointer;
padding: 4px 30px 6px 30px;
border: 1px #000 solid;
color: #fff;
font-size: 20px;
font-family: "futurafuturisc",sans-serif;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
transition: all 0.5s;
  }
.enter:hover {
background: #ff1e07;
color: #151c26;
border: 1px #ff1e07 solid;
transition: all 0.5s;
 }
.lost-input-text {
    border: 1px #9e9e9e dotted;
    width: 200px;
    padding: 5px;
    color: #644217;
  }
  
  .reg-link {
    position: absolute;
    right: 10px;
    top: 75px;
    font-size: 11px;
    font-family: Arial;
    color: #9d9d9d;
    font-style: italic;
  }
.reg-link a {
      color: #ccc;
      text-decoration: underline;
    }
.reg-link a:hover {color: #000;}    
.s-block-content input {
  background: #fff url(../images/form-text.gif) left top repeat-x;
  margin: 5px 20px 0 0;
  color: #2e2e2e;
  border: 1px #d0d0d0 solid;
}
.s-block-content {
  padding: 10px;
}
.sociallogin {
float: left;
margin: 15px 0px 0px 10px;
}
.search-block {
float: right;
}
.search-logins {float: right; margin: 5px 0px 0px 35px;}
.search {width: 100%;}
.b-search{
width: 300px;
height: 35px;
  border-radius: 10px;
 padding: 2px 2px 0px 2px;
border:  1px solid #fff;
background: #fff;
 float: left;
margin-top: 3px;
}
.s-field {
  float: left;
  font-size: 18px;
  font-family: "futurafuturisc",sans-serif;
}
.b-search input[type="text"]{
  width: 255px;
  background: transparent;
  height: 35px;
  margin-top: -4px;
  outline: none;
 padding-left: 5px;
  color: #454545;
  border: none;
}
.b-search input[type="submit"]{
  background: url("../img/search.png") no-repeat 0px 0px;
  border: none;
  height: 28px;
  width: 28px;
  display: inline-block;
  outline: none;
  cursor: pointer;
  top: 8px;
  right: 5px;
}
.search-icon {margin-top: 3px; margin-right: 3px;}
.bl-s {height: 30px; float: right;}
#searchsuggestions {
width:100%;
height: auto;
background:#000;
font-size:14px;
font-family: sans-serif;
line-height:14px;z-index: 111;
}
#searchsuggestions a { background:#000; }
#searchsuggestions a span.searchheading {
background:#000;
display:block;
padding:20px;
color:#fff;
margin-top: -10px;
font-family: "futurafuturisc",sans-serif;
font-size: 24px;
}
#searchsuggestions a:hover span.searchheading {
color:#fff;
}
#searchsuggestions a span {
color:#fff;
background:#000;
width: 100%;
padding: 10px;
}
#searchsuggestions span.seperator {
float:right;
padding-right:15px;
margin-right:5px;
background:#000;
}
#searchsuggestions span.seperator a {
display:block;
height:auto;
color:#fff;
background: #000;
}
#searchsuggestions span.notfound {
padding:5px;
background:#000;
display:block;
height:auto;
color:#000;
}

#loading-layer {
display: none;
font-size: 22px;
font-family: 'futurafuturisc', sans-serif;
background: #000;
padding: 10px;
text-align: center;
color: #fff;
font-weight: lighter;
}
.text-fullst{
color: #fff;
width: 100%;
float: left;
padding: 15px;
}
.text-fullst img {max-width: 100%;}
.quote {color: #7983a2; font-style: italic;border: 1px dashed #7983a2;}
.text-line-full{
float: right;
width: 90%;
font-family: "futurafuturisc",sans-serif;
font-size: 28px;
font-weight: normal;
color: #fff;
}
.block-relod {
float: left;
width: 100%;
height: 39px;
border-bottom: 2px solid #32394e;
}
.lick-ic{
float: left;
width: 24px;
height: 24px;
margin: 5px 8px 0px 20px;
}
.title-lick{
float: left;
color: #7081e1;
font-size: 15px;
margin-top: 10px;
}
.right-rait{
float: right;
margin-top: 8px;
margin-right: 0px;
}

.commetns-bl{
float: left;
width: 100%;
margin-top: 20px;
background: #eee;
}
.full-right-col{
float: right;
width: 100%;
padding-bottom: 10px;
background: #fff;
}
.title-galler{
float: left;
width: 100%;
padding-left: 20px;
padding-top: 5px;
color: #fff;
font-size: 22px;
font-family: "futurafuturisc";
}
.title-galler-2{
float: left;
padding-left: 20px;
padding-top: 5px;
color: #fff;
font-size: 22px;
font-family: "futurafuturisc";
}
.block-adds{
float: left;
width: 100%;
margin-top: 15px;
}
.block-blos{float: left; margin-left: 5px;}
.owl-item br {display: none;}
.news-full-img{
}
.carusel-full{
float: left;
width: 100%;
margin-top: 25px;
background:#212737;
margin-bottom: 15px;
}
.similar-bl{
width: 100%;
padding-right: 20px;
float: left;
}
.img-similar {
width: 100%;
height: 185px;
overflow:  hidden;
}
.img-similar img {
width: 100%;
height: 100%;
}
.title-similar{
  float: left;
  width: 100%;
  margin-top: 4px; text-align: center;
font-family: "futurafuturisc",sans-serif;
font-size: 16px;
color: #ff1e07;
}
.title-similar a {color: #ff1e07;}
.box-screens {text-align:center; background-size:cover;
padding:25px 10px 30px 10px; margin-top: 15px;}
.screens-title {margin-bottom:25px; text-align:center; font-size:24px; text-transform:uppercase; color:#fff;}
.box-screens .highslide, .box-screens > img {display:inline-block; margin:0 10px;}
.box-screens .highslide + br, .box-screens > img + br {display:none;}
.box-screens .highslide img {display:block; width:250px;}

/* clearfix */
.owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{display: none; position: relative; width: 100%; -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* fix */
.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
.owl-theme .owl-controls{  left:0; bottom:-4px; right:0; z-index:999; text-align: center; height:15px;}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{color: #FFF; display: inline-block; zoom: 1; margin: 5px; padding: 3px 10px;
font-size: 12px; border-radius: 30px; background: #869791; opacity: 0.5;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity: 1; text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block; zoom: 1; }
.owl-theme .owl-controls .owl-page span{display: block; width: 12px; height: 12px; margin: 5px 7px;
border-radius: 20px; background-color: #626c88;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background-color:#536ae9;}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto; width: auto;
  color: #FFF; padding: 2px 10px; border-radius: 30px;}
.text-full-news{
float: right;
width: 100%;
margin-top: 20px;
}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:400px;}
.full-text {color:#111; padding: 25px; font-family: 'Roboto', arial;
font-size: 15px;font-weight: lighter;
border-top:1px solid #e3e3e3;}
.full-text img {margin:0 10px 10px 0; max-width:100%; border:5px solid #f0f0f0;}
.full-text a {}
.full-text a:hover {}
.full-text a:visited {text-decoration:underline; color:#06c;}
.full-text h2, .full-text h3 {font-size:16px;}
.full-text h4, .full-text h5 {font-size:18px;}
.full-text p {margin-bottom:15px;}
.full-text ul, .full-text ol, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol {counter-reset:li; padding:0;  list-style:none; margin-left:25px; }
.full-text ol li {position:relative; margin:0 0 5px 0; padding-left:30px; min-height:20px;}
.full-text  ol li:before {content:counter(li); counter-increment:li; font-size:11px;
position:absolute; top:0px; left:0; width:20px; height:20px; line-height:20px; text-align:center; 
color:#fff; background:#0297dc;  border-radius:50%;}
.full-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #ccc; font-size:12px; }
.full-text table tr:nth-child(1) {background-color:#0297dc !important; color:#FFF; font-size:14px !important;}
.full-text table tr:nth-child(2n+1) {background-color:#f9f9f9;} 
.tabs {text-align:left; padding-bottom:20px;}
.tabs li {display:inline-block; height:40px; padding:0 15px; line-height:40px;
font-size:18px; color:#fff; background-color:#83bf0a; cursor:pointer; margin:0 !important;}
.tabs li:first-child {}
.tabs li.current {color:#fff !important; border-bottom:0; background-color:#3498db; }
.tabs li:hover {text-decoration:underline;}
.box {display:none; padding:0; margin-bottom:0 !important;}
.box.visible {display:block;}
.pm-bottom {
width: 100%;
float: left;
text-align: center;
font-family: "futurafuturisc";
font-size: 18px;
background:#000;

padding: 5px 0px 5px 0px;
color: #FFF;
}
.pm-bottom-level-2 {
width: 100%;
float: left;
font-family: "futurafuturisc";
font-size: 18px;
color: #fff;
padding: 5px 0px 5px 10px;
}
.text-class-pm {font-family: 'futurafuturisc',sans-serif;font-size: 16px; color: #fff; margin-left: 5px;}
.pm-bottom-up {
float: left;
padding: 7px;
background: #ff1e07;
font-family: "futurafuturisc";
font-size: 18px;
margin: 15px 5px 0px 10px;
border: 1px solid #ff1e07;
border-radius: 10px;
}
.pm-blocks{
float: left;
width: 100%;
background: #151c26;
padding-bottom: 10px;
padding-left: 20px;
}
.st-pape{
width: 100%;
padding: 10px 10px 10px 0px;
background: #151c26;
border-bottom: 2px solid #32394e;
float: left;
}
.pm-bottom-vote{
width: 100%;
float: left;
text-align: center;
font-family: sans-serif;
font-size: 22px;
padding: 5px 10px 5px 0px;
background:#151c26;
}
.pm-bottom-vote-level-2{
width: 100%;
float: left;
text-align: center;
font-family: sans-serif;
font-size: 22px;
padding: 5px 0px 5px 0px;
margin-left: 10px;
color: #fff;
background:#7f8c8d;
}
/*---Правки стилей движка--*/
.fbutton, .btn_reglog {
 border: 0 none;
 background-color:#000;
cursor: pointer;
font-size:16px; 
color: #fff;
border-radius: 10px;
 font-family: "futurafuturisc",sans-serif;
 padding: 8px;
 margin:15px 10px 10px 10px;
}
.fbutton:hover {background-color:#e74c3c;}
.label {color: #fff;}
.pm {padding: 10px;}
/*---Лучшие пользователи---*/
.userstop td, .pm td.pm_list, .pm td.pm_head {
    border: 1px solid #000;
    padding: 5px;
    background-color: #fff;
    font-family: "futurafuturisc";
font-size: 14px;
} 
.pm_list {color: #454545;}
.pm_list a {color: #454545;}
.userstop thead td, .pm td.pm_head {
    background: #fff url("../images/bbcodes.png") repeat-x 0 100%;
    height: 22px;
    padding: 0;
    text-align: center;
    background: #000;
    color: #FFF;
    font-family: "futurafuturisc";
font-size: 14px;
}
/*---BB коды---*/
 /* различие bbcodes и bbcodes_poll исключительно в длине кнопки */
/* класс bbcodes используем в списке персональных сообщений (pm.tpl) и по умолчанию в модуле редактора сообщений*/
.bbcodes, .bbcodes_poll {
    border: 1px solid #383f43;
    color: #fff;
    padding: 5px;
    margin-bottom: 2px !important;
    font-size: 14px;
font-family: "futurafuturisc";
    cursor: pointer;
    background:#000;
    border-radius: 2px;
    -moz- border-radius: 2px;
-webkit- border-radius: 2px;
-khtml- border-radius: 2px;
}
.bb-editor textarea { 
   font-family: sans-serif;
   font-size: 14px;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    padding: 2px; border: 1px solid #d7d7d7; width: 100%; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin-top: -1px;
}
.bbcodes-1 {
    border: 1px solid #000;
    color: #fff;
    padding: 5px;
    margin-bottom: 2px !important;
    font-size: 14px;
font-family: "HelveticaNeueCyrRoman";
    cursor: pointer;
    background:#f39c12;
}
.pm-bottom-vote-level-2 a{ color: #FFF;}
.pm-bottom-vote a{color: #FFF;}

.pm-color {background:#f62459;}
.pm-color-2 {background:#2ecc71;}
.pm-color-3 {background:#3c546c;}
.next-old-news-block {
margin-top:20px;
float:left;
width:100%;
}
.nombers{
 width:300px;
 padding:1px;
 white-space:nowrap;
margin-left:240px;
}
.nombers a{
font-family:sans-serif;
display:inline-block;
min-width:20px;
padding:0px 10px 0px 7px;
background-color:#f62459;
color:#FFF;
text-align:center;
vertical-align:middle;
line-height:35px;
text-decoration:none;  
border-radius:4px;
}
.nombers span{
font-family:sans-serif;
display:inline-block;
min-width:20px;
padding:0px 0px 0px 5px;
background-color:#34495e;
color:#FFF;
text-align:center;
vertical-align:middle;
line-height:35px;
text-decoration:none;  
border-radius:4px;
}
.comments-full {
width: 100%;
overflow: hidden;
padding: 20px;
}
.avatar-user-bl{
float: left;
width: 100px;
margin-left: 5px;
}
.avatar-user {
float: left;
width: 80px;
height: 80px;
border-radius: 50%;
}
.avatar-user img {
float: left;
width: 80px;
height: 80px;
border-radius: 50%;
border:4px solid #32394e;
}
.userinfo-full{
margin-top: 5px;
float: left;
width: 200px;
height: 80px;
}
.userfullname-bl{
width: 100%;
font-family: sans-serif;
font-size: 20px;
float: left;
}
.userfullname-bl a {color: #fff;}
.triangle-full {
margin: -22px 0px 0px -20px;
 width: 0;
 height: 0;
 border-bottom: 26px solid #000;
border-left: 14px solid transparent;
 border-right: 14px solid transparent;
 -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg); 
    transform: rotate(-45deg);
}
.text-stylefull {font-family:"futurafuturisc", sans-serif;margin-top: 5px;
font-size: 14px; color: #fff;}
.text-comments-fullbl{
margin-top: 15px;
padding: 10px;
float: left;
width: 80%;
font-family: 'futurafuturisc',sans-serif;
font-size: 18px;
color:#fff;
margin-left: 10%;
background: #000;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
.userinfo-full-right{
margin-top: 5px;
float: right;
width: 200px;
}
.reload-full-block{
width:80%;
padding: 10px;
margin-bottom: 15px;
margin-left: 10%;
float: left;
color: #fff;
background: #000;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.reload-full-block a{color: #fff;}
.but-days-comm {
float: right;
padding:0px 10px 0px 10px;
}
.icon-comms{
width: 25px;
height: 25px;
float: right;
}
.tetx-cit-comms{
float: right;
padding: 0px 5px 0px 5px;
font-family: 'futurafuturisc',sans-serif;
font-size: 18px;
}
/*---профиля пользователя--*/
.user-info-block{
float: left;
width: 100%;
}
.user-info-block-analogy{
float: left;
width: 100%;
}
.title-user-bl{
float: left;
width: 100%;
border-bottom: 2px solid #32394e;
}
.text-user-title{
padding:5px;
text-align: center;
font-family: "futurafuturisc", sans-serif;
font-size: 24px;
color: #fff;
}
.title-user-bl-mouse{
float: left;
width: 100%;
background:#292f40;
border-bottom: 2px solid #32394e;
}
.text-user-infrait{
text-align: center;
width: 100%;
padding: 12px 0px 11px 0px;
float: right;
background: #292f40;
font-family: sans-serif;
font-size: 24px;
color: #fff;
}
.text-user-infrait span{ color: #FFF;}
.text-user-title a {color: #fff;}
.avatar-user-info-bl {
width: 20%;
margin-left: 8%;
float: left;
}
.avatar-userinf {
float: left;
width: 100px;
height: 100px;
border-radius: 50%;
margin:10px 0px 0px 10px;
}
.avatar-userinf img{
float: left;
width: 100px;
height: 100px;
border-radius: 50%;
border: 4px solid #32394e;
}
.full-user-infob {
float: left;
width: 30%;
margin-top: 6px;
}
.full-user-infob-1 {
float: left;
width: 30%;
margin-top: 6px;
}
.infor-user-info{
float: left;
width: 100%;
margin-top: 4px;
font-family: "futurafuturisc",sans-serif;
font-size: 14px;
color: #fff;
}
.infor-user-info img {width: 20px; height: 20px; margin-left: 5px; margin-top: -2px;}
.block-user-all{
float: left;
width: 100%;
padding-bottom: 30px;
}
.tableform {
width: 100%;
color: #fff;
padding: 20px;
}
.infos { width: 100%; text-align: center;
color: #fff;font-family: "futurafuturisc";padding: 5px 0px 5px 0px;
font-size: 14px;  clear: both;}
.infor-user-info-colors{
float: left;
padding: 5px;
margin-right: 10px;
margin-top: 7px;
font-family: "futurafuturisc", sans-serif;
font-size: 16px;
color: #fff;
background: #000;
border-radius: 10px;
}
.infor-user-info-colors a {color: #fff;}
.mass_comments_action{
margin-right: 15px;
font-family: "futurafuturisc",sans-serif;
font-size: 14px;
}

@media screen and (max-width: 1030px) {
.name-pl{font-size: 10px;}
.title-radack{width: 68%;}
#Go_Top{display: none;}
#Go_Top img {display: none;}
.image-videoef{width: 100px;}
.title-videoef{width: 58%;}
.banner-block{margin-left: 2%;}
.title-world{width: 57%;}
.short-world{width: 57%;}
.title-mini-pa{font-size: 16px;}
.banner-center{margin-left: 1%;}
.partners{width: 100%;}
.title-part{width: 13%;}
.short-part{width: 14%;}
.mans{width: 37%;}
.title-contents{font-size: 16px;}
.vk-vidg{margin-left: 10%;}
.search-block{margin-right: 10px;}
.login-button {margin-left: 13%;}
}
@media screen and (max-width: 803px) {
.login-button {float: right; margin-right: 20px;}
.search-block{float: left; width: 100%; padding: 5px 20px 5px 20px;}
.search-logins{width: 100%; margin: 0px 0px 0px 0px;}
.b-search{width: 100%;}
.b-search input[type="text"] {width: 95%;}
.bl-s {float: none;}
.title-blocks-min {font-size: 22px;}
.short-min{font-size: 16px;}
.flexslider{height: 410px;}
.flexslider .slides > li {height: 410px;}
.flex-viewport {max-height: 410px;}
.loading .flex-viewport {max-height: 410px;}
.game-top {width: 18%; margin-left: 6%;}
.right-content{width: 100%; border-left: none;}
.left-content{width: 100%; border-right: none;}
.time-line{width: 100%;}
.right-redack{width: 50%;border: 1px solid #32394e; }
.title-radack {margin-top: 20px; font-size: 16px;}
.videoefir{width: 50%;border: 1px solid #32394e;}
.banner-block{display: none;}
.news-world {width: 50%;}
.title-world{width: 65%; font-size: 14px;}
.short-world {width: 65%;}
.next-bot{margin-left: 41%;}
.next-bot-2{margin-left: 41%;}
}
@media screen and (max-width: 680px) {
.mans{width: 44%;}
.vk-vidg {margin-left: 3%; display: none;}
.partners{float: right; width: 50%; margin-right: 10px;}
.title-part{width: 100%;}
.short-part{width: 100%;}
.short-contents{font-size: 12px;}
.title-mini{top: 18%;}
}

@media screen and (max-width: 645px) {
.image-game{height: 115px;}
.image-world{width: 70px; height: 70px;}
.title-world{width: 62%;}
.short-world{width: 62%;}
}
@media screen and (max-width: 570px) {
.b-search input[type="text"] {width: 90%;}
.short-min{font-size: 14px;}
.image-game{height: 100px;}
.wach-him{margin-left: 22%;}
.news-pack{width: 28%;}
.image-videoef{width: 90px;}
.next-bot{margin-left: 35%;}
.next-bot-2{margin-left: 35%;}
.logo-footer{width: 100%;}
.logo-footer img{width: 100%;}
.partners {width: 46%;}
.banner-center img {height: auto;}
.text-line-full{width: 80%; font-size: 24px;}
.avatar-user-info-bl{margin-left: 3%; margin-right: 3%;}
}
@media screen and (max-width: 540px) {
.title-mini-pa {width: 72%;}
.login-button {float: right; margin-right: 20px; font-size: 14px;}
.title-radack{width: 64%;}
.title-videoef{width: 55%;}
.title-world{width: 84%; text-align: center;}
.short-world{width: 84%;}
.image-world{margin-left: 32%; width: 120px; height: 120px;}
}
@media screen and (max-width: 490px) {
.login-button {float: right; margin-right: 20px; font-size: 14px; margin-left: 0%; margin-top: 10px;}
.load-file{margin-left: 30%;}
.game-top {width: 30%; margin-left: 3%;}
.image-game {height: 145px;}
.wach-him {margin-left: 31%;}
.block-content-l{width: 95%;}
.title-radack{width: 60%;}
.title-videoef{width: 88%;}
.date-vid{width: 88%;}
.image-videoef{width: 130px; margin-left: 18%;}
.image-world{margin-left: 28%;}
.login-block{margin: 0px; left: 18%; top: 60%;}
.avatar-user-info-bl{width: 100%;}
.full-user-infob {width: 48%; padding-left: 25px;}
.title-lick{margin-left: 20px;}
.block-relod{height: auto;}
.right-rait{float: left; margin-left: 20px;}
}
@media screen and (max-width: 420px) {
.login-button {float: left; margin-right: 20px; font-size: 14px; margin-left: 33%; margin-top: 3px;}
.logo-head {margin-left: 18%;}
.nav-bottoms {margin-left: 43%;}
.title-blocks-min {font-size: 22px;}
.short-min{font-size: 12px;}
.flexslider{height: 360px;}
.flexslider .slides > li {height: 360px;}
.flex-viewport {max-height: 360px;}
.loading .flex-viewport {max-height: 360px;}
.game-top {width: 29%; margin-left: 3%;}
.image-game {height: 125px;}
.title-mini {top: 8%;}
.load-file {font-size: 16px; margin-left: 0%;}
.btn_showmore {margin-right: 0px;}
.news-pack {width: 42%;}
.right-redack {width: 100%;}
.title-radack {width: 70%; font-size: 18px;margin-top: 25px;}
.image-radack {width: 70px; height: 70px;}
.news-world{width: 100%;}
.image-world{width: 100%; height: auto; margin-left: 0%;}
.news-world:hover > .image-world img {border-radius: 1%;}
.title-world{width: 100%; font-size: 16px;margin-right: 0px; padding-left: 10px;}
.short-world{width: 100%; font-size: 13px; margin-right: 0px; padding-left: 10px;}
.mans{width: 100%;}
.partners{width: 100%;}
.logo-footer {margin-left: 20%;}
.next-bot {margin-left: 30%;}
.login-block{margin: 0px; left: 12%; top: 20%;}
.avatar-user-info-bl{width: 100%;}
.full-user-infob {width: 48%; padding-left: 25px;}
.title-lick{margin-left: 20px;}
.next-bot-2 {margin-left: 30%;}
}
@media screen and (max-width: 380px) {
.wach-him {margin-left: 24%;}
.image-game{height: 110px;}
.title-videoef {padding: 0px 5px 0px 5px; width: 100%;}
.image-videoef {margin-left: 15%; margin-top: 15px;}
.login-block{margin: 0px; left: 6%; top: 20%;}
.avatar-user-info-bl{width: 100%;}
.full-user-infob {width: 48%; padding-left: 25px;}
.title-lick{margin-left: 20px;}
}
@media screen and (max-width: 362px) {
.next-bot-2 {margin-left: 26%;}
.logo-footer {margin-left: 14%;}
.logo-head {margin-left: 14%;}
.load-file {padding-bottom: 10px;}
.login-button {margin-left: 33%;}
.image-game{height: 103px;}
.login-block{margin: 0px; left: 5%; top: 20%;}
.avatar-user-info-bl{width: 100%;}
.full-user-infob {width: 48%; padding-left: 25px;}
.title-lick{margin-left: 20px;}
.ratingplus {padding: 0px 4px 0px 4px;}
.img-similar{height: 155px;}
}
@media screen and (max-width: 330px) {
.logo-footer {margin-left: 8.5%;}
.logo-head {margin-left: 8.5%;}
.login-button {margin-left: 26%;}
.b-search input[type="text"] {width: 82%;}
.load-file{display: none;}
.flexslider{height: 320px;}
.flexslider .slides > li {height: 320px;}
.flex-viewport {max-height: 320px;}
.loading .flex-viewport {max-height: 320px;}
.game-top {width: 43.5%; margin-left: 5%;}
.image-game{height: 130px;}
.wach-him{margin-left: 28%;}
.text-line{font-size: 22px; margin-top: 4px;}
.title-radack{width: 64%;}
.image-videoef{margin-left: 7%;}
.title-videoef{text-align: center;}
.lick-ic{margin-left: 10px;}
.title-lick {margin-left: 10px;}
.login-block{margin: 0px; left: 0px; top: 20%;}
.avatar-user-info-bl{width: 100%;}
.full-user-infob {width: 45%; padding-left: 25px;}
}




/*navigation*/
.pages {padding:0 10px; margin-bottom:40px;}
.pages b {display:none}
.pages-next {text-align:right}
.pages-prev i {margin:5px 0 0 -2px}
.pages-next i {margin:5px -2px 0 0}
.pages-prev > a, .pages-next > a, .pages-prev > span, .pages-next > span {
	display:inline-block; font-size: 28px; margin-top:5px;
	line-height: 38px; width:38px; height:38px;	text-align:center; border-radius:3px;}
.pages-prev > span, .pages-next > span {color:#6E879F; background-color:#1D232C}	
.pages-prev > a, .pages-next > a {color:#7983a2; background:#ff1e07}
.pages-prev > a:hover, .pages-next > a:hover {background:#304156; color:#fff;}
@media (max-width: 467px) {.pages-prev > a, .pages-next > a, .pages-prev > span, .pages-next > span {width:100%}}
.pages-numbers {text-align:center;}
.pages-numbers > a, .pages-numbers > span {
	display:inline-block; margin:0 3px; margin-top:5px;
	line-height: 38px; width:38px; height:38px;	text-align:center; border-radius:5px;}	
.pages-numbers > span {color:#fff; background-color:#1D232C}
.pages-numbers > a {color:#fff; background:#ff1e07}
.pages-numbers > a:hover {background:#304156; color:#a5bbdc;}






.info_s a {
    height: 63px;
    padding: 0 10px 0 180px;
    line-height: 63px;
    overflow: hidden;
    color: #16627e;
    display: block;
    border-radius: 36px;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    background: #fefefe url("../images/info_btn_bg.png") no-repeat left 0;}
.info_s:hover a {background:#ff1e07 url("../images/info_btn_bg.png") no-repeat ; color: #fff;  
}


.info_s2 a {
    height: 63px;
    padding: 0 10px 0 180px;
    line-height: 63px;
    overflow: hidden;
    color: #16627e;
    display: block;
    border-radius: 36px;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    background: #fefefe url("../images/info_btn_bg2.png") no-repeat left 0;}
.info_s2:hover a {background:#ff1e07 url("../images/info_btn_bg2.png") no-repeat ; color: #fff;  
 
}

.info_s4 a {
    height: 63px;
    padding: 0 10px 0 180px;
    line-height: 63px;
    overflow: hidden;
    color: #16627e;
    display: block;
    border-radius: 36px;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    background: #fefefe url("../images/info_btn_bg4.png") no-repeat left 0;}
.info_s4:hover a {background:#ff1e07 url("../images/info_btn_bg4.png") no-repeat ; color: #fff;  
 
}

.info_s5 a {
    height: 63px;
    padding: 0 10px 0 180px;
    line-height: 63px;
    overflow: hidden;
    color: #16627e;
    display: block;
    border-radius: 36px;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    background: #fefefe url("../images/info_btn_bg5.png") no-repeat left 0;}
.info_s5:hover a {background:#ff1e07 url("../images/info_btn_bg5.png") no-repeat ; color: #fff;  
 
}
.info_s3 a {
    height: 63px;
     font-size: 14px;

    padding: 0 10px 0 180px;
    line-height: 63px;
    overflow: hidden;
    color: #ffffff;
    display: block;
    border-radius: 36px;
 -webkit-box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    background: #55b346 url("../images/info_btn_bg3.png") no-repeat;}
.info_s3:hover a {background:#ff1e07 url("../images/info_btn_bg3.png") no-repeat;

}


.info_s6 a {
    height: 63px;
    padding: 0 10px 0 180px;
    line-height: 63px;
    overflow: hidden;
    color: #16627e;
    display: block;
    border-radius: 36px;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    box-shadow: inset 0px 1px 1px 0px rgba(227, 233, 235);
    background: #fefefe url("../images/info_btn_bg6.png") no-repeat left 0;}
.info_s6:hover a {background:#ff1e07 url("../images/info_btn_bg6.png") no-repeat ; color: #fff;  
 
}

.text-fullst-1{
color: #fff;
width: 100%;
float: left;
padding: 15px;
}

.text-fullst-2{
color: #fff;
width: 100%;
float: left;
padding: 0px 15px 0px 15px;
}

.text-fullst-4{
color: #fff;
width: 100%;
float: left;
padding: 10px 0px 7px 0px;
}

.text-fullst-3{
color: #7983a2;
width: 100%;
float: left;
padding: 5px 15px 15px 15px;margin-top: 10px;
}

.carusel-full-1{
float: left;
width: 100%;
margin-top: 5px;
background:#212737;
margin-bottom: 0px;
}




.title-galler-2{
float: left;
padding-left: 20px;
padding-top: 5px;
color: #fff;
font-size: 22px;
font-family: "futurafuturisc";
}
.title-galler-3{
float: left;
width: 100%;
padding-left: 20px;
padding-top: 15px;
color: #fff;
font-size: 15px;
font-family: "futurafuturisc";
}





/*navigation*/
.pages {padding:0 10px; margin-bottom:40px;}
.pages b {display:none}
.pages-next {text-align:right}
.pages-prev i {margin:5px 0 0 -2px}
.pages-next i {margin:5px -2px 0 0}
.pages-prev > a, .pages-next > a, .pages-prev > span, .pages-next > span {
	display:inline-block; font-size: 28px; margin-top:5px;
	line-height: 38px; width:38px; height:38px;	text-align:center; border-radius:3px;}
.pages-prev > span, .pages-next > span {color:#6E879F; background-color:#1D232C}	
.pages-prev > a, .pages-next > a {color:#fff; background:#ff1e07}
.pages-prev > a:hover, .pages-next > a:hover {background:#304156; color:#fff;}
@media (max-width: 467px) {.pages-prev > a, .pages-next > a, .pages-prev > span, .pages-next > span {width:100%}}
.pages-numbers {text-align:center;}
.pages-numbers > a, .pages-numbers > span {
	display:inline-block; margin:0 3px; margin-top:5px;
	line-height: 38px; width:38px; height:38px;	text-align:center; border-radius:5px;}	
.pages-numbers > span {color:#fff; background-color:#1D232C}
.pages-numbers > a {color:#fff; background:#ff1e07}
.pages-numbers > a:hover {background:#304156; color:#a5bbdc;}







.row {margin-left: 0px; margin-right: 0px;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6,
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11,
.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-vs-1, .col-vs-2, .col-vs-3, .col-vs-4, .col-vs-5, .col-vs-6, .col-vs-7, .col-vs-8, .col-vs-9, .col-vs-10, .col-vs-11,
.col-vs-12 {position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px;}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,
.col-xs-10, .col-xs-11, .col-xs-12 {float: left;}

.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;} 

@media (min-width: 468px) { 
.col-vs-1, .col-vs-2, .col-vs-3, .col-vs-4, .col-vs-5, .col-vs-6, .col-vs-7, .col-vs-8, .col-vs-9,
.col-vs-10, .col-vs-11, .col-vs-12 {float: left;}

.col-vs-12 {width: 100%;}
.col-vs-11 {width: 91.66666667%;}
.col-vs-10 {width: 83.33333333%;}
.col-vs-9 {width: 75%;}
.col-vs-8 {width: 66.66666667%;}
.col-vs-7 {width: 58.33333333%;}
.col-vs-6 {width: 50%;}
.col-vs-5 {width: 41.66666667%;}
.col-vs-4 {width: 33.33333333%;}
.col-vs-3 {width: 25%;}
.col-vs-2 {width: 16.66666667%;}
.col-vs-1 {width: 8.33333333%;}}


@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
  .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}  
  .col-sm-12 {width: 100%;}
  .col-sm-11 {width: 91.66666667%;}
  .col-sm-10 {width: 83.33333333%;}
  .col-sm-9 {width: 75%;}
  .col-sm-8 {width: 66.66666667%;}
  .col-sm-7 {width: 58.33333333%;}
  .col-sm-6 {width: 50%;}
  .col-sm-5 {width: 41.66666667%;}
  .col-sm-4 {width: 33.33333333%;}
  .col-sm-3 {width: 25%;}
  .col-sm-2 {width: 16.66666667%;}
  .col-sm-1 {width: 8.33333333%;}}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
  .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}  
  .col-md-12 {width: 100%;}
  .col-md-11 {width: 91.66666667%;}
  .col-md-10 {width: 83.33333333%;}
  .col-md-9 {width: 75%;}
  .col-md-8 {width: 66.66666667%;}
  .col-md-7 {width: 58.33333333%;}
  .col-md-6 {width: 50%;}
  .col-md-5 {width: 41.66666667%;}
  .col-md-4 {width: 33.33333333%;}
  .col-md-3 {width: 25%;}
  .col-md-2 {width: 16.66666667%;}
  .col-md-1 {width: 8.33333333%;}}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
  .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left;}  
  .col-lg-12 {width: 100%;}
  .col-lg-11 {width: 91.66666667%;}
  .col-lg-10 {width: 83.33333333%;}
  .col-lg-9 {width: 75%;}
  .col-lg-8 {width: 66.66666667%;}
  .col-lg-7 {width: 58.33333333%;}
  .col-lg-6 {width: 50%;}
  .col-lg-5 {width: 41.66666667%;}
  .col-lg-4 {width: 33.33333333%;}
  .col-lg-3 {width: 25%;}
  .col-lg-2 {width: 16.66666667%;}
  .col-lg-1 {width: 8.33333333%;}}

/*clearfix*/
.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after,
.navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after,
.navbar-collapse:before, .navbar-collapse:after, .modal-footer:before, .modal-footer:after,
.infobar:before, .infobar:after, .infobar-collapse:before, .infobar-collapse:after,
.infobar-header:before, .infobar-header:after {content: " "; display: table;}
.clearfix:after, .container:after, .row:after, .navbar:after, .navbar-header:after, .navbar-collapse:after,
.modal-footer:after, .infobar:after, .infobar-collapse:after, .infobar-header:after {clear: both;}


/*tagscloud*/
.tagscloud {color:#161D25;padding: 20px; 
 
 
font-size: 13px;}
.tagscloud a {
	display:inline-block; vertical-align:middle; margin:2px 0;
	padding:4px 6px; background:#212737; color:#6E879F; border-radius:2px;}
.tagscloud a:hover {background:#9B59B6;background:#ff1e07; color: #fff;}

 
.preview h1 {font-size: 22px;}
