ul.cat-tree {
 display: none;
 line-height: 1.2;
 text-align: left
}
.cat-tree li {
 background: none!important;
 padding: 0!important
}
.cat-tree li ul {
 padding-left: 4px
}
.cat-tree li a {
 padding: 8px 20px 8px 8px
}
.cat_show_more {
 font-weight: 700;
 cursor: pointer;
 text-decoration: none
}
.cat_show_more:hover {
 text-decoration: underline
}
.cat-tree b {
 color: #bbb;
 font-weight: 400;
 font-size: 10pt;
 position: absolute;
 right: 10px;
 top: 10px
}
.cat-tree i {
 background: transparent url(/.s/img/wd/1/sb.gif) 0 2px no-repeat
}
.cat-tree u {
 background: transparent url(/.s/img/icon/pm.gif) no-repeat
}
.cat-tree i,
.cat-tree u {
 float: left;
 padding-left: 12px;
 margin: 10px;
 height: 14px
}
.gcont .cat-tree i,
.gcont .cat-tree u {
 float: none
}
.cat-tree u.plus {
 background-position: 0 3px
}
.cat-tree u.minus {
 background-position: 0 -18px
}
.cat-blocks div {
 cursor: pointer;
 position: relative;
 border-bottom: 1px solid #eee;
 font-weight: 400;
 text-transform: uppercase;
 padding: 10px 20px 10px 0;
 font-size: 11pt!important;
 text-align: left!important;
 overflow: hidden;
 font-family: "Open Sans", sans-serif
}
.cat-blocks div:hover {
 color: #3D88CB
}
.cat-blocks .gTableTop:after {
 content: '';
 position: absolute;
 right: 0;
 top: 15px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 6px 6px 0;
 border-color: #eee transparent transparent
}
.cat-blocks ul {
 display: none;
 text-align: left;
 line-height: 1.2
}
.cat-blocks li {
 height: auto;
 padding: 0 30px 0 10px;
 margin-bottom: 1px;
 overflow: hidden
}
.cat-blocks li .forumDescr {
 display: block;
 position: absolute;
 right: 12px;
 top: 12px
}
.cat-blocks a,
.cat-blocks a:hover,
.cat-blocks a:visited,
.cat-blocks u,
.order-item-name a {
 text-decoration: none
}
.catalog #show_cats_more_block {
 font-weight: 700;
 cursor: pointer
}

.mobile-cat {
 display: none;
 padding: 30px;
 margin: 0 0 -30px;
}
.mobile-cat-top a {
 display: block;
 text-decoration: none;
 line-height: 40px;
 margin-bottom: 5px;
}
.mobile-cat-top i {
 display: inline-block;
 width: 40px;
 height: 40px;
 text-align: center;
 margin: 0 8px 0 4px;
 background: #3D88CB;
 color: #fff;
}

.mobile-cat .catalog {
 margin-bottom: 0 !important;
}
.mobile-cat-top {
 display: none;
 margin: 0 0 -60px 0;
 padding: 30px;
 list-style: none;
 position: relative;
}

table.catalog {
 width: 100%;
 border-spacing: 10px;
 text-align: left;
 white-space: normal
}
table.catalog a {
 text-decoration: none
}
table.catalog a:hover {
 color: #3D88CB
}
table.catalog h3 {
 padding-top: 10px;
 font-weight: 400;
 text-transform: uppercase
}
table.catalog div {
 margin: 0;
 padding: 0 0 0 65px
}
.smcat table.catalog div {
 padding: 0 0 0 115px;
 font-size: 11pt
}
.smcat table.catalog img {
 max-width: 100px
}
table.catalog img {
 float: left;
 margin: 0 15px 0 0;
 border: 0;
 max-width: 50px;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%
}
.sidebar table.catalog {
 border-spacing: 0;
 margin-bottom: 60px
}
.sidebar table.catalog h3 {
 font-size: 10pt;
 padding-top: 12px
}
.sidebar table.catalog img {
 width: 40px;
 margin-right: 10px
}
.sidebar table.catalog div {
 padding-left: 50px;
 font-size: 0
}
.sidebar table.catalog div a {
 position: relative;
 display: block;
 text-indent: 0;
 font-size: 10pt
}
.sidebar table.catalog div a:before {
 display: block;
 position: absolute;
 top: 0;
 left: -10px;
 content: "›";
 color: #CCC
}
.shop-cat-descr {
 overflow: visible
}
.shop-cat-descr .cat-img {
 float: left;
 margin-right: 30px
}
.shop-cat-descr .cat-info {
 width: 100%;
 padding-left: 230px;
}
.canvas-container {
 position: absolute;
 width: 100%;
 height: 100%;
 overflow: hidden !important;
 left: 0;
 top: 0;
 z-index: -1;
}
.canvas-container canvas {
 min-height: auto !important;
 height: auto !important;
}
.shop-cat-descr img {
 max-height: 200px;
 min-height: 200px;
 margin-bottom: -80px;
 margin-top: -15px;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
 -moz-box-shadow: 0 3px 8px #DEDEDE;
 -webkit-box-shadow: 0 3px 8px #DEDEDE;
 box-shadow: 0 3px 8px #DEDEDE
}
.shop-cat-descr h1 {
 padding: 0;
 margin-bottom: 10px
}
.shop-cat-descr .num {
 line-height: 36px;
 color: #999
}
.shop-cat-descr .num span {
 font-weight: 700;
 font-size: 16pt;
 color: #333
}
.shop-cat-descr .shop-descr {
 line-height: 1.1;
 font-size: 11pt
}
.goods-menu {
 margin: 0 auto 20px;
 padding: 0;
 list-style: none;
 display: table;
 overflow: hidden;
 background: #eee;
 text-align: center;
 -webkit-border-radius: 26px;
 -moz-border-radius: 26px;
 border-radius: 26px
}
.goods-menu li {
 display: block;
 float: left;
 line-height: 40px;
 font-size: 11pt;
 text-transform: uppercase
}
.goods-menu li.active {
 background: #3D88CB
}
.goods-menu li.active a {
 color: #fff!important;
 background: #3D88CB
}
.goods-menu li a {
 display: block;
 padding: 0 15px;
 text-decoration: none;
 background: #eee;
 color: #666;
 border-left: 1px dotted #fff
}
.goods-menu li:first-child a {
 border-left: none
}
.goods-menu li a:hover {
 color: #333
}

