/*
  ____   ____    _     ____  _____    ____
 / ___| |  _ \  / \   / ___|| ____|  | ___|
 \___ \ | |_) |/ _ \ | |    |  _|    |___ \
  ___) ||  __// ___ \| |___ | |___    ___) |
 |____/ |_|  /_/   \_\\____||_____|  |____/

 space 5 ♦ CSS
 [Astro Template]

*/
/*   FONT   --------   --------   --------   --------   -------- */
/*
@import url(https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister);
@import url(https://fonts.googleapis.com/css?family=Cuprum:400,700&subset=latin,cyrillic);
*/
/* latin */
@font-face {
  font-family: 'Love Ya Like A Sister';
  font-style: normal;
  font-weight: 400;
  font-display:auto;
  src: local('Love Ya Like A Sister Regular'), local('LoveYaLikeASister-Regular'), url(https://fonts.gstatic.com/s/loveyalikeasister/v9/R70EjzUBlOqPeouhFDfR80-0FhOqJubN-BeL9XxdkmKicQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4k_pLmvrkcOkBNK-tCpb4lSzon.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4k_pLmvrkcOkBNIutCpb4lSzon.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4k_pLmvrkcOkBNKetCpb4lSzon.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4k_pLmvrkcOkBNKOtCpb4lSzon.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4k_pLmvrkcOkBNJutCpb4lSw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4n_pLmvrkcOkBFnc5XhZwoYQAugxW4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4n_pLmvrkcOkBFnc5XjJwoYQAugxW4.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4n_pLmvrkcOkBFnc5Xh5woYQAugxW4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4n_pLmvrkcOkBFnc5XhpwoYQAugxW4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url(https://fonts.gstatic.com/s/cuprum/v10/dg4n_pLmvrkcOkBFnc5XiJwoYQAugw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.wf {
    font-family: 'Cuprum', tahoma, arial, verdana, sans-serif, Lucida Sans, sans-serif;
}

.wf2 {
    font-family: 'Love Ya Like A Sister', cursive;
}

/*   MAIN   --------   --------   --------   --------   -------- */

.wid {
    max-width: 1200px;
}

html,
body {
    height: 100%;
}

body {
    color: #000;
    font-family: 'Cuprum', tahoma, arial, verdana, sans-serif, Lucida Sans, sans-serif;
    font-size: 14pt;
    background: #ffffff;
}

.clear {
    clear: both;
}

.pad-1 {
    width: 100%;
    height: 1px;
}

.pad-20 {
    width: 100%;
    height: 20px;
    clear: both;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: #ed5f42;
    text-decoration: none;
}

a:hover {
    color: #f33c18;
    text-decoration: none;
}

.body-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.page-wrapper {
    display: table-row;
    height: 100%;
    margin: 0 auto;
    background: #fff;
}

.cntr {
    text-align: center;
}

/*   HEADER   --------   --------   --------   --------   -------- */

.header-wrapper {
}

.header {
    background: #fff;
    margin: auto;
    border-left: 3px solid #ECE3DF;
    border-right: 3px solid #ECE3DF;
}

.away-header {
    background: #ed5e42;
    text-align: center;
    padding: 8px;
}

.header__left {
}

.header__center {
}

.header__right {
}

.header__bottom {
    background: #ed5e42;
}

/*   MAIN   --------   --------   --------   --------   -------- */

.main-wrapper {
}

.main {
    background: #fff;
    border-left: 3px solid #ECE3DF;
    border-right: 3px solid #ECE3DF;
    font-size: 0.85em;
}
.main--away {
    background: #fff;
    font-size: 1em;
}

.main a:hover {
    /*text-decoration: underline;*/
}

.main__content {
}


.main__h1 {
    font-size: 1.4em;
    color: #ed5e42;
    text-transform: uppercase;
    text-align: left;
    margin-top: 32px;
}

.main__h1--black {
    color: #32353F;
}

.main__h2 {
    font-size: 1.2em;
    color: #ed5e42;
    text-transform: uppercase;
    text-align: center;
    margin-top: 32px;
}

.main__h2--black {
    color: #32353F;
}

.main__p {
    color: #5A5A5A;
}
.main__p--black {
    padding: 0 0 16px 0;
}

/*   FOOTER   --------   --------   --------   --------   -------- */

.footer-wrapper {
    clear: both;
    background: #ededed;
}

.footer {
    /*margin: auto;*/
    background: #ededed;
    padding-top: 16px;
}

.footer__left {
    text-align: left;
}

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

.footer__center {
    padding: 5px;
}

.footer__right {
    text-align: right;
}

.footer__bottom {
    text-align: center;
    padding: 10px;
    font-size: 0.8em;
    color: #666;
}

/*  MADE IN SP5
------- ------- ------- ------- ------- ------- ------- -------*/
.madeinsp5 {
    display: inline-block;
    background: transparent url("../img18/sp5__logo.svg") no-repeat;
    background-size: contain;
    width: 60px;
    height: 33px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.madeinsp5:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

/*  B LOGOBOX   --------   --------   --------   --------   -------- */

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

.b-logobox__logo {
    font-size: 2.6em;
}

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

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

.b-logobox--footer {
}

.b-logobox__logo--footer {
    width: 68px;
    height: 28px;
}

.b-logobox__txt--footer {
    font-size: 0.8em;
    color: #ed5e42;
    padding-left: 11%;
}

.logo-color1 {
    color: #502a23;
}

.logo-color2 {
    color: #ed5e42;
}

.logo-color3 {
    color: #50ab4c;
}

/*   BURGER ICON  --------   --------   --------   --------   -------- */

/*
.burger {
    display: block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;

    margin: 0;
    padding: 0;

    !*border: 1px solid greenyellow;*!
}

.burger:hover .burger__line {
    background: rgba(255, 255, 255, 1);
}

.burger__line {
    display: block;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 4px;
    padding: 0;
    margin: 4px 0;
}

.burger__line:first-child {
    margin-top: 2px;
}

.burger__line:last-child {
    margin-bottom: 2px;
}
*/

/*   B MENU  --------   --------   --------   --------   -------- */

.b-menu {
}

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

.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 {
    /*margin-top: 6px;*/
    padding-left: 4px;
}

.n-menu a {
    color: #fff;
    text-decoration: none;
    font-size: 1em;
    font-weight: normal;
}

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

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

.1n-menu li {
    display: inline-block;
    /*float: left;*/
    margin-right: 4px;
    margin-left: 4px;
    padding: 4px 5px;

}

.oneline {
    margin: 10px 0 0 0;
}
 .n-menu li {
     display: inline-block;

     /*float: left;*/
     margin-right: 10px;
     margin-left: 4px;

    /*for ESP and others longer*/
    /*padding: 4px 5px;*/
    /*max-width: 90px;*/
    /*border: 1px solid blueviolet;*/
    box-sizing: border-box;
    vertical-align: middle;
    text-align: left; 
    line-height:0.85;
}

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

/* ----------------- respmenu ----------------- */

.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;
    }
/*
    .respm__input[type="checkbox"]:checked ~ ul {
        display: block;
    }
*/
/*
    .respm__input[type="checkbox"]:checked ~ ul > li {
        display: block;
        float: none;
        margin: 6px 0 6px 20px;
    }
*/
}

