/* CSS Document */
@font-face {
  font-family: 'Nova';
  src: url('../webfonts/mark_simonson_-_proxima_nova_extrabold-webfont.eot');
  src: url('../webfonts/mark_simonson_-_proxima_nova_extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/mark_simonson_-_proxima_nova_extrabold-webfont.woff') format('woff'),
    url('../webfonts/mark_simonson_-_proxima_nova_extrabold-webfont.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Nova';
  src: url('../webfonts/mark_simonson_-_proxima_nova_regular-webfont.eot');
  src: url('../webfonts/mark_simonson_-_proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/mark_simonson_-_proxima_nova_regular-webfont.woff') format('woff'),
    url('../webfonts/mark_simonson_-_proxima_nova_regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family:Nova, Arial, Helvetica, sans-serif;
  /*	font-family:Raleway, Arial, Helvetica, sans-serif; */
}
h1,h2,h3,h4,h5 {
  font-family:Nova, Arial, Helvetica, sans-serif;
  font-weight:800;
}

.bg {
  background-color:#F7F5F4;	
}
.home {
  display:none !important;
}

.videowrap {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videowrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.transition {
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
.transition2 {
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}
.transition3 {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.button-block {
  width:100%;
}
.btn-modal {
  display:block;
  padding: 20px 15px;
  border-top:1px solid #DDD;
  text-align:center;
  font-weight:800;
  font-size:13px;
  color:#777;
}
.btn-modal:hover {
  background-color:#EEE;
  color:#333;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  margin-bottom:5px;
}
input.inputbig {
  height: 2.8rem;
  font-size:1.1rem;
}
.label {
  font-weight: normal;
  font-family: "Nova",Helvetica,Arial,sans-serif;
  margin-bottom: 0px;
  font-size: 0.6875rem;
  background-color: #DFDFDF;
  color:#333;
}
.comments-header .label {
  top:-3px;
  margin-right:3px;
}
.btn-sidemenu {
  width:60px;
  height:60px;
  background-color:#41B4F1;
  position:fixed;
  right:15px;
  top:15px;
  z-index:350;
  opacity:0;
  visibility:hidden;
}
.btn-sidemenu span {
  display:block;
  width:50%;
  margin-left:auto;
  margin-right:auto;
  height:6px;
  background-color:#FFF;
  margin-bottom:8px;
}
.btn-sidemenu span:first-child {
  margin-top:12px;
}
.btn-sidemenu.show {
  opacity:1;
  visibility:visible;
}
.searchbox .button {
  height:37px;
  line-height:24px;
}
.fblock-padded {
  padding-top:10px;
  padding-bottom:8px;
}
.reveal-modal {
  border: none;
  padding:0px;
}
.modal-header {
  background-color: #EFEFEF;
  text-align:center;
  padding:15px 20px;
  border-bottom:solid 1px #DDD;
}
.modal-header h2 {
  font-weight:400;
  font-size:28px;
  line-height:1.05em;
  margin:0px;
}
.reveal-modal .close-reveal-modal {
  padding:17px 22px;
  font-size: 20px;
  top:0px;
  right:0px;
}
.modal-body {
  padding:20px 30px;
}
.modal-body h5 {
  font-size:12px;
  text-align:center;
  letter-spacing:1px;
  margin-bottom:12px;
  color:#777;
}
.modSocialConnect {
  max-width: 280px;
  margin: 0 auto;
}
.modSocialConnect h4 {
  margin: 0px;
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #888;
  border-bottom: 1px solid #EEE;
  height: 9px;
}
.modSocialConnect h4 span {
  background-color: #FFF;
  padding: 0px 6px;
}
.modSocialConnect form {
  margin-bottom: 8px;
}
.socialConnectLink {
  font-size: 13px;
}
.socialConnectInput {
  margin-top: 14px !important;
}
.socialConnectSignInButton {
  width:100%;
  text-transform: uppercase;
  margin: 8px 0px;
}
.notmember {
  padding-top:8px;
}
.socialConnectServicesBlock .socialConnectButton {
  display:block;
  background-color: #3b5998;
  color: #FFF;
  font-size: 14px;
  margin: 3px 0px;
  padding: 12px 20px;
}
.socialConnectTwitterButton {
  background-color: #55acee !important;
}
.socialConnectGoogleButton {
  background-color: #dd4b39 !important;
}
.socialConnectServicesBlock .socialConnectButton .icn {
  margin: -5px 12px;
  margin-left: 0px;
}
.or {
  display:block;
  max-width:200px;
  margin-left:auto;
  margin-right:auto;
  background:url(../images/line.jpg) repeat-x center center;
  text-align:center;
  font-size:10px;
  color:#777;
}
.or span {
  border:1px solid #DDD;
  padding: 5px 4px;
  background-color:#FFF;
}

.row {
  max-width: 73.125em;
}
.pagination-centered {
  padding-top:8px;
}
ul.pagination li a {
  padding:12px 15px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
ul.pagination li.active a, ul.pagination li.active a:hover, ul.pagination li.active a:focus {
  background: #AAA;
  color: #FFF;
}
.toggle-search {
  position:absolute;
  right:100px;
  top:0px;
}
.top-bar {
  height: 50px;
  line-height: 50px;
  z-index:50;
}
.top-bar .name h1 a {
  position:relative;
  z-index:20;
}
.top-bar .left {
  margin-left:-7px;
}
.top-bar-section ul {
  background-color:transparent;
  background:none;	
}
.top-bar-section ul li>a {
  color: #DDD;
  font-family:Nova, Arial, Helvetica, sans-serif;
  font-weight: 800;
}
.top-bar-section li a:not(.button) {
  background-color: transparent;
  background: none;
  line-height: 50px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #272727;
}

.presect {
  border: 1px solid rgba(255,255,255,.4);
  padding: 1px 2px;
  font-weight: 800;
  color: #FFF;
  text-transform: uppercase;
  font-size: 11px;
}
.sect {
  border: 1px solid rgba(0,0,0,.1);
  padding: 0px 2px;
  padding-top: 1px;
  font-weight: 800;
  color: #7AB6D6;
  text-transform: uppercase;
  font-size: 11px;
}
.s-sect-novosti {
  color: #EBCF63;
}
.s-sect-hardware {
  color: #E79D67;
}
.s-sect-software {
  color: #C15333;
}
.s-sect-igre {
  color: #91B76A;
}
.s-sect-kolumne {
  color: #AC6BBC;
}
.s-sect-special {
  color: #4B60AF;
}

.top-bar .name h1 a {
  font-weight: normal;
  color: #fff;
  display: block;
  padding: 0px;
}
.top-bar-section ul li.active>a, 
.top-bar-section ul li.active>a:hover {
  background: #272727;
  border-bottom:3px solid #7AB6D6;
}

.top-bar-section ul li.active>a.s-novosti, 
.top-bar-section ul li.active>a.s-novosti:hover {
  border-bottom:3px solid #EBCF63;
}
.top-bar-section ul li.active>a.s-hardware, 
.top-bar-section ul li.active>a.s-hardware:hover {
  border-bottom:3px solid #E79D67;
}
.top-bar-section ul li.active>a.s-software, 
.top-bar-section ul li.active>a.s-software:hover {
  border-bottom:3px solid #C15333;
}
.top-bar-section ul li.active>a.s-igre, 
.top-bar-section ul li.active>a.s-igre:hover {
  border-bottom:3px solid #91B76A;
}
.top-bar-section ul li.active>a.s-kolumne, 
.top-bar-section ul li.active>a.s-kolumne:hover {
  border-bottom:3px solid #AC6BBC;
}
.top-bar-section ul li.active>a.s-special, 
.top-bar-section ul li.active>a.s-special:hover {
  border-bottom:3px solid #4B60AF;
}


.top-bar-section .dropdown li a {
  background-color:#333;
  padding: 12px 15px;
  line-height:1.1em;
  height:auto;
  border-bottom:1px solid #272727;
}
.topsearch {
  background-color: #333;
  height:50px;
  position:absolute;
  width:100%;
  z-index: 25;
  padding-left: 15%;
  padding-right: 18%;
  display:none;
  top: 0px;
}
.btn-closesearch {
  position: absolute;
  color: #CCC;
  right:0px;
  font-size:40px;
  width:50px;
  line-height: 55px;
  height: 50px;
  text-align: center;
}
.btn-closesearch:hover {
  color:#FFF;
}
.top-bar .search-input {
  width:87%;
  float:left;
}
.top-bar .search-btn {
  width:10%;
  float:left;
  height: 37px;
  line-height: 23px;
  padding-left: 0px;
  padding-right: 0px;
}
.mskew {
  display:inline-block;
  -moz-transform: skewX(-39deg);
  -webkit-transform: skewX(-39deg);
  -o-transform: skewX(-39deg);
  -ms-transform: skewX(-39deg);
  transform: skewX(-39deg);	
}
.munskew {
  display:inline-block;
  -moz-transform: skewX(39deg);
  -webkit-transform: skewX(39deg);
  -o-transform: skewX(39deg);
  -ms-transform: skewX(39deg);
  transform: skewX(39deg);	
}
.imgbox {
  overflow:hidden;
}
.comments {
  width:28px;
  height:26px;
  background-image:url(../images/icons.png);
  background-repeat:no-repeat;
  text-align:center;
  font-weight:800;
  font-size:12px;
  padding-top: 5px;
  position:absolute;
  left:20px;
  top:22px;
  color:#777;
}
.art .comments {
  left:auto;
  right:20px;
  top: 14px;
  z-index: 20;
}
.topnews {
  margin-bottom:30px;
}
.head {
  font-weight:800;
  background-color:#FC0;
  font-size:15px;
  color:#111;
  line-height:1em;
  position:absolute;
  margin:0px;
  z-index:10;
  padding:8px 15px;
  padding-bottom:6px;
  top:15px;
}
.news {
  position:relative;
}
.news .imgbox {
  height: 383px;	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.newsfocus .news {
  margin-right:15px;
}
.newsfocus .overlay {
  font-size:180px;
  padding-top:10%;
} 
.newsfocus .news header {
  padding-top:80px;
}
.news header {
  display:block;
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  background-image:url(../images/shade-big.png);
  background-repeat:repeat-x;
  background-position:top;
  padding:22px;
}
.news h1 {
  font-size: 40px;
  margin:0px;
  margin-bottom:6px;
  line-height:1.1em;
  color:#FFF;
}
.news .subhead {
  font-size:18px;
  color:#FFF;
  margin:0px;
  line-height:1.2em;
}
.newsrest article {
  position:relative;
  padding-left:155px;
  min-height:110px;
  margin-bottom:20px;
}
.newsrest ul li:last-child article, .newsrest ul {
  margin-bottom:0px;
}
.newsrest .imgbox {
  width:140px;
  height:110px;
  position:absolute;
  left:0px;
}
.newsrest h2 {
  font-size:20px;
  font-weight:400;
  line-height:1.15em;
  margin:0px;
}
.newsrest .comments {
  top:5px;
  left:5px;
  padding-top:0px;
}
.desc {
  font-size:12px;
  margin:0px;
  line-height:1.1em;
  padding-bottom:5px;
}
.desc a {
  color: #666;
}
.news:hover .overlay,
.news:active .overlay {
  opacity:1;
  visibility:visible;
}
.overlay {
  position:absolute;
  background-color:rgba(0,0,0,.4);
  width:100%;
  height:100%;
  text-align:center;
  padding-top:13%;
  font-size:68px;
  color:#FFF;
  opacity:0;
  visibility:hidden;
  line-height:1em;
}
.published {
  color:#999;
}

.subsect {
  font-size:12px;
  padding: 0px 4px;
  color:#666; 
  font-weight:800;   
  padding-right: 12px;
}
.hard {
  color:#A8CCDF;
}
.soft {
  color:#9FC46A;
}
.games {
  color:#D8A969;
}
.net {
  color:#D78E8E;
}
.sect-slash {
  background-color:#7AB6D6;
}
.sect-slash.s-novosti {
  background-color: #EBCF63;
}
.sect-slash.s-hardware {
  background-color: #E79D67;
}
.sect-slash.s-software {
  background-color: #C15333;
}
.sect-slash.s-igre {
  background-color: #91B76A;
}
.sect-slash.s-kolumne {
  background-color: #AC6BBC;
}
.sect-slash.s-special {
  background-color: #4B60AF;
}
.box-top-comment .sect {
  padding-left: 12px;
  padding-right:5px;
}
.grid {
  margin-left:-0.8%;
  margin-right:-0.8%;	
  overflow:hidden;
}
.grid .news {
  width:31.466666%;
  float:left;
  margin-left:.8%;
  margin-right:.8%;
  height:215px;
  margin-bottom:20px;
}
.grid .imgbox {
  height:185px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:top center;
  background-repeat:no-repeat;
  background-image: url(img/hard-shadow.png);
}
.grid .imgbox img {
  display:none;
}
.grid header {
  position:absolute;
  left:0px;
  bottom:30px;
  padding:12px 16px;
  padding-top: 40px;
  background-image:url(../images/shade-small.png)
}
.grid .product {
  color:#FFF;
  margin-bottom:4px;
  line-height:1.1em;
}
.grid h2 {
  font-size: 24px;
  color:#FFF;
  line-height: 0.9em;
  margin:0px;
  font-weight:400;
}
.grid .desc {
  padding-bottom:5px;
  line-height:30px;
  padding:8px 16px;
  min-height:30px;
  border:1px solid #EEE;
  border-top:none;
  line-height:1.1em;
}
.grid .author {
  float:right;
}
.grid-section {
  margin-left:-1%;
  margin-right:-1%;	
}
.grid-section .news {
  width:48%;
  margin-left:1%;
  margin-right:1%;
  height: 230px;
}
.grid-section header {
  padding-top:25px;
}
.grid-section .imgbox {
  height:200px;
}
.grid-section .product {
  font-weight:800;
}
.grid-section .desc {
  font-size:13px;
  color:#666;
}
.grid-section .imgbox img {
  width:100%;
  height:auto;
}
.grid-section h2 {
  font-size:29px;
  line-height:1em;
  letter-spacing: -1px;
}
.grid.list {
  margin-left:0px;
  margin-right:0px;
}
.grid.list .news {
  float:none;
  width:auto;
  height:190px;
  margin-bottom:0px;
  border-bottom:1px solid #DDD;
}
.grid.list .imgbox {
  width:250px;
  height:190px;
  position:absolute;
  z-index:1;
}
.grid.list .overlay {
  z-index:20;
  font-size:120px;
  padding-top:5%;
}
.grid.list .imgbox img {
  width:100%;
  height:auto;
}
.grid.list header {
  margin:0px;
  padding:0px;
  position:static;
  background-image:none;
  padding-left:265px;
}
.grid.list .product {
  color:#333;
  margin-bottom:6px;
  padding-top:8px;
}
.grid.list h2 {
  color:#333;
  font-size:28px;
  line-height:1.1em;
  margin-top:6px;
}
.grid.list .desc {
  padding-left:265px;
  border:0px;
  position:absolute;
  bottom:5px;
  width:100%;
}


.box-top {
  margin-bottom:20px;
}
.box-top h4 {
  padding-top:8px;
  font-size:26px;
  font-weight:400;
  line-height:.7em;
  text-align:center;
  display:block;
  background:url(../images/line.jpg) repeat-x center 39px;
  margin-bottom:8px;
}
.box-top h4 span {
  font-size:13px;
  font-weight:800;
  background-color:#FFF;
  padding-left:8px;
  padding-right:8px;
  letter-spacing:1px;
}
.box-top .no {
  display:block;
  width:50px;
  height:50px;
  border-radius:70px;
  position:absolute;
  border:1px solid #DDD;
  text-align:center;
  line-height: 50px;
  font-size:32px;
  left:8px;
  color:#999;
  background-color:#FFF;
}
.box-top li {
  padding-top:8px;
  padding-bottom:8px;
  position:relative;
  min-height:50px;
  padding-left:70px;
}
.box-top li:hover {
  background-color:#EEE;	
}
.box-top h2 {
  font-size:15px;
  line-height:1.1em;
}
.sidebar .box-top h4 span {
  background-color:#F7F5F4;	
}
.sidebar .box-top li:hover {
  background-color:#FFF;	
}
.art-grid {
  margin-left:-1.5%;
  margin-right:-1.5%;	
  padding-top:10px;
}
.art-grid .sect {
  position:relative;
  font-size: 11px;
}
.art-head {
  position:absolute;
  left: 25px;
  top:15px;
  z-index:10;
}

.art {
  width:47%;
  float:left;
  margin-left:1.5%;
  margin-right:1.5%;
  position:relative;
  margin-bottom:20px;
}
.art .overlay {
  font-size:110px;
  padding-top:16%;
}
.art:hover .overlay,
.art:active .overlay {
  visibility:visible;
  opacity:1;
}
.art .imgbox {
  width:auto;
  position:relative;
  height: 450px;
  opacity:.6;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:top center;
  z-index:5;

}
.art header {
  text-align: left;
  display:block;
  margin-left:auto;
  margin-right:auto;
  padding:25px 35px;
  background-color:#FFF;
  position: absolute;
  z-index:10;
  background-color: transparent;
  height: auto;
  bottom:0px;
  padding: 15px 25px;
}
.art h2 {
  font-size: 45px;
  line-height: 0.9em;
  margin:8px 0px;
  color: #FFF;
}
.art p {
  margin:0px;
  color:#000;
}
.art .sect {
  font-size:11px;
  font-weight:800;
  margin-bottom:20px;
  background-color: transparent;
  border:1px solid rgba(255,255,255,.4);
  float:left;
  padding: 1px 2px;
}
.art .presect {
  float: left;
  border-right: none;
}
.art .intro {
  color: #FFF;
  font-size: 15px;
  line-height: 1.4em;
  overflow: hidden;
  max-height: 0px;
  margin-bottom: 0px;
}
.art:hover .intro {
  max-height: 160px;
}
.art.lrg .subsect.hard {
  margin-left: -1px;
  background-color: rgba(255,255,255,.8);
  border:none;
  color: #A8CCDF;
  padding: 1px 4px;
}

.art .product {
  font-weight: 400;
  font-size:20px;
  color: #FFF;
  line-height:1.05em;
  margin-top:8px;
}
.bgoverlay {
  position:absolute;
  background-color: #000;
  z-index:-1;
  width:100%;
  height: 100%;
  top: 0px;
}
.line {
  max-width:130px;
  margin-left:auto;
  margin-right:auto;
  display:block;
  height:1px;
  background-color:#DDD;
  margin-top:12px;
  margin-bottom:12px;
}

.banner-top {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  clear: both;
}
.banner-midpage {
  text-align: center;
  overflow: hidden;
}
.banner-midpage > div {
  margin-bottom:15px;
}
.banner-artindex1 {
  text-align: center;
  overflow: hidden;
}
.banner-artindex1 > div {
  margin-bottom:15px;
}

.banner-side, .banner-side2, .banner-side3,
.banner-side4, .banner-side5 {
  overflow: hidden;
  text-align: center;
}
.banner-side > div, .banner-side2 > div, .banner-side3 > div,
.banner-side4 > div, .banner-side5 > div{
  margin-top: 12px;
  margin-bottom: 12px;
}
.banner-sidearticle {
  float:right;
  margin-right:-145px;
}
.banner-sidearticle > div {
  margin-top:40px;
  margin-left:25px;
  margin-bottom:15px;
}
.banner-neg {
  margin-top:-182px;
  min-height: 180px;
}
.banner-neg .banner300 {
  margin-right:0px;
}
.page-article .banner-top {
  position:relative;
  width:100%;
  z-index: 10;
}
.page-news .banner-top {
  position:relative;
  width:100%;
  z-index:10;
}
.page-news .banner-side, .page-news .banner-side2, .page-news .banner-side3 {
  text-align: right;
}
.banner-top.non-floated {
  position:relative !important;
}
.page-news .article > header {
  min-height:450px;
}
.page-news .article-head {
  margin-top: 0px !important;
}
.page-news .article .intro {
  color: #41B4F1;
  line-height: 1.4em;
  margin-bottom: 14px;
}
.section-head {
  padding:10px 18px;
  border-top:1px solid #DDD;
  border-bottom:1px solid #DDD;
  margin-bottom:35px;
  margin-top: 20px;
}
.section-head .section {
  margin:0px;
  font-size:45px;
  line-height:1.0em;
}
.section-head .button-group {
  margin-top:-2px;
}
.section-head .button {
  padding:0px;
  margin:0px;
  width:50px;
  height:50px;
  background-color:transparent;
  border:none;
  text-align:center;
  line-height:45px;
}
.section-head .button:hover {
  background-color:#CCC;
}
.section-head .active, .section-head .active:hover {
  background-color:#EEE;
}
.sect-slash {
  background-color: #41B4F1;
  width: 8px;
  display: inline-block;
  height: 34px;
  -moz-transform: skewX(-39deg);
  -webkit-transform: skewX(-39deg);
  -o-transform: skewX(-39deg);
  -ms-transform: skewX(-39deg);
  transform: skewX(-39deg);
  margin-left: 0px;
  margin-right: 20px;
}
.sect-circle.hard {
  border-color:#D9A300;;
}
.section {
  font-size:1.8rem;
}
.article > header {
  position:relative;
  min-height:550px;
}
.article-hero {
  width:100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat:no-repeat;
  background-position:top center;
  position:absolute;
  opacity: .8;
  z-index: -1;
}
.article-hero .columns {
  position:static;
}
.main-shade {
  position:absolute;
  bottom:0px;
  left:0px;
  background-image:url(../images/shade-biggest.png);
  background-repeat:repeat-x;
  background-position:bottom left;
  height:100%;
  width:100%;
  opacity:.8;
}
.article-head {
  padding-left:0.9375em;
}
.article-head p {
  font-size:1rem;
  color:#FFF;
  position:relative;
  z-index:2;
  line-height: 1.1em;
}
.article-head a {
  color:#FFF;
}
.article-head a:hover {
  color:#FFF;
  text-decoration: underline;
}
.article-head .slash {
  background-color:#7AB6D6;
  width:2px;
  display:inline-block;
  height:18px;
  -moz-transform: skewX(-39deg);
  -webkit-transform: skewX(-39deg);
  -o-transform: skewX(-39deg);
  -ms-transform: skewX(-39deg);
  transform: skewX(-39deg);
  margin-left:10px;
  margin-right:10px;
}

.article-box {
  background-color: #FFF;
  margin-top: -170px;
  position: relative;
}
.article h1 {
  font-size:2.8rem;
  color:#FFF;
  margin:0px;
  margin-top:6px;
  margin-bottom:12px;
  line-height:1.05em;
}
.article .intro {
  font-size:1.25rem;
  color:#FFF;
}
.article-title {
  position:absolute;
  max-width:800px;
  bottom:170px;
  padding-left:0.9375em;
}
.article-specs {
  padding:20px 40px;
  border-bottom:1px solid #F7F5F4;
}
.article-specs p {
  margin:0px;
  font-size:14px;
}
.article-specs .author {
  line-height:40px;
  display:block;
}
.article-specs .author br {
  display:none;
}
.article-specs a {
  color:#222;
}
.article-specs a:hover {
  text-decoration:underline;
}
.section-head .article-specs {
  border-bottom:none;
  border-top: 1px solid #DDD;
  padding: 5px 30px;
  margin: 12px -18px;
  margin-bottom: -10px;
  background-color: #F5F5F5;
  overflow: hidden;
}
.section-head .article-specs .authorname {
  margin: 0px;
  padding-top: 10px;
}
.author-pic {
  display:block;
  float:left;
  vertical-align:middle;
  margin-right:10px;
  width:40px;
  height:40px;
  border-radius:50px;
  overflow:hidden;
}
.author-pic img {
  vertical-align: top;
}
.btn-pubcomment {
  display:block;
  float:right;
  font-weight:800;
  padding:15px 15px;
  font-size:13px;
  border-left:1px solid #EEE;
}
.article-specs .btn-pubcomment:hover {
  text-decoration:none;
}
.article-body {
  padding:30px 40px;
}
.article-body h2 {
  font-size:1.4rem;
  margin-top:35px;
  margin-bottom: 15px;
}
.article-body p {
  margin-bottom:1em;
  line-height:1.7em;
  font-size:18px;
}
.article-body p.firstpar::first-line {

}
.article-body p.firstpar::first-letter {

}
.article-body blockquote {
  border-left:none;
  background-color:#FFF;
  width:450px;
  padding:25px 30px;
  float:right;
  margin-right:-120px;
}
.article-body blockquote p {
  font-size:1.25rem;
  color:#41B4F1;
}
.article-body table {
  border-collapse: collapse;
  width: 100%;
  border: none;
  margin: 25px 0;
}
.article-body table tr {
  border-bottom: 1px solid #EEE;
}
.article-body th {
  background-color: #777;
  color: #fff;
}
.article-body .code {
  background-color: #EEE;
  padding: 8px 12px;
  margin-bottom: 20px;
}
.article-body .code pre {
  line-height: 1.2em;
}
.tagslist {
  border-top:1px solid #EEE;
  padding-top:25px;
  padding-bottom:20px;
}
.tagslist li {
  display:inline-block;
  margin: 0px;
  margin-right: -5px;
}
.tagslist a {
  border:1px solid #CCC;
  padding:4px 10px;
  margin-right:0px;
  font-size:12px;
  font-weight:800;
  color:#999;
  white-space:nowrap;
}
.tagslist a:hover {
  background-color:#999;
  border-color:#999;
  color:#FFF;
}
.image-title {
  padding:12px 20px;
  margin-bottom:15px;
  border-bottom:1px solid #F7F5F4;
  background-color:#FFF;
}
.image-title p {
  font-size:13px;
  line-height:1.2em;
  margin-bottom:0px;
}
.image-inline1 {
  display:none;
  float:right;
  width:360px;
  margin-right:-325px;
  margin-top:40px;
  margin-left:25px;
  margin-bottom:15px;
  margin-top: 650px;
}
.shares {
  width:70px;
  position:absolute;
  right:-75px;
  z-index: 30;
}
.shares-fixed {
  position:fixed;
  right:-5px;
  top: 80px;
  z-index:100;

  width:80px;
}
.shares a,
.shares-inline a {
  display:block;
  width:55px;
  height:55px;
  background-color:#41B4F1;
  text-align:center;
  line-height:55px;
  margin-bottom:5px;
  position:relative;
}
.shares a:hover,
.shares-inline a:hover {
  background-color:#20A6EE;
}
.shares a .label,
.shares-inline a .label {
  position:absolute;
  top:0px;
  left:40px;
  background-color:#0460A4;
  color:#FFF;
}
.shares-inline {
  width:70px;
  position:absolute;
  right:-75px;
}
.minfobox {
  display:none;
}
.infobox {
  margin-bottom:25px;
  margin-top:25px;
  border:1px solid #DEDAD8;
}
.infobox p {
  font-size:14px;
  padding:14px 17px;
  margin-bottom:0px;
  border-top:1px solid #DEDAD8;
  line-height:1.4em;
  margin:0px;
}
.infobox p:first-child {
  border-top:0px;
}
.infobox .rating {
  font-size:42px;
  line-height:1em;
  background-color:#F1EEED;
}
.infobox .price {
  font-weight:800;
  margin-bottom:2px;
}
.plus, .minus {
  font-weight:800;
  color:#444;
}
.plus span, .minus span {
  font-size:20px;
  color:#41B4F1;
  font-weight:400;
}
.minus span {
  color:#F24638;
}
.authorbox {
  text-align: right;
  border:none;
  margin-top: -60px;
  position: absolute;
  left:-220px;
  width:200px;
  top:120px;
}
.authorbox .imgbox {
  width:235px;
  height: 230px;
}
.authorbox p {
  border: none;
  padding: 0px;
  padding-top: 8px;
  font-size:16px;
  text-align: left;
}
.authorbox .authorname {
  font-weight: 800;
}
.minfobox.authorbox {
  margin-top: auto;
  right:auto;
  background-color: #EEE;
  text-align: left;
  position: relative;
  left:auto;
  width:auto;
  top:auto;
  padding:10px;
  padding-left:160px;
  min-height: 130px;
  margin-top: 35px;
}
.minfobox.authorbox .imgbox {
  position:absolute;
  left:0px;
  top:0px;
  width:137px;
  height: 130px;
}
.minfobox.authorbox .imgbox img {
  width:100%;
  height: auto;
}

.grey {
  color:#777;
}
.gal-container {
  margin-right:-40px;
  margin-left:-40px;
  position:relative;
}
.gal-container:hover .galnav {
  opacity:1;
  visibility:visible;
}
.gal-container .pager {
  padding-top:2px;
  padding-right:2px;
  position:absolute;
  right:0px;
  top:0px;
  text-align:center;
  z-index:50;
}
.gal-container .pager p {
  color:#999;
  font-size:20px;
  background-color:rgba(255,255,255,.87);
  display:block;
  float:left;
  margin-left:1px;
  line-height:1.1em;
  width:42px;
  height:42px;
  line-height:42px;
  text-align:center;
}
.gal-container .pager .currentpic {
  color:#000;
}
.art-gallery img {
  width:100%;
  height:auto;
}
.galnav {
  position:absolute;
  z-index:30;
  right:0px;
  background-color: rgba(0,0,0,.2);
  opacity: 0.5;
  visibility: visible;
}
.galnav.nonav {
  display:none !important;
}
.btn-galnav {
  display:block;
  float:left;
  width:56px;
  height:56px;
  text-align:center;
  line-height:50px;
  border-bottom:2px solid #FFF;
  border-left:2px solid #FFF;
}
.btn-galnav:hover {
  background-color:rgba(0,0,0,.3);
}
.picno {
  float:left;
  font-size:40px;
  height:56px;
  line-height:56px;
  border-bottom:2px solid #FFF;
  border-left:2px solid #FFF;
  padding:0px 8px;
  color:#FFF;
}

.prevnext {
  margin-left:-100px;
  margin-right:-100px;
  overflow:hidden;
  display:none;
}
.prevnext article {
  width:50%;
  float:left;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat:no-repeat;
  background-position:top center;
  position:relative;
  height:160px;
}
.prevnext p {
  margin:0px;
  font-size:14px;
  line-height:1.2em;
  color:#FFF;
}
.prevnext h3 {
  color:#FFF;
  margin:0px;
  line-height:1.1em;
}
.prevnext header {
  display:block;
  position:absolute;
  width:100%;
  bottom:0px;
  padding:25px 40px;
  background-image:url(../images/shade-big.png);
  background-repeat:repeat-x;
  background-position:top;
  padding-top:60px;
}
.prevnext .prevhead {
  font-size:13px;
  position:absolute;
  top:20px;
  left:40px;
}
.page-news .prevnext {
  margin-left:-50px;
  margin-right:-50px;
}
.comments-header {
  border-bottom:1px solid #F7F5F4;
  margin-left:-40px;
  margin-right:-40px;
  padding:5px 40px;
}
.comment-no {
  float:right;
  font-size:14px;
  padding-top:8px;
}
.comment-box {
  padding:30px 40px;
}
.comment {
  border-bottom: 1px solid #F7F5F4;
  position: relative;
  padding-top:15px;
}
.comment .imgbox {
  height: 40px;
  width: 40px;
  position: absolute;
  border-radius:50px;
}
.comment .author {
  font-weight: 800;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 50px;
  line-height: 40px;
  font-size: 14px;
}
.comment .date {
  font-weight: 400;
  float: right;
  color: #999;
}
.comm p {
  font-size: 14px;
  line-height: 1.4em;
  margin-top: 0.5em;
  margin-bottom: 0px;
}
.comment .btn-reply {
  position: absolute;
  right: 80px;
  margin-top: 2px;
}
.btn-reply {
  visibility:hidden;
  opacity:0;
}
.comment:hover .btn-reply {
  visibility:visible;
  opacity:1;
}


.art-next .prevhead {
  right:40px;
}
.art-next p {
  text-align:right;
}
.art-next h3 {
  text-align:right;	
}
.prevnext .overlay {
  padding-top:5%;
  font-size:100px;
}
.prevnext a:hover .overlay {
  visibility:visible;
  opacity:1;
}

.sidemenu {
  position:fixed;
  top:0px;
  width:78%;
  height:100%;
  background-color: rgba(0,0,0,.9);
  z-index:500;
  right:-78%;
  -webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
  -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
  -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
  transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transform: translate3d(0%,0,0) rotateY(2deg);
  -moz-transform: translate3d(0%,0,0) rotateY(2deg);
  transform: translate3d(0%,0,0) rotateY(2deg);
  opacity:0;
  visibility:hidden;
}
.sidemenu.open {
  -webkit-transform: translate3d(-100%,0,0) rotateY(0deg);
  -moz-transform: translate3d(-100%,0,0) rotateY(0deg);
  transform: translate3d(-100%,0,0) rotateY(0deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity:1;
  visibility:visible;
}
.side-widget {
  background-color: rgba(0,0,0,.9);
  width:0px;
  overflow:hidden;
  min-height:40px;
  text-align:center;
  line-height:40px;
  position:absolute;
  top:50%;
  margin-top:-20px;
  left:-20px;
  cursor:pointer;
}
.open .side-widget {
  width:20px;
}
.sidemenu ul {
  margin:0px;
  overflow:hidden;
  width:100%;
  z-index:20;
}
.sidemenu .menu li {
  width:33.3333333%;
  float:left;
}
.sidemenu .menu li a {
  padding: 12px 13px;
  margin-right: 2px;
  margin-top: 2px;
  display:block;
  font-weight:800;
  font-size:14px;
  color:#DDD;
  text-align:center;
}

.sidemenu .menu li a {
  background-color: #000;
  padding: 12px 13px;
  display: block;
  margin-right: 2px;
  margin-top: 2px;
  font-weight: 800;
  font-size: 14px;
  color: #DDD;
  text-align: center;
}

.sidemenu .menu li a:hover, .sidemenu .menu li a:active {
  background-color:#7AB6D6;
  color: #FFF;
}

.sidemenu .menu li a.s-novosti:hover, .sidemenu .menu li a.s-novosti:active {
  background-color:#EBCF63;
}
.sidemenu .menu li a.s-hardware:hover, .sidemenu .menu li a.s-hardware:active {
  background-color:#E79D67;
}
.sidemenu .menu li a.s-software:hover, .sidemenu .menu li a.s-software:active {
  background-color:#C15333;
}
.sidemenu .menu li a.s-igre:hover, .sidemenu .menu li a.s-igre:active {
  background-color:#91B76A;
}
.sidemenu .menu li a.s-kolumne:hover, .sidemenu .menu li a.s-kolumne:active {
  background-color:#AC6BBC;
}
.sidemenu .menu li a.s-special:hover, .sidemenu .menu li a.s-special:active {
  background-color:#4B60AF;
}

.sidemenu-body {
  position:relative;
  width:100%;
  height:100%;
}
.grid-up {
  position:relative;
  width:100%;
  height:400px;
  overflow:hidden;
}
.sidemenu .grid.list {
  margin-right:15px;
}
.sidemenu .slimScrollDiv {
  height:100%;
}
.sidemenu .grid.list .news {
  min-height:110px;
  height:auto;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom:1px;
}
.sidemenu .news:hover, .sidemenu .news:active {
  background-color:#000;
}
.sidemenu .news:hover .overlay {
  visibility: hidden;
  opacity:0;
}
.sidemenu .grid.list .news {
  border-bottom: 1px solid #000;
  padding-top:4px;
  padding-bottom:4px;
}
.sidemenu .grid.list .imgbox {
  width: 130px;
  height: 90px;
  top:10px;
  left:8px;
}
.sidemenu .grid.list header {
  padding-left:148px;
}
.sidemenu .grid.list .product {
  color: #AAA;
  font-size:13px;
}
.sidemenu .grid.list h2 {
  color:#FFF;
  font-size:21px;
}
.sidemenu .grid.list .desc {
  padding-left:148px;
  position:static;
}
.sidemenu .grid .author {
  float:none;
  border-left:solid 1px #666;
}
.video-home {
  background-color: #000;
  color:#FFF;
  margin-bottom:15px;
}
.video-home .body {
  padding: 8px;
  overflow: hidden;
}
.video-home .header p {
  margin:0px;
  font-weight:300;
  font-size:32px;
  padding: 6px 12px;
  padding-bottom: 0px;
  line-height:.8em;
  border-bottom: 1px solid #222;
}
.video-home .header a {
  color:#EEE;
  line-height: 1em;
}
.video-home .header a:hover {
  color:#FFF;
}
.videos {
  padding: 12px;
  margin: 0px -.5%;
}
.videoclip {
  display:block;
  vertical-align: top;
  position:relative;
  margin-top: 8px;
  overflow: hidden;
}
.videoclip:first-child {
  margin-top: 0px;
}
.videoclip .imgbox {
  height:145px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat:no-repeat;
  background-position:top center;
  opacity:.87;
}
.videoclip:hover .btn-playvideo {
  width: 55px;  
}
.videoclip:hover .imgbox {
  opacity:1;
}

.videoclip h2 {
  color:#FFF;
  font-size: 21px;
  line-height:1em;
  padding-top: 3px;
  display:inline;
  margin-bottom: 0px;
}
.videoclip h2 strong {
  font-weight: 400;
}
.videoclip .headline {
  display:block;
  width:100%;
  position: absolute;
  bottom: 0px;
  padding: 0px 8px;
  padding-bottom: 6px;
  background-image: url(../images/shade-small.png);
  background-repeat: repeat-x;
  background-position: top;
  padding-top: 15px;
}
.btn-playvideo {
  width:45px;
  height:0px;
  padding-top: 55px;
  overflow: hidden;
  background-image: url(../images/icons.png);
  background-repeat: no-repeat;
  background-position: -315px -100px;
  position:absolute;
  right: 0%;
  top:20%;
  background-color: #FFF;
  z-index:10;
}
.video-main {
  margin-bottom: 0px;
  margin-right: 8px;
}
.video-main .imgbox {
  height: 298px;
}
.video-main .btn-playvideo {
  width:70px;
  height:0px;
  padding-top: 91px;
  background-position: -235px -65px;
}
.video-main h2 {
  font-size:32px;
}
.video-main:hover .btn-playvideo {
  width: 85px;
}
.othervideos {
  display:none;
}
.othervideos .videoclip {
  display:inline-block;
  width: 47%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 0px;
  margin-bottom: 8px;
}
.othervideos .videoclip h2 {
  font-size: 18px;
}
.othervideos {
  margin: 0px -1%;
}
.badge {
  width:35px;
  height:35px;
  position:absolute;
  right:0px;
  top:18px;
  background-image:url(../images/icons.png);
  background-repeat:no-repeat;
}
.hot {
  background-position:0px -40px;
  background-color:#FEEB01;
}
.recommended {
  background-position:-35px -40px;
  background-color:#7BD8E8;
}
.videobadge {
  background-position:-70px -40px;
  background-color:#EAA240;
}
.page-column .banner-top {
  position:relative;
  width:100%;
  z-index:20;
}
.page-column .article > header {
  min-height: 350px;
}
.page-column .article-hero {
  background-position: center center;
}
.page-column .article-title {
  padding-left: 0px;
  position: relative;
  bottom:auto;
}
.page-column .article-title h1 {
  color:#444;
}
.page-column .article .intro {
  font-size:22px;
  color: #444;
}
.page-humor .section {
  color:#444;
}
.page-humor .article header {
  min-height: 70px;
}
.page-humor .article-title {
  position:relative;
  bottom:auto;
  padding: 16px 40px;
  padding-top: 30px;
}
.page-humor .article-title h1 {
  color:#444;
  font-size:29px;
  margin: 0px;
}
.page-humor .article-title a {
  color:#444;
}
.page-humor .article-title a:hover {
  color:#000;
}
.page-humor .article-specs {
  padding: 8px 40px;
  border-top: 1px solid #F7F5F4;
}
.page-humor .article-box {
  margin-top: 0px;
  margin-bottom:20px;
}
.page-humor .banner-neg {
  margin-top: 0px;
}
.page-humor .btn-pubcomment {
  margin-top:-5px;
}
.page-humor .comment-box {
  padding-top:0px;
}
.page-video .article-box {
  margin-top: 0px;
}
.page-video .article > header {
  min-height: inherit;
}
.page-video .article-title {
  max-width: 768px;
  position: relative;
  bottom: 0px;
  clear: both;
}
.page-video .article-title h1 {
  padding-top: 16px;
  padding-bottom: 10px;
}
.page-video .article .intro {
  color: #41B4F1;
}
.likes {
  text-align:center;
}
.fb_iframe_widget {
  vertical-align: top;
  padding-right: 6px;
  padding-bottom: 6px;
}
.itemCommentsForm {
  padding-top: 20px;
}
.itemCommentsForm h3 {
  display:none;
}
.itemCommentsForm input[type='text'], .itemCommentsForm textarea {
  background-color: #EFEFEF;
  margin-bottom: 15px;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
.itemCommentsForm input[type='text']:focus, .itemCommentsForm textarea:focus {
  background-color: #FFF;
  box-shadow: none;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
#submitCommentButton {
  width:100%;
  margin-top: 12px;
  margin-bottom: 5px;
}
#comment-form label {
  font-size: 12px;
  font-weight: 800;
  color: #777;
  margin-bottom:3px;
  text-transform: uppercase;
}
#commentText {
  min-height: 80px;
}
#formLog {
  display: block;
  padding: 6px 12px;
}
.pagination-list {
  list-style: none;
}
.pagination-list li {
  display: inline-block;
}
.pagination-list li a {
  display: block;
  padding: 2px 5px;
  background-color: #EEE;
  margin: 0px 4px;
  color: #AAA;
}
.pagination-list .active a {
  color: #FFF;
  background-color: #AAA;
}
.pagination-list .disabled {
  display:none;
}
.award {
  float:left;
  margin-right: 22px;
  margin-bottom: 10px;
  margin-top: 10px;
}


.footer {
  margin-top:35px;
  background-color:#333;
  padding:40px 0px;
  color:#999;
}
.footer h5 {
  font-weight:400;
  font-size:20px;
  margin:0px;
  margin-bottom:17px;
  color:#999;
}
.footmenu li a {
  display:block;
  font-weight:800;
  font-size:13px;
  padding:4px 5px;
  color:#999;
}
.footmenu li a:hover {
  color: #FFF;
  background-color: #282828;
}
.footer .imgbox {
  width:130px;
  position:absolute;
  left:0px;
}
.footer .last-issue {
  position:relative;
  padding-left:145px;
  padding-right:35px;
  min-height:185px;
  max-width:360px;
}
.footer .last-issue p {
  font-size:14px;
}
.last-issue a {
  color:#CCC;
}
.last-issue a:hover {
  color:#FFF;
}
.last-issue a:hover .subscribe {
  background:#000;
  color:#FFF;
}
.last-issue .subscribe {
  display:block;
  padding:12px 25px;
  margin:0px;
  font-weight:800;
  background-color:#282828;
  font-size:13px;
  color:#CCC;
  position:absolute;
  bottom:0px;
}
.copy {
  padding-top:25px;
  display:block;
  clear:both;
  font-size:13px;
}
.icn {
  background-image:url(../images/icons.png);
  background-repeat:no-repeat;
  display:inline-block;
  vertical-align:middle;
  width:40px;
  height:40px;
}
.icn-grid {
  background-position:-35px 0px;
}
.icn-list {
  background-position:-80px 0px;
}
.icn-share {
  background-position:-130px 0px;
  width:26px;
  height:26px;
}
.icn-comment {
  background-position:-160px 0px;
  width:26px;
  height:26px;
}
.icn-comment2 {
  background-position:-200px 0px;
  width:18px;
  height:19px;
  margin-right:6px;
}
.icn-face {
  background-position:-160px -30px;
  width:26px;
  height:26px;
}
.icn-twit {
  background-position:-130px -30px;
  width:26px;
  height:26px;
}
.icn-google {
  background-position:-195px -30px;
  width:26px;
  height:26px;
}
.icn-plusbiggest {
  background-position:-340px 0px;
  width:90px;
  height:90px;
}
.icn-plusbig {
  background-position:-235px 0px;
  width:50px;
  height:50px;
}
.icn-plus {
  background-position:-295px 0px;
  width:36px;
  height:36px;
}
.icn-search {
  background-position:-445px -20px;
  width:16px;
  height:16px;
}
.icn-arrowrm {
  background-position:-445px 0px;
  width:7px;
  height:14px;
}
.icn-arrowlbig {
  background-position:-465px 0px;
  width:15px;
  height:24px;
}
.icn-arrowrbig {
  background-position:-485px 0px;
  width:15px;
  height:24px;
}
.icn-trianglel {
  background-position:-460px -50px;
  width:13px;
  height:17px;
  margin: -3px 0px;
  margin-right: 6px;
}
.icn-triangler {
  background-position:-487px -50px;
  width:13px;
  height:17px;
  margin: -3px 0px;
  margin-left: 6px;
}


/*! perfect-scrollbar - v0.4.8
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2014 Hyeonje Jun; Licensed MIT */

.ps-container .ps-scrollbar-x-rail{position:absolute;bottom:3px;height:8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0;filter:alpha(opacity=0);-o-transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color.2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear}.ps-container:hover .ps-scrollbar-x-rail,.ps-container.hover .ps-scrollbar-x-rail{opacity:.6;filter:alpha(opacity=60)}.ps-container .ps-scrollbar-x-rail:hover,.ps-container .ps-scrollbar-x-rail.hover{background-color:#eee;opacity:.9;filter:alpha(opacity=90)}.ps-container .ps-scrollbar-x-rail.in-scrolling{opacity:.9;filter:alpha(opacity=90)}.ps-container .ps-scrollbar-y-rail{position:absolute;right:3px;width:8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0;filter:alpha(opacity=0);-o-transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear}.ps-container:hover .ps-scrollbar-y-rail,.ps-container.hover .ps-scrollbar-y-rail{opacity:.6;filter:alpha(opacity=60)}.ps-container .ps-scrollbar-y-rail:hover,.ps-container .ps-scrollbar-y-rail.hover{background-color:#eee;opacity:.9;filter:alpha(opacity=90)}.ps-container .ps-scrollbar-y-rail.in-scrolling{opacity:.9;filter:alpha(opacity=90)}.ps-container .ps-scrollbar-x{position:absolute;bottom:0;height:8px;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-transition:background-color .2s linear;-webkit-transition:background-color.2s linear;-moz-transition:background-color .2s linear;transition:background-color .2s linear}.ps-container.ie6 .ps-scrollbar-x{font-size:0}.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x{background-color:#999}.ps-container .ps-scrollbar-y{position:absolute;right:0;width:8px;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-transition:background-color .2s linear;-webkit-transition:background-color.2s linear;-moz-transition:background-color .2s linear;transition:background-color .2s linear}.ps-container.ie6 .ps-scrollbar-y{font-size:0}.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y{background-color:#999}.ps-container.ie .ps-scrollbar-x,.ps-container.ie .ps-scrollbar-y{visibility:hidden}.ps-container.ie:hover .ps-scrollbar-x,.ps-container.ie:hover .ps-scrollbar-y,.ps-container.ie.hover .ps-scrollbar-x,.ps-container.ie.hover .ps-scrollbar-y{visibility:visible}




/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* 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);
}

/* mouse grab icon */
.grabbing { 
  cursor:url(../images/grabbing.png) 8 8, move;
}

/* 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 Carousel Owl Demo Theme 
*	v1.3.2
*/

.owl-theme .owl-controls{
  margin-top: 0px;
  margin-bottom:15px;
  text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);/*IE7 fix*/
  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{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
  display: block;
  width: 12px;
  height: 6px;
  margin: 0px 7px;
  filter: Alpha(Opacity=50);/*IE7 fix*/
  opacity: 0.5;
  background: #AAA;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center
}

@media only screen and (min-width: 64.063em)
{
  .article-box {
    max-width: 800px;
  }
  .page-news .article-box {
    max-width:none;
    margin-right: 0px;
  }
  .sidemenu {
    width:33%;
    right:-33%;
  }
  .othervideos {
    display:block;
  }
}

@media only screen and (min-width: 40.063em)
{
  .article-box {
    margin-right:65px;
  }
  .gal-container {
    margin-right:-120px;
    margin-left:-120px;
  }
  .page-news .gal-container {
    margin-right:-40px;
    margin-left:-40px;
    position:relative;
  }
}

@media only screen and (min-width: 40.063em) and (max-width: 64.063em)
{
  .newsrest h2 {
    font-size: 18px;
  }
  .grid .news {
    width:48%;
    float:left;
    margin-left:1%;
    margin-right:1%;
    height:215px;
    margin-bottom:20px;
  }
  .grid-section .news {
    width:48%;
    margin-left:1%;
    margin-right:1%;
    height: 230px;
  }
  .grid-section header {
    padding-top:25px;
  }
  .grid-section .imgbox {
    height:200px;
  }
  .art-grid .imgbox {
    height: 380px;
  }
  .art-grid h2 {
    font-size: 30px;
  }
  .art .intro, .art:hover .intro {
    max-height: 200px;
  }
  .art-head {
    left: 15px;
  }
  .art header {
    padding: 15px;
  }
  .art .intro {
    font-size:14px;
  }
  .newsfocus .news .imgbox {
    height: 320px;
  }
  .newsfocus .news {
    margin-right: 0px;
    margin-bottom:15px;
  }
  .newsrest li {
    width:33.333333%;
    float:left;
  }
  .newsrest h2 {
    padding-right:20px;
  }
  .newsrest article {
    padding-left:0px;
  }
  .newsrest .imgbox {
    position:relative;
    width:100%;
    height:140px;
    margin-bottom:8px;
  }
  .newsrest .imgbox img {
    max-width:inherit;
    width:100%;
    height:auto;
  }

  .article-body blockquote {
    width: auto;
    float: none;
    margin-right: auto;	
  }
  .image-inline1 {
    float: none;
    width: 100%;
    margin-right: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 15px;
  }
  .image-inline1 img {
    width:100%;
    height:auto;
  }
  .banner-sidearticle {
    margin-right:0;
  }
  .prevnext {
    margin-left: -15px;
    margin-right: -15px;
  }
  .prevnext .prevhead {
    top: 15px;
  }
  .gal-container {
    margin-right:-40px;
    margin-left:-40px;
  }
  .btn-galnav {
    display:none;
  }
  .galnav {
    opacity: 1;
    visibility: visible;
  }
  .minfobox {
    display:block;
  }
  .dinfobox {
    display:none;
  }
  .banner-neg {
    margin-top:0px;
  }
  .banner-neg .banner300 {
    margin-right:auto;
  }
  .page-news .banner-side, .page-news .banner-side2, .page-news .banner-side3 {
    text-align: left;
    width:50%;
    float:left;
    margin-bottom: 15px;
  }
  .btn-showsearch {
    width:45px;
    height: 45px;
    display:block;
    text-align: center;
    line-height: 45px;
  }
  .topsearch form {
    padding-top:4px;
  }
  .top-bar .search-input {
    width:80%;
  }
  .top-bar .search-btn {
    width:19%;
  }
  .box-top .no {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    left: 0px;
  }
  .box-top li {
    padding-left: 40px;
  }
}

@media only screen and (max-width: 40.063em)
{
  .top-bar {
    height: 45px;
    line-height: 45px;
  }
  .top-bar .name img {
    height:45px;
    width:auto;
    margin-top:-2px;
  }
  .top-bar .left {
    margin-left:0px;
  }
  .top-bar-section ul li>a {
    color: #222;
  }
  .top-bar-section li a:not(.button) {
    line-height:inherit;
    border-right: none;
    border-top:1px solid #222;
    background-color:#333;
    color:#DDD;
  }
  .topnews {
    margin-left:-15px;
    margin-right:-15px;
    border: none;
  }
  .newsrest article:active {
    opacity:.85;
  }
  .newsrest ul {
    padding-left:15px;
    padding-right:15px;
  }
  .newsfocus .news {
    margin-right: 0px;
    margin-bottom:15px;
  }
  .newsfocus .imgbox {
    height: 240px;
  }
  .news h1 {
    font-size:24px;
  }
  .grid .news {
    width:100%;
    float:left;
    margin-left:0%;
    margin-right:0%;
    height:215px;
    margin-bottom:20px;
  }
  .grid .news a:active {
    opacity:.85;
  }

  .grid h2 {
    font-size: 26px;
  }
  .grid .imgbox img {
    height:100%;
    width:auto;
  }
  .grid .overlay {
    padding-top: 10%;
  }
  .grid-section .news {
    height: 230px;
  }
  .grid-section .imgbox {
    height:200px;
  }

  .grid.list .news {
    float:none;
    width:auto;
    height:135px;
    margin-bottom:0px;
  }
  .grid.list .imgbox {
    width:180px;
    height:150px;
    position:absolute;
    z-index:1;
  }
  .grid.list .overlay {
    z-index:20;
    font-size:120px;
    padding-top:3%;
  }
  .grid.list header {
    margin:0px;
    padding:0px;
    position:static;
    background-image:none;
    padding-left:195px;
  }
  .grid.list .product {
    padding-top:5px;
    font-size:15px;
    margin-bottom:2px;
  }
  .grid.list h2 {
    font-size:18px;
    margin-top:0px;
  }
  .grid.list .desc {
    padding-left:195px;
  }
  .videoclip {
    width: 100%;
    display: block;
    position: relative;
    margin: 0px .5%;
    margin-bottom: 20px;
  }

  .art-grid {
    margin-left: 0%;
    margin-right: 0%;
  }
  .art {
    width: 100%;
    float: none;
    margin-left: 0%;
    margin-right: 0%;
  }
  .art:active {
    opacity:.85;
  }
  .art-grid .imgbox {
    height: 340px;
  }
  .art .intro, .art:hover .intro {
    max-height: 160px;
  }
  .sidemenu .grid.list .news {
    padding-top:5px;
    padding-bottom:5px;
  }
  .sidemenu .grid.list .imgbox {
    top:13px;
    left:10px;
    width: 110px;
    height: 85px;
  }
  .sidemenu .grid.list header {
    padding-left: 125px;
  }
  .sidemenu .grid.list h2 {
    font-size: 18px;
  }
  .sidemenu .grid.list .desc {
    padding-left: 125px;
  }
  .sidemenu .menu li {
    width: 33.333333%;
    float: left;
  }
  .footer .last-issue {
    max-width:inherit;
    padding-right:0px;
    border-bottom:1px solid #222;
    min-height:205px;
  }
  .last-issue .subscribe {
    bottom:20px;
  }
  .contentcol {
    padding-left:0px;
    padding-right:0px;
  }

  .article-specs {
    padding: 20px 15px;
  }
  .article-body {
    padding: 30px 15px;
  }
  .article h1 {
    font-size: 2rem;
  }
  .article-title {
    padding-right: 0.9375em;	
  }
  .article .intro {
    font-size: 1.25rem;

    line-height: 1.3em;
  }
  .article-body blockquote {
    width: auto;
    float: none;
    margin-right: auto;	
  }
  .image-inline1 {
    float: none;
    width: 100%;
    margin-right: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 15px;
  }
  .image-inline1 img {
    width:100%;
    height:auto;
  }
  .banner-sidearticle {
    float:none;
    margin-right:0px;
    text-align: center;
  }
  .gal-container {
    margin-right: -15px;
    margin-left: -15px;
  }
  .prevnext {
    margin-left: 0px;
    margin-right: 0px;
  }
  .prevnext .prevhead {
    top: 15px;
  }
  .prevnext article:active {
    opacity:.85;
  }
  .article-specs .author {
    line-height:1.1em;
    padding-top:5px;
  }
  .article-specs .author br {
    display:inline;
  }
  .author-pic {
    margin-top:-5px;
  }
  .author-del {
    display:none;
  }
  .banner970 {
    width:auto;
    height:auto;
    min-height:70px;
  }
  .video-sel li {
    padding-left:140px;
    min-height:90px;
  }
  .video-sel .imgbox {
    position:absolute;
    left:12px;
  }
  .btn-galnav {
    display:none;
  }
  .galnav {
    opacity: 1;
    visibility: visible;
  }
  .minfobox {
    display:block;
  }
  .dinfobox {
    display:none;
  }
  .emptyhead {
    display:none;
  }
  .banner-neg {
    margin-top:0px;
  }
  .banner-neg .banner300 {
    margin-right:auto;
  }
  .page-column .article .intro {
    font-size: 20px;
    line-height: 1.5em;
    color: #444;
  }
  .page-news .banner-side, .page-news .banner-side2, .page-news .banner-side3 {
    text-align: center;
  }
  .footer {
    overflow:hidden;
  }
  .footer h5 {
    margin-top:20px;
    margin-bottom:0px;
    padding-bottom:12px;
    border-bottom:1px solid #222;
    margin-left:-0.9375em;
    margin-right:-0.9375em;
    padding-left:0.9375em;
    padding-right:0.9375em;

  }
  .footmenu li a {
    padding: 14px 12px;
    border-bottom:1px solid #222;
    margin-left:-0.9375em;
    margin-right:-0.9375em;
  }
  .logo-footer {
    text-align:left !important;
  }
  .copy {
    padding-top:0px;
  }
  .page-humor .article-title {
    padding: 16px 15px;
    padding-top: 25px;
  }
  .page-humor .shares-inline {
    position:relative;
    float:right;
    right:auto;
    width:50px;
    z-index:20;
    margin-top: 20px;
    margin-right: 10px;
  }
  .page-humor .shares-inline a {
    width: 35px;
    height: 35px;
    background-color: #41B4F1;
    text-align: center;
    line-height: 35px;
    margin-bottom: 3px;
  }
  .page-humor .shares-inline a .label {
    left: 30px;
  }
  .btn-showsearch {
    width:45px;
    height: 45px;
    display:block;
    text-align: center;
    line-height: 45px;
  }
  .topsearch form {
    padding-top:4px;
  }
  .top-bar .search-input {
    width:80%;
  }
  .top-bar .search-btn {
    width:19%;
  }
  .shares, .shares-fixed {
    position: static;
    right:auto;
    float:right;
    margin-top: 12px;
    width: auto;
    margin-right: 15px;
  }
  .shares a {
    float:left;
    margin-left: 15px;
  }
  .article-specs .btn-pubcomment {
    display:none
  }
  .btn-sidemenu {
    right:-30px;
    top:50%;
    margin-top: -30px;
  }
  .page-news .prevnext {
    margin-left: 0px;
    margin-right: 0px;
  }
  .topsearch {
    padding-left: 2%;
    padding-right: 12%;
    display:none;
    top: 0px;
  }
  .sideline {
    border-right:3px solid #41B4F1;
  }


}

@media only screen and (max-width: 30.000em)
{
  .sidemenu .grid.list .imgbox {
    width: 70px;
    height: 50px;
  }
  .sidemenu .grid.list header {
    padding-left: 90px;
  }
  .sidemenu .grid.list .desc {
    padding-left: 90px;
  }
  .prevnext article {
    width: 100%;
    float: none;
  }
  .art-prev {
    margin-bottom: 1px;
  }
  .banner-sidearticle {
    display:none;
  }
  .section-head .section {
    font-size: 30px;
    line-height: 1.0em;
  }
  .sect-slash {
    margin-right: 10px;
  }
  .section-head .article-specs .authorname {
    margin: 0px;
    padding-top: 6px;
  }
}

@media only screen and (max-width: 40.063em) and (orientation : landscape)
{
  .sidemenu .menu li {
    width: 25%;
  }
  .sidemenu .menu li a {
    padding: 6px;
  }

}

/* Ads for mobiles */
@media only screen and (min-width:320px) and (max-width:480px) {
  .adslot-top-desktop, 
  .adslot-midindex-desktop {
    display:none;
  }
  .adslot-top-tablet, 
  .adslot-midindex-tablet {
    display:none;
  } 
  .adslot-top-mobile, 
  .adslot-midindex-mobile {
    display:block;
  } 
} 

/* Ads for tablets in portrait mode */
@media only screen and (min-width:768px) and (max-width:1024px) {
  .adslot-top-desktop, 
  .adslot-midindex-desktop {
    display:none;
  }
  .adslot-top-tablet, 
  .adslot-midindex-tablet {
    display:block;
  } 
  .adslot-top-mobile, 
  .adslot-midindex-mobile {
    display:none;
  } 
}

/* Ads for tablets in landscape and desktops */
@media only screen and (min-width:1024px) {
  .adslot-top-desktop, 
  .adslot-midindex-desktop {
    display:block;
  }
  .adslot-top-tablet, 
  .adslot-midindex-tablet {
    display:none;
  } 
  .adslot-top-mobile, 
  .adslot-midindex-mobile {
    display:none;
  } 
}