.goods-list {
 margin: 0 -15px
}
.main-list .list-item {
 width: 25%
}
.main-list .list-item:nth-child(3n+1) {
 clear: none
}
.main-list .list-item:nth-child(4n+1) {
 clear: left
}
.list-item {
 width: 33.3333%;
 float: left;
 position: relative;
 min-height: 1px;
 padding-left: 15px;
 padding-right: 15px;
}
.list-item:nth-child(3n+1) {
 clear: left
}
.shop-item-block {
 display: table;
 width: 100%;
 position: relative;
 margin: 15px 0
}
.img-block:before {
 content: '';
 position: absolute;
 bottom: -4px;
 left: 15px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 13px 13px;
 border-color: transparent transparent #FCFCFC
}
.shop-item-block:hover .img-block:before {
 bottom: 0
}
.item-page .hint,
.shop-item-block .hint {
 position: absolute;
 left: -5px;
 top: -15px;
 font-size: 8pt;
 padding: 4px 6px;
 background: #3D88CB;
 text-transform: uppercase;
 color: #fff;
 z-index: 1
}
.item-page .hint {
 left: auto;
 right: 0;
 font-size: 11pt;
 padding: 5px 8px;
 font-weight: 300;
}
.item-page .hint:before,
.shop-item-block .hint:before {
 content: "";
 display: block;
 position: absolute;
 top: 100%;
 left: 10px;
 width: 10px;
 height: 10px;
 margin-top: -8px;
 background: #3D88CBnone repeat scroll 0 0;
 transform: rotate(-100deg) skewX(-50deg);
 z-index: -1
}
.item-page .hint:before {
 transform: rotate(100deg) skewX(50deg)
}
.item-page .hint.skidka,
.shop-item-block .hint.skidka {
 text-transform: none
}
.item-page .hint.skidka span,
.shop-item-block .hint.skidka span {
 font-weight: 700
}
.item-page .hint.green:before,
.item-page .hint.green,
.shop-item-block .hint.green:before,
.shop-item-block .hint.green {
 background: green
}
.item-page .hint.orange:before,
.item-page .hint.orange,
.shop-item-block .hint.orange:before,
.shop-item-block .hint.orange {
 background: orange
}
.item-page .hint.red:before,
.item-page .hint.red,
.shop-item-block .hint.red:before,
.shop-item-block .hint.red {
 background: red
}
.shop-item-block .img-block .moder {
 position: absolute;
 right: 10px;
 top: 10px;
}
.shop-item-block .img-block img {
 height: auto;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px
}
.shop-item-block .img-block-icon {
 margin: 0;
 padding: 0;
 list-style: none;
 position: absolute;
 bottom: 20px;
 left: 7px
}
.shop-item-block .img-block-icon li {
 position: relative;
 margin: 0 0 6px
}
.img-block-icon .basket,
.img-block-icon .wish,
.img-block-icon .compare-widget {
 width: 40px!important;
 height: 40px!important;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
 background-color: rgba(255, 255, 255, 0.8);
 z-index: 3;
 opacity: 0;
 visibility: visible
}
.img-block-icon .now {
 transform: translate(0px, -40px);
 -webkit-transform: translate(0px, -40px);
 -moz-transform: translate(0px, -40px);
 -o-transform: translate(0px, -40px);
 -ms-transform: translate(0px, -40px)
}
.img-block-icon .done,
.img-block-icon .add {
 transform: translate(0px, -30px);
 -webkit-transform: translate(0px, -30px);
 -moz-transform: translate(0px, -30px);
 -o-transform: translate(0px, -30px);
 -ms-transform: translate(0px, -30px)
}
.img-block-icon .wish {
 transform: translate(0px, -20px);
 -webkit-transform: translate(0px, -20px);
 -moz-transform: translate(0px, -20px);
 -o-transform: translate(0px, -20px);
 -ms-transform: translate(0px, -20px)
}
.img-block-icon .compare-widget {
 transform: translate(0px, -10px);
 -webkit-transform: translate(0px, -10px);
 -moz-transform: translate(0px, -10px);
 -o-transform: translate(0px, -10px);
 -ms-transform: translate(0px, -10px)
}
.shop-item-block:hover .img-block-icon .wish,
.shop-item-block:hover .img-block-icon .basket,
.shop-item-block:hover .img-block-icon .compare-widget {
 transform: translate(0px);
 -webkit-transform: translate(0px);
 -moz-transform: translate(0px);
 -o-transform: translate(0px);
 -ms-transform: translate(0px);
 visibility: visible;
 opacity: 1
}
.img-block-icon .wish {
 transform: translate(0px, -20px);
 -webkit-transform: translate(0px, -20px);
 -moz-transform: translate(0px, -20px);
 -o-transform: translate(0px, -20px);
 -ms-transform: translate(0px, -20px)
}
.img-block-icon .done,
.img-block-icon .wdel,
.img-block-icon .compare-widget-remove {
 background-color: #3D88CB
}
.img-block-icon .done:hover,
.img-block-icon .wdel:hover,
.img-block-icon .compare-widget-remove:hover {
 background-color: #0B5496!important
}
.img-block-icon .basket:hover,
.img-block-icon .wish:hover,
.img-block-icon .compare-widget:hover {
 margin: 0;
 background-color: #fff
}
.img-block-icon .basket:after,
.img-block-icon .wish:after,
.img-block-icon .compare-widget:after {
 content: '';
 position: absolute;
 right: -7px;
 top: 16px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 5px 5px 5px 0;
 border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
 opacity: 0;
 visibility: hidden
}
.img-block-icon .basket:before,
.img-block-icon .wish:before,
.img-block-icon .compare-widget:before {
 position: absolute;
 right: -84px;
 top: 4px;
 background-color: rgba(0, 0, 0, 0.8);
 color: #fff;
 line-height: 1.2;
 width: 65px;
 padding: 4px 6px;
 text-transform: uppercase;
 font-size: 8pt;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 opacity: 0;
 visibility: hidden
}
.img-block-icon .now:before {
 content: 'Купить сейчас'
}
.img-block-icon .wadd:before {
 content: 'Добавить в список желаний'
}
.img-block-icon .wdel:before {
 content: 'Удалить из списка желаний'
}
.img-block-icon .add:before {
 content: 'Добавить в козину'
}
.img-block-icon .done:before {
 content: 'Товар в корзине'
}
.img-block-icon .compare-widget-add:before {
 content: 'Добавить к сравнению'
}
.img-block-icon .compare-widget-remove:before {
 content: 'Удалить из сравнения'
}
.img-block-icon .basket:hover:after,
.img-block-icon .wish:hover:after,
.img-block-icon .basket:hover:before,
.img-block-icon .wish:hover:before,
.img-block-icon .compare-widget:hover:before,
.img-block-icon .compare-widget:hover:after {
 opacity: 1;
 visibility: visible
}
.img-block-icon .compare-widget-wrapper a {
 position: absolute;
 left: 0;
 top: 0;
 padding: 0 14px 0 40px;
 margin: 0;
 height: 40px;
 line-height: 36px;
 font-size: 0.9em;
 text-decoration: none;
 background: rgba(255,255,255,.85) url(/images/icon-compare-b.png) no-repeat 10px center / 24px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
}
.shop-item-block:hover .img-block-icon .compare-widget-wrapper a {
 left: 100%;
 margin-left: 4px;
}
.img-block-icon .compare-widget-wrapper a:hover {
 background-color: #fff;
}
.shop-item-block .shop-item-title {
 display: block;
 padding: 10px 12px;
 font-size: 11pt;
 text-decoration: none;
 word-wrap: break-word
}
.shop-item-block .shop-item-title:hover {
 color: #3D88CB
}
.shop-item-block .shop-item-price {
 padding: 0 12px 15px;
 font-weight: 600;
 font-size: 12.5pt;
 display: table;
 float: left
}
.shop-item-block .shop-item-price .newprice {
 position: relative;
 display: block;
 background: red;
 color: #fff;
 padding: 2px 5px;
 margin-bottom: 5px;
 margin-left: -5px
}
.shop-item-block .shop-item-price .newprice:before {
 content: '';
 display: block;
 position: absolute;
 top: 100%;
 left: 10px;
 width: 10px;
 height: 10px;
 margin-top: -9px;
 background: red;
 transform: rotate(-110deg) skewX(-50deg);
 z-index: -1
}
.shop-item-block .shop-item-price .oldprice {
 display: block;
 font-weight: 400;
 font-size: 10pt;
 padding-left: 5px;
 text-decoration: line-through;
 color: grey
}
.shop-item-block .shop-item-rating {
 display: inline-block;
 float: right;
 padding-top: 5px;
 padding-bottom: 15px;
 margin-right: 15px
}
.last-item .list-item {
 width: 100%;
 width: 100%;
 padding-left: 15px;
 padding-right: 15px;
}
.last-item .moder,
.last-item .list-item .img-block-icon {
 display: none
}
.last-item .list-item .img-block:before {
 top: 15px;
 bottom: auto;
 left: auto;
 right: 0;
 border-width: 10px 10px 10px 0;
 border-color: transparent #fff transparent transparent
}
.last-item .list-item .img-block {
 width: 33.333%;
 float: left;
 margin-right: 10px
}
.last-item .list-item .shop-item-block {
 background: transparent;
 box-shadow: none
}
.last-item .list-item .shop-item-title {
 padding: 0;
 color: #333;
 line-height: 1.1;
 text-transform: none
}
.last-item .list-item .shop-item-title:hover {
 color: #3D88CB
}
.last-item .list-item .shop-item-price {
 padding: 5px 0;
 font-size: 11pt;
 float: none
}
.last-item .list-item .shop-item-rating {
 float: none;
 display: table;
 margin: 0;
 padding: 0
}
.last-item .list-item:nth-child(3n+1) {
 clear: none
}
.goods-list .compare-widget,
.goods-list .basket,
.goods-list .wish {
 width: 50px;
 height: 50px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 58%;
 cursor: pointer
}
.goods-list .now {
 background-image: url(/images/icon-now-b.png)
}
.goods-list .add {
 background-image: url(/images/icon-add-b.png)
}
.goods-list .done {
 background-image: url(/images/icon-done-w.png)
}
.goods-list .wadd {
 background-image: url(/images/icon-wadd-b.png)
}
.goods-list .wdel {
 background-image: url(/images/icon-wdel-w.png)
}
.goods-list .werr {
 background-image: url(/images/icon-wler-b.png)
}
.goods-list .err {
 background-image: url(/images/icon-berr-b.png)
}
.goods-list .wait {
 background-image: url(/.s/img/wd/1/ajax.gif)
}
.compare-widget-add {
 background-image: url(/images/icon-compare-b.png)
}
.compare-widget-remove {
 background-image: url(/images/icon-compare-w.png)
}
.flist a,
.slist a {
 text-decoration: none!important
}
.flist .active,
.slist .active {
 font-weight: 700
}
.gphoto {
 border: none;
 cursor: pointer
}
.filter {
 margin-bottom: 50px
}
.filter .flist-item {
 margin-bottom: 15px;
 padding-bottom: 15px;
 border-bottom: 1px solid #eee
}
.other-filter #flist-item-price {
 display: none
}
.filter #flist-item-price .inputs {
 display: table;
 width: 280px;
}
.filter #flist-item-price .inputs input {
 margin-top: 5px;
 width: 138px;
 border: 1px solid #ccc;
 background: none;
 float: left;
}
.filter #flist-item-price .inputs #price_min {
 margin-right: 4px;
}
.filter #flist-item-price .des {
 font-size: 8pt;
 display: block;
 line-height: 1.1;
 color: #999;
 margin-bottom: 5px
}
.filter #flist-item-price .check {
 margin-left: 2px
}
.filter #flist-item-price .clear {
 margin-top: 20px;
 display: block;
 color: #3D88CB;
 text-transform: uppercase;
 font-size: 10pt;
 position: relative;
 padding-left: 20px;
 text-decoration: none;
 cursor: pointer
}
.filter #flist-item-price .clear i {
 position: absolute;
 left: 0;
 font-size: 12pt;
 color: #999
}
.filter .flist-label {
 display: block;
 font-weight: 600;
 text-transform: uppercase;
 margin-bottom: 2px;
 color: #3D88CB
}
.filter .ui-widget-content {
 border: 0;
 background: #eee;
 margin-top: 15px;
 max-width: 280px
}
.filter .ui-slider .ui-slider-handle {
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 width: 0.5em;
 margin: 2px 0 0 -4px;
 background-image: none;
 cursor: pointer;
}
.filter .ui-slider .ui-state-active {
 background: #ccc!important
}
.item-page .top-name {
 display: none
}
.item-page .main-img {
 position: relative;
 float: right;
 width: 82%
}
.item-page .img-list .gphoto,
.item-page .main-img .gphoto {
 width: 100% !important;
}
.item-page .img-list {
 float: left;
 width: 15%
}
.item-page .img-list a {
 margin-bottom: 10px;
 display: block
}
.item-page .img-list a.active {
 opacity: .5
}
.item-page .shop-brief {
 position: relative;
 font-size: 10pt;
 color: #666;
 padding: 0 0 15px 40px;
 font-style: italic;
 line-height: 1.2
}
.item-page .shop-brief i {
 position: absolute;
 left: 0;
 top: -7px;
 font-size: 20pt;
 color: #3D88CB
}
.item-page .shop-price {
 font-size: 18pt;
 padding: 15px 0;
 border-top: 1px solid #eee;
 font-weight: 600
}
.item-page .shop-price span.oldprice {
 font-size: 12pt;
 text-decoration: line-through;
 color: #999;
 font-weight: 300
}
.shop-option .shop-options {
 padding: 0 0 20px;
 margin-bottom: 20px;
 border-bottom: 1px solid #EEE
}
.shop-option .opt {
 display: block;
 margin: 10px 0 5px
}
.shop-options {
 margin: 0;
 padding: 0;
 list-style: none
}
.select-styled,
.select-hidden {
 display: none;
 visibility: hidden
}
.select-options {
 margin: -15px 0 0;
 padding: 0;
 list-style: none;
 display: table!important
}
.select-options li {
 display: block;
 line-height: 36px;
 float: left;
 padding: 0 14px;
 border: 2px solid #eee;
 margin: 0 4px 4px 0;
 cursor: pointer
}
.select-options li.active,
.select-options li:hover {
 border-color: #3D88CB
}
.select-styled {
 background: none;
 padding: 0 15px 0 0
}
.select-options li[rel=""] {
 display: none
}
.item-page .shop-to-basket {
 display: table;
 margin-bottom: 15px;
 width: 100%
}
.item-page .shop-to-basket input,
.item-page .shop-to-basket a.ddd {
 float: left;
 line-height: 40px
}
.item-page .shop-to-basket .quntity-input {
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
 border: 1px solid #eee;
 text-align: center
}
.item-page .shop-to-basket a.ddd {
 width: 40px;
 text-align: center;
 color: #fff;
 background: #ccc;
 text-decoration: none
}
.item-page .shop-to-basket a.ddd:hover {
 background: #222
}
.item-page .shop-to-basket a.sp-plus {
 -webkit-border-radius: 0 4px 4px 0;
 -moz-border-radius: 0 4px 4px 0;
 border-radius: 0 4px 4px 0;
 margin-right: 5px
}
.item-page .shop-to-basket a.sp-minus {
 -webkit-border-radius: 0 4px 4px 0;
 -moz-border-radius: 0 4px 4px 0;
 border-radius: 4px 0 0 4px
}
.item-page .shop-fast-buy {
 display: table;
 width: 100%;
 margin: 0 0 15px
}
.item-page .shop-fast-buy .des {
 text-transform: uppercase;
 font-weight: 600;
 color: #999;
 margin-bottom: 5px
}
.item-page .fast-order,
.item-page .now,
.item-page .wish,
.item-page .add,
.item-page .compare-widget {
 position: relative;
 background-color: #3D88CB;
 background-size: 50%;
 float: left;
 width: 40px;
 height: 40px;
 font-size: 10pt;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 margin-bottom: 4px;
 margin-right: 4px
}
.item-page .add {
 background-image: url(/images/icon-done-w.png)
}
.item-page .now {
 background-image: url(/images/icon-now-w.png)
}
.item-page .wish {
 background-image: url(/images/icon-wdel-w.png)
}
.item-page .compare-widget {
 background-image: url(/images/icon-compare-w.png)
}
.item-page .fast-order:hover,
.item-page .wdel,
.item-page .now:hover,
.item-page .wish:hover,
.item-page .add:hover,
.item-page .compare-widget:hover {
 background-color: #0B5496
}
.item-page .add:after,
.item-page .wadd:after,
.item-page .wdel:after,
.item-page .now:after,
.item-page .compare-widget:after {
 content: '';
 position: absolute;
 bottom: -8px;
 left: 15px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 5px 5px;
 border-color: transparent transparent rgba(0, 0, 0, 0.9);
 opacity: 0;
 visibility: hidden
}
.item-page .add:before,
.item-page .wdel:before,
.item-page .wadd:before,
.item-page .now:before,
.item-page .compare-widget:before {
 position: absolute;
 bottom: -30px;
 left: 0;
 background: rgba(0, 0, 0, 0.9);
 color: #fff;
 white-space: nowrap;
 line-height: 22px;
 padding: 0 6px;
 text-transform: uppercase;
 font-size: 8pt;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 z-index: 1;
 opacity: 0;
 visibility: hidden
}
.item-page .add:hover:before,
.item-page .add:hover:after,
.item-page .wadd:hover:before,
.item-page .wdel:hover:before,
.item-page .wadd:hover:after,
.item-page .wdel:hover:after,
.item-page .now:hover:after,
.item-page .now:hover:before,
.item-page .compare-widget:hover:after,
.item-page .compare-widget:hover:before {
 opacity: 1;
 visibility: visible
}
.item-page .add:before {
 content: 'Добавить в корзину'
}
.item-page .now:before {
 content: 'Купить сейчас'
}
.item-page .wadd:before {
 content: 'Добавить в список желаний'
}
.item-page .wdel:before {
 content: 'Убрать из списка желаний'
}
.item-page .compare-widget-add:before {
 content: 'Добавить к сравнению'
}
.item-page .compare-widget-remove:before {
 content: 'Убрать из сравнения'
}
.item-page .fast-order {
 width: auto;
 line-height: 40px;
 color: #fff;
 padding: 0 15px 0 40px;
 text-decoration: none;
 text-transform: uppercase
}
.item-page .fast-order i {
 position: absolute;
 left: 11px;
 top: 0;
 font-size: 13pt;
 color: rgba(255, 255, 255, 0.8)
}
.item-page .shop-options .opt {
 color: #999
}
.fast-order-form {
 margin-top: 30px
}
.fast-order-form .icon {
 margin: 4px 15px;
 position: relative
}
.fast-order-form .icon i {
 position: absolute;
 z-index: 2;
 width: 40px;
 height: 40px;
 line-height: 40px;
 left: 0;
 top: 0;
 text-align: center
}
.fast-order-form .icon input[type="text"] {
 padding-left: 40px;
 border-radius: 0;
 background: transparent;
 border: none;
 border-bottom: 1px solid #eee
}
.fast-order-form .icon input[type="text"]:hover {
 border: none;
 border-bottom: 1px solid #ccc
}
.fast-order-form input[type="submit"] {
 width: 100%;
 line-height: 50px;
 height: 50px;
 margin-top: 30px;
 -webkit-border-radius: 0 0 3px 3px;
 -moz-border-radius: 0 0 3px 3px;
 border-radius: 0 0 3px 3px
}
#recommended_products .list-item {
 width: 16.66666667%
}
#recommended_products .list-item:nth-child(3n+1) {
 clear: none
}
#recommended_products .list-item:nth-child(6n+1) {
 clear: left
}
#recommended_products .img-block:before,
#recommended_products .moder,
#recommended_products .img-block-icon,
#recommended_products .shop-item-rating,
#recommended_products .shop-item-price {
 display: none
}
#recommended_products .img-block img {
 -webkit-border-radius: 4px 4px 0 0;
 -moz-border-radius: 4px 4px 0 0;
 border-radius: 4px 4px 0 0
}
#recommended_products .list-item:hover .img-block img {
 opacity: .7
}
#recommended_products .shop-item-title {
 font-size: 10pt;
 line-height: 1.1;
 padding: 10px 0
}
#recommended_products_title {
 position: relative;
 font-size: 18pt;
 margin-bottom: 15px;
 padding-bottom: 30px;
 font-weight: 300;
 padding-bottom: 15px;
 border-bottom: 1px solid #eee
}
.item-sub-ttl {
 position: relative;
 background: #3D88CB;
 color: #fff;
 display: table;
 line-height: 40px;
 padding: 0 15px 0 45px;
 text-transform: uppercase;
 -webkit-border-radius: 4px 4px 0 0;
 -moz-border-radius: 4px 4px 0 0;
 border-radius: 4px 4px 0 0
}
.item-sub-ttl i {
 position: absolute;
 top: -1px;
 left: 10px;
 font-size: 18pt;
 color: rgba(255,255,255,.7);
}
.item-sub-inf {
 border-top: 1px solid #eee;
 margin-bottom: 60px;
 padding-top: 30px
}