/*   TEMPLATE CUSTOM STYLES   --------   --------   --------   --------   -------- */

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
}

.lang {
    margin: 10px;
    font-size: 0.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: 0.9em;
}

.social__txt {
    font-size: 0.8em;
}

.social__btn:hover {
    color: #d42a09;
}

/*    compare*/

.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: 0.9em;
}

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

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

.compare__count {
    font-size: 0.8em;
}

/*    filter*/

.filter {
    font-size: 0.9em;
    padding: 0 20px;
    border-left: 3px solid #ECE3DF;
    border-right: 3px solid #ECE3DF;
}

.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: #808080;
    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;
}

.fline {
    padding: 10px;
}

.fline__bg {
    background: #c0dac1;
    border-top: 1px solid #a5b4a6;
    color: #525252;
}

.fline--left {
    font-size: 1em;
    text-overflow: ellipsis;
}

.fline--left i {
    color: #ed5e42;
}

.fline--right {
}

.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--active {
    background: #502a23;
    color: #ffffff;
    border-radius: 4px;
}

.tag--active a {
    border: none;
    color: #ffffff;
}

.tag--active a:hover {
    color: #cccccc;
    border: none;
}

.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: 0.75em;
}

.lastline__bg {
    background: #e5e5e5;
}

.fmore__bg {
    color: #ffffff;
    background: #ed5e42;
    border-top: 1px solid #ca3316;
}

.fmore {
    color: #525252;
    padding: 10px;
    text-align: center;
}

