.logo--footer {
    width: 140px;
    margin: 8px 0 0 16px
}

.b-logobox {
    margin: 10px;
    text-align: center
}

.b-logobox__txt {
    font-size: .8em;
    color: #ed5e42;
    text-align: center
}

.b-logobox__h1 {
    margin: 0;
    padding: 0;
    font-size: .8em;
    color: #ed5e42;
    text-align: center
}



.b-menu a {
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: 400
}

.b-menu a:hover {
    color: #fff297;
    text-decoration: underline
}

.active a {
    color: #fff297;
    text-decoration: underline
}

.b-menu ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.b-menu li {
    float: left;
    margin-right: 6px;
    margin-left: 12px;
    padding: 4px 12px
}

.n-menu ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #ed5e42
}

.ln-menu li {
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    padding: 4px 5px
}

.oneline {
    margin: 10px 0 0 0
}

.n-menu__line {
    height: 1px;
    background: rgba(255, 242, 151, .2);
    margin: 8px
}

.respm__input {
    display: none
}

.respm__label {
    display: none
}

@media screen and (max-width:767px) {
    nav ul {
        display: none
    }

    .b-menu {
        text-align: left
    }

    .b-menu li {
        display: block;
        float: left
    }

    .respm__label {
        display: block;
        color: #fff;
        width: 140px;
        height: 1.2em;
        cursor: pointer;
        margin-top: 5px;
        margin-bottom: 4px
    }
}

.lang {
    margin: 10px;
    font-size: .9em
}

.lang__item {
    padding: 0 5px
}

.lang__item:hover {
    text-decoration: underline
}

.social {
    margin-top: 10px;
    float: right
}

.social__btn {
    text-align: center;
    color: #ed5e42;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 9px;
    font-size: .9em
}

.social__txt {
    font-size: .8em
}

.social__btn:hover {
    color: #d42a09
}

.compare-cell {
    text-align: right
}

.compare {
    display: inline-block;
    border: 1px solid #ef9f8f;
    border-radius: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 2px 20px;
    color: #f8d3cb;
    font-size: .9em
}

.compare:hover {
    border: 1px solid #fff;
    color: #fff;
    background: #ef6e55
}

.compare--active {
    border: 1px solid #fff;
    color: #fff;
    background: #ef6e55
}

.compare__count {
    font-size: .8em
}


.search {
    padding-left: 20px;
    text-align: center;
    position: relative
}

.search__bg {
    background: #cfe5d0;
    border-top: 2px solid #a3c1a3;
    border-bottom: 1px solid #a5b4a6
}

.search__input {
    margin: 10px 0;
    padding: 3px 6px;
    width: 90%;
    display: inline-block;
    color: grey;
    background: #ebf5eb;
    border: 1px solid #949594;
    position: relative
}

.search__btn {
    display: inline-block;
    width: 60px;
    height: 27px;
    margin-left: -6px;
    padding: 3px;
    background: #a3c1a3;
    border: 1px solid #949594;
    color: #525252;
    -ms-text-align-last: right;
    text-align: center
}

.search__btn:hover {
    background: #86ac86;
    color: #404040
}

.tag {
    display: inline-block;
    margin-right: 24px;
    padding: 2px 8px
}

.tag a {
    color: #525252;
    border-bottom: dotted 1px #819982
}

.tag a:hover {
    color: #323232;
    border-bottom: dotted 1px #323232
}


.tag--unactive {
    color: #96b197
}

.tag--unactive:hover {
    color: #525252
}

.tag--unactive a {
    color: #96b197;
    border-bottom: dotted 1px #aac8ac
}

.tag--unactive a:hover {
    color: #323232;
    border-bottom: dotted 1px #323232
}

.tag__count {
    font-size: .75em
}

.fmore__btn {
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    color: #f4d2cb
}

.fmore__btn span {
    font-size: 1em
}

.fmore__btn:hover {
    color: #fff
}

.card {
    border: 2px solid #ccc;
    margin-top: 20px;
    position: relative;
    height: 510px;
    background-repeat: no-repeat;
    background-size: 160%
}

.card:hover {
    border: 2px solid #ed5e42
}

.card__pan {
    padding: 10px;
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, .7);
    width: 100%
}

.card__price {
    color: #50ab4c;
    font-size: 1.6em
}

.card__manufacturer {
    color: #ed5e42;
    font-size: 1.4em;
    line-height: 1em
}

.card__name {
    color: #ed5e42;
    font-size: 1.4em;
    line-height: 1em
}

.card__shop {
    color: #666
}

.card__stats {
    margin-top: 8px;
    color: #ed5e42;
    font-size: .9em
}

.card__color {
    color: #666
}

.card__color i {
    font-size: 1em;
    color: #ed5e42
}

.card-action {
    border: 1px solid #50ab4c;
    margin-top: 5px;
    padding: 5px
}

.card-action__count {
    color: #50ab4c
}

.card-action__members {
    color: #98d895
}

.card__btn {
    display: inline-block;
    width: 78%;
    background: #ed5e42;
    color: #fff297;
    font-size: 1.2em;
    line-height: 2em;
    margin-top: 10px;
    text-align: center;
    float: left
}

a.card__btn:hover {
    background: #db4e32;
    color: #fff297;
    text-decoration: none
}

.card-comp__btn {
    display: inline-block;
    width: 20%;
    background: #ed5e42;
    color: #fff297;
    font-size: 1.2em;
    line-height: 2em;
    margin-top: 10px;
    text-align: center;
    float: right
}

.card-comp__btn:hover {
    background: #db4e32;
    color: #fff297
}

.label {
    width: 172px;
    height: 172px;
    position: absolute;
    top: 10px;
    right: 10px
}

.label--product {
    left: 30px
}

.label--new {
    background: url(../img/label-new.png) no-repeat
}

.content__h2 {
    color: #333;
    font-size: 1.4em;
    font-weight: 700
}

.content__h3 {
    color: #333;
    font-size: 1.2em;
    font-weight: 700;
    margin: 0;
    padding: 6px
}

.compare-table {
    width: 98%;
    background: #eee;
    border-collapse: collapse
}

.compare-table th,
td {
    text-align: left;
    padding: 10px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #fff;
    color: #404040
}

.compare-table th {
    background: #c0dac1;
    font-weight: 400;
    color: #000;
    font-size: 1.1em
}

.compare-table td:first-child {
    background: #e0ebe0;
    color: #525252
}

.compare-table td:first-child i {
    color: #ed5e42
}

.compare-table__cell {
    padding: 10px
}

.compare-table tr>.compare-table__cell:first-child {
    white-space: nowrap
}

.compare-table__cell--best {
    background: #78d37d
}

.compare-close__btn {
    display: inline-block;
    color: #525252;
    margin-left: 6px
}

.compare-close__btn:hover {
    color: #333;
    cursor: pointer
}

.compare-clear__btn {
    display: inline-block;
    color: #525252;
    margin-left: 10px
}

.compare-clear__btn:hover {
    color: #333;
    cursor: pointer
}