.shop-tabs {
 display: block;
 border-bottom: 1px solid #eee;
 list-style: none;
 margin: 0 0 30px 0;
 padding: 0
}
.shop-tabs li {
 float: left;
 position: relative;
}
.shop-tabs li.active {
 background: #3D88CB;
 margin-right: 5px;
}
.shop-tabs a {
 position: relative;
 display: block;
 text-decoration: none;
 padding: 10px 15px 10px 45px;
 color: #666;
}
.shop-tabs li.active a {
 color: #fff;
}
.shop-tabs li i {
 color: #3D88CB;
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 1.5em
}
.shop-tabs li.active i {
 color: rgba(255, 255, 255, .7)
}
.shop-tabs li.active:before {
 content: '';
 position: absolute;
 top: -4px;
 left: 0;
 height: 4px;
 width: 100%;
 background: #3D88CB;
 -webkit-border-radius: 4px 4px 0 0;
 -moz-border-radius: 4px 4px 0 0;
 border-radius: 4px 4px 0 0
}
.shop-tabs li:hover i {
 top: 2px
}
.shop-info {
 color: #333;
 line-height: 1.3;
 font-size: 1.05em;
 margin-bottom: 60px;
}

#image-list {
 width: 100%;
 position: relative;
 margin-top: 10px
}
#image-list .belt {
 position: absolute;
 left: 0;
 top: 0
}
#image-list .panel {
 margin: 0;
 float: left;
 overflow: hidden
}
#image-list .inner {
 position: relative;
 background: url(/images/icon-add.png) no-repeat center;
 margin: 0 4px 4px 0;
 border: #ccc 1px solid;
}
#image-list .inner p {
 margin: 0!important;
 width: 100%;
 bottom: 10%;
 color: #999
}
#image-list .inner div {
 position: absolute;
 width: 16px;
 height: 16px;
 cursor: pointer;
 top: 4px;
 overflow: hidden
}
#image-list .inner div.edt {
 right: 24px;
 background: transparent url(/.s/img/icon/edt.png) no-repeat 0 0
}
#image-list .inner div.del {
 right: 2px;
 background: transparent url(/.s/img/icon/del.png) no-repeat 0 0
}
#image-list .inner input {
 margin-top: -100px;
 margin-left: -550px;
 -moz-opacity: 0;
 filter: alpha(opacity=0);
 opacity: 0;
 font-size: 200px;
 height: 100%;
 cursor: pointer
}
#image-list .inner span#add_img {
 cursor: pointer;
 display: block;
 width: 160px;
 height: 160px;
 position: absolute;
 left: 0;
 top: 0
}
#image-list .wait {
 background: url(/.s/img/wd/1/ajax.gif) no-repeat center center
}
#image-list #gimage-wrap input {
 max-width: none;
 position: absolute;
 top: 0;
 right: 0;
 margin: 0
}
#image-list #gimage-add input {
 max-width: none;
 position: absolute;
 top: 0;
 right: 0;
 margin: 0
}
.sel-gimage {
 background-color: blue
}
#order-table td.order-total {
 font-weight: 700
}
#order-table .order-head th {
 font-weight: 700;
 border-bottom: 1px dashed #ccc;
 text-align: left;
 font-size: 10pt
}
#order-table .order-item td {
 border-bottom: 1px dashed #ccc
}
#order-table .warning td {
 color: red
}
#order-table td.wantdel {
 text-decoration: line-through
}
#order-but-recalc,
#order-tax-wrapper {
 float: right
}
#order-journal {
 overflow-y: scroll;
 height: 300px
}
#order-table input[type="text"] {
 height: 30px;
 line-height: 30px;
 margin: 0;
 padding: 0 5px;
 border: 1px solid #eee
}
#order-submit {
 text-align: center;
 margin: 10px
}
#order-button {
 font-size: 14px;
 margin: 10px
}
#total-sum {
 margin: 30px 0
}
#total-sum h4 {
 margin-bottom: 5px;
 color: #3D88CB
}
#total-sum td {
 padding: 5px 20px 5px 15px;
 border-top: 1px dashed #ccc;
 border-left: #eee 4px solid;
}
.methods-list div {
 padding-bottom: 5px
}
.methods-list .label {
 display: block;
 padding-bottom: 5px
}
.methods-list th {
 width: 1%
}
.methods-list textarea {
 height: 140px
}
.methods-list .fw {
 max-width: 400px;
 width: 100%
}
.methods-list input.radio,
.methods-list input.checkbox {
 vertical-align: -2px
}
.checkout-param {
 margin: 30px 0;
 padding: 0 15px 30px;
 border: 1px solid #eee;
 background-image: url(/images/white-blur.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 font-size: 10pt;
 color: #999;
 line-height: 1.1;
}
.checkout-param h4 {
 margin-top: 30px;
 margin-bottom: 10px;
 text-transform: uppercase;
 font-weight: 400
}
.checkout-param .label {
 color: #333;
 font-size: 12pt;
 font-weight: 400
}
.checkout-icon {
 display: table;
 margin: 0 auto 60px;
 position: relative
}
.checkout-icon .flaticon-basket30 {
 color: #ccc;
 font-size: 160px;
 line-height: 1
}
.checkout-icon .flaticon-checkmark22 {
 position: absolute;
 color: green;
 font-size: 50px;
 right: -5px;
 bottom: 5px;
 text-shadow: 0 5px 0 #fff, 0 -5px 0 #fff, 4px 0 0 #fff, -4px 0 0 #fff
}
.checkout-info {
 text-align: center
}
.checkout-info h1 {
 text-transform: uppercase;
 color: #0B5496;
 font-weight: 600
}
.checkout-info .num {
 color: #999;
 margin-bottom: 30px
}
.checkout-info .num span {
 color: #333;
 font-weight: 600
}
.checkout-info .btns {
 display: table;
 margin: 30px auto 0
}
.checkout-info .btns #print-button {
 margin: 0 2px 4px;
}
.commFl,
.commOrder {
 padding: 15px;
 background: rgba(0, 0, 0, 0.02);
 border: 1px solid rgba(0, 0, 0, 0.05);
 color: #666;
 font-size: 9pt
}
.order-field,
.commOrder .stat {
 color: #000;
 font-size: 12pt;
 border-bottom: 1px dashed #ccc;
 padding-bottom: 15px;
 margin-bottom: 5px
}
.commOrder .stat span {
 color: green;
 text-transform: uppercase;
 font-weight: 600
}
.commFl {
 color: #333;
 font-size: 12pt;
 margin-top: 30px;
 padding-bottom: 0
}
.order-fname {
 padding-bottom: 5px
}
.order-field {
 padding: 0;
 color: #999;
 margin-bottom: 10px;
 font-size: 10pt
}
.order-field span {
 display: block;
 min-width: 100px;
 min-height: 25px
}
.order-delivery,
.order-payment {
 margin-top: 30px
}
.order-delivery h5,
.order-payment h5 {
 color: #3D88CB;
 font-weight: 600;
 padding-bottom: 5px
}
.order-delivery i,
.order-payment i {
 font-size: 40px;
 color: #999;
 display: block;
 float: left;
 margin-right: 10px
}
.order-delivery span.name,
.order-payment span.name {
 display: block;
 padding-left: 50px;
 font-weight: 600
}
.order-delivery span.des,
.order-payment span.des {
 display: block;
 padding-left: 50px;
 line-height: 1.1;
 font-size: 11pt
}
.order-delivery span.tax {
 display: block;
 margin-top: 10px;
 padding-top: 10px;
 margin-left: 50px;
 text-align: right;
 border-top: 1px dashed #eee
}
.order-payment .pay-now {
 margin: 15px 0 15px 50px
}
.oder-price {
 margin-top: 30px;
 padding-top: 30px
}
.oder-price h5 {
 font-weight: 600
}
.oder-price .col-2 {
 min-height: 30px
}
.oder-price .dis-num,
.oder-price .dis-name {
 border-bottom: 1px dashed #eee
}
.oder-price .num,
.oder-price .dis-num {
 text-align: right
}
.oder-price .num,
.oder-price .name {
 padding-top: 5px
}
#transaction-table .col_rem {
 font-size: 70%
}
#invoice-table small,
#transaction-table small {
 display: block
}
#invoice-table .col_amount small {
 cursor: help
}
#invoice-table .group-pic {
 vertical-align: -4px
}
#cont-shop-order .osum {
 display: block;
 height: 14px
}
#cont-shop-invoices .gTableSubTop {
 cursor: pointer;
 white-space: nowrap;
 background: #eee
}
#cont-shop-invoices .gTable td,
#transactions_cont .gTable td {
 text-align: center
}
#cont-shop-invoices td.col_payment_id,
.col_payment_id td,
.col_note small {
 text-align: left!important
}
#cont-shop-invoices .forumNameTd {
 padding-left: 6px;
 padding-right: 6px
}
/* Specification */