.fmore__bg:hover {
}

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

.fmore__btn span {
    font-size: 1em;
}

.fmore__btn:hover {
    color: #ffffff;
}

.sort {
    padding: 10px 0 0 0;
}

.sort__bg {
}

.sort--left {
    text-align: center;
}

.sort--right {
    text-align: center;
}

.sort__price {
    display: inline-block;
    color: #999999;
    margin: 0 16px 0 0;
    padding: 4px 0;
    white-space: nowrap;
}

.sort__price--active {
    color: #999999;
}

.sort__price--active span {
    color: #50ab4c;
    text-decoration: underline;
}

.sort__price:hover {
    color: #666;
}

.sort__price:hover span {
    color: #3b9a37;
    text-decoration: underline;
}

.sort__status {
    display: inline-block;
    color: #999999;
    margin: 0 8px;
}

.sort__status--active {
    color: #ed5e42;
    text-decoration: underline;
}

.sort__status:hover {
    color: #e84424;
    text-decoration: underline;
}

/*    card*/

.card {
    border: 2px solid #cccccc;
    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, 0.7);
    width: 100%;
}

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

.card__price--dollar {
}

.card__price-cent {
}

.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: #666666;
}

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

.card__color {
    color: #666666;
}

.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: 2.0em;
    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: 2.0em;
    margin-top: 10px;
    text-align: center;
    float: right;
}

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

/* cat labels */

.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__h1 {
    color: #333333;
    font-size: 1.6em;
}

.content__h1 i {
    color: #ed5e42;
}

.content__h2 {
    color: #333333;
    font-size: 1.4em;
    font-weight: bold;
}

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

/* compare table*/

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

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

.compare-table th {
    background: #c0dac1;
    font-weight: normal;
    color: #000000;
    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: #333333;
    cursor: pointer;
}

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

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

/*  --------------------- Review ---------------------- ------------------------- */

.review {
}

.review__h1 {
    font-weight: normal;
}

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

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

.review__date {
    color: #999;
    font-size: 0.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 {
}

.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, 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, 0.5);
}

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

.review__right {
    float: right;
    color: #ed5e42;
    height: 40px;
    font-size: 0.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: #eeeeee;
    border-collapse: collapse;
}

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

.rev-table th {
    text-align: left;
    padding: 10px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: white;
    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: white;
    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%;
    /*height: 180px;*/
    background-size: 160%;
    background-repeat: no-repeat;
}

/* ------------------  Review Banners   -------------------------  -------------------------  */

.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, 0.5);
    color: #ffffff;
}

/*          Actions Banners      */

.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: #ffffff;
    font-size: 1.8em;
    padding: 0 5px 0;
    background: #ed5e42;
}

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

/* product item */

.item {
    margin-top: 24px;
}

.item a:hover {
    text-decoration: none;
}

.item__img {
    min-height: 405px;
    position: relative;
}

.item__descwrapper {
    min-height: 405px;
}

.item__desc {
    width: 260px;
    padding-left: 10px;
}

.item__h1 {
    font-weight: normal;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

.item__h2 {
    font-weight: normal;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

.item__manufacturer {
    font-family: 'Love Ya Like A Sister', cursive;
    color: #ed5e42;
    font-size: 2.2em;
    padding-top: 5px;
}

.iten__before {
    color: #ed5e42;
}

.item__before--price {
    color: #50ab4c;
    padding: 6px 0 0 0;
}

.item__name {
    font-family: 'Love Ya Like A Sister', cursive;
    color: #ed5e42;
    font-size: 2.2em;
    line-height: 0.9em;
}

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

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

.item__stats {
    color: #ed5e42;
    font-size: 1em;
    min-height: 60px;
}

.item__count {
    border: 1px solid #88bf86;
    font-size: 0.9em;
    margin-top: 4px;
    width: 250px;
}

.item__timer {
    color: #6b4139;
    padding: 6px;
}

.item__joins {
    color: #50ab4c;
    padding: 0 6px 6px 6px;
}

.item__btn {
    width: 250px;
    background: #ed5e42;
    color: #fff297;
    font-size: 1.2em;
    margin-top: 4px;
}

.item__btn-text {
    padding: 10px;
}

.item__btn:hover {
    background: #db4e32;
}

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

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

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

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

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

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

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

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

/*pstat */

.pstat {
}

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

.pstat__header {
    background: #EEEEEE;
}

.pstat__icon {
    background: #C0DAC1;
    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: #666666;
    font-weight: 700;
}

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

/* /pstat*/

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

}

.product-action__h3 {
    color: #f3ffea;
    font-weight: normal;
    font-size: 1.3em;
    padding: 0;
    margin: 6px 2px;
    text-shadow: 0 1px 1px rgba(0, 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 #cccccc;
}

.prod-howtobuy__header {
    background: #ededed;
}

.prod-howtobuy__menu {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    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 #cccccc;
    color: #666666;
    background: #ededed;
    cursor: pointer;
}

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

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

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

.ionTabs__body {
    padding: 10px;
}

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

.prod-howtobuy__ol li {
    /*line-height: 2.4em;*/
    font-size: 1.4em;
    margin-bottom: 20px;

}

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

/*   delivery */

.delivery {

}

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

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

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

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

/* ---------- comments ----------------- */

.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, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 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, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 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, 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 soon product*/

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

.popup__btn:hover {
    border: 1px solid #666666;
    background: #f1f1f1;
    color: #333333;
}

.popup-ui {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 7777;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.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 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    box-shadow: 0 0 5px 2px rgba(0, 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);
}

#btnpopup {

}

.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: #999999;
    padding-left: 5px;
}

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