.review__h1 {
    font-weight: 400
}

.review__h2 {
    margin: 0;
    padding: 0 0 8px 0;
    color: #ed5f42;
    font-size: 1.3em;
    font-weight: 400
}

.review__h3 {
    margin: 0;
    padding: 0 0 4px 0;
    font-size: 1.2em;
    font-weight: 400
}

.review__date {
    color: #999;
    font-size: .9em
}

.review__p {
    color: #4d4d4d;
    margin: 5px 0;
    padding: 5px 0 10px 0;
    font-size: 1em
}

.review__btn {
    display: inline-block;
    background: #ed5e42;
    color: #fff297;
    font-size: 1.2em;
    text-align: center;
    padding: 6px 30px
}

.review__btn:hover {
    background: #db4e32;
    color: #fff297;
    text-decoration: none
}

.rev-grid--left {
    float: left
}

.rg-big {
    width: 581px;
    height: 378px;
    border: 1px solid #999
}

.rev-grid--right {
    float: right
}

.rg-small {
    width: 347px;
    height: 184px;
    border: 1px solid #999
}

.rg-big:hover {
    border: 1px solid #ed5e42
}

.rg-small:hover {
    border: 1px solid #ed5e42
}

.rg-big--txt {
    margin-top: 338px;
    width: 581px;
    height: 40px;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.6em;
    padding: 8px;
    background: rgba(0, 0, 0, .5)
}

.rg-small--txt {
    margin-top: 144px;
    width: 347px;
    height: 40px;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.6em;
    padding: 8px;
    background: rgba(0, 0, 0, .5)
}

.review__left {
    float: left;
    height: 40px
}

.review__right {
    float: right;
    color: #ed5e42;
    height: 40px;
    font-size: .8em;
    line-height: 3em
}

.review__hash {
    color: #ed5e42
}

.review__hash:hover {
    color: #b9341b
}

.rev-img {
    float: left;
    width: 260px;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover
}

.rev-grid--right-a:nth-child(even) {
    margin-top: 8px
}

.rev-table {
    width: 100%;
    background: #eee;
    border-collapse: collapse
}

.rev-table__th {
    font-size: 1.6em;
    font-weight: 700
}

.rev-table th {
    text-align: left;
    padding: 10px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #fff;
    color: #404040;
    background: #c0dac1
}

.rev-table td:first-child i {
    color: #ed5e42
}

.rev-table td {
    text-align: left;
    padding: 10px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #fff;
    color: #404040
}

.rev-table td:first-child {
    background: #e0ebe0;
    color: #525252
}

.rev-table tr:nth-child(odd) {
    background: #e4e4e4
}

.compare-table td:first-child i {
    color: #ed5e42
}

.compare-table__img {
    width: 100%;
    background-size: 160%;
    background-repeat: no-repeat
}

.banner-line a:hover {
    text-decoration: none
}

.banner {
    border: 1px solid #999;
    font-size: 11pt;
    margin-bottom: 20px
}

.banner:hover {
    border: 1px solid #ed5e42;
    font-size: 11pt
}

.banner a {
    text-decoration: none
}

.banner__action {
    margin-top: 160px;
    text-align: left;
    vertical-align: middle
}

.banner__action--big {
    margin-top: 320px
}

.banner__title {
    font-size: 1.4em;
    padding: 5px;
    background: rgba(0, 0, 0, .5);
    color: #fff
}

.abanner {
    border: 2px solid #ed5e42;
    font-size: 11pt
}

.abanner__imgtext {
    margin-top: 110px;
    width: 169px;
    padding: 10px 10px 0;
    float: right;
    text-align: right
}

.abanner__action {
    min-height: 92px;
    text-align: left;
    vertical-align: middle;
    background: #ed5e42
}

.abanner__title {
    color: #fff;
    font-size: 1.8em;
    padding: 0 5px 0;
    background: #ed5e42
}

.abanner__txt {
    color: #fff;
    padding: 10px 5px
}

.photo-slider {
    margin-top: 20px
}

.photo-slider__item {
    border: 1px solid #fff
}

.photo-slider__item:hover {
    border: 1px solid #db4e32
}

.prod-table {
    width: 100%;
    background: #eee;
    border-collapse: collapse
}

.prod-table__th {
    font-size: 1.6em;
    font-weight: 700
}

.prod-table th {
    text-align: left;
    padding: 10px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #fff;
    color: #404040;
    background: #c0dac1
}

.prod-table td {
    text-align: left;
    padding: 10px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #fff;
    color: #404040
}

.prod-table td:first-child {
    background: #e0ebe0;
    color: #525252
}

.pstat__hpad {
    text-align: left;
    padding: 1px 16px;
    color: #404040;
    background: #c0dac1;
    margin-bottom: 2px
}

.pstat__header {
    background: #eee
}

.pstat__icon {
    color: #525252;
    font-size: 1.5em;
    line-height: 1.8em;
    text-align: center;
    display: inline-block;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    margin-right: 20px
}

.pstat__title {
    display: inline-block;
    font-size: 1.2em
}

.pstat__body {
    margin-left: 50px;
    border-top: 1px solid #f7f7f7;
    background: #f7f7f7;
    padding-left: 24px;
    margin-bottom: 20px
}

.pstat__line {
    margin-top: 6px;
    line-height: 1.8em
}

.pstat__name {
    color: #666;
    font-weight: 700
}

.pstat__value {
    padding-left: 20px;
    color: #666
}

.product-action {
    background: #88bf86;
    margin: 20px 0;
    padding: 10px 20px;
    color: #292929
}