.fa-pointer {
 cursor: pointer;
}
.shop_spec {
 width: 100%;
}
.warning-msg,
.ok-msg {
 border: 2px dashed;
 border-radius: 10px;
 padding: 15px;
 margin-bottom: 20px;
}
.shop_spec select,
.shop-category-chains select {
 background: #f6f6f6 url(/.s/img/sh/ad.png) no-repeat 95% 50%;
 border: 1px solid #ECECEC;
 width: 120%;
 display: inline-block;
 font: inherit;
 padding: 9px 35px 9px 10px;
 margin: 0 5px;
 font-size: 0.9em;
 -webkit-appearance: none;
 -moz-appearance: none;
}
.warning-msg {
 border-color: #faebcc;
 background-color: #fcf8e3;
 color: #8a6d3b;
}
.ok-msg {
 border-color: #d6e9c6;
 background-color: #dff0d8;
 color: #3c763d;
}
.fHelp {
 color: #999;
 font-size: 0.9em;
 margin-bottom: 10px;
}
.item-action:hover,
.shop_spec .fa-wrench:hover,
.shop_spec .fa-plus-circle:hover {
 color: #3D88CB;
}
.shop_spec_grp td:first-child {
 color: #999;
}
.shop_spec_grp td {
 padding: 4px 0;
 border-bottom: 1px dashed #f3f3f3;
}
.shop_spec_grp:last-child td {
 border: none;
}
.item-action {
 display: block;
 text-decoration: none;
 text-align: right;
 line-height: 1.2;
 margin: 15px 0;
}
.collapsed .spec-subfilter-list,
.collapsed .spec-values {
 display: none;
}
.shop-spec-filter-wrapper {
 margin: 3px;
 width: 100%
}
.spec-filter {
 display: block;
 padding: 10px 0;
 border-bottom: #eee 1px solid;
}
.spec-filter.collapsed {
 padding: 5px 0;
}
.spec-val-ico {
 display: none;
}
.spec-val-text,
.spec-value-more {
 cursor: pointer
}
.spec-value-more a {
 padding-left: 20px
}
.spec-value-more a.more {
 background: transparent url(/.s/img/sh/ad.png) no-repeat center left
}
.spec-value-more a.hide {
 background: transparent url(/.s/img/sh/au.png) no-repeat center left;
 display: none
}
.spec-filter .spec-values {
 margin: 5px 0;
}
.spec-value {
 position: relative;
}
.spec-value input[type="checkbox"] {
 display: none;
}
.spec-value input[type="checkbox"] + label {
 display: block;
 position: relative;
 padding-left: 35px;
 margin-bottom: 4px;
 color: #ddd;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
}
.spec-value .spec-val-text {
 display: block;
 padding-left: 22px;
 line-height: 1.1;
 font-size: 1.05em;
}
.spec-value input[type="checkbox"] + label:after,
.spec-value input[type="checkbox"] + label:before {
 content: '';
 display: block;
 width: .95em;
 height: .95em;
 border: 1px solid #aaa;
 border-radius: 3px;
 position: absolute;
 left: 0;
 top: 1px;
 opacity: .6;
 -webkit-transition: all .12s, border-color .08s;
 transition: all .12s, border-color .08s;
}
.spec-value input[type="checkbox"]:checked + label:before {
 width: 3px;
 height: 8px;
 top: 2px;
 left: 6px;
 border-radius: 0;
 opacity: 1;
 border-color: #fff;
 border-top-color: transparent;
 border-left-color: transparent;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.spec-value input[type="checkbox"]:checked + label:after {
 background: #999;
 border-color: #999;
 opacity: 1;
 z-index: -1;
}
.shop_spec_val {
 min-width: 320px;
}
.spec-value select {
 max-width: 240px !important;
 margin: 0 0 0 12px;
}
.shop_spec .fa-plus-circle {
 line-height: 40px;
 font-size: 1.4em;
}
.spec-value .fa-wrench,
.spec-value .fa-plus-circle {
 float: left;
 width: 34px;
 height: 40px;
 line-height: 40px;
 font-size: 1.4em;
 text-align: center;
 margin: 0 !important;
}
.collapsed .spec-filter-title {
 background-image: url(/.s/img/sh/ad.png)
}
.collapsed .spec-subfilter-title {
 background-image: url(/.s/img/sh/al.png)
}
.spec-filter-title,
.spec-subfilter-title {
 position: relative;
 padding-top: 4px;
 padding-bottom: 4px;
 font-weight: 600;
 text-transform: uppercase;
 color: #333;
 cursor: pointer
}
.spec-filter-title {
 padding-right: 20px;
 background: transparent url(/.s/img/sh/au.png) no-repeat center right;
}
.spec-subfilter-title {
 font-weight: bold;
 padding-left: 25px;
 background: transparent url(/.s/img/sh/au.png) no-repeat center left;
}
.spec-filter-title .sv-edit,
.spec-subfilter-title .sv-edit,
.spec-value .sv-edit {
 position: absolute;
 right: 10px;
 top: 0;
 display: none;
 transition: opacity 0s linear
}
.spec-filter-title:hover .sv-edit,
.spec-subfilter-title:hover .sv-edit,
.spec-value:hover .sv-edit {
 display: block;
}
.sv-edit .u-mpanel-l {
 border-radius: 13px!important;
 padding-right: 0!important;
 margin-right: 10px;
}
#spec-form-toggle {
 color: #3D88CB;
 text-decoration: none;
 margin-bottom: 5px;
}
.spec-filter-title span {
 font-weight: bold;
 margin-bottom: 5px;
}
.spec-subfilter-title span {
 cursor: pointer;
}
.spec-subfilter-list {
 padding-left: 5px;
}
.spec-subfilter {
 padding-bottom: 5px;
}
.collapsed .spec-subfilter-list,
.collapsed .spec-values {
 display: none
}
.important-values .collapsed,
.view-as-user .hidden {
 display: none
}
.spec-value select {
 width: 100%;
 max-width: 90%;
}

.compare-widget-add + a {
 display: none;
}
.compare-widget-remove + a {
 display: block;
}
.item-page .compare-widget-remove + a {
 position: relative;
 float: left;
 margin-right: 4px;
 background: #444;
 line-height: 36px;
 height: 40px;
 text-decoration: none;
 padding: 0 14px;
 border-radius: 4px;
 color: #fff;
}
.item-page .compare-widget-remove + a:before {
 content: '';
 position: absolute;
 left: -3px;
 margin-top: -4px;
 top: 50%;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 4px 3px 4px 0;
 border-color: transparent #444 transparent 
}