.popup__close:hover {
    background: #cccccc;
}

.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;
}

/* ---------- all actions ---------------- */

.allactions {
    color: #333333;
}

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

}

.allactions__h2 i {
    color: #666666;
}

.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: #666666;
    border: 1px dotted #cccccc;
    margin: 10px 0;
    width: 96%;
    padding: 10px;
}

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

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

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

.ac-table th {
    border-width: 0 1px 1px 0;
    border-color: white;
    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: #cccccc;

}

.ac-table td {
    background: #ffffff;
    padding: 4px 4px;
    border-width: 0 1px 1px 0;
    border-color: #cccccc;

}

/* may 2016 fixes*/

/* search box */

.sbox {

    position: absolute;
    display: block;
    top: 36px;
    background: #ebf5eb;
    border-top: 1px solid #b8c6b9;
    box-shadow: 0 2px 2px rgba(0, 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: 0.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: #ffffff;
}

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

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

.sbox__stats {
    color: #525252;
}

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

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

}

/* mini action banner*/
.abanner--mini {
    border: 2px solid #ed5e42;
    font-size: 1.3em;
}

.abanner--mini__left {
    float: left;
    width: 74%;
    padding: 10px;
}

.abanner--mini__right {
    float: right;
    width: 25%;
    border-left: 2px dashed #ed5f42;
    text-align: center;
    font-size: 2em;
    padding: 16px 10px 10px 10px;

}

.abanner--mini__title {
    color: #5f3c36;
}

.abanner--mini .item__price {
    font-size: 1.2em;
}

.abanner--mini__rub {
    color: #ed5f42;
    font-size: 0.9em;
}

.abanner--mini__kop {
    color: #ed5f42;
    font-size: 0.8em;
}

/* stamp */

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

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

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

/* benchmarks */
.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: 0.8em;
}

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

}

.bn-price__usd {
    color: #2f812b;
}

.bn-price__rub {
    color: #707070;
}

.bn-numb {
    float: left;
    width: 5%;
    /*background: #a7afa8;*/
    color: #ce2a24;
    padding: 6px 0 2px 0;
    /*border-bottom: 1px solid #989f98;*/
}

.bn-chartbox {
    float: left;
    padding: 0;
    background: #edeeed;
    width: 64%;
    /*border-bottom: 1px solid #edeeed;*/
}

.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;
}

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

/* attention bars*/

.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, 0.5);
    font-size: 1.7em;
    padding: 4px;
}

.att__p {
    display: inline-block;
    /*border-left: 2px solid rgba(255,255,255,0.5);*/
    padding: 4px 0;
    margin: 0 5px;
    font-size: 1.4em;
}

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

}

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

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

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

/* best price */

.bprice__h2 {
    color: #333333;
    font-size: 1.1em;
    font-weight: bold;
    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: #333333;
    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: #333333;
    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: #333333;
    font-size: 0.75em;
}

/* --- --- --- --- --- --- --- rating */