.product-action__h3 {
    color: #f3ffea;
    font-weight: 400;
    font-size: 1.3em;
    padding: 0;
    margin: 6px 2px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.product-action__detail {
    border-left: 2px solid #a6e6a4;
    margin: 0 0 30px 10px;
    padding: 6px 10px
}

.prod-howtobuy {
    border: 1px solid #ccc
}

.prod-howtobuy__header {
    background: #ededed
}

.prod-howtobuy__menu {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #ededed
}

.prod-howtobuy__h2 {
    margin: 0;
    padding: 20px
}

.prod-howtobuy__h3 {
    font-size: 1em;
    margin: 0;
    padding: 0
}

.ionTabs__head {
    margin: 0;
    padding: 0
}

.ionTabs__head li {
    list-style: none;
    float: left;
    padding: 8px 22px;
    border-right: 1px solid #ccc;
    color: #666;
    background: #ededed;
    cursor: pointer
}

.ionTabs__head li:last-child {
    border-right: none
}

.ionTabs__head li:hover {
    background: #87be85;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

li.ionTabs__tab--active {
    background: #87be85;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.ionTabs__body {
    padding: 10px
}

.prod-howtobuy__ol {
    border-left: 1px solid #87be85
}

.prod-howtobuy__ol li {
    font-size: 1.4em;
    margin-bottom: 20px
}

.prod-howtobuy__details {
    color: #333;
    padding-left: 20px
}

.delivery__h2 {
    color: #ed5e42;
    font-size: 1.2em
}

.delivery__detail {
    border-left: 2px solid #ed5e42;
    margin: 0 0 30px 10px;
    padding: 6px 10px
}

.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.video-responsive embed,
.video-responsive iframe,
.video-responsive object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.comments-container {
    margin: auto;
    max-width: 768px
}

.comments-container ul {
    margin: 0;
    padding: 0
}

.comments-list {
    position: relative
}

.comments-list li {
    margin-bottom: 15px;
    display: block;
    position: relative
}

.comments-list .comment-avatar {
    width: 65px;
    height: 65px;
    position: relative;
    z-index: 99;
    float: left;
    border: 3px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    overflow: hidden
}

.comments-list .comment-avatar img {
    width: 100%;
    height: 100%
}

.reply-list .comment-avatar {
    width: 50px;
    height: 50px
}

.comments-list .comment-box {
    max-width: 680px;
    float: right;
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

.comment-box:after {
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    display: block;
    border-width: 10px 10px 10px 0;
    border-style: solid;
    border-color: transparent #e5e5e5;
    top: 8px;
    left: -10px
}

.comments-list .comment-box:before {
    border-width: 10px 10px 10px 0;
    border-color: transparent rgba(0, 0, 0, .05);
    left: -10px
}

.comment-box .comment-head {
    background: #e5e5e5;
    padding: 10px 12px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.comment-box .comment-name {
    color: #283035;
    font-size: 14px;
    font-weight: 700;
    float: left;
    margin-right: 10px
}

.comment-box .comment-name a {
    color: #283035
}

.comment-box .comment-head span {
    float: left;
    color: #999;
    font-size: 13px;
    position: relative;
    top: 1px
}

.comment-box .comment-content {
    background: #f1f1f1;
    padding: 12px;
    font-size: 15px;
    color: #757575;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.popup__btn {
    border: 1px solid #ccc;
    background: #f1f1f1;
    color: #666;
    padding: 2px 20px;
    text-align: center;
    cursor: pointer
}

.popup__btn:hover {
    border: 1px solid #666;
    background: #f1f1f1;
    color: #333
}

.popup-ui {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 7777;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.popup-ui:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.popup-ui .popup-ui-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left
}

.popup-ui .popup-ui-wrapper .popup-ui-content {
    position: relative;
    background: #fff;
    padding: 0;
    width: auto;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    border: solid 5px #fff;
    max-width: 500px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5)
}

.popup-ui.show {
    opacity: 1;
    visibility: visible
}

.popup-ui.show .popup-ui-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.popup__content {
    text-align: center;
    padding: 10px
}

.popup__h3 {
    margin: 0;
    padding: 12px 0
}

.popup__content input {
    width: 100%;
    height: 31px;
    border: 1px solid #4195ca;
    margin-top: 9px;
    color: #999;
    padding-left: 5px
}

.popup__close {
    background: #ededed;
    color: #4d4d4d;
    width: 24px;
    height: 24px;
    cursor: pointer;
    float: right
}

.popup__close:hover {
    background: #ccc
}

.popup__btn {
    display: inline-block;
    width: 100%;
    background: #ed5e42;
    border: 1px solid #ed5e42;
    color: #fff297;
    font-size: 1.2em;
    line-height: 1.8em;
    margin-top: 10px;
    text-align: center;
    float: left
}

a.popup__btn:hover {
    background: #db4e32;
    color: #fff297;
    border: 1px solid #db4e32;
    text-decoration: none
}

.allactions {
    color: #333
}

.allactions__h2 {
    font-size: 1.4em;
    margin: 6px 0
}

.allactions__h2 i {
    color: #666
}

.allactions__date {
    background: #ed5e42;
    border: 1px solid #ed5e42;
    color: #fff297;
    display: inline-block;
    padding: 2px 8px;
    margin-top: 20px
}

.allactions__detail {
    padding: 5px 0
}

.allactions__detail--info {
    color: #666;
    border: 1px dotted #ccc;
    margin: 10px 0;
    width: 96%;
    padding: 10px
}

.allactions__detail--info i {
    color: #ed5e42
}

.ac-table {
    width: 96%;
    background: #ccc;
    border: 1px solid #ccc
}

.ac-table a:hover {
    text-decoration: none
}

.ac-table th {
    border-width: 0 1px 1px 0;
    border-color: #fff;
    color: #404040;
    background: #c0dac1;
    margin: 2px;
    padding: 6px 4px;
    text-align: left
}

.ac-table th:hover {
    background: #b7d1b8
}

.ac-table td:first-child {
    border-width: 0 1px 1px 1px;
    border-color: #ccc
}

.ac-table td {
    background: #fff;
    padding: 4px 4px;
    border-width: 0 1px 1px 0;
    border-color: #ccc
}

.sbox {
    position: absolute;
    display: block;
    top: 36px;
    background: #ebf5eb;
    border-top: 1px solid #b8c6b9;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    z-index: 900;
    width: 90%;
    text-align: left;
    box-sizing: border-box
}

.sbox__title {
    font-size: 1em;
    color: #525252;
    padding: 6px 12px
}

.sbox__line {
    font-size: .85em;
    padding: 6px 12px;
    border-top: 1px solid #cddece
}

.sbox__line:first-child {
    border-top: none
}

.sbox__line--grey {
    background: #a7afa8;
    padding: 3px 12px
}

.sbox__line--grey a {
    color: #fff
}

.sbox__icon {
    color: #b8c6b9;
    margin-right: 10px
}

.sbox__model {
    color: #ed5f42;
    font-weight: 700
}

.sbox__stats {
    color: #525252
}

.sbox__price {
    color: #ed5f42;
    margin-left: 20px;
    font-weight: 700
}

.sbox__price--rub {
    color: #525252;
    font-weight: 700;
    margin-left: 4px
}

.stamp {
    border: 1px dashed #ed5f42;
    color: #ed5f42;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .7);
    position: absolute;
    transform: rotate(20deg);
    top: 80px;
    left: 20px
}

.stamp__p {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    padding: 10px;
    margin: 0;
    font-size: 1.3em
}

.stamp--product {
    font-size: 1.6em;
    transform: rotate(-30deg)
}

.bn-box {
    border: 1px solid #ededed
}

.bn-title {
    border-bottom: 1px solid #ededed
}

.bn-title__h2 {
    text-align: center
}

.bn-footer {
    border-top: 1px solid #ededed;
    text-align: center;
    padding: 8px
}

.bn-line {
    width: 100%;
    margin: 4px 0;
    padding: 8px 0
}

.bn-line:hover {
    background: #f8f8f8
}

.bn-line--active {
    background: #f8f8f8;
    border-left: 3px solid #ed5f42;
    box-sizing: border-box
}

.bn-name {
    float: left;
    width: 25%;
    color: #ed5f42;
    text-align: right;
    padding: 10px;
    position: relative
}

.bn-stats {
    color: #707070;
    font-size: .8em
}

.bn-price {
    float: left;
    width: 6%;
    font-size: .9em;
    padding: 10px 4px
}

.bn-price__usd {
    color: #2f812b
}

.bn-price__rub {
    color: #707070
}

.bn-numb {
    float: left;
    width: 5%;
    color: #ce2a24;
    padding: 6px 0 2px 0
}

.bn-chartbox {
    float: left;
    padding: 0;
    background: #edeeed;
    width: 64%
}

.bn-chart {
    background: #50ab4c;
    border-right: 1px solid #2f812b
}

.bn-chart.geekbench_item {
    background: #18aaf5;
    border-right: 1px solid #2f812b
}

.bn-chart--active {
    background: #ed5e42;
    border-right: 1px solid #ce2a24
}

.label--preorder {
    background: url(../img/label-preorder.png) no-repeat
}

.att {
    border-radius: 4px;
    padding: 10px;
    margin: 20px 0
}

.att-left {
    float: left;
    width: 5%;
    text-align: center
}

.att-right {
    float: left;
    width: 82%
}

.att i {
    color: rgba(255, 255, 255, .5);
    font-size: 1.7em;
    padding: 4px
}

.att__p {
    display: inline-block;
    padding: 4px 0;
    margin: 0 5px;
    font-size: 1.4em
}

.att-watch {
    border: 1px solid #2f812b;
    background: #2f812b;
    color: #fff
}

.att-buy {
    border: 1px solid #7c5481;
    background: #7c5481;
    color: #fff
}

.att-popular {
    border: 1px solid #1b6b9c;
    background: #1b6b9c;
    color: #fff
}

.att-schedule {
    border: 1px solid #983954;
    background: #983954;
    color: #fff
}

.bprice__h2 {
    color: #333;
    font-size: 1.1em;
    font-weight: 700;
    text-align: left;
    margin: 0;
    padding: 0;
    display: inline-block
}

input[id^=bprice-spoiler] {
    display: none
}

input[id^=bprice-spoiler]+label {
    display: block;
    margin: 20px 0 0 0;
    padding: 10px 20px;
    border: 1px solid #50ab4c;
    background: #f8f8f8;
    color: #333;
    font-size: 1.4em;
    cursor: pointer;
    transition: all .4s
}

input[id^=bprice-spoiler]+label:hover {
    color: #50ab4c;
    background: #e5fae0
}

input[id^=bprice-spoiler]+label:hover>.bprice__h2 {
    color: #50ab4c
}

input[id^=bprice-spoiler]:checked+label {
    color: #333;
    background: #f8f8f8;
    border-bottom: 1px solid #acd4a6
}

input[id^=bprice-spoiler]~.mprice {
    height: 0;
    overflow: hidden;
    opacity: 0;
    background: #f8f8f8;
    padding: 10px;
    border-right: 1px solid #88bf86;
    border-left: 1px solid #88bf86;
    border-bottom: 1px solid #88bf86;
    transition: all .6s
}

input[id^=bprice-spoiler]:checked+label+.mprice {
    height: auto;
    opacity: 1;
    padding: 10px
}

.bprice__down {
    display: inline-block
}

.bprice__up {
    display: none
}

.bprice__down:hover,
.bprice__up:hover {
    color: #50ab4c
}

input[id^=bprice-spoiler]:checked+label>.bprice__down {
    display: none
}

input[id^=bprice-spoiler]:checked+label>.bprice__up {
    display: inline-block
}

.mprice-line {
    height: 36px;
    margin: 6px 0
}

.mprice-line:hover {
    background: #cbefca
}

.mprice-line__img {
    float: left;
    height: 36px;
    width: 120px
}

.mprice-line__img img {
    height: 34px;
    vertical-align: middle
}

.mprice-line__price {
    float: left;
    height: 36px;
    overflow: hidden;
    color: #50ab4c;
    font-size: 1.6em;
    padding-left: 10px
}

.mprice-line__price--rub {
    color: #333;
    font-size: .75em
}

.rimbox {
    text-align: left;
    background: top left no-repeat;
    background-size: contain;
    padding: 16px
}

.rimbox-pan {
    display: inline-block;
    margin-left: 80px;
    text-align: left
}

.rimbox-pan__text {
    color: #566477;
    margin: 8px 0 0 0;
    font-size: 1.1em
}

.rimbox-pan__h1 {
    color: #ed5e42;
    margin: 0
}

.rtbox {
    border: 1px solid #ed5e42;
    margin: 20px 0 0 0;
    padding: 20px
}

.rtbox a:hover {
    text-decoration: none;
    border: 1px solid #db4e32;
    color: #db4e32
}

.rtbox__h2 {
    text-transform: uppercase;
    color: #333;
    margin: 20px 0 0 0
}

.rtbox__option {
    display: inline-block;
    border: 1px solid #8493a8;
    color: #8493a8;
    border-radius: 2px;
    padding: 6px 16px;
    margin: 8px 16px 8px 0;
    text-transform: uppercase
}

.rtbox__option--active {
    border: 1px solid #ed5e42;
    color: #ed5e42
}

.rtbox__option:hover {
    border: 1px solid #ed5e42;
    color: #ed5e42;
    text-decoration: none
}

.form__line {
    margin: 8px 0
}

.form__label {
    display: block;
    color: #5a5a5a;
    font-size: 1em
}

.form__input {
    border: 1px solid #dedede;
    margin: 4px 0;
    padding: 4px;
    border-radius: 2px;
    color: #232323;
    width: 100%
}

.br-wrapper {
    margin-top: 8px
}

[type=file] {
    height: .1px;
    width: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

[type=file]+label {
    background-color: #ed5e42;
    color: #fff297;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    overflow: hidden;
    padding: .625rem 1.25rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

[type=file]+label:hover {
    background-color: #db4e32
}

[type=file]:focus+label {
    background-color: #ed5e42;
    outline: 1px dotted #000
}

.irtb {
    display: flex;
    margin-bottom: 20px
}

.rtcbox {
    text-align: center;
    margin: auto
}

.rtcbox__title {
    margin: 8px 0
}

.rtcbox a:hover {
    text-decoration: none
}

.rtcbox__btn {
    display: inline-block;
    margin-top: 8px;
    padding: 14px 88px;
    background-color: #ed5e42;
    color: #fff297;
    text-transform: uppercase
}

.rtcbox__btn:hover {
    color: #fff297;
    background-color: #db4e32
}

.irtb__left {
    min-width: 160px
}

.irtb__right {
    padding-top: 14px
}

.rating-wrapper {
    display: block;
    width: 170px;
    margin: auto
}

.rating {
    border: none;
    margin: 0
}

.rating>input {
    display: none
}

.rating>label:before {
    margin-top: 2px;
    padding: 0 5px 0 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005"
}

.rating>.half:before {
    content: "\f089";
    position: absolute
}

.rating>label {
    color: #ccc;
    float: right;
    margin: 4px 1px 0 0;
    height: 25px
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: #db4e32 !important;
    cursor: pointer
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
    color: #db4e32 !important;
    cursor: pointer
}

.prat {
    background: #f9f7f6;
    padding: 20px;
    margin: 20px 0
}

.prat__header {
    border-bottom: 1px solid #e8e4e2;
    padding-bottom: 8px;
    font-size: 1.2em;
    color: #ed5e42
}

.prat__span {
    font-size: 2em;
    padding: 0 8px
}

.pr__line {
    display: flex;
    margin: 20px 0
}

.pr__icon {
    color: #566477;
    width: 60px;
    font-size: 2em;
    text-align: center
}

.pr__pan {
    width: 100%
}

.pr__title {
    color: #566477;
    float: left
}

.pr__score {
    float: right;
    color: #ed5e42;
    font-size: 1.2em
}

.pr__chart-bg {
    background: #e8e4e2;
    height: 10px;
    width: 100%
}

.pr__chart {
    background: #ed5e42;
    height: 10px
}

.pr__bottom {
    text-align: center;
    margin: 20px 0
}

.pr__bottom a:hover {
    text-decoration: none
}

a.pr__btn {
    padding: 8px 34px;
    border: 1px solid #566477;
    color: #566477;
    text-transform: uppercase
}

a.pr__btn:hover {
    border: 1px solid #ed5e42;
    color: #ed5e42
}

.ot {
    border: 1px solid rgba(169, 169, 169, .5);
    margin-top: 20px;
    padding: 10px
}

.ot a:hover {
    text-decoration: none
}

.ot__name {
    color: #ed5e42
}

.ot__title {
    font-weight: 700;
    margin: 6px 0
}

.ot__stars {
    color: #ed5e42
}

.ot__stars i {
    margin: 6px 4px 6px 0
}

.ot__text {
    color: #666
}

.ot__item {
    width: 60px;
    height: 60px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    display: inline-block;
    margin: 10px 10px 10px 0;
    background: top center no-repeat;
    background-size: contain
}

.ot__item:hover {
    box-shadow: 0 2px 14px rgba(0, 0, 0, .2)
}

.ot__bottom {
    text-align: center;
    margin: 20px 0
}

.ot__bottom a:hover {
    text-decoration: none
}

a.ot__btn {
    padding: 8px 34px;
    border: 1px solid #566477;
    color: #566477;
    text-transform: uppercase
}

a.ot__btn:hover {
    border: 1px solid #ed5e42;
    color: #ed5e42
}

.cpad {
    margin-top: 32px;
    border-bottom: 1px solid rgba(150, 177, 151, .3);
    padding: 8px 0
}

.cpad__title {
    font-size: 1.4em
}

.cpad__count {
    color: #96b197;
    font-size: .8em
}

.cpad__sort {
    padding: 4px 0
}

.cpad__sort a {
    padding: 4px 8px
}

a.cpad__btn {
    border: 1px solid #ed5e42;
    background: #fff;
    color: #ed5e42;
    font-size: 1.2em;
    padding: 8px 16px 6px 16px;
    text-align: center
}

a.cpad__btn:hover {
    border: 1px solid #ed5e42;
    background: #ed5e42;
    color: #fff297;
    text-decoration: none
}

.cbox {
    margin: 16px 0;
    color: #202020
}

.cbox__ava {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: no-repeat;
    background-size: cover;
    border-radius: 50%
}

.cbox__name {
    display: inline-block
}

.cbox__stars {
    display: inline-block;
    color: #ed5e42
}

.cbox__total {
    display: inline-block;
    padding: 8px;
    color: #999
}

.cbox__exp {
    display: inline-block;
    padding: 8px;
    color: #999
}

.cbox__count {
    display: inline-block
}

.cbox__mtitle {
    font-size: 1.2em;
    padding: 16px 0 4px 0
}

.cbox__text {
    font-size: 1em;
    color: #434343
}

.cbox__footer {
    padding: 8px 0;
    color: #999
}

.cbox__a--good {
    color: #2f812b
}

.cbox__a--poor {
    color: #ed5e42
}

.cbox__footer a {
    margin: 0 4px 0 8px;
    padding: 3px 6px
}

.cbox__footer a:hover {
    text-decoration: none;
    background: #ededed;
    border-radius: 4px;
    padding: 3px 6px;
    color: #4d4d4d
}

.chelp__img {
    margin-top: 32px
}

.chelp__body {
    margin: 16px 0;
    color: #666;
    padding: 0 8px
}

.spad {
    margin-top: 32px;
    border-bottom: 1px solid rgba(150, 177, 151, .3);
    padding: 8px 0
}

.spad__left {
    margin-top: 16px;
    padding: 8px
}

.spad__right {
    margin-top: 16px
}

.spad__title {
    font-size: 1.1em;
    color: #202020
}

.spad__footer {
    margin: 32px 0;
    padding: 16px;
    border-top: 1px solid rgba(150, 177, 151, .3);
    text-align: center
}

a.spad__btn {
    display: inline-block;
    border: 1px solid #ed5e42;
    background: #fff;
    color: #ed5e42;
    font-size: 1.2em;
    padding: 8px 16px 6px 16px;
    text-align: center
}

a.spad__btn:hover {
    border: 1px solid #ed5e42;
    background: #ed5e42;
    color: #fff297;
    text-decoration: none
}

.n-header-compensator {
    height: 40px
}

.hbr {
    float: right;
    box-sizing: border-box
}

.away-header__logo {
    display: inline-block;
    width: 200px;
    height: 60px;
    background: url(../img18/logo18-simple.svg) no-repeat
}

.away-header__text {
    text-align: center;
    color: #fff;
    font-size: .9em;
    padding: 0;
    margin-top: -16px
}

.snav {
    padding: 8px;
    float: left
}

.snav__item {
    float: left;
    padding: 0 8px;
    box-sizing: border-box
}

.snav__icon {
    display: inline-block;
    vertical-align: middle
}

.snav__text {
    display: inline-block;
    color: #fcf297;
    vertical-align: middle
}

.snav__icon--mobile {
    background: url(../img18/si-mobile.svg) no-repeat;
    width: 15px;
    height: 24px
}

.snicon--mobile {
    background: url(../img18/si-mobile.svg) no-repeat center;
    width: 29px;
    height: 24px
}

.snicon--tablet {
    background: url(../img18/si-tablet.svg) no-repeat center;
    width: 29px;
    height: 24px
}

.snicon--headphones {
    background: url(../img18/si-headphones.svg) no-repeat center;
    width: 29px;
    height: 24px
}

.snicon--actioncamera {
    background: url(../img18/si-actioncamera.svg) no-repeat center;
    width: 29px;
    height: 24px
}

.snicon--powerbank {
    background: url(../img18/si-powerbank.svg) no-repeat center;
    width: 29px;
    height: 24px
}

.snicon--laptop {
    background: url(../img18/si-laptop.svg) no-repeat center;
    width: 29px;
    height: 24px
}

.snicon--tvbox {
    background: url(../img18/si-tvbox.svg) no-repeat center;
    width: 29px;
    height: 24px
}

.snicon--misc {
    background: url(../img18/si-misc.svg) no-repeat center;
    width: 29px;
    height: 24px
}

.snmore {
    height: 40px;
    padding: 0 4px;
    background: #e05339;
    float: left
}

.snmore:hover {
    background: #d65238;
    cursor: pointer
}

.snmore-drop {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms
}

.snmore:hover>div {
    visibility: visible;
    opacity: 1;
    z-index: 1400;
    transition: .3s;
    transform: translateY(0);
    transition-delay: 0s, 0s, .3s
}

.snmore-drop {
    background: #d65238;
    position: absolute;
    z-index: 1400;
    margin-top: 8px;
    margin-left: -4px
}

.snmore-drop__item {
    padding: 8px
}

.snmore-drop__item:hover {
    background: #963b28
}

.snmore__top {
    width: 16px;
    height: 12px;
    margin-top: 14px
}

.snmore__top--rus {
    background: url(../img18/more-ru.svg) no-repeat
}

.snmore__top--icon {
    margin-top: 16px;
    background: url(../img18/more-icon.svg) no-repeat;
    height: 8px
}

.snmore__bottom {
    background: url(../img18/more.svg) no-repeat center;
    width: 16px;
    height: 5px
}

.n-header__searchbox {
    position: relative;
    height: 40px;
    margin: 0 2px 0 8px
}

.n-header__search {
    border: 1px solid #f28b5c;
    border-radius: 3px;
    background: #ed5e42;
    margin-top: 8px;
    position: relative;
    color: #fcf297;
    box-sizing: border-box;
    padding: 1px 2px;
    font-size: .9em;
    height: 24px;
    width: 100%
}

.n-header__search:hover {
    border: 1px solid #fcf297;
    transition: .2s
}

.n-header__s-icon {
    width: 17px;
    height: 17px;
    background: url(../img18/search.svg) no-repeat center;
    position: absolute;
    top: 12px;
    right: 6px
}

.show-r-search {
    visibility: visible;
    opacity: 1;
    z-index: 1000;
    height: 40px;
    transition: .3s;
    transform: translateY(0);
    transition-delay: 0s, 0s, .3s
}

.hide-r-search {
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms
}

.r-search:hover {
    cursor: pointer;
    color: #fcf297
}

.r-search-pan {
    margin: 0 8px
}

.n-header__comp {
    margin: 8px;
    background: url(../img18/compare.svg) no-repeat;
    width: 28px;
    height: 24px;
    position: relative
}

.n-header__comp-n {
    width: 14px;
    height: 14px;
    color: #502a23;
    background: #fcf297;
    border: 2px solid #ed5e42;
    text-align: center;
    position: absolute;
    top: -6px;
    right: -6px;
    border-radius: 50%;
    font-size: .7em
}

.comp {
    position: absolute;
    right: -50px;
    top: 10px;
    background-color: #fff;
    border: 2px solid #ed5e42;
    box-sizing: border-box;
    width: 280px;
    font-size: .8em
}

.comp__hint {
    color: #ed5e42
}

.comp:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ed5e42;
    position: absolute;
    top: -8px;
    right: 36px
}

.hide-comp {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    height: 0;
    width: 0;
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms;
    padding: 0;
    margin: 0
}

.show-comp {
    visibility: visible;
    opacity: 1;
    z-index: 1400;
    transition: .3s;
    transform: translateY(0);
    transition-delay: 0s, 0s, .3s
}

.comp__header {
    padding: 4px;
    color: #d65238;
    font-size: 1.2em
}

.comp__line {
    padding: 4px
}

a.comp__btn {
    display: inline-block;
    border: 1px solid #ed5e42;
    padding: 4px 8px;
    margin: 8px;
    border-radius: 4px;
    text-transform: uppercase;
    color: #ed5e42
}

a.comp__btn:hover {
    transition: all .3s;
    border: 1px solid #ed5e42;
    color: #fff;
    background: #ed5e42;
    padding: 4px 8px
}

.comp-del {
    color: #8b9cb2
}

.comp-del:hover {
    color: #ed5e42;
    transition: all .3s
}

.n-soc__drop {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms
}



.n-soc:hover>div {
    cursor: pointer;
    visibility: visible;
    opacity: 1;
    z-index: 1200;
    transition: .3s;
    transform: translateY(0);
    transition-delay: 0s, 0s, .3s
}

.n-soc__drop {
    position: absolute;
    background: #ce4e34;
    z-index: 1200;
    color: #fcf297;
    margin-top: 40px
}

.n-social {
    padding-top: 8px
}

.n-social__btn {
    display: block;
    color: #fff297;
    padding: 8px 8px;
    font-size: .9em
}

.n-social__txt {
    font-size: 1em;
    margin-left: 8px
}

.n-social__btn:hover {
    color: #fff;
    background: #963b28
}


.n-currency__item {
    padding: 8px 2px;
    width: 50%;
    float: left
}


@media screen and (max-width:359px) {
    .n-lang__item {
        padding: 8px 2px
    }

    .n-currency__item {
        padding: 8px 0
    }

    .r-search {
        padding: 10px 6px 6px 6px;
        width: 100px
    }
}

.wide {
    width: 100%;
    min-height: 280px
}

.graph {
    background: url(../img18/graph-bg.jpg) top center;
    background-size: cover;
    box-sizing: border-box;
    border-bottom: 1px solid transparent
}

.graph__h1 {
    margin: 0;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    padding: 16px
}

.graph__p {
    color: #fff;
    padding: 0 16px 8px 16px;
    margin: 0;
    font-size: 1em;
    text-align: center
}

.graph__span--red {
    font-size: 1.4em;
    font-weight: 700;
    color: #ce4e34;
    text-shadow: 0 1px 2px rgba(255, 255, 255, .5)
}

.graph__span--underline {
    text-decoration: underline
}

.graph__arrow {
    width: 4px;
    height: 100px;
    background: red
}

.slider-wrapper {
    max-width: 600px;
    min-width: 280px;
    margin: auto
}

.slider__label {
    color: #fff
}

.slider__input {
    background: 0 0;
    border: 0;
    color: #fff;
    font-weight: 700;
    font-size: 1.6em;
    text-align: center;
    width: 100%;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.ui-draggable,
.ui-droppable {
    background-position: top
}

.graph__bottom {
    margin: 16px;
    text-align: center
}

.graph__btn {
    text-align: center;
    display: inline-block;
    border: 1px solid #fff;
    padding: .2em 1em;
    margin: 4px;
    font-size: 1.2em;
    border-radius: 4px;
    color: #fff
}

.graph__btn:hover {
    color: #2e92b4;
    background: #fff;
    transition: all .3s
}

.graph__btn-2 {
    text-align: center;
    display: inline-block;
    border: 1px solid transparent;
    padding: .2em 1em;
    margin: 4px;
    font-size: 1.2em;
    border-radius: 4px;
    color: #fff
}

.graph__btn-2:hover {
    color: #2e92b4;
    background: #fff;
    transition: all .3s
}

.slider-pro {
    background: #ebedf0
}

.m3block {
    border: 1px solid #ebedf0;
    height: 400px;
    margin-bottom: 16px
}

.m3block__header {
    text-align: center;
    border-bottom: 1px solid #ebedf0
}

.m3block__h2 {
    color: #ed5e42;
    text-transform: uppercase;
    font-size: 1.2em;
    vertical-align: top
}

.m3block__icon {
    width: 28px;
    height: 28px;
    vertical-align: middle
}

.m3block__body--shop {
    text-align: center;
    height: 280px;
    overflow: hidden
}

.m3block__shop {
    display: inline-block
}

.m3block__footer {
    text-align: center;
    padding: 6px
}

.m3block__btn {
    display: inline-block;
    border: 1px solid #ed5e42;
    padding: 4px 8px;
    margin: 8px;
    border-radius: 4px
}

.m3block__btn:hover {
    transition: all .3s;
    border: 1px solid #ed5e42;
    color: #fff;
    background: #ed5e42;
    padding: 4px 8px
}

.card-s {
    box-sizing: border-box;
    height: 56px;
    overflow: hidden;
    border: 1px solid transparent;
    border-bottom-color: #ebedf0;
    padding-top: 4px;
    position: relative
}

.card-s:hover {
    border: 1px solid #ed5e42;
    transition: all .4s
}

.card-s__img {
    float: left;
    width: 48px;
    height: 40px;
    margin-top: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.card-s__left {
    float: left;
    height: 56px
}

.card-s__right {
    float: right;
    width: 76px;
    height: 56px;
    padding-top: 7px
}

.card-s__right--comp {
    float: right;
    text-align: center;
    width: 36px;
    height: 56px;
    padding-top: 7px
}

.card-s__right--discount {
    width: 120px
}

.card-s__title {
    color: #ed5e42;
    max-width: 180px
}

.card-s__desc {
    display: inline-block;
    color: #8b9cb2;
    border: 1px solid #d1d6dd;
    padding: 2px 4px;
    border-radius: 3px
}

.card-s__price--rub {
    color: #03bd5b
}

.card-s__price--usd {
    color: #8b9cb2
}

.card-s__price--old {
    color: #8b9cb2
}

.card-s__price--now {
    color: #03bd5b;
    position: relative
}

.card-s__tag {
    position: absolute;
    background: url(../img18/tag.svg) no-repeat;
    width: 29px;
    height: 16px;
    top: -9px;
    left: -30px;
    z-index: 200;
    color: #fff;
    font-size: .7em;
    line-height: 1.6em;
    padding-left: 2px
}

.comp-tag {
    border-radius: 4px;
    background: rgba(237, 94, 66, .95);
    position: absolute;
    bottom: 8px;
    left: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transform: translateX(-2em);
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms
}

.card-s:hover>.comp-tag {
    visibility: visible;
    opacity: 1;
    z-index: 400;
    transition: .3s;
    transform: translateX(0);
    transition-delay: 0s, 0s, .3s
}

.comp-tag__left {
    float: left;
    margin: 6px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background: url(../img18/compare.svg) no-repeat center;
    background-size: contain;
    position: relative
}

.comp-tag__right {
    float: left;
    color: #fff;
    padding-top: 3px;
    height: 24px;
    margin: 6px;
    box-sizing: border-box;
    display: none
}

.comp-tag__a:hover>.comp-tag__right {
    width: auto;
    display: block
}

.card-m {
    box-sizing: border-box;
    padding: 8px;
    overflow: hidden;
    border: 1px solid #ebedf0
}

.card-m__img {
    float: left;
    width: 48px;
    height: 88px;
    margin-top: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.card-m__body {
    float: left;
    margin-left: 16px
}

.card-m__title {
    color: #ed5e42
}

.card-m__desc {
    display: inline-block;
    color: #8b9cb2;
    border: 1px solid #d1d6dd;
    padding: 2px 4px;
    border-radius: 3px
}

.card-m__price {
    padding-top: 4px;
    text-align: right
}

.card-m__price--rub {
    color: #03bd5b
}

.card-m__price--usd {
    color: #8b9cb2
}

.card-m__price--old {
    color: #8b9cb2
}

.card-m__price--now {
    color: #03bd5b;
    position: relative
}

.card-m__tag {
    position: absolute;
    background: url(../img18/tag.svg) no-repeat;
    width: 29px;
    height: 16px;
    top: -9px;
    left: -14px;
    z-index: 200;
    color: #fff;
    font-size: .7em;
    line-height: 1.6em;
    padding-left: 2px;
    text-align: left
}

.line-trough__text--grey {
    color: #8b9cb2
}

.line-trough--red {
    color: #ed5e42;
    text-decoration: line-through
}

.line-trough--gold {
    color: #b87f34;
    text-decoration: line-through
}

.coupon {
    border: 1px solid #bcbcbc;
    box-sizing: border-box;
    height: 144px;
    overflow: hidden;
    margin-bottom: 16px
}

.coupon:hover {
    border: 1px solid #a66e24
}

.coupon__left {
    width: calc(100% - 80px);
    float: left;
    height: 112px;
    box-sizing: border-box
}

.coupon__left--img {
    width: calc(100% - 80px);
    overflow: hidden
}

.coupon__left--img img {
    min-width: 160px
}

.coupon__right {
    background: url(../img18/gold-bg.svg) no-repeat;
    background-size: cover;
    float: right;
    height: 112px;
    padding: 8px;
    box-sizing: border-box;
    text-align: center;
    width: 80px;
    border-left: 1px dashed rgba(188, 188, 188, .9)
}

.coupon__pan {
    background: #a66e24;
    color: #fff;
    padding: 8px 0
}

.coupon__pan-left {
    float: left;
    height: 32px;
    box-sizing: border-box
}

.coupon__pan-right {
    float: right;
    height: 32px;
    box-sizing: border-box;
    text-align: center
}

.coupon__img {
    float: left;
    margin: 4px;
    width: 72px;
    height: 104px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.coupon__body {
    width: calc(100% - 80px);
    margin-top: 4px;
    float: left
}

.coupon__title {
    color: #a66e24;
    position: relative;
    height: 1em;
    overflow: hidden
}

.coupon__title-mask {
    width: 2em;
    height: 1em;
    position: absolute;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    right: 0;
    top: 0
}

.coupon__desc {
    display: inline-block;
    color: #8b9cb2;
    border: 1px solid #d1d6dd;
    margin-top: .2em;
    padding: 2px 4px;
    border-radius: 3px
}

.coupon__price {
    margin-top: 8px;
    position: relative;
    overflow: hidden;
    white-space: nowrap
}

.coupon__price-mask {
    width: 2em;
    height: 3em;
    position: absolute;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    right: 0;
    top: 0
}

.coupon__price--old {
    margin-left: 32px
}

.coupon__price--new {
    color: #03bd5b;
    position: relative;
    margin-left: 32px
}

.coupon__tag {
    position: absolute;
    background: url(../img18/tag--gold.svg) no-repeat;
    width: 29px;
    height: 16px;
    top: -9px;
    left: -30px;
    z-index: 200;
    color: #fff;
    font-size: .7em;
    line-height: 1.6em;
    padding-left: 2px
}

.coupon__discount-text {
    color: #a66e24;
    font-size: 1.1em
}

.coupon__discount-numb {
    color: #a66e24;
    font-size: 2.1em
}

.coupon__timer {
    display: inline-block;
    padding: 0 8px
}

.coupon__qnt {
    display: inline-block;
    padding: 0 8px
}

.coupon__code {
    padding: 0 8px;
    color: #ffdaaa
}

.coupon__span-text {
    color: #ffdaaa
}

.coupon__span-icon {
    display: none
}

.coupon__all-btn {
    display: inline-block;
    border: 1px solid #a66e24;
    color: #a66e24;
    padding: 4px 8px;
    margin: 8px;
    border-radius: 4px
}

a .coupon__all-btn {
    display: inline-block;
    border: 1px solid #a66e24;
    color: #a66e24;
    padding: 4px 8px;
    margin: 8px;
    border-radius: 4px
}

.coupon__all-btn:hover {
    transition: all .3s;
    color: #fff;
    background: #a66e24
}

.main__shop {
    height: 80px;
    overflow: hidden
}

.main__btn {
    display: inline-block;
    border: 1px solid #ed5e42;
    padding: 4px 8px;
    margin: 8px;
    border-radius: 4px
}

.main__btn:hover {
    transition: all .3s;
    background: #ed5e42;
    color: #fff
}

.show-m-menu {
    visibility: visible;
    opacity: 1;
    transition: .3s;
    transform: translateY(0);
    transition-delay: 0s, 0s, .3s;
    width: 100%;
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 4000;
    background: #ed5e42
}

.hide-m-menu {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    height: 0;
    margin: 0;
    padding: 0;
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms
}

.m-menu {
    position: relative
}

.m-menu a {
    color: #fff
}

.m-menu a:hover {
    color: #fff297
}

.m-menu__line {
    padding: 8px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.m-menu__line--separator {
    height: 4px;
    background: rgba(0, 0, 0, .1)
}

.m-menu__line :last-of-type {
    border-bottom: none
}

.m-menu__compensator {
    height: 20px
}

.m-menu__gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 80px);
    height: 32px;
    background-image: linear-gradient(to top, rgba(237, 94, 66, 1) 0, rgba(237, 94, 66, 0) 100%)
}

.m-menu__gradient--off {
    display: none
}

.mnews {
    border: 1px solid rgba(237, 94, 66, .5);
    padding: 8px;
    margin-bottom: 16px
}

.mnews__h2 {
    color: #ed5e42;
    font-size: 1.2em;
    padding: 0;
    margin: 8px 0
}

.mnews__date {
    padding: 4px 0 0 0;
    font-size: .9em;
    color: #5a5a5a
}

.mnews__p {
    color: #1b1b1b;
    font-size: 1em
}

.n-sbox {
    position: absolute;
    display: block;
    top: 42px;
    background: #ebf5eb;
    border-top: 1px solid #b8c6b9;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    z-index: 900;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    text-align: left;
    box-sizing: border-box
}

.n-sbox:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ebf5eb;
    position: absolute;
    top: -8px;
    right: 30%
}

.hide-n-sbox {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    height: 0;
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms;
    padding: 0;
    margin: 0
}

.show-n-sbox {
    visibility: visible;
    opacity: 1;
    z-index: 400;
    transition: .3s;
    transform: translateY(0);
    transition-delay: 0s, 0s, .3s
}

.n-sbox__title {
    font-size: 1em;
    color: #525252;
    padding: 6px 12px
}

.n-sbox__line {
    font-size: .85em;
    padding: 6px 12px;
    border-top: 1px solid #cddece
}

.n-sbox__line:first-child {
    border-top: none
}

.n-sbox__line--grey {
    background: #a7afa8;
    padding: 3px 12px
}

.n-sbox__line--grey a {
    color: #fff
}

.n-sbox__icon {
    color: #b8c6b9;
    margin-right: 10px
}

.n-sbox__model {
    color: #ed5f42;
    font-weight: 700
}

.n-sbox__stats {
    color: #525252
}

.n-sbox__price {
    color: #ed5f42;
    margin-left: 20px;
    font-weight: 700
}

.n-sbox__price--rub {
    color: #525252;
    font-weight: 700;
    margin-left: 4px
}

.shopgrid {
    border: 1px solid #88bf86;
    margin: 16px 0
}

.shopgrid__title {
    border-bottom: 1px solid #e9e9e9;
    text-align: center
}

.shopgrid__line {
    padding: 8px 0;
    text-align: center
}

.shopgrid__name {
    color: grey;
    display: none
}

.shopgrid__pricebox {
    margin: 8px 0
}

.shopgrid__price {
    font-family: 'Love Ya Like A Sister', cursive;
    color: #50ab4c;
    font-size: 1.8em;
    padding: 16px
}

.shopgrid__cents {
    font-family: 'Love Ya Like A Sister', cursive;
    color: #50ab4c;
    font-size: .7em
}

.shopgrid__price-ruble {
    font-size: 1.4em
}

.btn {
    display: inline-block;
    background: #ed5e42;
    color: #fff297;
    font-size: 1.2em;
    margin: 8px;
    padding: 8px 48px
}

.btn:hover {
    background: #db4e32;
    color: #fff297;
    transition: all .3s
}

.btn-wide {
    text-align: center;
    width: 100%;
    padding: 16px;
    margin: 16px 0;
    box-sizing: border-box
}

.away__left {
    background: #f7f7f7;
    padding: 16px
}

.away__box {
    background: #ededed;
    padding: 16px
}

.away-pad {
    margin-top: 32px
}

.awitem-wrapper {
    padding: 16px
}

.awitem {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 240px
}

.awitem__pad {
    float: right;
    padding: 16px;
    text-align: right
}

.awitem__title {
    font-size: 1.4em;
    margin-bottom: 8px;
    color: #ed5e42
}

.awitem__shop {
    color: #666;
    padding: 0 0 16px 0
}

.awitem__price--usd {
    color: #50ab4c;
    font-size: 2em
}

.awitem__price--cents {
    font-size: .7em
}

.awitem__price--rub {
    color: #666;
    padding: 4px 0;
    font-size: 1.2em
}

.crumbs {
    padding: 16px 0 0 0
}

.crumbs ul {
    padding: 0;
    margin: 0
}

.crumbs li {
    list-style: none;
    float: left;
    margin: 0 8px 0 0;
    color: #566477
}

.crumbs li:after {
    content: '/';
    padding: 0 0 0 8px;
    color: #566477
}

.crumbs li:last-of-type:after {
    content: none
}

.compare__btn {
    width: 196px;
    float: left
}

.card__price-ruble {
    color: #666;
    font-size: .7em
}

.item__variants {
    padding: 5px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .mobile_horizontal_adsence {
        max-width: 300px;
        width: 300px
    }
}