#shopCompareList th {
 vertical-align: bottom;
}
#shopCompareList .item-title {
 padding: 0 10px;
 line-height: 1.1;
}
#shopCompareList .item-title i {
 display: block;
 margin: 10px auto 0;
 border: 1px solid #ccc;
 width: 30px;
 line-height: 27px;
 padding: 0;
 border-radius: 20px;
 color: #666;
}
#shopCompareList .item-title i:hover {
 background: #666;
 border-color: #666;
 color: #fff;
}
#shopCompareList td {
 padding: 5px;
 border-bottom: 1px dashed #bbb;
}
#shopCompareList tr:last-child td {
 border: none;
}
#shopCompareList tbody {
 text-align: center;
 font-size: 0.9em;
 vertical-align: top;
}
#shopCompareList tbody b {
 display: block;
 text-align: left;
}


/* Specification */

@media only screen and (max-width: 1024px) {
 #recommended_products .list-item {
 width: 25%
 }
 .scont .list-item {
 width: 50%
 }
 .main-list .list-item:nth-child(4n+1),
 .main-list .list-item:nth-child(3n+1),
 .main-list .list-item:nth-child(2n+1),
 #recommended_products .list-item:nth-child(2n+1),
 .list-item:nth-child(3n+1) {
 clear: none
 }
 #recommended_products .list-item:nth-child(4n+1),
 .main-list .list-item:nth-child(3n+1),
 .list-item:nth-child(2n+1) {
 clear: left
 }
 .shop-item-block .shop-item-price,
 .shop-item-block .shop-item-title {
 padding: 10px 0
 }
 .main-list .list-item {
 width: 33.3333%
 }
}
@media screen and (min-width: 800px) {
 .smcat table.catalog tr {
 width: 50%;
 display: inline-block
 }
 .smcat table.catalog td {
 width: 50%!important
 }
}
@media screen and (min-width: 600px) and (max-width: 800px) {
 #recommended_products .list-item,
 .scont .list-item {
 width: 33.3333%
 }
 #recommended_products .list-item:nth-child(4n+1),
 .list-item:nth-child(2n+1) {
 clear: none
 }
 #recommended_products .list-item:nth-child(3n+1),
 .list-item:nth-child(3n+1) {
 clear: left
 }
 #order-table .order-item .order-item-del,
 #order-table .order-head .order-head-del {
 display: none
 }
 #order-table input[type="submit"],
 #order-table input[type="button"] {
 padding: 0 10px
 }
}
@media screen and (min-width: 200px) and (max-width: 599px) {
 .srow .col-2 {
 width: 100%;
 float: none;
 display: table;
 margin-top: 30px
 }
 .goods-menu li {
 width: 100%!important
 }
 .smcat table.catalog img {
 max-width: 50px
 }
 .smcat table.catalog h3,
 .smcat table.catalog div {
 padding-left: 65px
 }
 .smcat table.catalog h3 {
 font-size: 15pt
 }
 .shop-cat-descr img {
 max-width: 80px;
 min-height: 80px
 }
 .shop-cat-descr .cat-info {
 padding-left: 110px
 }
 .item-page .top-name {
 display: block!important
 }
 .item-page .shop-brief {
 padding: 10px 0 15px
 }
 .sorting i,
 .item-page .shop-brief i,
 .item-page .eTitle {
 display: none
 }
 .item-page .col-shop-l,
 .item-page .col-shop-r {
 float: none;
 width: 100%!important
 }
 .item-page .col-shop-r {
 margin-top: 30px
 }
 .shop-tabs li {
 width: 100%
 }
 .main-list .list-item,
 #recommended_products .list-item,
 .scont .list-item {
 width: 50%
 }
 .main-list .list-item:nth-child(2n+1),
 #recommended_products .list-item:nth-child(2n+1),
 .list-item:nth-child(2n+1) {
 clear: left
 }
 .main-list .list-item:nth-child(3n+1) {
 clear: none
 }
 #total-sum td {
 display: block;
 width: 100%;
 overflow: hidden;
 text-align: left!important
 }
 #order-table .order-item td {
 border-bottom: none
 }
 #order-table td,
 #order-table tr {
 display: block;
 width: 100%;
 overflow: hidden;
 text-align: left!important
 }
 #order-table input[type="submit"],
 #order-table input[type="button"] {
 width: 100%
 }
 #order-table td.order-total {
 font-size: 18pt;
 text-align: center!important
 }
 #order-table .order-item-price,
 #order-table .order-item-del,
 #order-table .order-head {
 display: none
 }
 #order-table .order-item-cnt {
 width: 80px!important
 }
 #order-table .order-item-cnt,
 #order-table .order-item-sum {
 width: 150px;
 float: left;
 line-height: 30px;
 margin-bottom: 15px
 }
 #order-table .order-item-nom {
 background: #ccc;
 padding: 10px;
 }
 .oder-price .num,
 .oder-price .dis-num {
 text-align: left
 }
 .item-page .hint {
 right: 15px
 }
 .shop_spec td {
 width: 100%;
 display: block;
 }
}
@media screen and (max-width: 420px) {
 .scont .list-item {
 width: 100%
 }
 .list-item {
 clear: none
 }
 .shop-cat-descr canvas,
 .shop-cat-descr img,
 .shop-cat-descr .num,
 .shop-cat-descr .shop-descr {
 display: none
 }
 .shop-cat-descr .cat-info {
 padding: 0
 }
 .shop-cat-descr .middle {
 padding: 30px 30px 0 !important;
 }
 .mobile-cat,
 .mobile-cat-top {
 display:block
 }
}
@media screen and (max-width: 380px) {
 #recommended_products .list-item,
 .scont .list-item {
 width: 100%
 }
 .shop_spec_val {
 min-width: 200px;
 }
 .spec-value select {
 max-width: 160px !important;
 }
}

/*------ Progress bar style ------*/
.progress {
  position: relative;
  margin-top:100px;
  color: #999;
  font-size: 10pt;
  font-weight: 300;
}
#nprogress-bar{
  -webkit-appearance:none;
  width: 500px;
  color: #CCC;
  border: none;
  height: 1px;
  margin: 0 auto;
}
#first, #second, #third,  #fourth{ margin:0px; }
#step span{ 
  height: 70px;
  width: 70px;
  border-radius: 100%;
  border: 4px solid #CCC;
  background:#CCCCCC;
  position: absolute;
  left:0;
  color:#ffffff;
  top: -37px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
#step{ height:70px; width:100%;}
#step span i{padding:20px; text-align:center; font-size:22pt;
}
 
#step .first,
#step .second,
#step  .third,
#step  .fourth {
  left:50%;
}
 #step .first {
   margin-left: -268px;
}
#step .second{
  margin-left: -114px;
}
#step .third{
  margin-left: 36px;
}
#step .fourth{
  margin-left: 190px;
}
.detail{ position:relative;}
#nprogress-bar::-webkit-progress-value{ /* Changes line color */
  background: #318fee;
  transition: all 0.4s ease-in-out;
}
#nprogress-bar::-webkit-progress-bar{ /* Changes background color */
  background: #CCC;
}
#step .border-change{
  border-color:#318fee;
  background: #39F; 
  transition: all 0.4s ease-in-out;
}
.progress h2 {
  margin-bottom: 15px;
}
/*------ Progress bar style ------*/


}


/* TabControl Start */ 
p {padding: 7px 0;} 
.sectiontable { 
           width: 100%; 
           background: #3D88CB; 
           margin: 0 0 20px; 
} 
ul.tabs { 
           height: 38px; 
           line-height: 36px; 
           list-style: none; 
           border-bottom: 1px solid #3D88CB; 
           background: #FFF; 
margin:15px 0 0;
-webkit-padding-start: 0;
} 
.tabs li { 
           float: left; 
           display: inline; 
           margin: 0 1px -1px 0; 
           padding: 0 13px 1px; 
           color: #FFF; 
           cursor: pointer; 
           background: #3D88CB; 
           border: 1px solid #3D88CB; 
           border-bottom: 1px solid #3D88CB; 
           position: relative;
width:19%;
white-space:nowrap;	
text-overflow:ellipsis;	
overflow:hidden;  
font-size: 16pt; 
-webkit-border-radius: 4px 4px 0 0;
 -moz-border-radius: 4px 4px 0 0;
 border-radius: 4px 4px 0 0
} 
.tabs li:hover, 
.vertical .tabs li:hover { 
           color: #FFF; 
           padding: 0 8px; 
           background: #0B5496; 
           border: 1px solid #3D88CB; 
} 
.tabs li.current { 
           color: #444; 
           background: #FFF; 
		   width:20%;
           padding: 0 13px 2px; 
           border: 1px solid #3D88CB; 
           border-bottom: 1px solid #FFF; 
} 
.box { 
           display: none; 
           border: 1px solid#3D88CB; 
           border-width: 0 1px 1px; 
           background: #FFF; 
           padding: 20px;
margin:0;
	-webkit-border-radius: 0 4px 0 0;
 -moz-border-radius: 0 4px 0 0;
 border-radius: 0 4px 0 0	   
} 
.box.visible { 
           display: block; 
} 

.section.vertical { 
           width: 440px; 
           border-left: 160px solid #FFF; 
} 
.vertical .tabs { 
           width: 160px; 
           float: left; 
           display: inline; 
           margin: 0 0 0 -160px; 
} 
.vertical .tabs li { 
           padding: 0 13px; 
           margin: 0 0 1px; 
           border: 1px solid #3D88CB; 
           border-right: 1px solid #3D88CB; 
           width: 132px; 
           height: 25px; 
} 
.vertical .tabs li:hover { 
           width: 131px; 
} 
.vertical .tabs li.current { 
           width: 133px; 
           color: #444; 
           background: #FFF; 
           border: 1px solid #3D88CB; 
           border-right: 1px solid #3D88CB; 
           margin-right: -1px; 
} 
.vertical .box { 
           border-width: 1px; 
} 
/* TabControl End */