.rimbox {
    text-align: left;
    background: top left no-repeat;
    /*background-repeat: 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: 0.1px;
    width: 0.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: 0.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;
}

/* star rating*/

.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 {
    /*display: inline-block;*/
    /*border: 1px solid blue;*/
    min-width: 160px;
}

.irtb__right {
    /*display: inline-block;*/
    padding-top: 14px;
    /*border: 1px solid orangered;*/
}

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

/* --- --- --- --- --- --- --- STAR rating*/

.rating {
    border: none;
    /*float: left;*/
    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, /* hover current star */
.rating:not(:checked) > label:hover ~ label {
    color: #db4e32 !important;
    cursor: pointer;
}

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
    color: #db4e32 !important;
    cursor: pointer;
}

/* --- --- --- --- --- --- --- rating in product page*/

.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;
    /*display: inline-block;*/
    float: left;
}

.pr__score {
    float: right;
    /*display: inline-block;*/
    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*/

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

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

.ot__name {
    color: #ED5E42;
}

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

.ot__stars {
    color: #ED5E42;
}

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

.ot__text {
    color: #666;
}

.ot__pan {

}

.ot__item {
    width: 60px;
    height: 60px;
    box-shadow: 0 2px 2px rgba(0, 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, 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;
}

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

.cpad__left {
}

.cpad__right {
}

.cpad__title {
    font-size: 1.4em;
}

.cpad__count {
    color: #96b197;
    font-size: 0.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;
    /*line-height: 2.0em;*/
    padding: 8px 16px 6px 16px;
    text-align: center;
}

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

/* comment box */
.cbox {
    margin: 16px 0;
    color: #202020;
}

.cbox__header {
}

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

.cbox__name {
    display: inline-block;
}

.cbox__pan {
}

.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__body {
}

.cbox__com-plus {
}

.cbox__com-minus {
}

.cbox__comment {
}

.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 {
}

.chelp__img {
    margin-top: 32px;
}

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

/* score */

.spad {
    margin-top: 32px;
    border-bottom: 1px solid rgba(150, 177, 151, 0.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, 0.3);

    text-align: center;
}

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

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

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

                                U4B 18

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

/*   Slick SP5 core & Theme
------- ------- ------- ------- ------- ------- ------- -------*/

/* new header styles*/

.n-header-wrapper {
    background: #ED5E42;
    position: fixed;
    width: 100%;
    z-index: 900;
}

.n-header {
    background: #ED5E42;
    height: 40px;
    max-width: 1200px;
    margin: auto;
}

/*heigh compensator*/
.n-header-compensator {
    height: 40px;
}

/*header blocks*/
.hbl {
    float: left;
    height: 40px;
    box-sizing: border-box;
    /*overflow: hidden;*/
    /*position: relative;*/
}

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

/*logo*/
.n-header__logo {
    margin-right: 8px;
    width: 119px;
    height: 40px;
    background: url("../img18/logo18.svg") no-repeat;
}

.n-header__logo-text {
    text-align: center;
    color: white;
    font-size: 12px;
    padding-top: 24px;
}

.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: 0.9em;
    padding: 0;
    margin-top: -16px;
}

.snav {
    /*background: #D65238;*/
    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;
    /*color: #FFF;*/
    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: #CE4E34;*/
    background: #e05339;

    float: left;
    /*border: 1px solid ghostwhite;*/
    /*position: relative;*/
}

.snmore:hover {
    /*background: #963b28;*/
    background: #D65238;
    cursor: pointer;
}

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

.snmore:hover > div {
    visibility: visible;
    opacity: 1;
    z-index: 1400;
    transition: 0.3s;
    /*position: relative;*/
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.snmore-drop {
    /*background: #CE4E34;*/
    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__box {
}

.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;
    /*height: 24px;*/
    box-sizing: border-box;
    padding: 1px 2px;
    font-size: 0.9em;
    height: 24px;
    width: 100%;
}

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

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

/* resp search */

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

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

.r-search {
    display: none;
    color: #fff;
    height: 40px;
    padding: 10px 16px 6px 16px;
    box-sizing: border-box;
    text-align: center;
    width: 130px;
}

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

}

.r-search-pan {
    /*background: #ED5E42;*/
    /*background: blueviolet;*/
    margin: 0 8px;
}

/* /resp search */

.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: 0.7em;
}

/* compare v2*/
.n-header__compare {
    /*border: 1px solid rgba(242, 139, 92,0.4);*/
    border-radius: 3px;
    padding: 2px 4px;
    margin: 12px 10px 8px 10px;
    /*box-sizing: border-box;*/
    background: url("../img18/compare.svg") no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: relative;
}

