* {margin:0; padding:0}
html{font-family: 'PT Sans Narrow',sans-serif;line-height: 1.54;font-size:90%}
h1,h2,h3,h4,h5,h6{color:#002873;font-weight:normal}
h1{font-weight:bold}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
body{min-width:1020px}
img{border:none}
img.right {float: right;margin: 15px 0 15px 15px !important}
img.left {float: left;margin: 15px 15px 15px 0 !important}
p,pre,table{margin: 10px 0;}
a{color:rgb(0,40,100);text-decoration:underline}
a:hover,a.q:hover,a:visited:hover{color:#820000}
/*a:visited{color:#30C132}*/
a:focus{outline:none}
a.q{text-decoration:none}
a.q span{text-decoration:underline}
a.q span.uq{text-decoration:none}
a.button{text-decoration:none}
a[href*="tel:"]{white-space:nowrap}
/*a:active,*/*:target a{color:#FF6E00 !important}
.f80{font-size:80%}
.f90{font-size:90%}
time{color:#999;margin:0 20px 0 0}
.center {text-align: center}
.clickable{border-bottom:1px dotted rgb(0,40,100);cursor:pointer}
.clickable:hover{border-bottom:1px dotted #820000;color:#820000}
/*ul{list-style:none outside}
ul li:before{content:"•";color:#B7FF72;position:absolute;top:1px;left:-15px;}*/


/*------PATH-----*/
.path:after{content:"";display:block}
.path {clear:both;margin:0 30px 10px 0;font-size:13px}
.path li:after{content:"←";position:absolute;left:-18px;top:0;color:#aaa}
.path li:before{content:""}
.path .active ~ li:after{content:"→";}
.path li:first-child:after{display:none}
.path li:last-child{margin:10px 0}
.path li{display:inline-block;vertical-align:top;margin:10px 25px 10px 0;position:relative}
#content .path:last-child{margin:10px 30px 0 0}

/*-----ICON----*/
.social-icons{background:url(../i/sprite-social.svg) no-repeat;display:inline-block;vertical-align:middle;font-size:0px;line-height:0}

.is16{width:16px;height:16px;background-size:64px}
.is24{width:24px;height:24px;background-size:96px}
.is32{width:32px;height:32px;background-size:128px}
.is48{width:48px;height:48px;background-size:192px}

.is16.irss{background-position:-16px -32px}
.is24.irss{background-position:-24px -48px}
.is32.irss{background-position:-32px -64px}
.is48.irss{background-position:-48px -96px}

.is16.iyoutube{background-position:-48px -16px}
.is24.iyoutube{background-position:-72px -24px}
.is32.iyoutube{background-position:-96px -32px}
.is48.iyoutube{background-position:-144px -48px}

.is16.ivimeo{background-position:-32px -16px}
.is24.ivimeo{background-position:-48px -24px}
.is32.ivimeo{background-position:-64px -32px}
.is48.ivimeo{background-position:-96px -48px}

.is16.igoogleplus,.is24.igoogleplus,.is32.igoogleplus,.is48.igoogleplus{background-position:0 0}

.irsstext{display:inline-block;vertical-align:middle;padding:5px 15px 4px 5px;font-weight:800;font-size:15px;color:#fff;line-height:1em}
#wContent .irsstext{padding:9px 15px 8px 5px;font-weight:400}
#wContent .feed{display:block;margin:30px 0;text-align:left}
a.feed{text-decoration:none;text-align:center}
a.feed:hover .social-icons,a.feed:hover .irsstext{background-color:#E17317}
a.feed .social-icons {margin:0 0 0 -10px}
.irss,.irsstext{background-color:#ea7819;border-radius:5px;}
.ivimeo{background-color:#46B5FE}
.iyoutube{background-color:#bb0000}
.igoogleplus,.igoogle{background-color:#DC4E41}
.ifacebook{background-color:#3b5998}
.itwitter{background-color:#55ACEE}
.ivk,#vk-group .social-group{background-color:#45668e}
.iyandex{background-color:#F00}
.iodnoklassniki{background-color:#f6900b}
.imailru{background-color:#168DE2}

.social-group-warp{margin:30px 0;white-space: nowrap;}
.social-group{display:inline-block;color:#fff;text-decoration:none;padding:10px;border-radius:5px}
a.social-group:hover{color:#fff}
.social-group .social-text{font-size:14px;display:inline-block;vertical-align:middle;}

.is16.ifacebook{background-position:-16px 0}
.is24.ifacebook{background-position:-24px 0}
.is32.ifacebook{background-position:-32px 0}
.is48.ifacebook{background-position:-48px 0}

.is16.itwitter{background-position:-32px 0}
.is24.itwitter{background-position:-48px 0}
.is32.itwitter{background-position:-64px 0}
.is48.itwitter{background-position:-96px 0}

.is16.ivk{background-position:-48px 0}
.is24.ivk{background-position:-72px 0}
.is32.ivk{background-position:-96px 0}
.is48.ivk{background-position:-144px 0}

.is16.iyandex{background-position:-16px -16px}
.is24.iyandex{background-position:-24px -24px}
.is32.iyandex{background-position:-32px -32px}
.is48.iyandex{background-position:-48px -48px}

.is16.iodnoklassniki{background-position:0 -16px}
.is24.iodnoklassniki{background-position:0 -24px}
.is32.iodnoklassniki{background-position:0 -32px}
.is48.iodnoklassniki{background-position:0 -48px}

.icon,.icon::after{display:inline-block;vertical-align:top;background:url(http://gameclub.by/i/sprite-standart.svg)}
.i12{width:12px;height:12px;background-size:72px}
.i16{width:16px;height:16px;background-size:96px 80px}
.i25,.i25::after{width:25px;height:25px;background-size:150px 125px}
.i50,.i50::after{width:50px;height:50px;background-size:300px 250px}
.i32{width:32px;height:32px;background-size:192px 160px}
.i48{width:48px;height:48px;background-size:288px 240px}
.i64{width:64px;height:64px;background-size:384px 320px}
.iuser{position:relative;left:0;background:#DDE1EC;overflow:hidden;border-radius:50%}
.iuser::after{content:"";position:absolute;top:0;z-index:25;opacity:.4}
.iuser.i25::after{background-position:-25px -50px;top:5px;left:2px}
.iuser.i50::after{background-position:-50px -100px;top:5px;left:4px}
.i16.iarrow{background-position:-32px -32px}
.i16.iarrow180{background-position:-32px -32px;transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.i16.isearch{background-position:-48px -32px}
.i16.isignin{background-position:-48px -64px}
.i32.isearch{background-position:-96px -64px}
.i32.icross{background-position:-96px -32px}
.i16.icross{background-position:-48px -16px}
.i12.icross{background-position:-36px -12px}
.i16.icrossc{background-position:-80px 0}
.i16.iminusc{background-position:-64px 0}
.i16.iplusc{background-position:-48px 0}
.i16.iminus{background-position:-16px -16px}
.i16.iplus{background-position:0 -16px}
.i16.iexclamation{background-position:-32px 0}
.i16.itick{background-position:-80px -32px}
.i16.iview{background-position:-64px -16px}
.i16.iviewh{background-position:-80px -16px}
.i16.itrash{background-position:-32px -16px}
.i16.ipencil{background-position:32px -32px}
.i64.icart{background-position:-128px -256px}
.i16.loading{background:url(http://gameclub.by/i/loading.gif) !important}
.i48.icomments{background-position:48px 48px}
/*----/ICON----*/

/*-----------------EXEPTION/SUCCES---------------------------*/
ul.attention,ul.exeption,ul.succes{padding:20px;margin:0 auto;list-style:none !important;margin: 15px 0 20px}
.attention li,.exeption li,.succes li{width: auto !important;background: none !important}
.exeption{color: #E80002;box-shadow:0 0 3px 0 #FF0014}
.succes{color: #45A213;box-shadow:0 0 3px 0 #90FF00}
.attention{color: #BA7000;box-shadow:0 0 3px 0 #FFD800}
.exeption span,.attention span,.succes span{position:relative;top:-5px;left:5px}
.attention .icon{margin:0 10px 0 0;position: relative;top: 3px;opacity:0.5}

/*-------Header-----*/
#header-wrap:before,#close-header:before{background:url(http://gameclub.by/i/tamplate-1.svg);background-size:25px;content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.9}
#header-wrap{position:relative;overflow:hidden}
#header{position:relative;z-index:2;overflow: auto;overflow:hidden}
#logotype{position:relative;z-index:5;width:170px}
#logotype a,#logotype .a{margin:45px 30px 25px;display:block;}
#logotype img{display:block}
#slogan{float:left;margin:3px 0 0 0;position:relative}
#slogan{margin:3px 20px 0 30px}
#address{margin:3px 0 0 0;position: relative;display: inline-block;font-size: 13px;}
#phones{position:absolute;top:28px;left:0;white-space:nowrap}
#phones ul{list-style:none}
#phones ul li{margin:0 0 5px}
#phones a{color:#fff;text-decoration:none}
#phones a:hover{color:#FFFBA7}
#up-wrap:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:url(http://gameclub.by/i/tamplate-1.svg);background-size:25px;opacity:0.3}
#up-wrap{display: inline-block;width:100%;padding:10px 0 30px;color:#fff;background:#0044aa;position:relative;z-index:2}
#header #newsFeedWrap::before{content:"Это интересно";top:auto;bottom:-20px;right:auto;left:25px;padding:2px 5px;z-index:5;border-radius: 0 0 2px 2px;background:#FFED94;color:#D20000}
#header #newsFeedWrap:hover::before{background:#FFE97B}
#newsFeedWrap{position:relative;top:0;left:0}
#newsFeed{display:table;width:100%;border-collapse: collapse;border-spacing:0;table-layout: fixed}
#newsFeed a{background:#FFED94;display:table-cell;padding:10px 25px;border-collapse:collapse;border-spacing:0;table-layout:initial;position:relative}
#newsFeed a:first-child{padding:10px 10px 10px 25px}
#newsFeed a:last-child{width:120px;border-left:1px solid #ccc}
#newsFeed a:last-child::before{content:"";width:1px;height:100%;position:absolute;top:0;left:0;background:#fff}
#newsFeed a:hover{background:#FFE97B}
#newsFeed a.service .newsTableWrap{display:table;table-layout:initial;position:relative;width: 100%;}
#newsFeed a.service .newsTableWrap span.newsDesc .newsTableWrap{display:table;table-layout:fixed;width: 100%;}
#newsFeed a.service .newsTableWrap span.newsDesc .newsTableWrap span{width: 100% !important}
#newsFeed a.service .newsTableWrap span{display:table-cell;white-space:nowrap;border-collapse:collapse;border-spacing:0;position: relative;padding:0 5px}
#newsFeed a.service .newsTableWrap span:first-child{width:50px}
#newsFeed a.service .newsTableWrap span:last-child{text-overflow:ellipsis;overflow:hidden}
#newsFeed a.service .newsTableWrap span:last-child::before{content:"";position:absolute;top:0;right:0;width:30px;height:100%;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,237,148,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,237,148,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,237,148,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,237,148,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,237,148,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,237,148,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffed94',GradientType=0 );}
#lb-wrap{display:table;width:100%}
#lb-wrap > div{display:table-cell;vertical-align: top}
/*------/Header-----*/

/*------user-menu------*/
#userBox{font-size:80%;float:right;margin: 5px 20px 0 0;position:relative;z-index:5;min-width:160px;}
#userMenu{list-style:none;color:#fff}
#userBox .icon{opacity:1;margin:0 5px 0 0;vertical-align:top}
a:hover .icon{opacity:1 !important}
#userBox a{display:inline;padding:0;color:#fff}
#userBox a:hover{color:#fffba7}
#cart-short #cart{position:relative}
#cart-short{position:absolute;top:0;left:0;}
#cart-short #showCart{text-decoration:none}
#cartName{text-decoration:underline;margin:0 10px 0 0}
#cartName #crtnt{position:relative;top:15px}
#currency{position:absolute;top:42px;left:70px;text-transform:uppercase}
#currency .active{font-weight:bold}
#currency > span{cursor:pointer}
#cart-short #cartList{position:absolute;top:0;left:30px}
#cart-short #cartList #crtct{position:relative;top:-5px}
/*-----/user-menu------*/

/*----Search----*/
#search{float:left;margin:0 20px 0 0}
#search-form{position:relative;color:#000}
#search-form .input-typing{width:160px;margin:0;display:block;float:left;border-radius:3px 0 0 3px;height:17px;border:1px solid #ccc}
#search-form input[type="submit"]{vertical-align: top;margin:0;border-radius:0 3px 3px 0;border:none;box-shadow:none}
#searchFastResult:before{content: "";display: block;height: 0;position: absolute;width: 0; border:6px solid;border-color: transparent transparent #fff transparent;top: -12px;}
#searchFastResult{position:absolute;top:35px;left:0;width:100%;max-height:230px;background:#fff;box-shadow:0 0 2px 0 rgba(0,0,0,0.5);display:none;}
#searchFastResult.active{display:block;z-index:500}
#searchFastResult #fullSearch{list-style:none;font-size:80%;overflow: auto;display:block;max-height:230px}
#searchFastResult #fullSearch li{padding:10px;display:block;position:relative;margin:0}
#searchFastResult #fullSearch li p,#searchFastResult #fullSearch li time{display:none}
#searchFastResult #fullSearch li .cover img{display:block;float:left;margin:0 5px 5px 0}
#searchFastResult #fullSearch a{text-decoration:none}
#searchFastResult #fullSearch span a{color:#001E8C;margin:0}
#seeAllRezults{background:#1264F4;text-align:center}
#seeAllRezults a{color:#fff}
/*---/Search----*/

/*----------------pageNavigation-------------*/
.pageNavigation{display:block;margin:30px 0;padding:0;color:#777;position: relative;}
.goods .pageNavigation:last-child{margin:10px 0 0}
.pageNavigation li{display: inline-block;}
.pageNavigation > li.next{margin-left:30px}
.pageNavigation > li.prev{margin-right:30px}
.pageNavigation > li:first-child{margin-left:0}
.pageNavigation > li:first-child a{padding:7px 7px 7px 0}
.pageNavigation li a{display:inline-block;padding:7px}
.pageNavigation .prev a{margin:0 5px 0 10px}
.pageNavigation .next {margin:0 0 0 5px}
.pageNavigation li.active{color:#000;font-weight:bold;padding:7px}
.pageNavigation .parent ul:before {content: "";border-color:  transparent  transparent #cccccc transparent;border-style: solid;border-width: 5px;display: block;height: 0;left: 7px;position: absolute;top: -10px;width: 0;}
.pageNavigation .parent ul{display:block;width:163px;background:#fff;}
.pageNavigation .parent{position:relative;z-index:20}
.pageNavigation .parent:hover > .hidePage{display:block}
.pageNavigation .parent .hidePage{display:none;position:absolute;top:30px;left:0;border:1px solid #ccc;border-radius:3px;box-shadow:0 0 5px 0 rgba(0,0,0,0.1)}

/*----TopMenu------*/
#top-h:before{background:url(http://gameclub.by/i/tamplate-1-180.svg);background-size:25px;background-position:0 -60px;content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.3}
#top-h{overflow:auto;position:relative;background: #0044aa}
#topMenu{position:relative;font-size:14px;margin:0 0 0 25px}
#top-h menu{list-style:none;background:rgba(0,0,0,0.15);display:inline-block;float:left}
#top-h menu li{float:left}
#top-h menu li a,#top-h menu li .a{display:block;padding:14px 6px;color:#fff;text-decoration:none;}
#top-h menu li .a{background:rgba(0,0,0,0.2)}
#top-h menu li .q span{text-decoration:none}
#top-h menu li:hover{background:rgba(0,0,0,0.1)}
#top-h menu li:hover a{color:#fff !important}
/*---/TopMenu------*/


/*-------userMENU-----*/
#userMenu{z-index:10;position:absolute;top:70px;left:0}
#userMenu li{display:none}
#userMenu li:first-child{display:block !important}
#userMenu:hover li{background:#00227E}
#userMenu:hover #signin{background:transparent}
#userMenu:hover li{display:block}
#userMenu li a,#userMenu li .a{display:block;padding:5px}
#userMenu #signin a{display:inline;padding:0}
#login{cursor:default;padding:4px 1px 6px 10px;text-decoration:none;position:relative;z-index:5;color:#fff}
#login span:before{content:"▼";font-size:9px;position:absolute;top:0;right:0}
#login span{border-bottom:1px dotted #fff;padding:0 10px 0 0;position:relative}
#userMenu:hover > #login,#login:focus{color:#AA0003;background:#fff;box-shadow:0 -5px 4px 0 rgba(0,0,0,0.2)}
#userMenu:hover > #login span,#login:focus span{border-bottom:none;background:none transparent}
#userMenu:hover > ul,#login:focus + ul{display:block;}
#userMenu:hover > ul li a:hover{background:#eee;color:#AA0003;}

/*----Banners------*/
#banners{position:relative;margin:0}
#banners table{border-collapse:collapse;margin:20px 0;height:100%;width:100%}
#banners td{vertical-align:top;color:#fff;position:relative;text-align:center}
#banners td a{text-decoration:none;line-height:.8em;display:block}
#banners .cover-wrap{margin: 0px auto;display:inline-block}
#banners a:hover .cover-wrap{box-shadow:0 0 5px 0 rgba(0,0,0,0.5);z-index:100;
-moz-transition: all 0.2s ease;-moz-transform: scale(1.33);
-webkit-transition: all 0.2s ease;-webkit-transform: scale(1.33);
-ms-transition: all 0.2s ease;-ms-transform: scale(1.33);
-o-transition: all 0.2s ease;-o-transform: scale(1.33);
transition: all 0.2s ease;transform: scale(1.33);
}
#banners tr td:last-child a:hover .cover-wrap{left:-13%;
transform:translate(-13%, 0), scale(1.33);
-moz-transform:translate(-13%, 0), scale(1.33);
-webkit-transform:translate(-13%, 0), scale(1.33);
-o-transform:translate(-13%, 0), scale(1.33);
-ms-transform:translate(-13%, 0), scale(1.33);
}
#banners a:hover .cover{background-size:contain;}
#banners a:hover{color:#fac300}
#banners .cover{}
#banners .cover img{height:125px;display:block}
#banners .title{display:none;font-size:80%;padding:5px 0 0;text-align:center;width: 100%;}
/*---/Banners------*/

/*----Catalog-map------*/
#catalog-map-wrap:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:url(http://gameclub.by/i/tamplate-1.svg);background-size:25px;opacity:0.3}
#catalog-map-wrap{background:#0044aa;position:relative;z-index:2}
#catalog-map{padding:0 20px}
#catalog-map .parent > a,#catalog-map .parent > .a,#catalog-map .parent > a span{color:#fff;white-space:nowrap;text-decoration:none}
#catalog-map a:hover,#catalog-map a:hover span{color:#FFFBA7}
#catalog-map > ul{display:table;background:transparent;border:none;height:100%;width:100%}
#catalog-map ul{list-style:none;position:relative;}
#catalog-map > ul > li{display: table-cell;/*border-right:1px dotted rgba(255,255,255,0.2);*/position:relative;height:100%}
#catalog-map > ul li.a{background:rgba(0,0,0,0.2)}
#catalog-map > ul > li.a:before{/*content:"";*/border-width:10px;margin-left:-10px;border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF; bottom:0; border-style: solid;position:absolute;left:50%;z-index:5}
#catalog-map > ul > li:last-child{margin:0;border-right:none}
#catalog-map > ul ul ul{margin:0 0 0 10px}
#catalog-map a,#catalog-map span.a{color:#fff;padding:3px 10px;display:block}
#catalog-map > ul > li > a,#catalog-map > ul > li > .a{font-weight:bold}
#catalog-map > ul > li > .a:first-child,#catalog-map > ul > li > a:first-child{padding:12px 10px 0}
.catImg{width:50px;position:absolute;right: -5px;top:-80px}
/*---/Catalog-map------*/

/*-----catalog-main----*/
#catalog #subCategory{overflow:auto;clear:both; margin: 20px 0 20px -30px}
#catalog #subCategory ul{list-style:none}
#catalog #subCategory > ul > li{display:block;width:25%;float:left;text-align:center;position:relative}
#catalog #subCategory > ul > li:hover > a:after,#catalog #subCategory > ul > li:hover > a:before{left:30px;margin:0;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#catalog #subCategory > ul > li:hover > a.nintendo:after{left:55px}
#catalog #subCategory > ul > li > a:hover{
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-align:left}
#catalog #subCategory > ul > li > a:after{position:absolute;top:30px;left:50%;content:"";background:url(http://gameclub.by/i/sprite-logos.svg) no-repeat;width:125px;height:29px;margin:0 0 0 -62.5px;display:block}
#catalog #subCategory > ul > li > a:before{content:"";background:url(http://gameclub.by/i/sprite-console.svg) no-repeat;width:130px;height:140px;background-size:520px;position:absolute;top:60px;left:50%;margin:0 0 0 -62.5px;display:block}
#catalog #subCategory > ul > li > a{display:block;padding:30px;margin:0 auto;text-align:center;color:rgb(0,30,140);position:relative;font-weight:bold;min-height:185px;text-decoration:none}
#catalog #subCategory > ul > li > a span{position:absolute;bottom:30px;left:30px;color:#fff}
#catalog #subCategory > ul > li > a.q span{text-decoration:none;color:#fff}
#catalog #subCategory ul a.ps4:after{background-position:0 0}
#catalog #subCategory ul a.ps4:before{background-position:0 30px}
#catalog #subCategory ul a.xbox-one:after{background-position:-130px 0}
#catalog #subCategory ul a.xbox-one:before{background-position:-130px 30px}
#catalog #subCategory ul a.ps3:after{background-position:-260px 0}
#catalog #subCategory ul a.ps3:before{background-position:-260px 30px}
#catalog #subCategory ul a.xbox-360:after{background-position:-390px 0}
#catalog #subCategory ul a.xbox-360:before{background-position:-390px 30px}
#catalog #subCategory ul a.ps2:after{background-position:0 -31px;width:128px}
#catalog #subCategory ul a.ps2:before{background-position:0 -100px}
#catalog #subCategory ul a.nintendo:after{background-position:-130px -31px;left:60%}
#catalog #subCategory ul a.nintendo:before{background-position:-130px -100px}
#catalog #subCategory ul a.ps-vita:after{background-position:-260px -31px}
#catalog #subCategory ul a.ps-vita:before{background-position:-260px -100px}
#catalog #subCategory ul a.psp:after{background-position:-389px -31px}
#catalog #subCategory ul a.psp:before{background-position:-390px -100px}
#catalog #subCategory ul a.pc:after{background-position:0 -62px}
#catalog #subCategory ul a.pc:before{background-position:0 -230px}
#catalog #subCategory ul a.retro:after{background-position:-130px -62px}
#catalog #subCategory ul a.retro:before{background-position:-130px -240px}
#catalog #subCategory > ul > li:nth-child(1),#catalog #subCategory > ul > li:nth-child(8){background:rgba(0,0,0,0.85)} 
#catalog #subCategory > ul > li:nth-child(2),#catalog #subCategory > ul > li:nth-child(7){background:rgba(0,0,0,0.9)} 
#catalog #subCategory > ul > li:nth-child(3),#catalog #subCategory > ul > li:nth-child(6){background:rgba(0,0,0,0.95)} 
#catalog #subCategory > ul > li:nth-child(4),#catalog #subCategory > ul > li:nth-child(5){background:rgba(0,0,0,1)} 
#catalog #subCategory > ul ul{background:rgba(0,68,170,1)}
#catalog #subCategory > ul li > ul{position:absolute;top:0;right:0;height:100%;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
#catalog #subCategory > ul > li:hover > ul{
-moz-transition: all 0.3s ease;-moz-transform: scale(1);
-webkit-transition: all 0.3s ease;-webkit-transform: scale(1);
-ms-transition: all 0.3s ease;-ms-transform: scale(1);
-o-transition: all 0.3s ease;-o-transform: scale(1);
transition: all 0.3s ease;transform: scale(1);
}
#catalog #subCategory > ul li > ul li{display:block;float:none;text-align:left}
#catalog #subCategory > ul li > ul a{display:block;padding:10px;color:#fff}

/*----/catalog-main----*/

.goods h2{float:left;margin:0 30px 0 0}
#main #catalog-map:before,#newsFeedWrap::before{content:"Выберите желаемую платформу";position:absolute;top:-19px;right:25px;font-size:10px;color:#fff;background:#D20000;padding:2px 5px;border-radius:2px 2px 0 0}
#main #catalog-map.active:before{content:"";display:none}
#catalog-map > ul > .parent > a,#catalog-map > ul > .parent > .a{position:relative;display:block;height:30px;background:rgba(0,0,0,0.25);border-right:1px solid #fff}
#catalog-map  a span,#catalog-map  a{text-decoration:none}
#catalog-map  a:hover{text-decoration:underline}
#catalog-map > ul > .parent:first-child > a:before,#catalog-map > ul > .parent:last-child > a:before,
#catalog-map > ul > .parent:first-child > .a:before,#catalog-map > ul > .parent:last-child > .a:before{content:"";position:absolute;top:0;width:20px;height:100%;background:rgba(0,0,0,0.25);}
#catalog-map > ul > .parent:last-child > a:before,#catalog-map > ul > .parent:last-child > .a:before{right:-20px;}
#catalog-map > ul > .parent:first-child > a:before,#catalog-map > ul > .parent:first-child > .a:before{left:-20px;}
#catalog-map .parent:first-child > a,#catalog-map .parent:first-child > .a{position:relative}
#catalog-map .parent:last-child > a,#catalog-map .parent:last-child > .a{border:none;position:relative}
#catalog-map > ul > .parent > a:after,#catalog-map > ul >.parent > .a:after{content:"";height:16px;width:70px;position:absolute;top:50%;left:50%;margin:-7px 0 0 -35px;background:url(http://gameclub.by/i/sprite-logos.svg);background-size:280px;display:block;}

#catalog-map .parent > a.ps4,#catalog-map .parent > a.ps4 span,#catalog-map .parent > a.ps3,
#catalog-map .parent > a.ps3 span,/*#catalog-map .parent > a.ps2,#catalog-map .parent > a.ps2 span,
#catalog-map .parent > a.psp,#catalog-map .parent > a.psp span,*/#catalog-map .parent > a.ps-vita,
#catalog-map .parent > a.ps-vita span,#catalog-map .parent > a.xbox-360,#catalog-map .parent > a.xbox-360 span,
#catalog-map .parent > a.xbox-one,#catalog-map .parent > a.xbox-one span,#catalog-map .parent > a.nintendo,
#catalog-map .parent > a.nintendo span,#catalog-map .parent > a.pc,#catalog-map .parent > a.pc span,
#catalog-map .parent > a.retro,#catalog-map .parent > a.retro span,
#catalog-map .parent > .a.ps4,#catalog-map .parent > .a.ps4 span,#catalog-map .parent > .a.ps3,
#catalog-map .parent > .a.ps3 span,/*#catalog-map .parent > .a.ps2,#catalog-map .parent > .a.ps2 span,
#catalog-map .parent > .a.psp,#catalog-map .parent > .a.psp span,*/#catalog-map .parent > .a.ps-vita,
#catalog-map .parent > .a.ps-vita span,#catalog-map .parent > .a.xbox-360,#catalog-map .parent > .a.xbox-360 span,
#catalog-map .parent > .a.xbox-one,#catalog-map .parent > .a.xbox-one span,#catalog-map .parent > .a.nintendo,
#catalog-map .parent > .a.nintendo span,#catalog-map .parent > .a.pc,#catalog-map .parent > .a.pc span,
#catalog-map .parent > .a.retro,#catalog-map .parent > .a.retro span{color:transparent}

#catalog-map .parent > a.ps4:after,#catalog-map .parent > .a.ps4:after{background-position:0 0}
#catalog-map .parent > a.ps3:after,#catalog-map .parent > .a.ps3:after{background-position:-140px 0}
/*#catalog-map .parent > a.ps2:after,#catalog-map .parent > .a.ps2:after{background-position:0 -17px}
#catalog-map .parent > a.psp:after,#catalog-map .parent > .a.psp:after{background-position:-210px -17px }*/
#catalog-map .parent > a.ps-vita:after,#catalog-map .parent > .a.ps-vita:after{background-position:-140px -17px }
#catalog-map .parent > a.xbox-360:after,#catalog-map .parent > .a.xbox-360:after{background-position:-210px 0}
#catalog-map .parent > a.xbox-one:after,#catalog-map .parent > .a.xbox-one:after{background-position:-70px 0}
#catalog-map .parent > a.nintendo:after,#catalog-map .parent > .a.nintendo:after{background-position:-70px -17px}
#catalog-map .parent > a.pc:after,#catalog-map .parent > .a.pc:after{background-position:0 -34px}
#catalog-map .parent > a.retro:after,#catalog-map .parent > .a.retro:after{background-position:-70px -34px}

#catalog-map .parent > a.active span:before,#catalog-map .parent > a.active span:after{content:"";border-radius:50%;position:absolute;top:-20px;left:50%}
#catalog-map .parent > a.active span:before{border:2px solid #C80000;margin-left:-8px;width:12px;height:12px}
#catalog-map .parent > a.active span:after{background:#C80000;margin-left:-3px;width:6px;height:6px;top:-15px}
#catalog-map .parent > a.active{background:rgba(180,0,0,0.55)}
#catalog-map .parent > a:hover{background:rgba(180,0,0,0.55)}

/*----Goods----*/
.goods{margin:20px 0 30px 0;position:relative}
.goodsList{}
.goodsList li{display:inline-block;vertical-align:top;width:200px;margin:0 15px 32px 0;position:relative}
.goodsList li article{font-size:13px;border: 2px solid #b20000;border-radius:10px;left:50%;margin:-20px 0 -20px -120px;min-height: 50px;opacity:0;display:none;padding:0 23px 80px;min-height:100%;position:absolute;top:0;width: 190px;background:#fff;}
.goodsList li article p{padding:250px 0 0;margin:0 -3px!important}
.goodsList li.copy{background:#DDFFAD}
.goodsList li.cut{background:#DEDEDE}
.goodsList li.hide,.goodsList li.hidef{display:none}
.goodsList li.hidef.show{display: inline-block}
.goodsList li.sale article p{padding:260px 0 0}
.goodsList li a,.goodsList li .offerInfo{position:relative;z-index:51}
.goodsList li label{z-index:72}
.goodsList li:hover article{display:block}
.goodsList li:hover article,.goodsList li.onRequest:hover:before,.goodsList li.pre-order:hover:before{opacity:1;z-index:72}
.goodsList li:hover a,.goodsList li:hover .offerInfo{z-index:73}
.goodsList li:hover label{z-index:75}
.goodsList li.sale:hover:after{z-index:69}
.goodsList li.pre-order .priceRub{color: #B20000}
.goodsList a{display:block;font-size:110%;text-decoration:none}
.goodsList a:hover > h2,.goods h1 a:hover,.goods a:hover{color:#AA0003;}
.goodsList a:visited > h2,.goods h1 a:visited{color:#5E37D3}
.goodsList a:visited:hover > h2,.goods h1 a:hover{color:#AA0003}
.goodsList a img{max-width:200px;max-height:150px;left: 50%;position: absolute;top: 50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.goodsList .goodMade{white-space:nowrap}
.usd .priceRub,.usd .priceRubSale,.rub .priceDollars,.rub .priceDollarsSale{display:none}
.goodsList .price,.goodsList .priceSale{margin: 0 12px 0 0;white-space:nowrap}
.goodsList .cover{display:block;width:200px;height:150px;margin: 0 0 10px;overflow: hidden;position:relative}
.price,priceSale{white-space:nowrap}
.goodsList .priceSale{color:#d20000}
.sale:after{background:#d20000;box-shadow:0 0 2px 0 rgba(0,0,0,0.8);padding:3px;color:#fff;position:absolute;border-radius:5px;font-size:70%;z-index:52}
#aside .sale:after{top:-35px;right:20px}
.sale:after{top:10px;right:10px}
.sale.sale2:after{content:"-2%"}
.sale.sale2.5:after{content:"-2,5%"}
.sale.sale3:after{content:"-3%"}
.sale.sale4:after{content:"-5%"}
.sale.sale5:after{content:"-5%"}
.sale.sale7:after{content:"-7%"}
.sale.sale10:after{content:"-10%"}
.sale.sale15:after{content:"-15%"}
.sale.sale20:after{content:"-20%"}
.sale.sale25:after{content:"-25%"}
.sale.sale30:after{content:"-30%"}
.sale .priceDollars,.sale .priceRub{text-decoration:line-through;opacity:0.3}
.goodsList .orderButton{padding:15px 0 0;border-top:1px solid #eee;display:block;position:absolute;bottom:10px;left:0;width:100%}
.inCart,#inCart{padding:10px 0;display:table;margin:0 auto}
.goodsList .orderButton .cartPut{margin:0 auto !important;display:table}
.offerInfo > span{display:block}
.offerInfo.pre-order .priceRub{color:#D20000}
time{color:#999;margin:0 20px 0 0}
.time time{margin:0}
.goodsList .notAvailable{opacity:0.3}
.goodsList .onRequest:before{z-index:5;content:"Под заказ";padding:3px;background:#2E83FC;border-radius:5px;box-shadow:0 0 2px 0 rgba(0,0,0,0.8);position:absolute;top:10px;left:10px;font-size:70%;color:#fff;z-index:52}
.goodsList .pre-order:before{z-index:5;content:"Предзаказ";padding:3px;background:#FC982E;border-radius:5px;box-shadow:0 0 2px 0 rgba(0,0,0,0.8);position:absolute;top:10px;left:10px;font-size:70%;color:#fff;z-index:52}
.goodsList .onRequest:hover,.goodsList .notAvailable:hover{opacity:1}

#cartAnimate{position:absolute;z-index:2000;display: inline-block;vertical-align: top;width: 200px;}
#cartAnimate li a{font-size: 110%;}
#cartAnimate li a, #cartAnimate li .offerInfo {position: relative;z-index: 51;}
#cartAnimate li .cover {display: block;width: 200px;height: 150px;margin: 0px 0px 10px;overflow: hidden;position: relative;}
#cartAnimate li a img {max-width: 200px;max-height: 150px;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);}
#cartAnimate li article{display: block;opacity: 1;}
#cartAnimate li .orderButton {padding: 15px 0px 0px;border-top: 1px solid #EEE;display: block;position: absolute;bottom: 10px;left: 0px;width: 100%;}
#cartAnimate li:hover article{z-index:0}
#cartAnimate .orderButton .cartPut{display: none}

/*---------PARAMETRS------*/
#parametrs #aside{display:none}
#parametrs #content{padding:0 30px}
#parTable table{width:100%}
#parTable .selectboxit{width:200px !important}
.select{position:relative;margin:5px 16px}
#batiskaf .fsearch{padding:0;border-collapse: collapse;}
.fsearch tr td{border-bottom: 1px solid #ccc;position:relative}
.fsearch tr:last-child td{border-bottom:none}
.fsearch td.active{background:rgb(240,240,240);box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3)}
.select .cross{position:absolute;top:-13px;left:-13px;cursor:pointer;opacity:0.5}
.select .cross:hover{opacity:1}
.select .option{display:none;white-space:nowrap;padding:3px 0}
.select .option input{position:relative;top:2px}
.select .option.active,.select .option label{display:block;}
.select .option.selected{display:block;/*background:rgba(0,0,0,0.00)*/}
.select .selName{display:inline-block;/*background:url(http://gameclub.by/i/chevron-small-expand-gray.png) 100% 50% no-repeat;*/cursor:pointer;}
.select .selName span{border-bottom:1px dotted #777}
/*.select .selName.active{background:url(http://gameclub.by/i/chevron-small-gray.png) 100% 50% no-repeat;}*/
#parTable td{position:relative}
.info{top: 16px;position:absolute;right:15px;font-size:13px}
.info a{display:inline-block;width:16px;height:16px;vertical-align:top;background:url(http://gameclub.by/i/sprite-standart.svg) no-repeat;background-size:96px;background-position:-64px -48px;opacity:0.3}
.info a:hover{opacity:1;}
.info a.active{background:url(http://gameclub.by/i/sprite-standart.svg) no-repeat;background-size:96px;background-position:-80px 0;opacity:1;z-index:2}
.info span:after{content: "";display: block;height: 0;position: absolute;width: 0; border:6px solid;border-color: transparent transparent #bbb transparent;top: -12px;}
.info span{display:none;position:absolute;top:23px;background:#FFFFBC;padding:10px;border:1px solid #bbb;box-shadow:5px 5px 5px 0 rgba(0,0,0,0.2);width:300px;}
.info span.active{z-index: 20;}
.info.left span:after{right: 7px;}
.info.right span:after{left: 7px;}
.info.left span{right:-5px;}
.info.right span{left:-5px;}
.info span.active{display:block;}
.paremetrsForm{position:relative;}
.paremetrsForm .form{background:none;width:100%;}
#batiskaf tr:first-child > .active{border-radius:10px 10px 0 0}
/*.paremetrsForm tr td:first-child{padding:5px 30px 5px 0 !important}
.paremetrsForm tr td:last-child{padding:5px 0 5px 30px}*/
.paremetrsForm td{/*border-bottom: 1px dotted #E0E0E0*/}
/*.paremetrsForm tr:last-child td{border:none}*/
.paremetrsForm input[type="submit"]{margin:10px auto 7px;display:table}
.paremetrsForm tr:last-child{text-align:center}
.paremetrsForm .select,.paremetrsForm .info{display:inline-block;vertical-align:top}
#wpage .paremetrsForm table,#wpage .paremetrsForm table tr:last-child,#wpage .paremetrsForm table td,#wpage .paremetrsForm table th{border:none;margin:0}

/*------Content------*/
#wContent{position:relative;top:0;left:0;display:table;width:100%;}
#content,#aside{display:table-cell;vertical-align: top;}
#content{padding:0 25px 0 30px}
#aside .external-article{margin:65px 0 0}
#aside .external-article > a{text-decoration:none}
#aside .external-article > a:hover h2{color:#820000}
#aside .remote-link-wrap .basename,#aside .remote-link-wrap .icross{display:none}
#aside{width: 280px;padding:0 30px 0 10px}
#newsItem #aside{padding:}
#content h1{margin:20px 0}
#content h1 span:hover,#content h1 .active{opacity:1}
#content h1 span{opacity:0.5}
#content h1 span a{color:#E1DDC0}
#content h1 span a:hover{color:#940006}
#content p:first-child{margin:0 0 10px}
#content p:last-child{margin:10px 0 0}
#content p{margin:10px 0}
#content table{border-collapse:collapse; border-spacing:0;border:1px solid #eee}
#content table td,#content table th{padding:10px}
#content table td{border:1px solid #eee}
#content table th{background:#eee;font-weight: normal}
#content table tr:nth-child(2n){background:#fcfcfc}
#contentPage{margin:70px 0 50px}
/*-----/Content------*/

/*----aside----*/
#news-nodes{margin:60px -30px 0 0;list-style:none}
#news-nodes li{margin:40px 0}
#news-nodes .newsTitle,#news-nodes .news-description,#news-nodes .news-cover, .news-cover img{display:block}
#news-nodes .news-description,#news-nodes .news-cover{margin:10px 0}
#news-nodes .newsTitle{font-size:110%}
#news-nodes .news-description{font-size:90%}
#aside .goodsList li{display:inline-block;vertical-align:top;margin: 0 18px 30px 0;width:100px;font-size:13px}
#aside .goodsList li .cover{width:100px;height:75px}
#aside .goodsList li img{max-width:100px;max-height:75px}
#aside .goodsList li article{width:90px;margin: -20px 0px -20px -70px}
#aside .goodsList li article p{display:none;}
#news-nodes .offerInfo {font-size: 100%;text-align: left;margin:0;white-space: nowrap;}
#aside .goodsList .orderButton .inCart{padding:0}
#news-nodes .orderButton input[type="submit"] {margin: 0 auto}
#news-nodes .sale::after{top:-16px;right:-16px}



#catalog #batiskaf:before{content:"Подбор по параметрам"}
#catalogItem #batiskaf:before{content:"В нашем магазине"}
#batiskaf:before{position:absolute;top:-24px;left:15px;color:#d20000}
#batiskaf{margin:100px 0 0;border-radius:10px;border:3px solid #d20000;position:relative}
#batiskaf .offerInfo.onRequest:after,#batiskaf .offerInfo.notAvailable:before,#batiskaf .offerInfo.pre-order:after{display:inline-block;margin:0 0 5px;padding:5px;font-size:50%;}
#batiskaf .offerInfo.onRequest:after{content:"Доступен под заказ";border:1px dotted #FFD324;}
#batiskaf .offerInfo.pre-order:after{content:"Предзаказ";border:1px dotted #FFD324;}
#batiskaf .offerInfo.notAvailable:before{content:"Нет в наличии";border:1px dotted #FF7676;}

#batiskaf .offerInfo{margin:5px;font-size:150%;text-align:center}
#batiskaf .orderButton{display:block;margin-top:10px;border-top:1px solid #eee}
#batiskaf .orderButton input[type="submit"]{margin:10px 0}
#batiskaf .price,#batiskaf .priceSale{font-weight:bold;white-space:nowrap}
#batiskaf .priceDollars{opacity:0.3;margin:0 0 0 10px}
#batiskaf .price.sale{font-weight:normal}
.catalogItem .pageContent .desc{margin:0 0 30px}
#node{position:relative;margin:30px 0;border-top:1px dotted #ccc;position:relative}
#node:before{content:"Возможно вам будет интересно";position:absolute;top:-25px;left:30px;color:#999}
#node ul{margin:10px 30px}
#node input[type="submit"]{margin:10px 0 0;}
/*---/aside----*/

/*-----pageContent-----*/
.catImg{float:left;border-radius:50%;margin:20px 10px 20px 0}
.catalog .pageContent,.news .pageContent{margin:0 0 40px;padding:10px 10px 0 10px;border:1px dashed #eee}
.pageContent{max-width:1280px;margin:10px 0 0}
.pageContent img{max-width:100%}
.pageContent p{margin:10px 0 20px;}
.pageContent h1{margin:30px 0 10px;}
.pageContent h2{margin:20px 0 5px}
.pageContent ul, ol{padding:0 0 0 20px;margin:10px 0 30px;}
.pageContent ul li,.pageContent ol li{position:relative;margin:0 0 5px}
#wpage table, #wpage table td, #wpage table th {border: 1px solid #CCCCCC;}
#wpage table.bn,#wpage table.bn td,#wpage table.bn th {border: none}
#wpage table{border-collapse: collapse;border-spacing: 0;margin:10px 0 30px}
#wpage table caption{text-align:left;font-style:italic;color:#777}
#wpage table tbody tr{border-bottom:1px solid #B8C6DF}
#wpage table.bn tbody tr{border:none}
#wpage table th{font-weight:bold;background:#E5E5E5}
.spec_row{background:#FFFAE2}
#wpage table td,table th{padding:5px;}
#wpage table tbody tr:nth-child(odd){}
#wpage table tbody tr:nth-child(even){}
.pageContent code,.pageContent pre{width:100%;display:block;display: block;overflow: auto;white-space: pre;}
.pageContent code span{display:block}
.pageContent p code{display:inline}
.pageContent ul, .pageContent ol{margin: 10px 10px 10px 30px;padding: 0;}
.pageContent blockquote{margin:10px 20px;border-left:1px solid #eee;padding-left:10px;font-style:italic}
.pageContent dl {margin: 0.5em 0 0.5em 30px;}
.pageContent dt {color: #2F7589;float: left;}
.pageContent dd {margin: 0.4em 0 0.5em 6.5em;}


#wfooter{position:relative;z-index:49;display:table;margin:50px auto 0; font-size: 70%;padding: 50px 0;border-top:1px solid #ddd}
#footer{display:table;}
#footer > div{display:table-cell;vertical-align:top;padding:10px 30px}
#footer > div h4{margin:0 0 10px}
#footer > div #phones{position:relative;margin:10px 0 0;top:0;left:0}
#wfooter a{color:rgb(0,30,140);text-decoration:none}
#wfooter a span{text-decoration:none}
#wfooter a:hover{color:#820000}
#autor{text-align:center;margin:30px 0 0;opacity:0.5}
#autor:hover{opacity:1}


/*----editor-----*/
.input{padding:10px;border:1px solid #ccc;box-sizing: border-box;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.5);}
.input:focus{outline:none !important;border-color:#cfb564 !important;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 7px rgba(255, 210, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);}
textarea, pre {margin:0;padding:0;outline:0;border:0}
.expandingArea {position: relative;background: #fff}
.expandingArea > textarea,
.expandingArea > pre {padding: 10px;background: transparent;font: 400 14px/20px helvetica, arial, sans-serif;/* Make the text soft-wrap */white-space: pre-wrap;word-wrap:break-word}
.expandingArea > textarea {width: 100%;height:100px}
.expandingArea > pre {display: none}
.expandingArea.active > textarea {overflow: hidden;position: absolute;top: 0;left: 0;height: 100%;resize:none}
.expandingArea.active > pre {display: block;visibility: hidden;padding:11px}
.attachWrap {position:absolute;bottom:10px;right:10px;z-index:50}
.attachWrap .iattach{cursor:pointer;opacity:0.5}
.attachWrap .iattach:hover,.attachWrap .iattach.active{opacity:1}
.attachButtonWrap {position:absolute;bottom:0;right:0;display:none}
.attachButtonWrap.active{display:block}
.attachButtonWrap ul{position:absolute;top:0;right:0;list-style:none;background:#fff;border:1px solid #eee;}
.attachButtonWrap ul li{padding:10px;white-space:nowrap;cursor:pointer}
.attachButtonWrap ul li:hover{background:#f5f5f5}
.attachButtonWrap li span{vertical-align:middle}
.attachButtonWrap li .icon{margin:0 5px 0 0}
.pocketImgList:not(:empty){border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:#fff;padding: 0 5px;overflow: auto}
.pocketImgList .itick-white{display:none}
/*----editor-----*/

.video-list-wrap,.link-list-wrap {background:#fff;border-left: 1px solid #CCC;border-right: 1px solid #CCC;border-bottom:1px solid #CCC;overflow:auto;display:none;padding: 0px 5px}
.video-list-wrap.active,.link-list-wrap.active{display:block}
.video-list {list-style: outside none none}
.video-list li{padding: 0px;margin: 5px 0px;width: 50%;float: left;clear:none;overflow: hidden}
.video-list .file-wrap {display: block;position: relative;margin: 5px;border: 1px solid #CCC;overflow: hidden;}
.video-list .icross{opacity: 0.5;cursor: pointer;margin: 5px;float: right}
.video-list .icross:hover{opacity:1}
.filename::before, .basename::before {content:"";position: absolute;top:0;right:0;width:30px;height:100%;pointer-events:none;box-shadow: -25px 0px 25px -12px #FFF inset, -25px 0px 25px -12px #FFF inset}
.basename{cursor:pointer}
.filename, .basename {display:block;margin:5px 27px 5px 5px;white-space:nowrap;overflow:hidden;position:relative;font-size:80%}
.video-list .basename{width:74%}
.video-list .thumb-wrap{display:block;height:150px;clear:both;position:relative;cursor:pointer}
.post-form .video-list .thumb-wrap::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0}

.link-list-wrap.active{padding:0 5px}
.links-list{list-style:none}
.remote-link-wrap a[target="_blank"]{white-space:normal}
.remote-link-wrap a[target="_blank"]::after{display:none}
.remote-link-wrap a{color:#000;text-decoration:none}
.remote-link-wrap a:hover .remote-link-cover-select-buttons{color:#000}
.links-list > li{width: 50%;overflow:hidden;display:block;float:left;margin:5px 0}
.remote-link-cover,.remote-link-cover-select li.selected {background-position: center 30%;background-repeat: no-repeat;background-size: cover;display:block;height:100px;clear:both;position:relative;cursor:pointer;overflow:hidden;background-color:#E5E5E8}
.links-list > li img {height:100px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%)}
.remote-link-cover-select{position:relative}
.remote-link-cover-select-buttons{position:absolute;width:100%;bottom:10px;left:10px;z-index:10}
.remote-link-cover-select li{display:none}
#remote-link-cover-select-next{margin-left:5px}
#remote-link-cover-select-done{margin-left:10px}
.remote-link-wrap{margin:5px 0;position:relative;border:1px solid #ccc}
.pocket-links-list .remote-link-wrap{margin:5px}
.remote-link{height:195px;overflow:hidden;position: relative}
.remote-link::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}
.remote-link::after{content:"";position:absolute;bottom:0;right:0;width:100%;height:50px;pointer-events:none;box-shadow: 0 -50px 40px -30px #FFF inset, 0 -45px 40px -30px #FFF inset}
.remote-link-title{font-size:14px;padding:5px}
.remote-link-description{font-size:70%;padding:5px}
.links-list .icross {position:absolute;top:4px;right:4px;opacity:.5;cursor:pointer}
.links-list .icross:hover{opacity:1}

#buttons-cover-down{position:absolute;bottom:10px;left:10px}
.button-cover.hide{display:none}
.button-cover{display:inline-block;vertical-align:top;background:rgba(255,255,255,0.6);padding:5px;cursor:pointer;border-radius:5px;font-size:12px;font-weight:bold;text-shadow:0 0 1px rgba(255,255,255,0.9)}
.button-cover .icon{display:block}
.button-cover:hover{background:rgba(255,255,255,1)}
#button-cover-next{margin-left:5px}
#button-cover-change{margin-left:10px}
#button-cover-close{position:absolute;top:10px;right:10px;border-radius:50%}

.photo-uploader.tile{overflow:auto;display:none}
.photo-uploader.tile.drop{display:block}
#set-avatar .fileUploadList li,#set-avatar .fileUploadList li .file-wrap {width:300px;height:auto;margin:5px 0}
#set-avatar .fileUploadList li.complete{display:none}
.fileUploadList li{padding:0;margin:5px 0;width:20%;float:left;clear:none;overflow:hidden;height:180px}
.fileUploadList li .file-wrap{padding:25px 0 5px;overflow: hidden;}
.progress{margin:10px;display: block;width: auto;}
.fileUploadList li .fname,.fileUploadList li .res{margin:5px 10px;display:block}
.fileUploadList li .uploadCancel{position:absolute;top:0;right:0}
.filesProgress{display:none}
.fileUploadList li.complete .file-wrap{padding:0}
.fileUploadList li .file-wrap{display:block;position:relative;margin:5px;border:1px solid #ccc;overflow:hidden;height:175px;background:#fff}
.fileUploadList li .thumb-wrap {display: block;height:120px;position:relateve;clear: both;position:relative;cursor:pointer;overflow:hidden;background:#e5e5e8}
.fileUploadList li img {min-height:100px;max-height:120px;display:block;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%)}
.fileUploadList li .basename,.fileUploadList li .filename{color:#000}
.fileUploadList li.complete .basename{color:#000;cursor:pointer;}
.fileUploadList li .icross{opacity:0.5;cursor:pointer;position:absolute;top:5px;right:5px}
.fileUploadList li .itrash:hover,.fileUploadList li .icross:hover{opacity:1}
.fileUploadList .dateCreate{display:none}
.fileUploadList li .itick-white{cursor:pointer}
.fileUploadList li .itrash{opacity:0.5;cursor:pointer;position:absolute;bottom:4px;right:4px;z-index:5}
.pocketImgList .fileUploadList li .itrash{top:4px;bottom:inherit;right:4px;z-index:5}
.pocketImgList .fileUploadList li img{min-height:100px}
.pocketImgList .fileUploadList li{height:145px}
.pocketImgList .fileUploadList li .file-wrap{height:135px}
.eventCoverFile .fileUploadList li{width:278px;height:inherit}
.eventCoverFile .fileUploadList li .file-wrap{border:none;background:none;height:inherit}

.comment-content .imgList{list-style:none}
.comment-content .imgList li{margin:0;width:100px;height:70px;float:left;margin:0 5px 0 0}
.comment-content .imgList li img{max-height:70px;display:block;position:absolute;top:50%;left:50%;
transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
.comment-content .imgList li .file-wrap,.comment-content .imgList li .thumb-wrap{height:70px;overflow:hidden;position:relative;display:block}
.comment-content .imgList li .thumb-wrap{background:#E5E5E8}


/*--------------social-buttons------------*/
.social-buttons{overflow: auto}
.social-buttons ul, #social-buttons{list-style:none}
.social-buttons ul li {float:left;margin:0 7.6px 0 0}
.social-buttons ul li:last-child{margin:0}
.social-buttons a{background:url(../i/sprite-social.svg) no-repeat;background-size:160px;width:40px;height:40px;display:block;border-radius:5px}
.social-buttons .ivk a{background-position:-120px 0}
.social-buttons .imailru a{background-position:0 -80px}
.social-buttons .iodnoklassniki a{background-position:0 -40px}
.social-buttons .iyandex a{background-position:-40px -40px}
.social-buttons .igoogle a{background-position:0 0}
.social-buttons .ifacebook a{background-position:-40px 0}

#social-wrap{margin:50px 0;font-size:80%}
#social-buttons{display:table;width:100%}
#social-buttons li{display:table-cell;border-left:5px solid #fff;width:500px}
#social-buttons li:first-child{border-left:none}
#social-buttons a{display:block;height:48px;color:#fff;text-decoration:none;position:relative;top:0;left:0;width:100%}
#social-buttons span{display:inline-block;vertical-align:middle;position:absolute;top:50%;left:10px;margin:-12px 0 0}
#social-buttons .count-social-voice{right:10px;left:auto;margin:-9px 0 0}
/*-------------/social-buttons------------*/