/*------entry item-----*/
#uEntriesList {
 margin: 0 -15px !important;
}
#uEntriesList .entryBlock {
 width: 100%;
}
.video-entry {
 position: relative;
 padding: 0 15px 30px;
}
.channel-entry a,
.video-entry a {
 text-decoration: none;
}
.video-entry .u-mpanel {
 position: absolute;
 right: 25px;
 top: 15px;
}
.video-entry-img {
 position: relative;
 overflow: hidden;
 padding-bottom: 50%;
}
.video-entry-img .video-length {
 position: absolute;
 bottom: 4px;
 right: 4px;
 background: rgba(0,0,0,.5);
 color: #fff;
 font-size: .7em;
 padding: 2px 3px;
 z-index: 2;
}
.video-entry-title {
 display: block;
 line-height: 1.1;
 font-size: 0.95em;
 margin: 5px 0 0;
 color: #294479;
}
.video-entry-title:hover {
 color: #000;
}
.video-entry-details {
 margin: 0;
 padding: 0;
 list-style: none;
}
.video-entry-details li {
 display: inline-block;
 position: relative;
 font-size: 9pt;
 line-height: 1;
 color: #999;
 padding-right: 5px;
 margin-right: 5px;
}
.video-entry-details li:after {
 content: '·';
 font-size: 14pt;
 position: absolute;
 right: -5px;
 top: -5px;
}
.video-entry-details li.user:after,
.video-entry-details li:last-child:after {
 display: none;
}
.video-entry-details li.user {
 display: block;
 margin: 4px 0 -2px;
}
.video-entry-details li a {
 color: #999;
}
.video-entry:hover .video-entry-details li.user a {
 color: #333;
}

.channel-entry {
 padding: 0 15px 30px;
}
.channel-entry .channel-screen {
 position: relative;
 width: 100%;
 padding-bottom: 70%;
 background-size: cover;
 background-position: center;
}
/*------entry item-----*/

/*------channel page-----*/
.v-top-channel {
 background: #f6f6f6;
}
.v-cont-channel .middle,
.v-top-channel .middle {
 padding: 30px;
}
.v-top-channel .screen {
 max-width: 200px;
 float: left;
 margin: 0 30px 20px 0;
}
.v-top-channel .rate {
 display: table;
}
.v-top-channel .fpinfo {
 margin: 0;
 padding: 0;
 list-style: none;
 font-size: 0.9em;
}
.v-top-channel .fpinfo span {
 color: #999;
}
.v-top-channel .eMessage {
 margin-top: 20px;
}

.v-cont-channel {
 background: #222;
}
.v-cont-channel .vep-title {
 color: #fff;
 margin-bottom: 5px;
}
.v-cont-channel .ve-comments {
 display: block;
 text-decoration: none;
 color: #ccc;
 margin-bottom: 30px;
}
.v-cont-channel .ve-comments:hover {
 color: #fff;
}

.vep-videocontent {
 position: relative;
 padding-bottom: 50%;
 padding-top: 40px;
 height: 0px;
}
.vep-videocontent object,
.vep-videocontent embed,
.vep-videocontent iframe {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
}
/*------channel page-----*/

/*------Entry page-----*/
.vep-playvideo {
 overflow: hidden;
 display: block;
}
.video-play {
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -40px 0 0 -40px;
 width: 80px;
 height: 80px;
 line-height: 80px;
 text-align: center;
 font-size: 44pt;
 text-shadow: 0 1px 2px rgba(0,0,0,.2);
 color: #fff;
 z-index: 2;
}
.vep-playvideo .img {
 opacity:.65;
 filter: blur(5px);
 -webkit-filter: blur(5px);
 -moz-filter: blur(5px);
 -o-filter: blur(5px);
 -ms-filter: blur(5px);
}
.vep-playvideo .video-length {
 position: absolute;
 bottom: 10px;
 right: 10px;
 color: rgba(255,255,255,0.9);
 background: rgba(0,0,0,0.2);
 padding: 3px 6px;
 z-index: 2;
}
.vep-video-block {
 display: block;
 position: relative;
 background: #000;
 overflow: hidden;
 width: 100%;
}
.vep-video-block:before {
 display: block;
 float: left;
 content: "";
 width: 0;
 height: 0;
 padding-bottom: 56.25%;
}
.vep-video-block:after {
 content: "";
 display: table;
 clear: both;
}
.vep-video-block object,
.vep-video-block embed,
.vep-video-block iframe,
.vep-video-block video {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.module-info-list .rate {
 float: right;
 padding: 0 0 10px;
}
.module-info-list .rate ul {
 margin-top: -6px;
 background: url(/images/rating30.png) left top repeat-x!important;
}
.module-info-list .rate ul li a:hover,
.module-info-list .rate ul li.u-current-rating {
 background: url(/images/rating30.png) left bottom!important;
}

.vep-views {
 margin: -20px 0 16px;
 display: table;
 width: 100%;
 border-bottom: 1px solid #eee;
}
.vep-views .reads {
 float: right;
 display: table;
 border-bottom: 1px solid #7D92BA;
 font-size: 1.4em;
}

.vep-screen {
 margin: 0 -8px 10px;
}
.vep-screen a {
 display: block;
 float: left;
 padding: 0 8px 16px;
 width: 16.666%;
}

.vep-descr-block {
 color: #666;
}
.vep-info {
 margin: 0 0 30px;
 padding: 0;
 list-style: none;
 font-size: 0.9em;
}
.vep-info span {
 color: #999;
}
.vep-info li {
 margin-bottom: 2px;
}
.vep-info li:last-child {
 margin-bottom: 0;
}
.vep-informer,
.vep-comments {
 margin-top: 40px;
}
.vep-informer .uRelatedEntry .informer-img {
 padding-bottom: 55%;
}
/*------Entry page-----*/

.u-breadcrumbs {
 text-align: left;
}

/*------category-----*/
.category_block {
 display: none;
}
.top-cat .category_row {
 width: 33.3333%;
 float: left;
}
.category_row {
 border:0px solid;
 margin: 2px 0;
}
.category_row a {
 text-decoration: none;
}
.category_row a:hover {
 color: #294479;
}
.category_block .category_row {
 padding: 0 0 0 18px;
 background: url(/.s/img/vi/deficon/cat_arrow.png) no-repeat left center;
}
.category_row_wrapper {
 background-position: 1% 50%;
 background-repeat: no-repeat;
 line-height: 20px;
}
.category_row_text {
 display:inline;
 padding-left:8px;
 cursor:hand;
}
.category_row_tb {
 font-size:15px;
 display:inline;
 float:right;
 padding-right:20px;
}
.category_row_img {
 cursor:pointer;
 display:inline;
 background-position: 50% 50%;
 background-repeat: no-repeat;
 margin:2px 0 2px 0;
 padding: 2px 2px 2px 0;
}
.top-cat.cat-list h1 {
 margin-bottom: 0;
}
.top-cat .cat-cb {
 margin: -30px -15px 20px;
 padding: 0;
 list-style: none;
 border-bottom: 1px solid #eee;
}
.top-cat .cat-cb li {
 float: left;
}
.top-cat .cat-cb li a {
 display: table;
 text-decoration: none;
 padding: 12px 15px;
 text-transform: uppercase;
}
.top-cat .cat-cb li.active a {
 border-radius: 0 0 10px 10px;
 color: #294479;
}
.top-cat.cat-list .cat-cb {
 border: none;
 margin: 0 -8px 20px;
}
.top-cat.cat-list .cat-cb a {
 text-transform: none;
 padding: 5px 8px;
 font-size: 0.8em;
}
/*--------------------*/

/*------add/edit-form-----*/
.u-pagetitle {
 margin-bottom: 10px;
 padding: 5px;
 font-size: 1.4em;
}

.u-addform {
 text-align: left;
 width: 100%;
 max-width: 1200px;
 color: #737373;
}

.vi-dark {color: #ccc;}

.u-addform a {
 color: #63829a;
}

.u-addform a:hover {
 color: #63829a;
}

.vi-dark a {
 color: #a6c2d9;
}

.vi-dark a:hover {
 color: #a6c2d9;
}

ul.u-tabs-ul, ul.u-tabscont-ul {
 margin: 0;
 padding: 0;
 list-style: none;
 overflow: hidden;
}
ul.u-tabs-ul {
 height: 40px;
 position: relative;
}
.u-editform ul.u-tabs-ul {
 display: none;
}

li.u-tab {
 width: 33.3%;
 float: left;
 position: relative;
 z-index: 2;
}

li.last-tab {
 float: right;
}

li.u-tab a {
 display: block;
 text-align: center;
 font: bold 14px/38px 'Arial';
 color: #63829a;
 text-decoration: none;
 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.69);
 background: #99b0c3 url(/.s/img/vi/utab.gif) repeat-x;
 border: 1px solid #6b8ba4;
 border-right: 0;
 outline: none;
}
.vi-dark li.u-tab a {
 color: #a6c2d9;
 text-shadow: 0 1px 0 #000;
 border: 1px solid #1d3040;
 border-right: 0;
 background: #425d73 url(/.s/img/vi/utab-dark.gif) repeat-x;
}
li.u-tab a:hover, li.u-tab a:active {
 color: #63829a;
 text-decoration: none;
}
.vi-dark li.u-tab a:hover, .vi-dark li.u-tab a:active {
 color: #a6c2d9;
}
li.u-tab:last-child a, li.u-tab.last-tab a {
 border-right: 1px solid #6b8ba4;
}
.vi-dark li.u-tab:last-child a, .vi-dark li.u-tab.last-tab a {
 border-right: 1px solid #1d3040;
}
li.u-tab:first-child a {
 border-top-left-radius: 5px;
}
li.u-tab:last-child a {
 border-top-right-radius: 5px;}

li.u-tab a.utab-active {
 background: #e5e5e5;
 border-color: #b3b4b5;
 border-left-color: #6b8ba4;
 border-bottom-color: transparent;
}
.vi-dark li.u-tab a.utab-active {
 background: #464646;
 border-color: #323232;
 border-left-color: #1d3040;
 border-bottom-color: transparent;
}
li.u-tab:first-child a.utab-active, li.u-tab.first-tab a.utab-active {
 border-left-color: #b3b4b5;
}
.vi-dark li.u-tab:first-child a.utab-active, .vi-dark li.u-tab.first-tab a.utab-active {
 border-left-color: #323232;
}
.u-tab span {
 cursor: pointer;
 display: inline-block;
 padding: 0 0 0 33px;
 white-space: nowrap;
}
.utab-link span {
 background: url(/.s/img/vi/utab-link.png) no-repeat left center;
}
.utab-code span {
 background: url(/.s/img/vi/utab-code.png) no-repeat left center;
}
.utab-load span {
 background: url(/.s/img/vi/utab-load.png) no-repeat left center;
}
.vi-dark .utab-link span {
 background: url(/.s/img/vi/utab-link-dark.png) no-repeat left center;
}
.vi-dark .utab-code span {
 background: url(/.s/img/vi/utab-code-dark.png) no-repeat left center;
}
.vi-dark .utab-load span {
 background: url(/.s/img/vi/utab-load-dark.png) no-repeat left center;
}
li.fake-tab {
 position: absolute;
 z-index: 1;
 top: 0;
 left: 63%;
 width: 5%;
 height: 40px;
}

#utab1 {zoom: 1;} /*--for-IE--*/
.vi-form-content {}
.vi-form-content2 {
 margin: 0 0 15px 0;
 padding: 25px 10px 10px 10px;
 background: #e5e5e5;
 border: 1px solid #b3b4b5;
 border-top: 0;
 border-radius: 0 0 5px 5px;
}
.vi-dark .vi-form-content2 {
 background: #464646;
 border: 1px solid #2c2c2c;
 border-top: 0;
}
.u-editform .vi-form-content2 {
 border: 1px solid #a6c8e0;
 border-radius: 5px;
}

.hidden-el {
 display: none;
 width: 100%;
}

#video-form-status, #video-form-status2 {
 height: 18px;
 margin: 15px 0 10px 0;
 text-align: center;
}
#video-form-status2 {
 margin: 8px 0;
}
#video-form-status span, #video-form-status2 span {
 display: none;
 padding: 0 0 0 20px;
 font: italic 14px/18px 'Arial';
}
#video-form-status.status-loading span, #video-form-status2.status-loading span {
 color: #0b72cc;
 background: url(/.s/img/vi/loading.gif) no-repeat left center;
}
#video-form-status.status-error span, #video-form-status2.status-error span {
 color: #ff0000;
 background: url(/.s/img/vi/error.png) no-repeat left center;
}
#video-form-status.status-success span, #video-form-status2.status-success span {
 color: #629f01;
 background: url(/.s/img/vi/success.png) no-repeat left center;
}
#video-form-status.status-loading .frm-loading, #video-form-status2.status-loading .frm-loading {display: inline-block;}
#video-form-status.status-error .frm-error, #video-form-status2.status-error .frm-error {display: inline-block;}
#video-form-status.status-success .frm-success, #video-form-status2.status-success .frm-success {display: inline-block;}
#video-form-status2.status-success .frm-none {display: none;}