.n-header__compare:hover {
    background-color: #D65238;
}

.n-header__compare-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: 0.7em;
}

.comp {
    position: absolute;
    right: -30px;
    top: 40px;
    background-color: #fff;
    border: 2px solid #ED5E42;
    box-sizing: border-box;
    width: 280px;
    font-size: 0.8em;
}

.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 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    padding: 0;
    margin: 0;
}

.show-comp {
    visibility: visible;
    opacity: 1;
    z-index: 1400;
    transition: 0.3s;
    /*position: relative;*/
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

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

.comp__line {

}

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 0.3s;
    border: 1px solid #ED5E42;
    color: #fff;
    background: #ED5E42;
    padding: 4px 8px;
}

.comp-del {
    color: #8B9CB2;
}

.comp-del:hover {
    color: #ED5E42;
    transition: all 0.3s;

}

.n-soc {
    background: url("../img18/social.svg") no-repeat center;
    width: 42px;
    height: 40px;
    margin: 0 8px;
    /*position: relative;*/
}

.n-soc__drop {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;

}

.n-soc:hover {
    cursor: pointer;
    background-color: #D65238;
}

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

.n-soc__drop {
    position: absolute;
    background: #CE4E34;
    z-index: 1200;
    color: #FCF297;
    margin-top: 40px;
    /*border: 1px solid whitesmoke;*/
}

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

.n-social__btn {
    display: block;
    color: #fff297;
    padding: 8px 8px;
    font-size: 0.9em;
    /*margin: 8px 4px;*/
}

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

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

}

.n-lang {
    height: 40px;
    color: #FCF297;
    box-sizing: border-box;
    position: relative;
    padding: 10px 0px 6px 0px;
    text-align: center;
}

.n-lang:hover {
    cursor: pointer;
    background-color: #D65238;
}

/*.n-lang__more {
    width: 8px;
    height: 5px;
    background: url("../img18/more.svg") no-repeat;
    position: absolute;
    bottom: 2px;
    right: 2px;
}*/

.n-lang__drop {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    background: #CE4E34;
    margin-top: 11px;
    position: relative;
}

/*

.n-lang__drop:before {
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    width: 16px;
    height: 16px;
    background: greenyellow;
}
*/

.n-lang:hover > div {
    cursor: pointer;
    visibility: visible;
    opacity: 1;
    z-index: 1200;
    transition: 0.3s;
    /*position: relative;*/
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

.n-lang__drop a {
    color: #FCF297;
}

.n-lang__drop a:hover {
    color: #fff;
    text-decoration: underline;
}

.n-lang__item {
    padding: 8px 4px;
}
.n-currency__item {
    padding: 8px 2px;
}

.n-lang__item:hover {
    background: #963b28;
}
.n-currency__item:hover {
    background: #963b28;
}

@media screen and (max-width: 359px) {
    .n-lang__item {
        padding: 8px 2px;
    }
    .n-currency__item {
        padding: 8px 0px;
    }
    .r-search{
        padding: 10px 6px 6px 6px;
        width:100px;
    }
}

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

/* Graph ---------------------------------------------------------------------
-----------------------------------------------------------------------------*/

.graph {
    background: url(../img18/graph-bg.jpg) top center;
    background-size: cover;
    /*min-height: 280px;*/
    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: bold;
    color: #CE4E34;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.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;
    /*border: 1px solid red;*/
    /*height: 280px;*/
    /*position: relative;*/
}

.slider__label {
    color: #fff;
}

.slider__input {
    background: none;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 1.6em;
    text-align: center;
    width: 100%;
    text-shadow: 0 1px 1px rgba(0, 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: 0.2em 1em;
    margin: 4px;
    font-size: 1.2em;
    border-radius: 4px;
    color: #fff;
}

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

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

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

/* Header block mobile menu */
.hbmm {
    display: none;
    float: left;
    margin: 8px;
    color: #fff;
}

.slider-pro {
    background: #EBEDF0;
}

.sp-thumbnails-container {
    /*background: grey;*/
}

/*Main 3 blocks*/
.m3block {
    border: 1px solid #EBEDF0;
    height: 400px;
    margin-bottom: 16px;
}

.m3block__header {
    /*margin: 8px 0;*/
    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;
    /*border: 1px solid red;*/
    vertical-align: middle;
}

.m3block__body {

}

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

.m3block__shop {
    display: inline-block;
    /*border: #0d4365 1px solid;*/
}

.m3block__shop img {
    /*border: 1px solid red;*/
}

.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 0.3s;
    border: 1px solid #ED5E42;
    color: #fff;
    background: #ED5E42;
    padding: 4px 8px;
}

/* Card Small size*/

.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 0.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: 0.7em;
    line-height: 1.6em;
    padding-left: 2px;
}