#embObject {
 height: 65px;
 display: block;
}
#fast_link {
 display: block;
}
.video-link {
 position: relative;
 margin-right: 122px;
 *zoom: 1;/*--for-IE--*/
 _zoom: normal;/*--for-IE--*/
}
.video-code{
 position: relative;
 margin-right: 85px;
 *zoom: 1;/*--for-IE--*/
 _zoom: normal;/*--for-IE--*/
}
ul.u-vicons {
 margin: 4px 0 0 0;
 padding: 0;
 float: right;
 list-style: none;
 width: 120px;
}
ul.u-vicons li {
 float: right;
 width: 20px;
 height: 20px;
 margin: 0 0 0 4px;
 opacity: 0.4;
 filter: alpha(opacity=40);
}
li.v-ico-vk {background: url(/.s/img/vi/v-ico-vk.png);}
li.v-ico-vimeo {background: url(/.s/img/vi/v-ico-vimeo.png);}
li.v-ico-youtube {background: url(/.s/img/vi/v-ico-youtube.png);}
li.v-ico-other {background: url(/.s/img/vi/v-ico-other.png);}
li.v-ico-mailru {background: url(/.s/img/vi/v-ico-mailru.png);}
li.v-ico-rutube {background: url(/.s/img/vi/v-ico-rutube.png);}
li.v-ico-yandex {background: url(/.s/img/vi/v-ico-yandex.png);}
li.v-ico-daily {background: url(/.s/img/vi/v-ico-dailymotion.png);}
li.v-ico-blip {background: url(/.s/img/vi/v-ico-blip.png);}
.u-vicons li.v-ico-active {
 opacity: 1;
 filter: alpha(opacity=100);
}
ul.u-vicode-icons {
 margin: 0;
 padding: 0;
 float: right;
 list-style: none;
 width: 85px;
}
ul.u-vicode-icons li {
 float: right;
 width: 73px;
 height: 19px;
 margin: 0 0 4px 0;
 border-radius: 3px;
}
.u-vicode-icons li.v-ico-last {margin-bottom: 0;}
li.v-ico-iframe {background: url(/.s/img/vi/v-ico-iframe.jpg);}
li.v-ico-object {background: url(/.s/img/vi/v-ico-object.jpg);}
li.v-ico-script {background: url(/.s/img/vi/v-ico-script.png);}

.video-load-wrapper {
 width: 100%;
 overflow: hidden;
 position: relative;
}

ul.video-load {
 margin: 0;
 padding: 0;
 width: 200%;
 list-style: none;
 overflow: hidden;
}

ul.video-load li.first-step {
 float: left;
 width: 50%;
 text-align: center;
}
ul.video-load li.second-step {
 float: left;
 width: 50%;
}

.load-info {
 margin: 5px 0 10px 0;
 font: bold 12px/16px 'Arial';
 color: #63829a;
}
.load-info span {
 display: inline-block;
 padding: 5px 0 5px 70px;
 background: url(/.s/img/vi/youtube_powered.png) no-repeat left center;
}

.load-info2 {
 margin: 5px 0 10px 0;
 font: italic 12px/16px 'Arial';
 color: #b7b7b7;
}

.youtube-login {
 width: /*250*/154px;
 margin: auto;
 /*height: 100px;
 padding: 0 0 0 80px;
 background: url(/.s/img/vi/youtube-login.png) no-repeat;*/
}

.yt-form-sbm {
 text-align: right;
}
a.yt-reg-link {
 margin: 0 10px 0 0;
 font: 12px/32px 'Arial';
 color: #63829a;
 text-decoration: underline;
 outline: none;
}
a.yt-reg-link:hover {
 text-decoration: none;
}
a.yt-login-link{
 display: inline-block;
 width: 154px;
 height: 32px;
 background: url(/.s/img/vi/butt2.png) no-repeat;
 font: 14px/30px 'Verdana';
 color: #fff;
 text-decoration: none;
 text-align: center;
 text-shadow: 0 1px 0 rgba(76, 152, 42, 0.75);
}
a.yt-login-link:hover {
 color: #fff;
 text-decoration: none;
 background-position: 0 -32px;
}

.youtube-info {
 padding: 0 3px 5px 50px;
 font: 12px/20px 'Arial';
 color: #636363;
 background: url(/.s/img/vi/userimage.png) no-repeat 3px 2px;
}
.youtube-info a {
 color: #69879f;
 text-decoration: underline;
}
.youtube-info a:hover {
 text-decoration: none;
}
.yt-username {
 font-weight: bold;
 text-decoration: underline;
}
.yt-email {
 color: #a1a1a1;
}

#videoBrief {
 height: 110px;
}
#add-video-btn {
 display: inline-block;
 width: 231px;
 height: 37px;
 background: url(/.s/img/vi/butt.png) no-repeat;
 font: 18px/31px 'Verdana';
 color: #fff;
 text-decoration: none;
 text-align: center;
 text-shadow: 0 1px 0 rgba(76, 152, 42, 0.75);
}
#add-video-btn:hover {
 background-position: 0 -37px;
}

#add-video-btn.inactive {
 cursor: default;
 background-position: 0 -74px !important;
 text-shadow: 0 1px 0 rgba(99, 99, 99, 0.44);
}

/*-------Inputs-styles--------*/
.vform-sep {
 margin: 5px 0;
 height: 2px;
 overflow: hidden;
 background: url(/.s/img/vi/vform-separator.png) repeat-x;
}
.u-form-ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.u-form-ul li {
 margin: 0 0 10px 0;
}

.u-form-sbm {
 text-align: center;
}

input.u-input, textarea.u-input {
 font-size: 14px;
 font-style: italic;
 margin: 0 5px 0 0;
 padding: 5px 8px;
 border: 1px solid #afafaf;
 border-radius: 5px;
 outline: none;
 resize: none;
 color: #818181;
 background: #fff;
}

.vi-dark input.u-input, .vi-dark textarea.u-input {
 color: #ebebeb;
 border-color: #2c2c2c;
 background: #636363;
}

input.ui-text, textarea.ui-textarea {
 box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.1);
}

textarea.ui-textarea {
 box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.1);
 overflow: auto;
 resize: none;
}

.ui-file-wrapper {
 position: relative;
 height: 37px;
 overflow: hidden;
}

.ui-file-wrapper input {
 position: absolute;
 width: 350px;
 height: 37px;
 margin-left: -160px;
 cursor: pointer;
 opacity: 0;
 filter: alpha(opacity=0);
}

.ui-file-wrapper a {
 display: inline-block;
 width: 190px;
 height: 37px;
 background: url(/.s/img/vi/butt3.png) no-repeat;
 font: 14px/31px 'Verdana';
 color: #fff !important;
 text-decoration: none;
 text-align: center;
 text-shadow: 0 1px 0 rgba(76, 152, 42, 0.75);
}
.ui-file-wrapper input:hover + a, .ui-file-wrapper a:hover {
 text-decoration: none;
 background-position: 0 -37px;
}

.ui-file-wrapper.inactive input {
 display: none;
}

.ui-file-wrapper.inactive a {
 cursor: default;
 background-position: 0 -74px !important;
 text-shadow: 0 1px 0 rgba(99, 99, 99, 0.44);
}

.ui-filename {
 margin: 0 0 0 7px;
 font-size: 12px;
 font-family: 'Verdana', sans-serif;
 color: #595959;
}

.ui-select {
 margin: 0 10px 0 0;
}

.ui-size1 {
 width: 80%;
}

.ui-size2 {
 width: 100%;
}

.size2-parent {
 padding-right: 18px;
}

.ui-filedname {
 margin: 0 0 5px 0;
 padding: 0 0 0 5px;
 font-size: 12px;
 font-weight: bold;
 color: #7d7d7d;
}

.vi-dark .ui-filedname {
 color: #ccc;
}

.ui-hint {
 margin: 3px 5px;
 font-size: 12px;
 font-style: italic;
 color: #7f94a6;
 zoom: 1;
}
.vi-dark .ui-hint {
 color: #ccc;
}
.ui-add-link {
 display: inline-block;
 padding: 0 17px 0 0;
 height: 20px;
 background: url(/.s/img/vi/arrow-more.png) no-repeat right 7px;
}
.ui-add-link a {
 display: inline-block;
 font-size: 14px;
 line-height: 18px;
 text-decoration: none;
 border-bottom: 1px dotted #63829a;
}
.ui-add-link.ui-add-closed {
 background: url(/.s/img/vi/arrow-more.png) no-repeat right -14px;
}
.ui-add {
 display: none;
}
.ui-langs {
 margin: 0 5px;
 padding: 0;
 list-style: none;
 display: inline;
}
.ui-langs li {
 display: inline;
}
.ui-langs li img {
 vertical-align: middle;
 border: 0;
}
.ui-langs li a {
 display: inline-block;
 margin: 0 2px;
 padding: 5px 4px;
 text-decoration: none;
}
.ui-langs li a.selected {
 background: #dadada;
 border-radius: 5px;
 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.47);
}
/*--------------------*/