.comp-tag {
    border-radius: 4px;
    background: rgba(237, 94, 66, 0.95);
    position: absolute;
    bottom: 8px;
    left: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    /*height:0;*/
    transform: translateX(-2em);
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.card-s:hover > .comp-tag {
    visibility: visible;
    opacity: 1;
    z-index: 400;
    transition: 0.3s;
    /*position: relative;*/
    transform: translateX(0%);
    transition-delay: 0s, 0s, 0.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;

    /*
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    width: 1px;
    box-sizing: border-box;
    transform: translateX(-2em);
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.4s, z-index 0s linear 0.01s;
    */
}

.comp-tag__a:hover > .comp-tag__right {
    width: auto;
    /*margin: 6px;*/
    display: block;

    /*
    visibility: visible;
    opacity: 1;
    z-index: 400;
    transition: 0.3s;
    !*position: relative;*!
    transform: translateX(0%);
    transition-delay: 0s, 0s, 0.3s;
    */
}


/* Card Medium size*/

.card-m {
    box-sizing: border-box;
    /*height: 88px;*/
    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: 0.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 */

.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);

    /*max-height: 112px;*/
    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, 0.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;
    /*margin: 4px 0;*/
    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: 0.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: 0.7em;
    line-height: 1.6em;
    padding-left: 2px;
}

.coupon__shop-logo {

}

.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 0.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 0.3s;
    background: #ed5e42;
    color: #fff;
}

/*Mobile Menu*/
.show-m-menu {
    visibility: visible;
    opacity: 1;
    transition: 0.3s;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.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 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.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, 0.1);
}

.m-menu__line--separator {
    /*margin: 8px 0;*/
    height: 4px;
    background: rgba(0, 0, 0, 0.1);
}

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

.m-menu__compensator {
    height: 20px;
}

.m-menu__gradient {
    /*position: absolute;*/
    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, 0.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: 0.9em;
    color: #5a5a5a;
}

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

}

.mnews__btn {

}

/* New 18 search box */

.n-sbox {
    position: absolute;
    display: block;
    top: 42px;
    /*right: 0;*/
    background: #ebf5eb;
    border-top: 1px solid #b8c6b9;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    z-index: 900;
    width: 100%;
    max-width: 1200px;
    /*margin-top: 40px;*/
    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 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    padding: 0;
    margin: 0;
}

.show-n-sbox {
    visibility: visible;
    opacity: 1;
    z-index: 400;
    transition: 0.3s;
    /*position: relative;*/
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;

}

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

.n-sbox__line {
    font-size: 0.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: #ffffff;
}

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

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

.n-sbox__stats {
    color: #525252;
}

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

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

}


/* dec 17 Antutu Page    */

.shopgrid {
    border: 1px solid #88BF86;
    /*padding: 16px;*/
    margin: 16px 0;
}
.shopgrid__title {
    border-bottom: 1px solid #e9e9e9;
    text-align: center;
}
.shopgrid__line {
    /*border-bottom: 1px solid #cdcdcd;*/
    padding: 8px 0;
    text-align: center;
    /*border: 1px solid goldenrod;*/
}

.shopgrid__name {
    color: grey;
    display: none;
}

.shopgrid__pricebox {
    /*border: 1px solid darkslategrey;*/
    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: 0.7em;
}

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


/* /dec 17 Antutu Page    */

.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 0.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;
    /*border: 1px solid olivedrab;*/
}

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

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

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

.awitem__price {
}

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

.awitem__price--cents {
    font-size: 0.7em;
}

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

/* feb 2018*/
/*crumbs*/
.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;
}


.button_up {
    width: 60px; 
    height: 60px; 
    /*background-color: #ed5e42;*/ 
    background: url(../img/up.png) no-repeat;
    cursor:pointer;
    opacity: 0.5;
    position: fixed; 
    bottom: 40px; 
    right: 30px;
    z-index:1000;
}
.compare__btn {
    width: 196px;
    float:left;
}
.card__price-ruble {
    color: #666666;
    font-size:0.7em;
}