/*---------------------------*/

#image-list { height:180px }
#image-list .panel {width:170px; top: 10px; height:${imlist_h}px }
#image-list .inner {width:150px; height:150px;padding: 4px;background: #fff;border: 0 !important;border-radius: 4px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
#image-list #gimage-add .inner {width:150px; height:150px;padding: 0;background: #e6e6e6;border: 4px dashed #d3d3d3 !important;border-radius: 4px;box-shadow: none;}#image-list .inner p { margin:47px 0 0 0; text-align:center; cursor:pointer }
#image-list { width:100%; position:relative; margin-top:10px; }
#image-list .belt { position:absolute; left:0; top:0 }
#image-list .panel { margin:0; float:left; overflow:hidden; }
#image-list .inner { position:relative; margin:4px; border:#999 1px solid }
#image-list .inner div { position:absolute; width:16px; height:16px; cursor:pointer; top:7px; overflow:hidden }
#image-list .inner div.edt { right:28px; background:transparent url(/.s/img/icon/edt.png) no-repeat 0 0 }
#image-list .inner div.del { right:6px; background:transparent url(/.s/img/icon/del.png) no-repeat 0 0 }
#image-list .inner input { margin-top:-100px; margin-left:-550px; -moz-opacity:0; filter: alpha(opacity=0); opacity:0; font-size:200px; height:250px; cursor:pointer }
#image-list .wait { background:url(/.s/img/wd/1/ajax.gif) no-repeat center center; }
#gimage-0 { background-color:none}

#image-list a.vscr-link, #image-list a.vscr-load {font: 12px/26px 'Arial';text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); color: #63829a;}
#image-list .vscr-link span, #image-list .vscr-load span {display: inline-block;padding: 0 0 0 22px;text-decoration: underline;cursor: pointer;}
#image-list a.vscr-link:hover span, #image-list a.vscr-load:hover span {text-decoration: none;}
#image-list .vscr-link span {background: url(/.s/img/vi/vscr-link.png) no-repeat left center;}
#image-list .vscr-load span {background: url(/.s/img/vi/vscr-load.png) no-repeat left center;}
/*--- Popup menu ---*/
.sbm {font-size:9pt;}
.sbm a:link,.sbm a:visited {display:block;text-decoration:none; color:#000000; padding:4px 8px;}
.sbm a:hover,.sbm a:active {display:block;text-decoration:none; color:#000000; background: #DEE7F6 url('/.s/img/wd/3/menubg.gif') repeat-x scroll 0 0; padding:4px 8px;}

.channels-more {display: inline;position: relative;padding-right: 15px;}
.channels-more-ul {display: none;}
.channels-more-ul {position: absolute;top: 12px;margin: 0;padding: 5px 5px;list-style: none;background: #ececec;border: 1px solid #868686;border-radius: 7px;}
.channels-more-ul a {font: 12px/16px 'Arial';color: #707070;text-decoration: none;white-space: nowrap;display: block;padding: 3px 5px;}
.channels-more-ul a:hover {background: #dedede;text-decoration: none;}

/*---For-IE(best-browser-ever)----*/
* html .ui-text {
 height: 29px;
}

* html .youtube-login {
 width: 154px;
}
* html .vep-comments {
 width: 100%;
}
* html #image-list-cont {
 width: 100%;
}

/*-------------------------*/

#cats-select {
 display: inline-block;
 *width: 300px;
 position: relative;
 z-index: 99;
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 13px;
 line-height: 18px;
 color: #333;
}
#cats-select:before, #cats-select:after {display: table;content: "";}#cats-select:after {clear: both;}
.cats-select-btn {
 position: relative;
 display: inline-block;
 vertical-align: middle;
 float: left;
 width: 300px;
 margin-left: -1px;
 margin-bottom: 0;
 padding: 4px 10px 4px;
 font-size: 13px;
 line-height: 18px;
 color: #333;
 text-align: left;
 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 cursor: pointer;
 background-color: whiteSmoke;
 background-image: -ms-linear-gradient(top,white,#E6E6E6);
 background-image: -webkit-gradient(linear,0 0,0 100%,from(white),to(#E6E6E6));
 background-image: -webkit-linear-gradient(top,white,#E6E6E6);
 background-image: -o-linear-gradient(top,white,#E6E6E6);
 background-image: linear-gradient(top,white,#E6E6E6);
 background-image: -moz-linear-gradient(top,white,#E6E6E6);
 background-repeat: repeat-x;
 border: 1px solid #CCC;
 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 border-color: #E6E6E6 #E6E6E6 #BFBFBF;
 border-bottom-color: #B3B3B3;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
}
.cats-select-btn:hover {
 color: #333;
 text-decoration: none;
 background-color: #E6E6E6;
 background-position: 0 -15px;
 -webkit-transition: background-position 0.1s linear;
 -moz-transition: background-position 0.1s linear;
 -ms-transition: background-position 0.1s linear;
 -o-transition: background-position 0.1s linear;
 transition: background-position 0.1s linear;
}
.vi-dark .cats-select-btn {
 color: #ccc;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 background-color: #414141;
 background-image: -ms-linear-gradient(top,#555,#222);
 background-image: -webkit-gradient(linear,0 0,0 100%,from(#555),to(#222));
 background-image: -webkit-linear-gradient(top,#555,#222);
 background-image: -o-linear-gradient(top,#555,#222);
 background-image: -moz-linear-gradient(top,#555,#222);
 background-image: linear-gradient(top,#555,#222);
 background-repeat: repeat-x;
 border-color: #222 #222 black;
 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555',endColorstr='#222222',GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.vi-dark .cats-select-btn:hover {
 background-color: #222;
 color: #ccc;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-title {display: block;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;_width: 100%;}
#cats-select.open .cats-select-btn {
 background-color: #E6E6E6;
 background-image: none;
 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
}
.vi-dark #cats-select.open .cats-select-btn {
 background-color: #222;
}
.btn-arrow {
 margin: 7px 0 0 7px;
 display: inline-block;
 vertical-align: top;
 float: right;
 width: 0;
 height: 0;
 border-top: 4px solid black;
 border-right: 4px solid transparent;
 border-left: 4px solid transparent;
 content: "";
 opacity: 0.3;
 filter: alpha(opacity=30);
}
.vi-dark .btn-arrow {
 border-top-color: white;
 border-bottom-color: white;
 opacity: 0.75;
 filter: alpha(opacity=75);
}
.cats-select-btn:hover .btn-arrow, #cats-select.open .btn-arrow {
 opacity: 1;
 filter: alpha(opacity=100);
}

.dropdown-cats {
 position: absolute;
 z-index: 100;
 top: 100%;
 left: 0;
 right: 0;
 margin: 1px 0 0;
 display: none;
 float: left;
 min-width: 160px;
 max-height: 250px;
 height: expression(this.scrollHeight > 250 ? "250px" : "auto");
 overflow: auto;
 border: 1px solid #CCC;
 border: 1px solid rgba(0, 0, 0, 0.2);
 background-color: white;
 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 -webkit-background-clip: padding-box;
 -moz-background-clip: padding;
 background-clip: padding-box;
}
.open .dropdown-cats {display: block;}
.dropdown-cats .dropdown-cats-ul {padding: 4px 0;background-color: white;margin: 0 !important;list-style: none !important;}
.dropdown-cats-ul ul {padding: 0 !important;margin: 0 !important;list-style: none !important;}
.dropdown-cats-ul li {line-height: 18px;margin: 0; _height: 24px;}

/*.dropdown-cats-ul li li a {padding-left: 22px;}
.dropdown-cats-ul li li li a {padding-left: 42px;}
.dropdown-cats-ul li li li li a {padding-left: 62px;}
*/
.dropdown-cats-ul .subcat {display: inline-block;background: url(/.s/img/vi/arrow.png) no-repeat left 5px;width: 17px; height: 13px;}
.dropdown-cats-ul .divider {height: 1px;margin: 8px 1px;overflow: hidden;background-color: #E5E5E5;border-bottom: 1px solid white;}
.dropdown-cats-ul a {
 display: block;
 position: relative;
 padding: 3px 45px 3px 22px;
 clear: both;
 font-weight: normal;
 font-size: 12px;
 line-height: 18px;
 color: #333;
 text-decoration: none;
 white-space: nowrap;
 overflow-x: hidden;
 -webkit-text-overflow: ellipsis;
 -moz-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 background: url(/.s/img/vi/cats-tick.png) no-repeat 4px 6px;
 outline: none;
}
.dropdown-cats-ul a:active {color: #333;text-decoration: none;}
.dropdown-cats-ul a.checked {background-position: 4px -49px;}
.dropdown-cats-ul a:hover, .dropdown-cats-ul a:hover:active {color: white;text-decoration: none;background-color: #0088cc;}
.dropdown-cats-ul a.disabled {color: #333 !important;cursor: default;background-color: transparent !important;opacity: 0.4;filter: alpha(opacity=40);}
.dropdown-cats-ul a span {cursor: pointer;}
span.unseen {position:absolute;width: 16px;height: 14px;right: 4px; top: 5px;background: url(/.s/img/vi/unseen.png) no-repeat;}


/*-------*/

#cats-select, .dropdown-cats {_width: 300px;}
.cats-select-btn {_height: 28px;}
.dropdown-cats-ul a {_width: 100%;_zoom: 1;}

@media screen and (max-width:980px) {
 #uEntriesList .uEntryWrap {
 width: 33.3333% !important;
 }
}

@media screen and (max-width:800px) {
 .top-cat .category_row {
 width: 50%;
 }
 .module-info-list li {
 float: none !important;
 width: 100%;
 }
 .module-info-list .rate {
 margin-bottom: 15px;
 }
}

@media only screen and (max-width: 600px) {
 .u-tab span {
 text-indent: -99999px;
 }
 .top-cat .category_row {
 width: 100%;
 }
 #uEntriesList .uEntryWrap {
 width: 50% !important;
 }
}

@media only screen and (max-width: 450px) {
 #uEntriesList .uEntryWrap {
 width: 100% !important;
 }
 .v-top-channel .screen {
 display: none;
 }
 .v-top-channel .eTitle {
 font-size: 18pt;
 }
}
@media only screen and (max-width: 380px) {
 .vep-video-block {
 width: auto;
 margin: 0 -30px;
 }
 .vep-views .reads {
 font-size: 1.2em;
 }
 .vep-info span {
 display: block;
 }
}

@media only screen and (max-height: 600px) {
 .vep-video-block {
 max-width: 900px;
 }
}
@media only screen and (max-height: 700px) {
 .vep-video-block {
 max-width: 1100px;
 }
}