@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600,800&subset=latin,cyrillic-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,800&subset=latin,cyrillic-ext);
.header:after, .top-line:after, .second-line:after, .cart-top:after, .btns-line:after, .short-results .category-results li:after, .catalog.catalog-favorite:after, .catalog .rating-wrap:after, .catalog .btns-wrap:after, .star-rating:after, .news-list:after, .news-list .holder:after, .article-list .holder:after, .modal-form .form-row:after, .modal-title:after, .check-holder:after, .item-info-small:after, .footer .wrap:after, .contacts-list li:after, .reg-holder .reg-boxes:after, .payment:after, .main .wrap:after, .range-wrap .wrap:after, .subs-check:after, .sort-line:after, .sort-line .view-list:after, .catalog-full:after, .compare-nav .wrap:after, .carousel3:after, .product-slider .price-holder:after, .item-text .info-top:after, .item-text .price-row:after, .item-text .buy-row:after, .item-text .delivery-info .title-top:after, .item-text .payment-info .title-top:after, .info-anchors-wrap .anchors-list:after, .share-wrap:after, .reviews-title:after, .review-info:after, .reviews-box .info-line:after, .sets-carousel:after, .compare-sort:after, .compare-container .fixed-slide-nav .wrap:after, .compare-container .fixed-item-compare .rating-wrap:after, .compare-container .fixed-item-compare .btns-wrap:after, .brands-sort:after, .comment-box:after, .comment-box .open-wrap:after, .btn-alert-wrap:after, .your-order .order-title:after, .your-order .sum-holder:after, .order-total:after, .steps-list:after, .order-form:after, .order-form .form-row:after, .order-form .email-validation .wrap:after, .order-form .btns-wrap:after, .order-form .social-wrap:after, .delivery-list .method-title:after, .lk-sort:after, .mobile-menu-wrap:after, .mobile-review-footer:after, .cart-row .wrap:after, .cart-total:after, .catalog-mobile > li:after, .catalog-mobile .wrap:after, .compare-header:after, .compare-footer:after, .slider-header:after, .compare-slider__item .wrap:after, .mobile-tab:after, .mobile-price-row .step1:after, .mobile-price-row .price-wrap:after, .amount-mobile:after {
  content: " ";
  display: block;
  clear: both; }

.phones-list, .logged-drop ul, .support-info, .catalog-nav, .catalog-nav .sub-nav, .catalog-nav .sub-drop ul, .dropdown-menu.open ul, .short-results .tabs-list, .short-results .category-results, .manufacturers, .catalog, .star-rating, .news-list, .article-list, .info-nav, .footer-nav-mobile, .footer-nav, .contacts-list, .social-list, .carousel1 .pagination ul, .carousel2 .pagination ul, .breadcrumbs, .breadcrumbs ul, .bulleted-list, .help-nav, .help-category, .contacts, .faq-list, .category-list, .sub-category-list, .news-tabs, .paging ul, .share-list, .side-category, .side-category ul, .brands-country .country-list, .choosen-param, .check-list, .subs-check, .sort-line .view-list, .char-list, .compare-preview, .item-text .info-list, .info-anchors-wrap .anchors-list, .item-description ul, .tabset, .same-brand-list, .radio-list, .compare-container .compare-char, .brands-nav, .lk-nav, .settings-list, .steps-list, .delivery-list, .items-preview, .alphabet-sort, .category-search-list, .category-search-list .slide, .item-bill ul, .lk-sort ul, .brand-category, .brand-category ul, .answers-box .answer-popup ul, .catalog-mobile, .catalog-mobile .icons, .btns-list, .mobile-price-row .icons, .mobile-price-row .phones {
  margin: 0;
  padding: 0;
  list-style: none; }

html {
  box-sizing: border-box;
  font-size: 0;
  line-height: 0; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  margin: 0;
  color: #262e3e;
  background: #f3f2f1;
  font: 14px/1.36 "Roboto", Arial, Helvetica, sans-serif;
  min-width: 992px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased; }

* {
  max-height: 1000000px; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

img {
  border-style: none; }

a {
  text-decoration: none;
  color: #075685;
  outline: none !important; }
  a:hover {
    color: #2078b6;
    text-decoration: underline; }

input,
textarea,
select {
  font: 100% "Roboto", Arial, Helvetica, sans-serif;
  color: #262e3e;
  vertical-align: middle;
  outline: none; }

form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button {
  outline: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }

input[type="submit"]:hover,
button:hover {
  cursor: pointer; }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  margin: 0;
  padding: 4px 7px;
  border: 1px solid #e3e3e2; }
  input[type="text"]:focus,
  input[type="tel"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  textarea:focus {
    box-shadow: 0 0 6px rgba(26, 156, 216, 0.3);
    border-color: #c1e2f1;
    outline: none; }

textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top; }

input[type="checkbox"],
input[type="radio"] {
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  line-height: 1.2em;
  margin: 0 0 1em; }

h1,
.h1 {
  font-size: 17px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important; }

h2, .h2 {
  font-size: 15px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important; }

h3, .h3 {
  font-size: 14px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important; }

h4, .h4 {
  font-size: 17px !important;
  font-weight: normal !important;
  text-transform: none !important; }

h5, .h5 {
  font-size: 16px !important;
  font-weight: normal !important;
  text-transform: none !important; }

h6, .h6 {
  font-size: 15px !important;
  font-weight: normal !important;
  text-transform: none !important; }

p {
  margin: 0 0 1.2em; }

q {
  quotes: none; }
  q:before, q:after {
    content: '';
    content: none; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }

@media all and (max-width: 1367px) {
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px; } }

@media all and (max-width: 1367px) {
  .row {
    margin-left: -10px;
    margin-right: -10px; } }

.alert {
  border: 0;
  border-radius: 2px;
  padding: 12px 22px;
  min-height: 70px;
  font-size: 13px;
  line-height: 19px; }
  .alert a {
    text-decoration: none; }
  .alert:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    height: 46px;
    margin: 0 -4px 0 0;
    width: 0; }
  .alert.alert-info {
    background: #ebf7f8;
    color: #549abc; }
    .alert.alert-info a {
      color: #549abc;
      border-bottom: 1px dashed #549abc; }
  .alert.alert-gray {
    background: #f7f8f8;
    color: #b2b3b3; }
    .alert.alert-gray a {
      color: #b2b3b3;
      border-bottom: 1px dashed #b2b3b3; }
  .alert.alert-danger {
    background: #fef5f1;
    color: #ef6b5c; }
    .alert.alert-danger a {
      color: #ef6b5c;
      border-bottom: 1px dashed #ef6b5c; }
  .alert.alert-danger2 {
    background: #feece7;
    color: #eb4243; }
    .alert.alert-danger2 a {
      color: #eb4243;
      border-bottom: 1px dashed #eb4243; }
  .alert.alert-success {
    background: #eef6ee;
    color: #62b569; }
    .alert.alert-success a {
      color: #62b569;
      border-bottom: 1px dashed #62b569; }
  .alert.alert-warning {
    background: #faf8e8;
    color: #c9a870; }
    .alert.alert-warning a {
      color: #c9a870;
      border-bottom: 1px dashed #c9a870; }
  .alert.alert-small {
    padding: 11px 22px;
    font-weight: bold;
    min-height: 42px;
    font-size: 14px;
    letter-spacing: 1px; }
    .alert.alert-small:before {
      display: none; }
  .alert .text {
    display: inline-block;
    vertical-align: middle;
    width: 84%; }
  .alert .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 33px;
    width: 33px;
    margin: 0 9px 0 0; }
  .alert img {
    display: block; }

body,
html {
  height: 100%; }

@media all and (max-width: 767px) {
  body {
    min-width: 320px;
    letter-spacing: 0.5px; } }

.wrapper {
  width: 1230px;
  padding: 0 60px;
  margin: 0 -60px;
  min-height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  text-align: left;
  display: inline-block;
  vertical-align: top; }
  @media all and (max-width: 1366px) {
    .wrapper {
      width: 1074px;
      padding: 0 55px; } }
  @media all and (max-width: 767px) {
    .wrapper {
      width: auto;
      padding: 0 15px;
      margin: 0;
      display: block;
      background: #f6f5f4; } }

.page {
  overflow: hidden;
  text-align: center;
  transform: none !important; }

.print-contacts {
  display: none; }

.print-image {
  display: none; }

.print-char {
  display: none; }

.header {
  background: #f6f5f5;
  margin: 0 -60px;
  padding: 17px 60px 13px; }
  @media all and (max-width: 1366px) {
    .header {
      margin: 0 -55px;
      padding: 17px 55px 13px; } }
  @media all and (max-width: 767px) {
    .header {
      padding: 14px 0 15px;
      margin: 0 0 86px;
      background: #f6f5f4; } }

.logo {
  background: url(../images/kulibin_logo2.svg) no-repeat 0 0/100% auto;
  width: 250px;
  height: 72px;
  float: left;
  margin: -7px -30px -10px -12px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }
  .logo.logo-print {
    background: none; }
  .logo a {
    display: block;
    height: 100%; }
  @media all and (max-width: 767px) {
    .logo {
      width: 207px;
      height: 50px;
      background: url(../images/kulibin_logo2.svg) no-repeat 50% 50%/auto 60px;
      margin: 0 auto;
      float: none;
      display: block; } }

.head-box {
  float: right;
  width: 824px; }
  @media all and (max-width: 1366px) {
    .head-box {
      width: 718px; } }

.top-line {
  padding: 0 0 22px; }
  @media all and (max-width: 1366px) {
    .top-line {
      padding-bottom: 17px; } }

.phones-list {
  float: left; }
  .phones-list li {
    float: left;
    font-size: 16px;
    line-height: 20px;
    margin: 0 48px 0 0; }
    .phones-list li:last-child {
      margin: 0; }
    .phones-list li .ico {
      float: left;
      font-size: 24px;
      line-height: 19px;
      margin-right: 13px; }
    .phones-list li .phone {
      color: #262e3e;
      font-size: 15px;
      letter-spacing: 1px;
      color: #2D313F;
      font-weight: 600; }
  .phones-list .icon-top1 {
    color: #888b8c; }
  .phones-list .icon-top2 {
    color: #1c9dd6; }
  .phones-list .icon-top3 {
    color: #df2144; }
  @media all and (max-width: 1366px) {
    .phones-list li {
      margin: 0 24px 0 0; }
      .phones-list li .ico {
        margin-right: 7px; }
      .phones-list li .phone {
        font-size: 14px; } }

.logged-holder {
  float: right;
  position: relative;
  z-index: 22;
  padding-bottom: 1px; }
  .logged-holder:hover .logged-drop {
    display: block; }

.banner h1 {
  margin: 0 0 16px;
  text-transform: uppercase;
  font: 45px/48px 'gotham_problack';
  background: #fff;
  color: #000;
  display: inline-block;
  padding: 0 10px; }

.logged-drop {
  position: absolute;
  top: 100%;
  right: 0;
  width: 230px;
  border: 1px solid #d0d1d0;
  background: #f3f2f1;
  border-radius: 2px;
  display: none; }
  .logged-drop ul li {
    border-top: 1px solid #d0d1d0;
    line-height: 22px; }
    .logged-drop ul li:first-child {
      border: 0; }
  .logged-drop ul a {
    color: #6d7172;
    text-decoration: none;
    height: 35px;
    font-size: 13px;
    line-height: 35px;
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f2f1+0,f1f0ef+75,e6e5e5+100 */
    background: #f3f2f1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f3f2f1 0%, #f1f0ef 75%, #e6e5e5 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f3f2f1 0%, #f1f0ef 75%, #e6e5e5 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f3f2f1 0%, #f1f0ef 75%, #e6e5e5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f2f1', endColorstr='#e6e5e5',GradientType=0 );
    /* IE6-9 */ }
    .logged-drop ul a:hover {
      background: #fff;
      color: #0d5d86;
      text-decoration: none; }
  .logged-drop ul span {
    font-size: 20px;
    width: 37px;
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
    text-align: center;
    margin-top: -3px; }

.logged-label {
  float: right;
  color: #262e3e;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px; }

.login, .registration, .callback, .schedule {
  float: right;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 1px;
  color: #075685;
  text-decoration: none !important;
  margin-left: 25px; }
  .login.logged, .logged.registration, .logged.callback, .logged.schedule {
    margin-left: 9px;
    font-size: 14px; }
    .login.logged .ico, .logged.registration .ico, .logged.callback .ico, .logged.schedule .ico {
      margin-right: 0; }
    .login.logged .text, .logged.registration .text, .logged.callback .text, .logged.schedule .text {
      max-width: 98px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .login .ico, .registration .ico, .callback .ico, .schedule .ico {
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    line-height: 19px;
    margin-right: 5px;
    text-decoration: none; }
  .login .text, .registration .text, .callback .text, .schedule .text {
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px dashed #075685; }
  .login:hover .text, .registration:hover .text, .callback:hover .text, .schedule:hover .text {
    border-bottom: 1px dashed #2078b6; }
  @media all and (max-width: 1366px) {
    .login, .registration, .callback, .schedule {
      margin-left: 23px; }
      .login .ico, .registration .ico, .callback .ico, .schedule .ico {
        margin-right: 5px; } }

.support-info {
  float: left; }
  .support-info li {
    float: left;
    letter-spacing: 1px;
    margin: 0 33px 0 0;
    font-size: 15px; }
  .support-info a:hover {
    text-decoration: underline; }

.nav-wrap {
  height: 70px;
  margin: 0 0 15px; }

.index-page .nav-wrap {
  margin: 0 0 29px; }

@media all and (max-width: 1366px) {
  .index-page .nav-wrap {
    margin: 0 0 21px; } }

.nav-line {
  height: 70px;
  background: #2297d1;
  background: -moz-linear-gradient(top, #2297d1 0%, #1f83b5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2297d1), color-stop(100%, #1f83b5));
  background: -webkit-linear-gradient(top, #2297d1 0%, #1f83b5 100%);
  background: -o-linear-gradient(top, #2297d1 0%, #1f83b5 100%);
  background: -ms-linear-gradient(top, #2297d1 0%, #1f83b5 100%);
  background: linear-gradient(to bottom, #2297d1 0%, #1f83b5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2297d1', endColorstr='#1f83b5',GradientType=0 );
  margin: 0 -60px;
  padding: 13px 60px 0; }
  .nav-line.fixed {
    position: fixed;
    top: 0;
    width: 1230px;
    z-index: 1000; }
    .nav-line.fixed .catalog-nav:hover .drop {
      left: 0;
      display: block; }
    .nav-line.fixed .catalog-nav:hover .opener {
      border-radius: 2px 2px 0 0; }
    .nav-line.fixed .catalog-nav .opener {
      border-radius: 2px; }
    .nav-line.fixed .drop {
      left: -9999px; }
      .nav-line.fixed .drop .sub-drop {
        top: 0;
        bottom: auto; }
      .nav-line.fixed .drop .long-drop {
        top: -43px;
        min-height: 533px; }
    .nav-line.fixed .open .drop {
      left: -9999px; }
  @media all and (max-width: 1366px) {
    .nav-line {
      margin: 0 -55px 20px;
      padding: 10px 55px 0;
      height: 62px; }
      .nav-line.fixed {
        width: 1074px;
        padding: 10px 55px 0; } }

.catalog-nav {
  position: relative;
  z-index: 200; }
  .catalog-nav:hover .opener {
    border-radius: 2px 2px 0 0; }
  .catalog-nav .opener {
    height: 43px;
    display: block;
    background: #fcc743;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fcc743 0%, #fcc743 70%, #d5a53c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcc743), color-stop(70%, #fcc743), color-stop(100%, #d5a53c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcc743 0%, #fcc743 70%, #d5a53c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcc743 0%, #fcc743 70%, #d5a53c 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcc743 0%, #fcc743 70%, #d5a53c 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fcc743 0%, #fcc743 70%, #d5a53c 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc743', endColorstr='#d5a53c',GradientType=0 );
    /* IE6-9 */
    position: relative;
    border-radius: 2px;
    font: 600 14px/43px 'Roboto';
    letter-spacing: 2px;
    color: #484B54;
    padding: 0 0 0 36px;
    z-index: 6;
    text-decoration: none; }
    .catalog-nav .opener:before {
      position: absolute;
      left: 11px;
      top: 0;
      font-family: 'icomoon';
      font-size: 25px;
      color: #252e3d; }
    .catalog-nav .opener:hover {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcc743+0,fcc743+51,c9a03a+100 */
      background: #fcc743;
      /* Old browsers */
      background: -moz-linear-gradient(top, #fcc743 0%, #fcc743 51%, #c9a03a 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #fcc743 0%, #fcc743 51%, #c9a03a 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #fcc743 0%, #fcc743 51%, #c9a03a 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc743', endColorstr='#c9a03a',GradientType=0 );
      /* IE6-9 */
      color: #484B54;
      text-decoration: none; }
  .catalog-nav:hover .drop {
    display: block;
    left: 0; }
  .catalog-nav.keep-open .drop {
    display: block !important; }
  .catalog-nav.keep-open .opener {
    border-radius: 2px 2px 0 0; }
  .catalog-nav .drop {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
    display: none; }
    .catalog-nav .drop .overlay {
      position: fixed;
      top: 0;
      left: -9999px;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      -webkit-transition: 0.3s opacity;
      -o-transition: 0.3s opacity;
      transition: 0.3s opacity;
      opacity: 0; }
      .catalog-nav .drop .overlay.white {
        background: rgba(255, 255, 255, 0.5); }
    .catalog-nav .drop.hovered .overlay {
      opacity: 1;
      left: 0; }
    .catalog-nav .drop.hovered .sub-nav {
      background: #efeeed; }
      .catalog-nav .drop.hovered .sub-nav > li {
        border-top: 2px solid #e9e9e8; }
        .catalog-nav .drop.hovered .sub-nav > li.li-hovered > a:after {
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+49 */
          background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
          /* IE6-9 */ }
        .catalog-nav .drop.hovered .sub-nav > li:first-child {
          border: 0; }
        .catalog-nav .drop.hovered .sub-nav > li > a {
          height: 100%; }
          .catalog-nav .drop.hovered .sub-nav > li > a:after {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            content: "";
            z-index: 1;
            width: 30px;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efeeed+0,efeeed+100&0+0,1+49 */
            background: -moz-linear-gradient(left, rgba(239, 238, 237, 0) 0%, #efeeed 49%, #efeeed 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgba(239, 238, 237, 0) 0%, #efeeed 49%, #efeeed 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(239, 238, 237, 0) 0%, #efeeed 49%, #efeeed 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efeeed', endColorstr='#efeeed',GradientType=1 );
            /* IE6-9 */
            height: 100%; }
  .catalog-nav.open .drop {
    display: block; }
  .catalog-nav .sub-nav {
    background: #fff;
    position: relative;
    z-index: 6; }
    .catalog-nav .sub-nav li {
      border-top: 2px solid #f0f0ef; }
      .catalog-nav .sub-nav li:first-child {
        border: 0; }
      .catalog-nav .sub-nav li:hover .sub-drop, .catalog-nav .sub-nav li.li-hovered .sub-drop {
        display: block; }
      .catalog-nav .sub-nav li:hover > a, .catalog-nav .sub-nav li.li-hovered > a {
        background: #fff;
        position: relative;
        z-index: 10; }
    .catalog-nav .sub-nav a {
      display: block;
      line-height: 39px;
      color: #424851;
      padding: 0 12px;
      position: relative;
      white-space: nowrap;
      overflow: hidden;
      text-decoration: none;
      font-size: 15px; }
      .catalog-nav .sub-nav a:after {
        position: absolute;
        top: 1px;
        bottom: 1px;
        right: 0;
        width: 30px;
        content: "";
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+49 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
        /* IE6-9 */ }
      .catalog-nav .sub-nav a:before {
        position: absolute;
        right: 7px;
        top: 0;
        font-family: 'icomoon';
        content: "\e606";
        font-size: 20px;
        line-height: 34px;
        color: #d0d2d1;
        z-index: 6; }
      .catalog-nav .sub-nav a.single-link:before {
        display: none; }
  .catalog-nav .sub-drop {
    position: absolute;
    bottom: 0;
    left: 100%;
    min-height: 100%;
    background: #fff;
    padding: 14px 30px 10px;
    -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
    display: none;
    width: 855px;
    z-index: 3; }
    .catalog-nav .sub-drop.long-drop {
      min-height: 637px; }
    .catalog-nav .sub-drop .box-image {
      position: absolute;
      bottom: 0;
      right: 0; }
      .catalog-nav .sub-drop .box-image img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto; }
    .catalog-nav .sub-drop .col {
      display: inline-block;
      vertical-align: top;
      width: 193px;
      padding: 0;
      margin-left: 90px;
      position: relative;
      z-index: 2; }
      .catalog-nav .sub-drop .col:first-child {
        margin-left: 0; }
    .catalog-nav .sub-drop span {
      font-weight: 700;
      white-space: nowrap;
      position: relative;
      display: block;
      overflow: hidden; }
      .catalog-nav .sub-drop span:after {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 20px;
        content: "";
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+49 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
        /* IE6-9 */ }
      .catalog-nav .sub-drop span a {
        font-size: 15px;
        line-height: 21px;
        color: #125d86; }
        .catalog-nav .sub-drop span a:hover {
          text-decoration: underline !important;
          color: #2078b6; }
    .catalog-nav .sub-drop a {
      display: inline;
      padding: 0;
      font-size: 14px; }
      .catalog-nav .sub-drop a:after {
        display: none; }
      .catalog-nav .sub-drop a:before {
        display: none; }
    .catalog-nav .sub-drop ul li {
      border: 0;
      font-size: 13px;
      line-height: 23px;
      white-space: nowrap;
      position: relative;
      overflow: hidden; }
      .catalog-nav .sub-drop ul li:after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 20px;
        content: "";
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
        /* IE6-9 */
        z-index: 20; }
    .catalog-nav .sub-drop ul a {
      display: inline;
      line-height: 23px;
      color: #075685; }
      .catalog-nav .sub-drop ul a:hover {
        text-decoration: underline;
        color: #2078b6; }
    .catalog-nav .sub-drop .category-link {
      position: absolute;
      right: 14px;
      bottom: 5px;
      color: #115d86;
      letter-spacing: 1; }
      .catalog-nav .sub-drop .category-link:hover {
        text-decoration: underline;
        color: #2078b6; }
  @media all and (max-width: 1366px) {
    .catalog-nav .sub-drop {
      width: 738px; }
      .catalog-nav .sub-drop .col {
        width: 200px;
        margin-left: 30px; } }

.search-form {
  background: #fff;
  border: 1px solid #e5e4e3;
  border-radius: 2px;
  height: 43px;
  position: relative;
  z-index: 21; }
  .search-form .submit {
    float: right;
    width: 41px;
    height: 41px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-left: 2px solid #F4F4F4;
    background: none;
    color: #bbbdbd;
    font-size: 25px;
    text-align: center; }
  .search-form .search-category {
    float: right;
    border-left: 2px solid #F4F4F4;
    width: 226px;
    height: 41px; }
  .search-form .text-wrap {
    overflow: hidden; }
  .search-form .text {
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    border: 0;
    min-height: 41px;
    padding: 10px 18px;
    outline: none;
    color: #8e9192;
    display: block;
    /* Firefox 19+ */
    /* Firefox 18- */ }
    .search-form .text::-webkit-input-placeholder {
      color: #8e9192; }
    .search-form .text::-moz-placeholder {
      color: #8e9192; }
    .search-form .text:-moz-placeholder {
      color: #8e9192; }
    .search-form .text:-ms-input-placeholder {
      color: #8e9192; }
  .search-form .dropdown-menu {
    padding: 4px 0; }
    .search-form .dropdown-menu:after {
      position: absolute;
      top: 0;
      left: 18px;
      right: 11px;
      content: "";
      border-top: 1px solid #ccc; }
  .search-form .dropdown-menu.open ul {
    padding-bottom: 0; }
  .search-form .dropdown-menu .text {
    font-size: 13px;
    line-height: 20px;
    padding: 4px 18px;
    min-height: 0;
    color: #2d303f; }
    .search-form .dropdown-menu .text:hover {
      background: #f7f7f7; }
  @media all and (max-width: 767px) {
    .search-form {
      margin: 0 0 10px;
      border-color: #dedede; }
      .search-form .submit {
        border-left: 0; } }

.search-clearable, .input-wrap {
  position: relative; }
  .search-clearable.x .clear, .x.input-wrap .clear {
    display: block; }
  .search-clearable.x .loader, .x.input-wrap .loader {
    display: block; }
  .search-clearable .clear, .input-wrap .clear {
    position: absolute;
    top: 11px;
    right: 8px;
    width: 20px;
    height: 20px;
    text-decoration: none;
    color: #aaa;
    background: #f4f4f5;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 22px;
    display: none; }
    .search-clearable .clear:hover, .input-wrap .clear:hover {
      color: #fff;
      background: #e02d43; }
  .search-clearable .loader, .input-wrap .loader {
    position: absolute;
    right: 40px;
    top: 14px;
    background: url(../images/loading.gif) no-repeat;
    width: 14px;
    height: 14px;
    display: none; }

.btn-group {
  position: relative; }
  .btn-group .dropdown-toggle {
    width: 100%;
    height: 41px;
    border: 0;
    background: none;
    text-align: center;
    padding: 0 27px 0 17px;
    display: block;
    color: #8e9192;
    font-size: 15px;
    position: relative;
    white-space: nowrap; }
    .btn-group .dropdown-toggle:after {
      position: absolute;
      top: 2px;
      right: 12px;
      font-family: 'icomoon';
      content: "\e624";
      font-size: 22px;
      line-height: 41px;
      height: 100%;
      color: #c4c5c5;
      font-weight: normal; }
  .btn-group.open .dropdown-menu.open {
    display: block;
    z-index: 10; }
  @media all and (max-width: 1366px) {
    .btn-group .dropdown-toggle {
      padding: 0 22px 0 12px; } }

select.bs-select-hidden,
select.selectpicker {
  display: none !important; }

select.mobile-device {
  position: absolute !important;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0; }

.dropdown-menu.open {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
  display: none; }
  .dropdown-menu.open ul {
    padding: 0 0 10px; }
    .dropdown-menu.open ul li {
      line-height: 20px; }
    .dropdown-menu.open ul a {
      display: block;
      color: #999;
      cursor: pointer;
      text-decoration: none; }
      .dropdown-menu.open ul a:hover .text {
        color: #000; }

.cart-top {
  height: 70px;
  position: relative;
  z-index: 20; }
  .cart-top:hover .cart-link {
    background: rgba(16, 93, 134, 0.2);
    text-decoration: none; }
  .cart-top .cart-link {
    display: block;
    overflow: hidden;
    margin: -13px 0 -13px -15px;
    padding: 13px 5px 13px 15px;
    height: 70px;
    text-decoration: none; }
  .cart-top .icon {
    float: left;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcc743+0,e0ae3d+100 */
    background: #fcc743;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcc743), color-stop(100%, #e0ae3d));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fcc743 0%, #e0ae3d 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc743', endColorstr='#e0ae3d',GradientType=0 );
    /* IE6-9 */
    text-align: center;
    line-height: 43px;
    color: #3a3b42;
    font-size: 22px;
    margin: 0 10px 0 0;
    font-weight: 600; }
  .cart-top .short-info {
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    padding: 5px 0 0;
    display: block; }
    .cart-top .short-info > span {
      display: block;
      margin: 0 -10px 0 0; }
      .cart-top .short-info > span span {
        font-weight: bold; }
  .cart-top .cart-drop {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    width: 672px;
    -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
    z-index: 1;
    display: none; }
  .cart-top:hover .cart-drop {
    display: block; }
  @media all and (max-width: 1366px) {
    .cart-top {
      height: 62px; }
      .cart-top .cart-link {
        height: 62px;
        margin-top: -10px; } }

.short-cart {
  overflow: hidden; }
  .short-cart table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%; }
  .short-cart td {
    border-bottom: 1px solid #d6d7d7;
    padding-top: 13px;
    padding-bottom: 13px; }
  .short-cart tr:first-child td {
    border-top: 0; }
  .short-cart .image {
    width: 80px;
    padding-left: 20px;
    text-align: center; }
    .short-cart .image img {
      display: block; }
  .short-cart .text-info {
    width: 50%;
    padding-right: 15px;
    padding-left: 14px;
    line-height: 19px; }
  .short-cart .item-title {
    display: block; }
  .short-cart .label {
    font-size: 12px;
    line-height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0; }
  .short-cart .single-price {
    display: inline-block;
    vertical-align: middle;
    line-height: 21px;
    background: #e7eff9;
    font-size: 12px;
    font-weight: bold;
    padding: 0 6px; }
  .short-cart .wrap {
    overflow: hidden; }
  .short-cart .price-wrap {
    padding-left: 25px;
    width: 155px;
    color: #262e3e;
    font-weight: bold;
    font-size: 14px;
    padding-right: 20px;
    white-space: nowrap; }
  .short-cart .delete {
    width: 42px; }
    .short-cart .delete a {
      text-indent: -9999px;
      overflow: hidden;
      display: block;
      background: url(../images/btn-delete.png) no-repeat;
      width: 19px;
      height: 19px;
      margin-left: 1px;
      margin-bottom: 1px; }
      .short-cart .delete a:hover {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
        margin: 0; }
  .short-cart .article {
    color: #a3a6a7;
    display: block;
    font-size: 11px; }
  .short-cart.main-cart tr:first-child td {
    padding-top: 2px; }
  .short-cart.main-cart .item-title {
    font-size: 14px; }
  .short-cart.main-cart .image {
    padding-left: 0;
    width: 60px; }
    .short-cart.main-cart .image img {
      width: 59px;
      height: auto; }
  .short-cart.main-cart .text-info {
    width: auto; }
  .short-cart.main-cart .price-wrap {
    font-size: 17px; }
  .short-cart.main-cart .delete {
    width: 19px; }

.amount {
  width: 93px; }
  .amount .holder {
    display: block;
    overflow: hidden;
    width: 92px;
    height: 40px;
    border: 1px solid #d7d9d8;
    border-radius: 2px; }
  .amount .minus, .amount .plus {
    float: left;
    width: 16px;
    height: 38px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/ico-minus.png) no-repeat 50% 50%; }
    .amount .minus:hover, .amount .plus:hover {
      background-color: #f2f2f2; }
  .amount .plus {
    background: url(../images/ico-plus.png) no-repeat 50% 50%; }
  .amount .text {
    float: left;
    width: 57px;
    height: 38px;
    border: 0;
    text-align: center;
    border-left: 1px solid #dcdddc;
    border-right: 1px solid #dcdddc;
    outline: none;
    box-shadow: none; }

.modal-box .short-cart .image {
  padding-left: 0;
  width: auto; }

.modal-box .short-cart .item-title {
  margin: 0; }

.modal-box .short-cart tr:first-child td {
  border-top: 1px solid #d6d7d7; }

.modal-box .short-cart .price-wrap {
  font-size: 17px; }
  .modal-box .short-cart .price-wrap span {
    font-size: 14px; }

.modal-box .short-cart .text-info {
  width: auto; }

.modal-box .total-line {
  padding: 7px 0; }
  .modal-box .total-line .total-label {
    font-size: 15px;
    width: 63px; }
  .modal-box .total-line .total-price {
    width: auto; }
    .modal-box .total-line .total-price span {
      font-size: 18px; }

.btns-line .btn-yellow, .btns-line .btn-blue, .btns-line .btn-black, .btns-line .btn-gray, .btns-line .btn-gray2 {
  margin-left: 20px; }

.btns-line .btn-gray {
  margin: 0 20px 0 0; }

.scrollarea {
  overflow: auto;
  position: relative; }
  .scrollarea:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    height: 30px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+93 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ }
  .scrollarea:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 30px;
    content: "";
    z-index: 10; }

.max-hieght-scroll {
  max-height: 434px; }

.modal-box .scrollarea {
  margin: 0 -29px 0 0; }

.total-line {
  overflow: hidden;
  padding: 13px 22px 19px; }
  .total-line .total-price {
    float: right;
    width: 156px;
    font-size: 15px;
    line-height: 37px;
    font-weight: bold;
    padding: 4px 0 0; }
    .total-line .total-price span {
      display: inline-block;
      vertical-align: top;
      padding: 0 8px;
      background: #e7eff9;
      border-radius: 3px;
      height: 35px; }
  .total-line .total-label {
    padding-top: 4px;
    line-height: 37px;
    float: right;
    width: 74px;
    font-weight: 500; }

.btn-yellow, .btn-blue, .btn-black, .btn-gray, .btn-gray2 {
  height: 43px;
  display: inline-block;
  vertical-align: middle;
  background: #fcc743;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcc743 0%, #fcc743 70%, #d5a53c 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcc743), color-stop(70%, #fcc743), color-stop(100%, #d5a53c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcc743 0%, #fcc743 70%, #d5a53c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcc743 0%, #fcc743 70%, #d5a53c 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fcc743 0%, #fcc743 70%, #d5a53c 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fcc743 0%, #fcc743 70%, #d5a53c 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc743', endColorstr='#d5a53c',GradientType=0 );
  /* IE6-9 */
  position: relative;
  font-size: 15px;
  line-height: 43px;
  letter-spacing: 1px;
  color: #262e3e;
  font-weight: 500;
  padding: 0 33px;
  z-index: 2;
  border-radius: 3px;
  border: 0; }
  .btn-yellow.btn-small, .btn-small.btn-blue, .btn-small.btn-black, .btn-small.btn-gray, .btn-small.btn-gray2 {
    line-height: 31px;
    height: 31px;
    padding: 0 11px;
    border-radius: 2px;
    letter-spacing: 0;
    font-size: 11px; }
  .btn-yellow.btn-middle, .btn-middle.btn-blue, .btn-middle.btn-black, .btn-middle.btn-gray, .btn-middle.btn-gray2 {
    line-height: 36px;
    height: 36px;
    padding: 0 13px;
    border-radius: 2px;
    letter-spacing: 0;
    font-size: 13px; }
  .btn-yellow:hover, .btn-blue:hover, .btn-black:hover, .btn-gray:hover, .btn-gray2:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcc743+0,fcc743+51,c9a03a+100 */
    background: #fcc743;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fcc743 0%, #fcc743 51%, #c9a03a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fcc743 0%, #fcc743 51%, #c9a03a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fcc743 0%, #fcc743 51%, #c9a03a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc743', endColorstr='#c9a03a',GradientType=0 );
    /* IE6-9 */
    color: #484B54;
    text-decoration: none; }
  @media all and (max-width: 1366px) {
    .btn-yellow, .btn-blue, .btn-black, .btn-gray, .btn-gray2 {
      padding: 0 29px; } }

.btn-blue {
  padding: 0 30px;
  letter-spacing: 1px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e9fd7+0,209ed5+70,5197bf+100 */
  background: #1e9fd7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1e9fd7 0%, #209ed5 40%, #5197bf 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e9fd7), color-stop(40%, #209ed5), color-stop(100%, #5197bf));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1e9fd7 0%, #209ed5 40%, #5197bf 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1e9fd7 0%, #209ed5 40%, #5197bf 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1e9fd7 0%, #209ed5 40%, #5197bf 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #1e9fd7 0%, #209ed5 40%, #5197bf 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9fd7', endColorstr='#5197bf',GradientType=0 );
  /* IE6-9 */
  color: #fff; }
  .btn-blue:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e9fd7+0,209ed5+40,5197bf+100 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e9fd7+0,2091c9+51,4c89b2+100 */
    background: #1e9fd7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #1e9fd7 0%, #2091c9 51%, #4c89b2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1e9fd7 0%, #2091c9 51%, #4c89b2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1e9fd7 0%, #2091c9 51%, #4c89b2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9fd7', endColorstr='#4c89b2',GradientType=0 );
    /* IE6-9 */
    color: #fff; }

.btn-black {
  padding: 0 30px;
  letter-spacing: 1px;
  background: #54545a;
  color: #fff; }
  .btn-black:hover {
    background: #54545a;
    color: #fff; }

.btn-gray {
  padding: 0 30px;
  letter-spacing: 1px;
  color: #59616f !important;
  background: #f7f7f7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 );
  /* IE6-9 */ }
  .btn-gray:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,efeeed+60,e0e0e0+100 */
    background: #f7f7f7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e0',GradientType=0 );
    /* IE6-9 */ }

.btn-gray2 {
  padding: 0 30px;
  letter-spacing: 1px;
  display: block;
  margin: 0 0 30px;
  text-align: center;
  color: #5f6473 !important;
  background: #ecebeb;
  background: -moz-linear-gradient(top, #ecebeb 0%, #ecebeb 81%, #dfdede 100%);
  background: -webkit-linear-gradient(top, #ecebeb 0%, #ecebeb 81%, #dfdede 100%);
  background: linear-gradient(to bottom, #ecebeb 0%, #ecebeb 81%, #dfdede 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecebeb', endColorstr='#dfdede',GradientType=0 ); }
  .btn-gray2:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,efeeed+60,e0e0e0+100 */
    background: #f7f7f7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e0',GradientType=0 );
    /* IE6-9 */ }

.btn-disabled {
  color: #adb0b1 !important;
  cursor: default !important;
  background: #efeeed !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #efeeed 0%, #edeceb 70%, #e0dfdf 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efeeed), color-stop(70%, #edeceb), color-stop(100%, #e0dfdf)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #efeeed 0%, #edeceb 70%, #e0dfdf 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #efeeed 0%, #edeceb 70%, #e0dfdf 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #efeeed 0%, #edeceb 70%, #e0dfdf 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #efeeed 0%, #edeceb 70%, #e0dfdf 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeeed', endColorstr='#e0dfdf',GradientType=0 ) !important;
  /* IE6-9 */ }

.short-results {
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  background: #fff;
  margin-top: 0;
  -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
  display: none;
  border-top: 2px solid #F4F4F4;
  overflow: hidden;
  height: 430px; }
  .short-results:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 230px;
    background: #f3f2f1;
    content: ""; }
  .short-results:before {
    position: absolute;
    left: 230px;
    top: 0;
    bottom: 0;
    width: 1px;
    content: "";
    background: #e5e5e5; }
  .short-results.empty {
    background: #fdeeee;
    line-height: 30px;
    padding: 15px;
    text-align: center;
    color: #e53231;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 14px;
    height: auto !important; }
    .short-results.empty:before, .short-results.empty:after {
      display: none; }
  .short-results .tabs-list {
    float: left;
    width: 230px;
    position: relative;
    z-index: 3;
    -webkit-box-shadow: 3px 0 10px rgba(0, 0, 0, 0.12);
    box-shadow: 3px 0 10px rgba(0, 0, 0, 0.12); }
    .short-results .tabs-list li {
      border-top: 2px solid #e5e5e5; }
      .short-results .tabs-list li:first-child {
        border: 0; }
      .short-results .tabs-list li:hover a, .short-results .tabs-list li.active a {
        background: #fff;
        text-decoration: none;
        color: #424851; }
        .short-results .tabs-list li:hover a:before, .short-results .tabs-list li.active a:before {
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          content: "";
          background: #fbc643;
          width: 2px; }
        .short-results .tabs-list li:hover a:after, .short-results .tabs-list li.active a:after {
          position: absolute;
          left: 100%;
          top: 0;
          height: 100%;
          content: "";
          background: #fff;
          width: 9px; }
    .short-results .tabs-list a {
      display: block;
      line-height: 21px;
      padding: 7px 11px;
      position: relative;
      font-size: 13px;
      color: #424851; }
      .short-results .tabs-list a.link {
        color: #075685;
        letter-spacing: 0.5px;
        font-size: 14px;
        border: 1px solid #cbdff2;
        background: #e6edf8;
        margin: -1px; }
        .short-results .tabs-list a.link:before, .short-results .tabs-list a.link:after {
          display: none; }
        .short-results .tabs-list a.link:hover {
          background: none;
          background: #1d94d2;
          border-color: #1d94d2;
          color: #fff;
          text-decoration: none; }
  .short-results .tabs-wrap {
    overflow: hidden;
    padding: 15px 15px 55px 15px;
    position: absolute;
    top: 0;
    right: 0;
    width: 405px;
    height: 100%; }
  .short-results .tab-content {
    display: none; }
    .short-results .tab-content.active {
      display: block; }
  .short-results .category-results {
    margin-bottom: 4px; }
    .short-results .category-results a {
      display: block;
      padding: 5px;
      text-decoration: none; }
      .short-results .category-results a:hover {
        background: #fff9ea; }
    .short-results .category-results .image {
      width: 25px;
      height: 25px;
      overflow: hidden;
      margin: 0 7px 0 0;
      display: inline-block;
      vertical-align: middle; }
      .short-results .category-results .image img {
        width: 100%;
        height: auto; }
    .short-results .category-results .name {
      width: 225px;
      display: inline-block;
      vertical-align: middle;
      font-size: 12px;
      line-height: 13px;
      color: #115d86; }
    .short-results .category-results .price {
      float: right;
      font-size: 13px;
      line-height: 25px;
      font-weight: bold;
      color: #262e3e;
      background: #e7eff9;
      border-radius: 2px;
      padding: 0 6px; }
      .short-results .category-results .price span {
        font-size: 10px;
        font-weight: 500; }
      .short-results .category-results .price.not-aviable {
        background: #efeeed; }
  .short-results .all-results {
    position: absolute;
    bottom: 10px;
    left: 22px;
    right: 19px;
    border: 1px solid #c9def2;
    text-align: center;
    line-height: 38px;
    background: #e6edf8;
    color: #075584; }
    .short-results .all-results:hover {
      background: #1d94d2;
      border-color: #1d94d2;
      text-decoration: none;
      color: #fff; }
  @media all and (max-width: 1366px) {
    .short-results .tabs-wrap {
      width: 325px; }
    .short-results .category-results .name {
      width: 140px; } }

.heading-holder {
  margin: 0 0 24px; }
  .heading-holder h3 {
    margin: 0 15px 0 0;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 3px;
    color: #2D313F;
    display: inline; }
    .heading-holder h3 span {
      color: #979798; }
  .heading-holder h4, .heading-holder h5 {
    display: inline;
    margin: 0 15px 0 0 !important; }
  .heading-holder h2 {
    display: inline;
    margin: 0 15px 0 0 !important; }
  .heading-holder .all {
    font-size: 15px;
    letter-spacing: 1px; }
  .heading-holder .clear {
    display: inline;
    border-bottom: 1px dashed #0f5d86;
    margin-left: 14px; }
    .heading-holder .clear:hover {
      text-decoration: none; }
  .heading-holder .icon {
    display: inline-block;
    vertical-align: top;
    color: #b1b3b3;
    font-size: 50px;
    line-height: 18px;
    margin: 0 8px 0 0; }
    .heading-holder .icon.icon-catalog_product3 {
      font-size: 32px;
      margin-top: -3px; }
    .heading-holder .icon:before {
      display: inline-block;
      vertical-align: top; }
  @media all and (max-width: 1366px) {
    .heading-holder {
      margin: 0 0 28px; } }
  @media all and (max-width: 767px) {
    .heading-holder {
      margin: 0 0 10px; }
      .heading-holder h3 {
        letter-spacing: 1px;
        font-weight: 600 !important; }
      .heading-holder .all {
        font-size: 13px;
        letter-spacing: 1; } }

.manufacturers {
  margin-bottom: 50px; }
  .manufacturers.row5 {
    margin-bottom: 23px; }
    .manufacturers.row5 li {
      width: 20%; }
      .manufacturers.row5 li:hover {
        width: 20%; }
  .manufacturers.manufacturers2 li {
    height: 110px;
    position: relative; }
    .manufacturers.manufacturers2 li:hover {
      height: 110px;
      padding: 0 0 30px; }
      .manufacturers.manufacturers2 li:hover span {
        display: block; }
  .manufacturers.manufacturers2 span {
    position: absolute;
    height: 30px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #efeeed;
    text-align: center;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    display: none; }
  .manufacturers.manufacturers2 h4,
  .manufacturers.manufacturers2 h3,
  .manufacturers.manufacturers2 h2,
  .manufacturers.manufacturers2 h5,
  .manufacturers.manufacturers2 h6 {
    display: table;
    width: 100%;
    height: 100%; }
  .manufacturers:after {
    content: "";
    display: block;
    clear: both; }
  .manufacturers li {
    border: 1px solid #dcdddc;
    width: 186px;
    height: 100px;
    float: left;
    margin: 0 -1px -1px 0; }
    .manufacturers li:hover {
      width: 186px;
      height: 100px;
      background: #fff;
      border: 0;
      position: relative;
      z-index: 2;
      -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); }
  .manufacturers h4,
  .manufacturers h3,
  .manufacturers h5, .manufacturers h6, .manufacturers h2 {
    display: table;
    height: 98px;
    width: 184px; }
  .manufacturers .holder {
    display: table-cell;
    vertical-align: middle; }
  .manufacturers img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-height: 84px;
    max-width: 90%; }
  @media all and (max-width: 1366px) {
    .manufacturers li {
      width: 161px;
      height: 86px; }
      .manufacturers li:hover {
        width: 161px;
        height: 86px; } }
  @media all and (max-width: 767px) {
    .manufacturers {
      margin: 0 0 19px; }
      .manufacturers li {
        width: 50%;
        height: 69px;
        background: #fff; }
        .manufacturers li:hover {
          width: 50%;
          height: 69px;
          box-shadow: none;
          border: 1px solid #dcdddc; }
      .manufacturers .holder {
        height: 100%;
        display: block;
        text-align: center; }
        .manufacturers .holder:before {
          display: inline-block;
          vertical-align: middle;
          width: 0;
          height: 100%;
          content: '';
          margin: 0; }
        .manufacturers .holder > img {
          display: inline-block;
          vertical-align: middle;
          max-width: 110px;
          max-height: 90%; } }

.catalog {
  margin-left: -15px;
  margin-right: -15px;
  padding-bottom: 20px; }
  .catalog .category {
    margin: 0 -14px 0;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fdfdfd+70,f0f1f1+100 */
    background: white;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, #fdfdfd 70%, #f0f1f1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(70%, #fdfdfd), color-stop(100%, #f0f1f1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, #fdfdfd 70%, #f0f1f1 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 0%, #fdfdfd 70%, #f0f1f1 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 0%, #fdfdfd 70%, #f0f1f1 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, white 0%, #fdfdfd 70%, #f0f1f1 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f1f1',GradientType=0 );
    /* IE6-9 */
    white-space: nowrap;
    display: block;
    font-size: 15px; }
    .catalog .category:after {
      position: absolute;
      top: 0;
      height: 29px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+49 */
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
      /* IE6-9 */
      content: "";
      right: 0;
      width: 30px; }
  .catalog > li,
  .catalog > div {
    height: 493px;
    position: relative;
    margin-bottom: 30px; }
    .catalog > li:hover .holder,
    .catalog > div:hover .holder {
      -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
      border: 1px solid #fff; }
  .catalog.catalog-favorite > li {
    height: 453px; }
  .catalog.catalog-favorite .btn-delete {
    position: absolute;
    top: 9px;
    right: 9px;
    background: #e23c52;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e23c52 0%, #cd3746 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e23c52 0%, #cd3746 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e23c52 0%, #cd3746 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e23c52', endColorstr='#cd3746',GradientType=0 );
    /* IE6-9 */
    width: 17px;
    height: 17px;
    border-radius: 50%;
    line-height: 17px;
    text-align: center;
    color: #fff;
    font-size: 30px; }
  .catalog h4 {
    margin: 0; }
  .catalog.catalog-view-list {
    padding-right: 15px; }
    .catalog.catalog-view-list > li {
      height: auto;
      min-height: 229px;
      width: 100% !important;
      margin: 0 0 30px;
      padding-right: 0; }
    .catalog.catalog-view-list .holder {
      position: static;
      padding: 0 20px 20px 0; }
    .catalog.catalog-view-list .image {
      float: left;
      width: 254px;
      padding: 20px 10px 0;
      height: 209px;
      margin: 0; }
      .catalog.catalog-view-list .image img {
        margin: 0 auto;
        width: 200px;
        height: 200px;
        max-height: 200px;
        max-width: 200px; }
    .catalog.catalog-view-list .rating-wrap {
      overflow: hidden;
      padding: 18px 0 0; }
      .catalog.catalog-view-list .rating-wrap .star-rating {
        float: left !important; }
    .catalog.catalog-view-list .comments {
      margin: 0 26px 0 0; }
    .catalog.catalog-view-list .title {
      height: auto;
      white-space: nowrap;
      margin: 0 0 20px; }
      .catalog.catalog-view-list .title:after {
        display: none; }
    .catalog.catalog-view-list .text-box {
      overflow: hidden; }
    .catalog.catalog-view-list .text-left {
      float: left;
      width: 256px;
      height: 120px;
      border-right: 1px solid #f0efee;
      padding: 0 32px 0 0; }
    .catalog.catalog-view-list .text-right {
      width: 260px;
      float: right; }
    .catalog.catalog-view-list .char-list {
      border-top: 0;
      margin-top: 0;
      padding-top: 0; }
    .catalog.catalog-view-list .char-list li {
      margin: 0 0 9px; }
    .catalog.catalog-view-list .char-list li:last-child {
      margin: 0; }
    .catalog.catalog-view-list .stick {
      left: 5px;
      right: auto; }
      .catalog.catalog-view-list .stick.stick-red:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        left: 0; }
      .catalog.catalog-view-list .stick.stick-green:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        left: 0; }
      .catalog.catalog-view-list .stick.stick-orange:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        left: 0; }
  .catalog .holder {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    min-height: 100%;
    border: 1px solid #dcdedd;
    padding: 0 14px 9px;
    background: #fff;
    border-radius: 2px; }
  .catalog .image {
    display: table;
    width: 100%;
    height: 213px;
    margin-bottom: 5px;
    position: relative; }
    .catalog .image a {
      display: table-cell;
      vertical-align: middle;
      height: 100%; }
    .catalog .image img {
      display: block;
      margin: 0 auto;
      max-width: 100%;
      max-height: 90%;
      width: auto;
      height: auto; }
  .catalog .item-disabled .image a {
    position: relative; }
    .catalog .item-disabled .image a:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      background: rgba(255, 255, 255, 0.5); }
  .catalog .rating-wrap {
    margin: 0 0 6px; }
  .catalog .comments {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 18px;
    font-family: 'Roboto';
    float: left;
    padding-left: 1px; }
    .catalog .comments:before {
      font-size: 24px;
      margin-right: 5px;
      margin-top: 2px;
      display: inline-block;
      vertical-align: top;
      font-family: 'icomoon'; }
  .catalog .btn-yellow, .catalog .btn-blue, .catalog .btn-black, .catalog .btn-gray, .catalog .btn-gray2 {
    min-width: 113px;
    padding: 0 10px;
    text-align: center; }
  .catalog .title {
    display: block;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 1px;
    margin: 0 0 8px;
    height: 69px;
    overflow: hidden;
    position: relative;
    color: #075685; }
    .catalog .title:hover {
      color: #2078b6;
      text-decoration: underline; }
    .catalog .title:after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 10px;
      content: "";
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
      /* IE6-9 */ }
  .catalog .price {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1.5px;
    color: #2D313F;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    background: #eff3fa;
    border-radius: 3px;
    margin: 0 0 13px; }
    .catalog .price span {
      font-weight: bold;
      font-size: 15px;
      letter-spacing: 1px; }
  .catalog .btns-wrap {
    margin-bottom: 10px; }
  .catalog .stick {
    position: absolute;
    top: 54px;
    right: -10px;
    font-size: 17px;
    letter-spacing: 1.5px;
    color: #FFFFFF;
    line-height: 35px;
    height: 35px;
    padding: 0 16px; }
    .catalog .stick:after {
      position: absolute;
      top: 100%;
      right: 0;
      width: 10px;
      height: 10px;
      content: ""; }
    .catalog .stick.stick-red {
      background: #e2273d; }
      .catalog .stick.stick-red:after {
        background: url(../images/bg-stick01.png) no-repeat; }
    .catalog .stick.stick-green {
      background: #51ba3f; }
      .catalog .stick.stick-green:after {
        background: url(../images/bg-stick02.png) no-repeat; }
    .catalog .stick.stick-orange {
      background: #ed9915; }
      .catalog .stick.stick-orange:after {
        background: url(../images/bg-stick03.png) no-repeat; }
  .catalog .wrap {
    overflow: hidden; }
  @media all and (max-width: 1366px) {
    .catalog {
      margin-left: -10px;
      margin-right: -10px; }
      .catalog > li {
        height: 460px;
        margin: 0 0 20px; }
      .catalog.catalog-favorite > li {
        height: 421px; }
      .catalog .holder {
        left: 10px;
        right: 10px;
        padding: 0 8px 3px; }
      .catalog .title {
        font-size: 15px;
        line-height: 19px;
        height: 57px;
        margin: 0 0 5px; }
      .catalog .price {
        font-size: 17px;
        margin: 0 0 8px; }
        .catalog .price span {
          font-size: 13px;
          font-weight: normal !important; }
      .catalog .category {
        margin: 0 -8px; }
      .catalog .rating-wrap {
        margin: 0 0 3px; }
      .catalog .btns-wrap {
        margin: 0 0 3px; }
      .catalog.catalog-full > li {
        height: 560px; }
      .catalog.catalog-view-list {
        padding-right: 10px; }
        .catalog.catalog-view-list > li {
          height: auto;
          min-height: 194px;
          width: 100% !important;
          margin: 0 0 20px;
          padding-right: 0; }
        .catalog.catalog-view-list .holder {
          position: static;
          padding: 0 20px 6px 0; }
        .catalog.catalog-view-list .image {
          float: left;
          width: 194px;
          padding: 5px 15px 0;
          height: 154px;
          margin: 0; }
          .catalog.catalog-view-list .image img {
            width: 180px;
            height: 180px;
            max-height: 180px;
            max-width: 180px; }
        .catalog.catalog-view-list .title {
          margin: 0 0 9px; }
        .catalog.catalog-view-list .text-left {
          width: 228px;
          height: 115px;
          padding: 0 19px 0 0; }
        .catalog.catalog-view-list .text-right {
          width: 240px; }
        .catalog.catalog-view-list .char-list li {
          margin: 0 0 6px; }
        .catalog.catalog-view-list .char-list li:last-child {
          margin: 0; }
        .catalog.catalog-view-list .stick {
          left: 1px;
          right: auto; } }

.follow-price, .wishlist {
  background: #f7f7f7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 );
  /* IE6-9 */
  float: right;
  width: 42px;
  height: 43px;
  text-align: center;
  line-height: 43px;
  border-radius: 3px;
  color: #59616f !important;
  margin-left: 5px;
  font-size: 20px;
  text-decoration: none !important; }
  .follow-price.selected, .selected.wishlist {
    color: #2aa2da !important; }
  .follow-price:hover, .wishlist:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,efeeed+60,e0e0e0+100 */
    background: #f7f7f7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e0',GradientType=0 );
    /* IE6-9 */ }

.gallery-holder .catalog .stick {
  top: 20px; }

.star-rating li {
  float: left;
  margin: 0 2px 0 0;
  height: auto; }

.old-price {
  display: inline-block;
  vertical-align: middle;
  color: #ec4242;
  line-height: 35px;
  position: relative;
  font-family: "Roboto"; }
  .old-price span {
    font-size: 10px; }
  .old-price:after {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    content: "";
    border-top: 2px solid #f49682; }

.add-compare {
  position: relative;
  line-height: 22px;
  font-size: 13px; }
  .add-compare:after {
    position: absolute;
    left: 0;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border: 1px solid #dcdddc;
    content: ""; }
  .add-compare span {
    display: inline-block;
    vertical-align: middle;
    color: #262e3e;
    padding-left: 24px;
    position: relative;
    z-index: 2;
    cursor: pointer; }
  .add-compare .delete {
    display: none; }
  .add-compare a {
    display: none;
    vertical-align: middle;
    line-height: 22px; }
  .add-compare.added:after {
    background: url(../images/bg-checkbox.png) no-repeat 50% 50%; }
  .add-compare.added .add {
    display: none; }
  .add-compare.added .delete {
    display: inline-block;
    vertical-align: middle; }
  .add-compare.added a {
    display: inline-block; }
  @media all and (max-width: 1366px) {
    .add-compare {
      font-size: 12px; } }

.notification {
  display: block;
  border-radius: 2px;
  background: #e7eff9;
  height: 35px;
  line-height: 35px;
  margin: 0 0 12px;
  padding: 0 11px;
  font-family: 'Roboto'; }
  .notification span {
    border-bottom: 1px dashed #075685; }
  .notification:before {
    font-size: 25px;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 0 0;
    font-family: 'icomoon'; }
  .notification:hover {
    text-decoration: none; }
    .notification:hover span {
      border-bottom: 1px dashed #2078b6; }
  @media all and (max-width: 1366px) {
    .notification {
      font-size: 13px;
      margin: 0 0 8px; } }
  @media all and (max-width: 767px) {
    .notification {
      font-size: 12px;
      height: 22px;
      line-height: 22px;
      padding: 0 0 0 4px;
      margin: 0;
      letter-spacing: 0; }
      .notification:before {
        margin-right: 5px;
        font-size: 21px; } }

span.notification {
  text-align: center;
  color: #115d86;
  font-size: 14px; }

.news-list {
  margin-left: -15px;
  margin-right: -15px;
  padding-bottom: 15px; }
  .news-list li {
    float: none;
    display: inline-block;
    vertical-align: top;
    height: 205px;
    margin: 0 -4px 30px 0; }
    .news-list li:hover .holder {
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
  .news-list .holder {
    width: 100%;
    height: 100%;
    border: 1px solid #dcdedd;
    border-radius: 0 2px 2px 0; }
  .news-list .image {
    width: 255px;
    float: left;
    height: 100%;
    margin: 0 31px 0 0;
    position: relative;
    overflow: hidden; }
    .news-list .image img {
      width: auto;
      display: block;
      height: 100%; }
    .news-list .image .news-stick {
      position: absolute;
      top: 0;
      left: 0; }
  .news-list .text-box {
    overflow: hidden;
    padding: 20px 23px 10px 0;
    position: relative;
    height: 185px; }
    .news-list .text-box:before {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      content: "";
      height: 35px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+93 */
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
      /* IE6-9 */ }
  .news-list .title {
    display: block;
    font-size: 17px;
    line-height: 23px;
    overflow: hidden;
    margin: 0 0 10px;
    letter-spacing: 1px;
    color: #075685; }
    .news-list .title:hover {
      color: #2078b6;
      text-decoration: underline; }
  .news-list p {
    font-size: 15px !important;
    line-height: 23px !important;
    max-height: 92px;
    overflow: hidden;
    margin: 0 !important;
    letter-spacing: 1px; }
  .news-list h6 {
    margin: 0; }
  @media all and (max-width: 1366px) {
    .news-list {
      margin-left: -10px;
      margin-right: -10px; }
      .news-list li {
        height: auto; }
      .news-list .image {
        margin-right: 20px;
        width: 228px; }
      .news-list .text-box {
        padding: 10px 23px 10px 0;
        height: 167px;
        position: relative; }
        .news-list .text-box:before {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          content: "";
          height: 35px;
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+93 */
          background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
          /* IE6-9 */ }
      .news-list .title {
        font-size: 15px;
        line-height: 20px; }
      .news-list p {
        font-size: 13px !important;
        line-height: 20px !important;
        max-height: 80px; } }
  @media all and (max-width: 767px) {
    .news-list {
      margin: 0;
      padding-bottom: 8px; }
      .news-list .holder {
        border-radius: 2px; }
      .news-list li {
        height: 60px;
        display: block;
        margin: 0 0 10px;
        background: #fff;
        border-radius: 2px; }
        .news-list li:hover .holder {
          -webkit-box-shadow: none;
          box-shadow: none; }
      .news-list .post-info {
        display: none; }
      .news-list .image {
        width: 76px;
        margin-right: 10px;
        border-radius: 1px 0 0 1px; }
        .news-list .image img {
          width: 100%;
          height: auto; }
      .news-list .text-box {
        height: 54px;
        padding-top: 5px;
        padding-bottom: 0; }
        .news-list .text-box:before {
          display: inline-block;
          vertical-align: middle;
          background: none;
          height: 48px;
          width: 0;
          content: '';
          position: static;
          margin: 0 -5px 0 0; }
      .news-list .title {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 48px;
        margin: 0; }
      .news-list p {
        display: none; }
      .news-list .news-stick {
        width: 26px;
        height: 26px;
        overflow: hidden; }
        .news-list .news-stick img {
          width: auto;
          height: auto;
          margin: -5px 0 0 -5px; } }

.post-info {
  margin: -3px 0 13px;
  font-size: 12px;
  line-height: 18px; }
  .post-info a {
    color: #909394;
    font-family: "Roboto"; }
  .post-info .date {
    color: #909394;
    margin: 0 18px 0 0;
    font-family: "Roboto"; }
    .post-info .date:before {
      font-size: 22px;
      line-height: 18px;
      display: inline-block;
      vertical-align: top;
      margin: -1px 4px 0 0;
      font-family: "icomoon"; }
  .post-info .reviews {
    margin: 0 18px 0 0; }
    .post-info .reviews:before {
      font-size: 13px;
      line-height: 18px;
      display: inline-block;
      vertical-align: top;
      margin: 0 3px 0 0;
      font-family: "icomoon"; }
  .post-info .comments {
    margin: 0 18px 0 0; }
    .post-info .comments:before {
      font-size: 22px;
      line-height: 18px;
      display: inline-block;
      vertical-align: top;
      margin: 0 3px 0 0;
      font-family: "icomoon"; }

.article-list {
  margin-left: -15px;
  margin-right: -15px;
  padding-bottom: 15px; }
  .article-list li {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 -4px 30px 0; }
    .article-list li:hover .holder {
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
  .article-list .holder {
    width: 100%;
    min-height: 360px;
    border: 1px solid #dcdedd;
    border-radius: 0 0 2px 2px; }
  .article-list .image {
    width: 253px;
    float: left;
    height: 150px;
    overflow: hidden; }
    .article-list .image img {
      display: block;
      width: 100%;
      height: auto; }
  .article-list .text-box {
    overflow: hidden;
    padding: 17px 16px 25px;
    position: relative;
    height: 190px; }
    .article-list .text-box:before {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      content: "";
      height: 35px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+93 */
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
      /* IE6-9 */ }
  .article-list.article-list-row .text-box {
    padding: 17px 16px 5px;
    height: auto; }
  .article-list .title {
    display: block;
    font-size: 17px;
    line-height: 23px;
    overflow: hidden;
    margin: 0 0 10px;
    letter-spacing: 1px;
    color: #075685;
    width: 100%; }
    .article-list .title:hover {
      color: #2078b6; }
  .article-list p {
    font-size: 15px !important;
    line-height: 23px !important;
    max-height: 92px;
    overflow: hidden;
    margin: 0 !important;
    letter-spacing: 1px; }
  @media all and (max-width: 1366px) {
    .article-list {
      margin-left: -10px;
      margin-right: -10px; }
      .article-list .holder {
        min-height: 300px; }
      .article-list .image {
        width: 224px; }
      .article-list .title {
        font-size: 15px;
        line-height: 20px; }
      .article-list p {
        font-size: 13px !important;
        line-height: 20px !important;
        max-height: 80px; }
      .article-list .text-box {
        padding: 10px 9px 25px;
        height: 150px; } }
  @media all and (max-width: 767px) {
    .article-list {
      margin: 0;
      padding-bottom: 8px; }
      .article-list .holder {
        min-height: 60px;
        border-radius: 2px; }
      .article-list li {
        height: 60px;
        display: block;
        margin: 0 0 10px;
        background: #fff;
        border-radius: 2px; }
        .article-list li:hover .holder {
          -webkit-box-shadow: none;
          box-shadow: none; }
      .article-list li {
        height: 60px;
        display: block;
        margin: 0 0 10px;
        background: #fff; }
      .article-list .image {
        width: 76px;
        margin-right: 10px;
        height: 58px;
        float: left; }
        .article-list .image img {
          width: auto;
          height: 100%;
          overflow: hidden;
          display: block;
          border-radius: 1px 0 0 1px; }
      .article-list .text-box {
        height: 54px;
        padding-top: 5px;
        padding-bottom: 0;
        padding-left: 0; }
        .article-list .text-box:before {
          display: inline-block;
          vertical-align: middle;
          background: none;
          height: 48px;
          width: 0;
          content: '';
          position: static;
          margin: 0 -5px 0 0; }
      .article-list .title {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 48px;
        margin: 0; }
      .article-list p {
        display: none; }
      .article-list.article-list-row {
        margin: 0 -10px 0 0; }
        .article-list.article-list-row li {
          width: 50%;
          display: inline-block;
          vertical-align: top;
          padding: 0 10px 0 0;
          margin: 0 -4px 10px 0;
          background: none;
          height: auto; }
        .article-list.article-list-row .image {
          float: none;
          width: 100%;
          height: 71px;
          margin: 0 0 2px; }
          .article-list.article-list-row .image img {
            width: 100%;
            height: auto; }
        .article-list.article-list-row .holder {
          min-height: 116px;
          background: #fff; }
        .article-list.article-list-row .text-box {
          height: 36px;
          overflow: hidden;
          padding: 0 7px; }
          .article-list.article-list-row .text-box:before {
            display: none; }
        .article-list.article-list-row .category-title {
          font-weight: normal;
          white-space: normal;
          font-size: 14px;
          line-height: 18px; }
          .article-list.article-list-row .category-title:after {
            display: none; } }

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

.indent {
  padding: 0 0 60px; }
  @media all and (max-width: 767px) {
    .indent {
      padding: 0 0 18px; }
      .indent .btn-gray2 {
        margin: 0; } }

.indent2 {
  padding: 0 0 30px; }

.oes-text {
  font-size: 15px;
  line-height: 25px;
  color: #838687;
  font-family: 'Roboto'; }
  .oes-text .title,
  .oes-text h1 {
    display: block;
    margin: 0 0 14px;
    color: #838687;
    letter-spacing: 1px; }
  .oes-text h1 {
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    color: #262e3e;
    text-transform: uppercase; }
  .oes-text p {
    margin: 0 !important;
    padding: 0 0 10px;
    color: #a1a4a5;
    font-size: 15px !important;
    line-height: 25px !important; }
  .oes-text a.opener {
    font-size: 15px; }
    .oes-text a.opener:hover {
      text-decoration: none; }
      .oes-text a.opener:hover span,
      .oes-text a.opener:hover em {
        border-bottom: 1px dashed #2078b6; }
    .oes-text a.opener span {
      display: none;
      border-bottom: 1px dashed #075685; }
    .oes-text a.opener em {
      font-style: normal;
      display: inline;
      border-bottom: 1px dashed #075685; }
    .oes-text a.opener.collapsed span {
      display: inline; }
    .oes-text a.opener.collapsed em {
      display: none; }

.info-nav {
  position: fixed;
  top: 25%;
  right: -1px;
  border: 1px solid #e5e5e4;
  border-top: 0;
  background: #fff;
  z-index: 20; }
  .info-nav:hover {
    z-index: 100; }
  .info-nav .holder {
    width: 59px;
    height: 59px;
    border-top: 1px solid #e5e5e4;
    position: relative; }
    .info-nav .holder:hover {
      -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); }
      .info-nav .holder:hover .drop {
        display: block; }
      .info-nav .holder:hover .icon {
        color: #666b72; }
  .info-nav .amount-number {
    position: absolute;
    bottom: 9px;
    right: 13px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    font-size: 9px;
    background: #fcc743;
    color: #2b2e31;
    border-radius: 50%; }
  .info-nav .icon {
    display: block;
    font-size: 20px;
    color: #9a9c9d;
    width: 59px;
    height: 59px;
    text-align: center;
    line-height: 63px;
    text-decoration: none; }
  .info-nav .drop {
    position: absolute;
    right: 59px;
    top: -1px;
    min-width: 277px;
    background: #fff;
    padding: 24px 20px 18px;
    border: 1px solid #e5e5e4;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    display: none; }
    .info-nav .drop:after {
      position: absolute;
      top: 0;
      right: -11px;
      content: "";
      background: #fff;
      height: 58px;
      width: 12px; }
    .info-nav .drop .title {
      display: block;
      margin: 0 0 15px;
      font-weight: bold; }
    .info-nav .drop p {
      margin: 0 0 10px;
      font-family: 'Roboto';
      line-height: 19px; }
    .info-nav .drop .wrap {
      overflow: hidden;
      padding-top: 5px; }
    .info-nav .drop .registration,
    .info-nav .drop .login,
    .info-nav .drop .registration,
    .info-nav .drop .callback,
    .info-nav .drop .schedule {
      float: left;
      margin: 0; }
    .info-nav .drop .registration {
      margin-left: 25px; }
  .info-nav .compare-category {
    font-size: 13px;
    margin: 0 0 9px; }
    .info-nav .compare-category span {
      color: #676c70; }
  .info-nav .compare-items {
    display: table; }
    .info-nav .compare-items .item-box {
      display: table-cell;
      padding-left: 10px;
      position: relative; }
      .info-nav .compare-items .item-box:first-child {
        padding-left: 0; }
    .info-nav .compare-items .delete {
      text-indent: -9999px;
      overflow: hidden;
      display: block;
      background: url(../images/btn-delete.png) no-repeat 0 0/17px 17px;
      width: 17px;
      height: 17px;
      position: absolute;
      top: 0;
      right: 0; }
      .info-nav .compare-items .delete:hover {
        width: 18px;
        height: 18px;
        background-size: 18px 18px; }
    .info-nav .compare-items .btn-wrap {
      display: table-cell;
      vertical-align: middle;
      padding-left: 10px; }
    .info-nav .compare-items .btn-blue {
      padding: 0 14px; }
  .info-nav .scrollarea {
    width: 326px;
    margin-right: -20px; }
  .info-nav .short-cart .text-info {
    width: auto;
    padding-right: 0; }
  .info-nav .short-cart .item-title {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 2px; }
  .info-nav .short-cart td {
    padding-top: 6px;
    padding-bottom: 7px; }
  .info-nav .short-cart .image {
    padding-left: 0;
    width: 60px; }
  .info-nav .mCSB_scrollTools {
    width: 7px; }
    .info-nav .mCSB_scrollTools .mCSB_draggerRail {
      width: 7px; }
    .info-nav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      width: 7px; }
  .info-nav .max-height-scroll {
    max-height: 235px; }

.modal-box {
  background: #fff;
  padding: 22px 29px;
  width: 400px;
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }
  .modal-box.modal-box-large {
    width: 886px; }
  .modal-box .title {
    font-size: 15px;
    line-height: 22px;
    display: block;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 15px;
    font-weight: bold; }
  .modal-box .social-list li {
    margin: 0 6px 0 0; }
  .modal-box .social-list a {
    color: #fff; }
    .modal-box .social-list a.icon-footersoc1 {
      background: #6980a5; }
    .modal-box .social-list a.icon-footersoc2 {
      background: #625ea4; }
    .modal-box .social-list a.icon-footersoc3 {
      background: #7ecaf3; }
    .modal-box .social-list a.icon-footersoc4 {
      background: #e75159; }
    .modal-box .social-list a.icon-footersoc5 {
      background: #e12b28; }
  @media all and (max-width: 767px) {
    .modal-box {
      width: 280px;
      padding: 20px 15px; } }

.fancybox-wrap .modal-box {
  position: relative;
  left: 0;
  top: 0;
  visibility: visible; }

#modal-schedule {
  width: 828px; }

.schedule-table {
  width: 770px;
  padding: 0;
  margin: 0;
  border-collapse: collapse; }
  .schedule-table td {
    padding: 13px;
    border: 1px solid #dcdddc; }
  .schedule-table thead td {
    color: #fff;
    font-size: 13px;
    background: #1e9fd7;
    border-right: 1px solid #59aadc;
    border-left: 1px solid #59aadc;
    border-top: 0; }
    .schedule-table thead td span {
      font-family: 'Roboto';
      line-height: 19px; }
  .schedule-table thead span:before {
    font-size: 24px;
    line-height: 19px;
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: top;
    font-family: 'icomoon'; }
  .schedule-table tbody td {
    font-size: 13px;
    color: #5c6064;
    padding: 9px 13px; }
  @media all and (max-width: 767px) {
    .schedule-table {
      width: 100%;
      margin: 0 0 15px; }
      .schedule-table tbody td {
        background: #fff;
        border-width: 1px; } }

.modal-content {
  position: static;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.popup-alert {
  display: block;
  color: #e23c52;
  font-size: 13px;
  margin-top: 14px;
  margin: 0 0 6px; }

.modal-backdrop {
  z-index: 1000; }

.modal-form .form-note {
  display: block;
  color: #7e8283;
  margin: 0 0 10px; }

.modal-form .form-row {
  margin-bottom: 10px;
  position: relative; }
  .modal-form .form-row label {
    float: left;
    width: 100px;
    background: #eef4fa;
    border-radius: 2px;
    padding: 5px 13px;
    line-height: 30px;
    font-size: 13px;
    height: 40px; }

.modal-form .text {
  float: left;
  width: 241px;
  height: 40px;
  padding: 10px 13px;
  line-height: 20px; }
  .modal-form .text.field-error {
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 6px rgba(227, 11, 19, 0.3) !important;
    box-shadow: 0 0 6px rgba(227, 11, 19, 0.3) !important;
    color: #f3bdbf;
    outline: none; }

.modal-form textarea.text {
  width: 100%;
  resize: none;
  height: 80px;
  overflow: auto;
  font-size: 13px;
  line-height: 18px;
  padding: 7px 13px; }

.modal-form .error-text {
  position: fixed;
  background: #df3e40;
  padding: 7px 14px;
  line-height: 21px;
  color: #fff;
  white-space: nowrap;
  border-radius: 0 2px 2px 0;
  margin: 2px 0 0 360px;
  display: none; }
  .modal-form .error-text:after {
    position: absolute;
    top: 0;
    left: -16px;
    bottom: 0;
    background: url(../images/bg-arrow.png) no-repeat 0 0/100% 100%;
    width: 16px;
    content: ""; }

.modal-form .password-input {
  padding-right: 65px; }

.modal-form .submit {
  margin-top: 10px; }

.modal-form .forgot {
  text-decoration: none;
  border-bottom: 1px dashed #0f5d86;
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0 0 12px; }
  .modal-form .forgot.remembered {
    margin: 6px 0 17px; }

@media all and (max-width: 767px) {
  .modal-form .form-row label {
    width: 80px;
    border-radius: 0; }
  .modal-form .form-row .text {
    width: 170px;
    border-radius: 0;
    box-shadow: none; } }

#modal-error {
  width: 430px; }

.error-box {
  padding: 10px 0 20px; }
  .error-box .error {
    background: #fef5f1;
    border-radius: 2px;
    display: block;
    color: #ec4242;
    font-size: 13px;
    line-height: 19px;
    padding: 5px 12px; }

.social-title {
  font-size: 13px;
  display: block;
  margin: 0 0 9px;
  color: #262e3e;
  font-weight: 500; }

.schedule-link {
  float: right;
  color: #095685;
  border-bottom: 1px dashed #095685;
  text-decoration: none !important;
  font-size: 15px;
  line-height: 18px; }

.reg-link {
  float: right;
  line-height: 18px;
  font-family: 'Roboto'; }
  .reg-link:before {
    font-size: 22px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    font-family: 'icomoon'; }

.hideShowPassword-toggle {
  position: absolute;
  top: 0;
  right: 12px !important;
  width: 16px;
  height: 38px;
  color: #252d3d;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  border: 0;
  background: none;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 3; }
  .hideShowPassword-toggle:after {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 26px;
    line-height: 40px;
    font-family: "icomoon";
    content: "\e634";
    width: 16px;
    height: 38px;
    color: #252d3d;
    text-indent: 0;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); }
  .hideShowPassword-toggle.hideShowPassword-toggle-hide:after {
    content: "\e635"; }
  .hideShowPassword-toggle:hover {
    color: #252d3d; }

.hideShowPassword-wrapper {
  float: left; }

.current-lang {
  position: absolute;
  top: 0;
  right: 36px;
  height: 38px;
  font-size: 13px;
  line-height: 42px;
  color: #909394;
  font-weight: bold; }

.check-holder {
  padding-top: 8px;
  padding-bottom: 17px; }
  .check-holder .checkbox {
    display: none; }
  .check-holder label {
    display: block;
    font-size: 13px;
    color: #343b41;
    position: relative;
    padding: 0 0 0 23px; }
    .check-holder label:after {
      position: absolute;
      left: 0;
      top: 50%;
      width: 14px;
      height: 14px;
      margin-top: -7px;
      border: 1px solid #dcdddc;
      content: "";
      background: #fff; }
  .check-holder .checkbox:checked + label:after {
    background: #fff url(../images/bg-checkbox.png) no-repeat 50% 50%; }

.open-list {
  display: block; }

.item-info-small {
  padding: 3px 0 18px; }
  .item-info-small .image {
    float: left;
    width: 58px;
    margin: 0 16px 0 0; }
    .item-info-small .image img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto; }
  .item-info-small .text-box {
    overflow: hidden;
    padding: 0 20px 0 0; }
    .item-info-small .text-box .item-title {
      display: block;
      font-size: 14px;
      line-height: 19px; }

.footer {
  margin: 50px -60px 0;
  background: #f9f9f9; }
  .footer .logo {
    margin-top: 5px;
    background: url(../images/logo-grayscale.png) no-repeat; }
    .footer .logo:hover {
      background: url(../images/logo-bw.png) no-repeat; }
  @media all and (max-width: 1366px) {
    .footer {
      margin: 50px -55px 0; } }
  @media all and (max-width: 767px) {
    .footer {
      margin: 0;
      background: none; }
      .footer .copy {
        color: #aeaeae;
        font-size: 13px;
        display: block;
        margin: 0 0 13px; }
      .footer .wrap {
        border-top: 1px solid #e0e0e0;
        padding: 11px 0; }
      .footer .created {
        float: right; }
        .footer .created img {
          display: block; }
      .footer .full-version {
        float: left;
        line-height: 25px;
        font-size: 13px;
        background: url(../images/ico-full.png) no-repeat 0 50%;
        padding: 0 0 0 29px; }
        .footer .full-version:hover {
          text-decoration: none; } }

.footer-top {
  padding: 57px 60px 60px; }
  .footer-top .title {
    display: block;
    font-size: 15px;
    letter-spacing: 1px;
    color: #2D313F;
    margin: 0 0 20px;
    font-weight: 500; }
  @media all and (max-width: 1366px) {
    .footer-top {
      padding: 54px 55px; } }

.footer-nav-mobile {
  height: 56px;
  background: #fac719;
  text-align: center;
  margin: 0 -16px 16px -15px; }
  .footer-nav-mobile li {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px; }
  .footer-nav-mobile a {
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 56px; }

.footer-nav {
  padding-bottom: 15px;
  min-height: 173px;
  font-size: 15px; }
  .footer-nav li {
    padding: 0 0 12px 13px;
    position: relative; }
    .footer-nav li:before {
      position: absolute;
      top: 0;
      left: 0;
      font-family: 'icomoon';
      content: "\e62e";
      font-size: 20px;
      line-height: 18px;
      color: #aaadae; }
  .footer-nav a {
    letter-spacing: 1px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .footer-nav a:hover {
      color: #2078b6; }
  .footer-nav span {
    color: #2D313F; }

.contacts-list {
  font-size: 15px; }
  .contacts-list li {
    margin: 0 0 12px;
    color: #696969; }
  .contacts-list span {
    display: block; }
  .contacts-list .icon {
    float: left;
    width: 19px;
    text-align: center;
    color: #969899;
    font-size: 24px;
    line-height: 18px;
    margin: 0 12px 0 0; }
    .contacts-list .icon.icon-contacts2 {
      font-size: 20px; }
    .contacts-list .icon.icon-top6 {
      font-size: 28px; }
    .contacts-list .icon.icon-top7 {
      font-size: 28px; }
  .contacts-list address {
    font-style: normal;
    display: block;
    overflow: hidden;
    position: relative;
    top: 3px; }
  .contacts-list .icon-footerlocation {
    margin-top: 12px; }
  .contacts-list a:hover {
    text-decoration: none; }
    .contacts-list a:hover span {
      border-bottom: 1px dashed #075685; }
  .contacts-list a span {
    border-bottom: 1px dashed #075685;
    display: inline; }

.subscribe-form {
  padding: 0 0 29px; }
  .subscribe-form .text {
    width: 100%;
    height: 46px;
    background: #f9f9f9;
    padding: 0 18px;
    margin: 0 0 15px;
    font-family: 'Roboto';
    border: 1px solid #e8e8e7; }
  .subscribe-form .btn-yellow, .subscribe-form .btn-blue, .subscribe-form .btn-black, .subscribe-form .btn-gray, .subscribe-form .btn-gray2 {
    padding-left: 23px;
    padding-right: 23px; }

.social-list {
  margin-right: -10px; }
  .social-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
    font-size: 30px; }
  .social-list a {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #9f9f9f;
    display: block;
    border-radius: 2px;
    text-decoration: none !important;
    background: #f0f0f0; }
    .social-list a:hover {
      color: #fff; }
    .social-list a.icon-footersoc1:hover {
      background: #6980a5; }
    .social-list a.icon-footersoc2:hover {
      background: #625ea4; }
    .social-list a.icon-footersoc3:hover {
      background: #7ecaf3; }
    .social-list a.icon-footersoc4:hover {
      background: #e75159; }
    .social-list a.icon-footersoc5:hover {
      background: #e12b28; }
  @media all and (max-width: 1366px) {
    .social-list li {
      margin: 0; } }

.copy-holder {
  background: #f2f1f1;
  height: 50px;
  font-family: 'Roboto';
  font-size: 13px;
  letter-spacing: 1px;
  color: #aaa;
  padding: 0 60px; }
  .copy-holder a {
    margin-right: 20px; }
  @media all and (max-width: 767px) {
    .copy-holder {
      margin: 0; } }

.copy-holder span {
  line-height: 50px;
  margin-right: 20px; }

.intro-box {
  margin: 0 0 50px; }
  @media all and (max-width: 1366px) {
    .intro-box {
      margin: 0 0 42px; } }

.carousel1, .carousel2 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 445px;
  background: url(../images/img01.jpg) no-repeat 50% 50%/cover; }
  .carousel1:hover a.btn-prev, .carousel2:hover a.btn-prev,
  .carousel1:hover a.btn-next, .carousel2:hover a.btn-next {
    display: block; }
  .carousel1 .gmask, .carousel2 .gmask {
    position: relative;
    overflow: hidden;
    background: #fff;
    width: 100%;
    float: left; }
  .carousel1 .slideset, .carousel2 .slideset {
    list-style: none;
    width: 99999px;
    float: left;
    padding: 0;
    margin: 0; }
  .carousel1 .slide, .carousel2 .slide {
    float: left;
    width: 100%;
    height: 445px; }
    .carousel1 .slide a, .carousel2 .slide a {
      display: block;
      width: 100%;
      height: 100%; }
  .carousel1 a.btn-prev, .carousel2 a.btn-prev,
  .carousel1 a.btn-next, .carousel2 a.btn-next {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 70px;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    font-size: 40px;
    line-height: 70px;
    z-index: 2;
    margin-top: -35px;
    color: #fff;
    display: none;
    text-decoration: none; }
    .carousel1 a.btn-prev:hover, .carousel2 a.btn-prev:hover,
    .carousel1 a.btn-next:hover, .carousel2 a.btn-next:hover {
      background-color: #1f9ad7; }
  .carousel1 a.btn-next, .carousel2 a.btn-next {
    left: auto;
    right: 0; }
  .carousel1 img, .carousel2 img {
    width: 100%;
    height: auto;
    display: block; }
  .carousel1 .pagination, .carousel2 .pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center; }
    .carousel1 .pagination ul, .carousel2 .pagination ul {
      display: inline-block;
      vertical-align: top;
      background: rgba(0, 0, 0, 0.4);
      border-radius: 3px 3px 0 0;
      padding: 14px 10px;
      height: 40px; }
    .carousel1 .pagination li, .carousel2 .pagination li {
      display: inline-block;
      vertical-align: top;
      margin: 0 3px;
      width: 11px;
      height: 11px; }
      .carousel1 .pagination li.active a, .carousel2 .pagination li.active a {
        background: #1d8fc6; }
    .carousel1 .pagination a, .carousel2 .pagination a {
      display: block;
      text-indent: -9999px;
      overflow: hidden;
      background: #c0c3ca;
      width: 11px;
      height: 11px;
      border-radius: 50%; }
      .carousel1 .pagination a:hover, .carousel2 .pagination a:hover {
        background: #fff; }
  @media all and (max-width: 1366px) {
    .carousel1, .carousel2 {
      height: 453px; }
      .carousel1 .slide, .carousel2 .slide {
        height: 453px; } }

.reg-holder {
  overflow: hidden; }
  .reg-holder .reg-boxes {
    width: 705px;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    .reg-holder .reg-boxes .login-box {
      float: left;
      opacity: 0;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
    .reg-holder .reg-boxes .reg-box {
      float: left;
      margin-left: 20px;
      opacity: 0;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
  .reg-holder.login-active .reg-boxes {
    margin-left: 0; }
    .reg-holder.login-active .reg-boxes .login-box {
      opacity: 1; }
  .reg-holder.reg-active .reg-boxes {
    margin-left: -361px; }
    .reg-holder.reg-active .reg-boxes .reg-box {
      opacity: 1; }
  @media all and (max-width: 767px) {
    .reg-holder.reg-active .reg-boxes {
      margin-left: -270px; }
      .reg-holder.reg-active .reg-boxes .reg-box {
        opacity: 1; }
    .reg-holder .login, .reg-holder .registration, .reg-holder .callback, .reg-holder .schedule, .reg-holder .registration {
      font-size: 12px;
      margin-left: 10px; } }

@media all and (max-width: 767px) {
  .fancybox-close {
    top: -7px !important;
    right: -7px !important; } }

.payment a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  height: 27px; }
  .payment a:first-child {
    margin: 0; }
  .payment a.payment1 {
    width: 27px;
    background: url(../images/icon1.png) no-repeat; }
    .payment a.payment1:hover {
      background: url(../images/icon1-bw.png) no-repeat; }
  .payment a.payment2 {
    width: 46px;
    background: url(../images/icon2.png) no-repeat; }
    .payment a.payment2:hover {
      background: url(../images/icon2-bw.png) no-repeat; }
  .payment a.payment3 {
    width: 28px;
    background: url(../images/icon3.png) no-repeat; }
    .payment a.payment3:hover {
      background: url(../images/icon3-bw.png) no-repeat; }
  .payment a.payment4 {
    width: 75px;
    height: 23px;
    background: url(../images/icon4.png) no-repeat; }
    .payment a.payment4:hover {
      background: url(../images/icon4-bw.png) no-repeat; }

@media all and (max-width: 1366px) {
  .payment a {
    margin-left: 11px; } }

.to-top {
  display: none;
  position: fixed;
  bottom: 103px;
  right: 11px;
  width: 50px;
  height: 50px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#199bd8+0,199bd8+65,168ac0+100 */
  background: #199bd8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #199bd8 0%, #199bd8 65%, #168ac0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #199bd8 0%, #199bd8 65%, #168ac0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #199bd8 0%, #199bd8 65%, #168ac0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199bd8', endColorstr='#168ac0',GradientType=0 );
  /* IE6-9 */
  border-radius: 2px;
  z-index: 2; }
  .to-top:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../images/arrow-top.svg) no-repeat 50% 50%/16px 10px;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    font-size: 0; }
  .to-top:hover:after {
    background: url(../images/arrow-top.svg) no-repeat 50% 35%/16px 10px;
    content: "наверх";
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 68px; }

.error-404 {
  padding: 25px 0 16px; }
  .error-404 .image {
    margin: 0 0 45px;
    background: url(../images/error-img.png) no-repeat 50% -10px;
    padding: 0 0 0 20px; }
  .error-404 img {
    display: block;
    margin: 0 auto; }
  .error-404 .title {
    display: block;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 7px; }
  .error-404 p {
    margin: 0 0 20px;
    text-align: center;
    font-size: 15px;
    line-height: 21px; }
    .error-404 p a {
      background: #e8f0f9;
      border-radius: 2px;
      padding: 0 3px; }
  .error-404 .search-form {
    width: 361px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
  @media all and (max-width: 767px) {
    .error-404 {
      padding: 0 0 30px; }
      .error-404 .image {
        background: url(../images/bg-error404.png) no-repeat 50% 16px;
        width: 201px;
        height: 99px;
        padding: 0 0 0 8px;
        margin: 0 auto 10px; }
        .error-404 .image img {
          width: 124px;
          height: 99px;
          margin: 0 auto; }
      .error-404 .title {
        font-size: 15px; }
      .error-404 p {
        font-size: 14px;
        line-height: 21px; }
        .error-404 p a {
          background: none; }
      .error-404 .search-form {
        width: 290px; } }

.filter-holder .search-form {
  margin: 0 0 20px; }
  .filter-holder .search-form .text {
    font-size: 13px;
    color: #262e3e;
    font-weight: 500;
    background: none !important; }
  .filter-holder .search-form .submit {
    border: 0;
    font-size: 20px;
    width: 32px; }

.filter-holder .check-list .checkbox:checked + label:after {
  border: 1px solid #fcc743;
  background: #fcc743 url(../images/bg-checkbox02.png) no-repeat 50% 50%; }

.image-center {
  margin: 0 0 26px; }
  .image-center img {
    display: block;
    width: 100%;
    height: auto; }
  .image-center.image-center_mobile {
    margin: 0 -15px 20px; }

.main h1,
.main .h1 {
  margin: 0 0 21px;
  font-size: 18px;
  text-transform: uppercase;
  color: #262e3e;
  letter-spacing: 1px;
  font-weight: 600; }

.main h2,
.main .h2 {
  font-size: 16px;
  margin: 0 0 11px;
  text-transform: uppercase;
  color: #262e3e;
  letter-spacing: 1px;
  font-weight: 600; }

.main h3,
.main .h3 {
  font-size: 14px;
  margin: 0 0 10px;
  text-transform: uppercase;
  color: #262e3e;
  letter-spacing: 1px;
  font-weight: 600; }

.main p {
  font-size: 15px;
  line-height: 21px;
  margin: 0 0 21px;
  letter-spacing: 0.4px; }

.main .news-text {
  font-size: 15px;
  line-height: 21px;
  margin: 0 0 21px; }

.main .mark-lblue {
  background: #e6eef8;
  padding: 0 2px;
  margin: 0 -2px;
  border-radius: 2px; }

.main .mark-blue {
  background: #1e9fd7;
  color: #fff;
  padding: 0 2px;
  margin: 0 -2px;
  border-radius: 2px; }

.main .mark-yellow {
  padding: 0 2px;
  margin: 0 -2px;
  background: #fcc743;
  border-radius: 2px; }

.main .image-center {
  margin: 0 0 26px; }
  .main .image-center img {
    display: block;
    width: 100%;
    height: auto; }
  .main .image-center.image-center_mobile {
    margin: 0 -15px 20px; }

.main .modal-form {
  float: left;
  width: 352px;
  margin: 0 41px 0 0; }
  .main .modal-form .remembered {
    border-bottom: 0;
    padding-top: 3px; }
    .main .modal-form .remembered:hover {
      text-decoration: underline; }
  .main .modal-form .text {
    float: left;
    width: 252px;
    height: 40px;
    padding: 10px 13px;
    line-height: 20px; }
    .main .modal-form .text.field-error {
      border: 1px solid #fff;
      -webkit-box-shadow: 0 0 6px rgba(227, 11, 19, 0.3) !important;
      box-shadow: 0 0 6px rgba(227, 11, 19, 0.3) !important;
      color: #f3bdbf;
      outline: none; }

.main.order-main {
  padding-top: 24px; }

.main .schedule-table {
  width: 100%; }

.main .popup-alert {
  margin-bottom: 35px; }

.main .modal-form .error-text {
  position: absolute; }

.main .total-line {
  padding-right: 0; }
  .main .total-line .total-price {
    width: auto;
    font-size: 18px; }
    .main .total-line .total-price span {
      padding-right: 34px; }
  .main .total-line .total-label {
    font-size: 15px; }

.tooltip-holder {
  display: inline-block;
  vertical-align: top;
  position: relative; }
  .tooltip-holder:hover .popup {
    display: block; }
  .tooltip-holder .opener {
    color: #0e5d87;
    border-bottom: 1px dashed #0e5d87; }
    .tooltip-holder .opener:hover {
      text-decoration: none; }
  .tooltip-holder .popup {
    width: 500px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -250px;
    text-align: center;
    display: none; }
    .tooltip-holder .popup .holder {
      display: inline-block;
      vertical-align: middle;
      max-width: 350px;
      background: #fff;
      -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
      box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
      padding: 11px 16px;
      font-size: 14px;
      line-height: 19px;
      text-align: left; }
      .tooltip-holder .popup .holder:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 10px;
        margin-left: -10px; }

.divider {
  background: #e3e4e5;
  height: 3px;
  margin: 0 0 57px;
  position: relative; }
  .divider:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+7,0+100 */
    background: -moz-linear-gradient(left, white 0%, white 7%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 0%, white 7%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, white 0%, white 7%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 30%;
    content: ""; }
  .divider:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+93 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 93%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 30%;
    content: ""; }

.bs-callout {
  padding: 11px 10px 11px 20px;
  margin: 12px 0;
  border-left: 5px solid #fcc743;
  background: #fff;
  font-size: 16px;
  line-height: 25px;
  color: #262e3e; }
  .bs-callout.bs-callout-blue {
    border-left-color: #1e9fd7; }
  .bs-callout.bs-callout-small {
    max-width: 335px; }
  .bs-callout.bg-gray {
    background: #f7f8f8; }
  .bs-callout.bg-l-orange {
    background: #fff9ea; }

.breadcrumbs {
  font-size: 14px;
  margin-bottom: 27px; }
  .breadcrumbs > li {
    display: inline-block;
    vertical-align: top;
    color: #8e9192;
    padding: 0 8px 0 11px;
    position: relative; }
    .breadcrumbs > li:after {
      position: absolute;
      top: 0;
      left: 0;
      content: "\e606";
      font-family: 'icomoon'; }
    .breadcrumbs > li:first-child {
      padding-left: 0; }
      .breadcrumbs > li:first-child:after {
        display: none; }
  .breadcrumbs .drop-holder {
    white-space: nowrap; }
    .breadcrumbs .drop-holder:hover {
      z-index: 3; }
    .breadcrumbs .drop-holder > a {
      display: block;
      margin: -3px -15px;
      padding: 3px 15px;
      z-index: 3;
      position: relative; }
    .breadcrumbs .drop-holder .drop {
      position: absolute;
      z-index: 2;
      top: 22px;
      left: -4px;
      -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
      background: #fff;
      padding: 8px 17px 8px 11px;
      font-size: 13px;
      width: 196px;
      display: none; }
    .breadcrumbs .drop-holder:hover > a {
      background: #fff;
      -webkit-box-shadow: 0 6px 0 #fff, 0 0 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 6px 0 #fff, 0 0 10px rgba(0, 0, 0, 0.2); }
    .breadcrumbs .drop-holder:hover .drop {
      display: block; }
  .breadcrumbs ul .image {
    float: left;
    margin: 0 14px 0 0;
    width: 31px;
    height: 31px; }
  .breadcrumbs ul li {
    overflow: hidden;
    margin: 0 0 8px; }
    .breadcrumbs ul li.disabled {
      opacity: 0.5; }
  .breadcrumbs ul a {
    display: block;
    position: relative; }
    .breadcrumbs ul a:after {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      content: "";
      width: 10px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+75 */
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 75%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 75%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 75%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
      /* IE6-9 */ }
  .breadcrumbs ul span {
    display: block;
    overflow: hidden;
    line-height: 30px; }

.social-info {
  overflow: hidden; }
  .social-info .info {
    font-size: 13px;
    line-height: 19px;
    margin: 0 0 16px;
    color: #5c6064;
    display: block; }
  .social-info .social-list li {
    margin-right: 15px; }
  .social-info .social-list a {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 38px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0efef+0,eeeeed+65,e2e2e2+100 */
    background: #f0efef;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f0efef 0%, #eeeeed 65%, #e2e2e2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f0efef 0%, #eeeeed 65%, #e2e2e2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f0efef 0%, #eeeeed 65%, #e2e2e2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0efef', endColorstr='#e2e2e2',GradientType=0 );
    /* IE6-9 */ }
    .social-info .social-list a:hover {
      color: #fff; }

.bulleted-list {
  font-size: 14px;
  line-height: 23px;
  padding-bottom: 14px; }
  .bulleted-list li {
    position: relative;
    padding: 0 0 0 17px;
    margin: 0 0 8px; }
    .bulleted-list li:before {
      position: absolute;
      left: 0;
      top: 9px;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #1e9fd7;
      content: ""; }
  .bulleted-list.bulleted-list-square li:before {
    border-radius: 0; }
  .bulleted-list.bulleted-list-arrow li:before {
    font-family: 'icomoon';
    border-radius: 0;
    content: "\e606";
    background: none;
    top: 0;
    margin: 0;
    font-size: 20px;
    color: #1e9fd7; }
  .bulleted-list.numbered-list {
    counter-reset: newCounter; }
    .bulleted-list.numbered-list li {
      padding-left: 27px; }
      .bulleted-list.numbered-list li:before {
        width: 17px;
        height: 17px;
        margin-top: -9px;
        counter-increment: newCounter;
        content: counters(newCounter, ".") " ";
        color: #fff;
        text-align: center;
        font-size: 10px;
        line-height: 17px; }
  .bulleted-list.numbered-list2 {
    counter-reset: newCounter; }
    .bulleted-list.numbered-list2 li {
      padding-left: 27px; }
      .bulleted-list.numbered-list2 li:before {
        width: 17px;
        height: 17px;
        margin-top: -9px;
        counter-increment: newCounter;
        content: counters(newCounter, ".") " ";
        color: #fff;
        text-align: center;
        font-size: 10px;
        line-height: 17px;
        background: #efeeed;
        color: #252d3d; }
  @media all and (max-width: 767px) {
    .bulleted-list li {
      margin: 0 0 4px;
      font-size: 14px; } }

.image-box {
  margin: 0 30px 25px 0; }
  .image-box img {
    display: block; }

.thumbnail {
  position: relative;
  margin: 0 0 20px; }
  .thumbnail .image {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 0 0 15px; }
    .thumbnail .image .text {
      padding: 14px 0 4px; }
  .thumbnail .text {
    font-size: 15px;
    line-height: 21px;
    display: block;
    color: #7f7f7f;
    padding: 0 10px; }
    .thumbnail .text.text-inside {
      position: absolute;
      bottom: 10px;
      left: 10px;
      right: 10px;
      background: rgba(0, 0, 0, 0.5);
      padding: 14px 10px;
      color: #fff; }
  .thumbnail img {
    width: 100%;
    height: auto;
    display: block; }

.main-table {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%; }
  .main-table td {
    padding: 11px 14px;
    line-height: 20px;
    color: #5c6064;
    font-size: 13px;
    line-height: 20px;
    border: 1px solid #d7d9d8; }
  .main-table tr td:first-child {
    background: #f3f2f1; }
  .main-table thead td {
    color: #fff;
    background: #1e9fd7 !important;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #50a8db;
    border-right: 0; }
    .main-table thead td:last-child {
      border-right: 1px solid #50a8db; }
  .main-table tbody tr:first-child td {
    border-top: 0; }
  @media all and (max-width: 1366px) {
    .main-table td img {
      border: 0;
      display: block;
      width: 106px;
      height: auto; } }

.carousel2 {
  height: auto;
  margin-bottom: 30px; }
  .carousel2 .slide {
    height: auto; }
    .carousel2 .slide img {
      display: block;
      width: 100%;
      height: auto; }
  .carousel2 a.btn-next,
  .carousel2 a.btn-prev {
    width: 48px;
    height: 48px;
    line-height: 48px;
    display: block;
    margin-top: -24px; }
  .carousel2 .pagination ul {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0;
    padding: 5px 4px 5px 0;
    height: auto; }
    .carousel2 .pagination ul li {
      width: 80px;
      height: 70px;
      margin: 0 -4px 0 0; }
      .carousel2 .pagination ul li.active a {
        opacity: 1; }
    .carousel2 .pagination ul a {
      width: 70px;
      height: 70px;
      overflow: hidden;
      border-radius: 0;
      margin: 0 5px;
      opacity: 0.4; }
    .carousel2 .pagination ul img {
      width: 100%;
      height: auto; }

.help-nav {
  border: 1px solid #d0d1d0;
  border-radius: 2px; }
  .help-nav li {
    border-top: 1px solid #d0d1d0;
    line-height: 22px; }
    .help-nav li:first-child {
      border: 0; }
    .help-nav li.active a {
      background: #fff;
      color: #262e3e;
      text-decoration: none;
      position: relative; }
      .help-nav li.active a:after {
        position: absolute;
        left: -1px;
        top: 0;
        bottom: 0;
        border-left: 2px solid #fcc743;
        content: ""; }
  .help-nav a {
    color: #7f7f7f;
    text-decoration: none;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    padding: 0 18px;
    display: block;
    background: #f7f7f6;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f6 0%, #f3f2f1 60%, #ebebea 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7f7f6 0%, #f3f2f1 60%, #ebebea 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7f7f6 0%, #f3f2f1 60%, #ebebea 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f6', endColorstr='#ebebea',GradientType=0 );
    /* IE6-9 */ }
    .help-nav a:hover {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f6+0,f3f2f1+20,e2e2e2+100 */
      background: #f7f7f6;
      /* Old browsers */
      background: -moz-linear-gradient(top, #f7f7f6 0%, #f3f2f1 20%, #e2e2e2 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #f7f7f6 0%, #f3f2f1 20%, #e2e2e2 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #f7f7f6 0%, #f3f2f1 20%, #e2e2e2 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f6', endColorstr='#e2e2e2',GradientType=0 );
      /* IE6-9 */
      text-decoration: none; }
  @media all and (max-width: 1366px) {
    .help-nav a {
      font-size: 13px; } }

.help-category li {
  width: 33.3333%;
  display: inline-block;
  vertical-align: top;
  margin: 0 -4px 0 0; }

.help-category a {
  display: block;
  margin: 0 30px 30px 0;
  background: #fff;
  border: 1px solid #d7d9d8;
  border-radius: 2px;
  font-size: 15px;
  line-height: 19px;
  height: 255px;
  padding-top: 25px;
  color: #0d5d86; }
  .help-category a:hover {
    color: #2078b6;
    text-decoration: underline;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

.help-category span {
  display: block;
  text-align: center;
  padding: 0 20px; }

.help-category .image {
  text-align: center;
  position: relative;
  margin: 0 0 5px; }
  .help-category .image img {
    display: block;
    margin: 0 auto; }

@media all and (max-width: 1366px) {
  .help-category a {
    margin: 0 20px 20px 0; }
  .help-category span {
    font-size: 14px; } }

@media all and (max-width: 767px) {
  .help-category {
    margin: 0 -10px 0 0;
    padding-bottom: 23px; }
    .help-category li {
      width: 50%; }
    .help-category a {
      margin: 0 10px 10px 0;
      height: 140px;
      padding-top: 10px; }
      .help-category a span {
        font-size: 12px;
        line-height: 14px; }
      .help-category a:hover {
        -webkit-box-shadow: none;
        box-shadow: none; }
    .help-category .image {
      height: 75px;
      margin: 0 0 5px; }
      .help-category .image img {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto; } }

.numbered-title {
  margin: 0 0 15px; }
  .numbered-title .number {
    float: left;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcc743+0,e0ae3d+100 */
    background: #fcc743;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcc743), color-stop(100%, #e0ae3d));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fcc743 0%, #e0ae3d 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc743', endColorstr='#e0ae3d',GradientType=0 );
    /* IE6-9 */
    text-align: center;
    line-height: 43px;
    color: #3a3b42;
    font-size: 23px;
    margin: 0 12px 0 0;
    font-weight: 600; }
  .numbered-title h2 {
    margin: 0;
    line-height: 43px; }
  @media all and (max-width: 767px) {
    .numbered-title .number {
      width: 36px;
      height: 36px;
      font-size: 16px;
      line-height: 36px; }
    .numbered-title h2 {
      font-size: 14px;
      line-height: 20px;
      overflow: hidden; }
      .numbered-title h2:before {
        height: 36px;
        width: 0;
        display: inline-block;
        vertical-align: middle;
        content: ''; }
      .numbered-title h2 span {
        display: inline-block;
        vertical-align: middle; } }

.contacts {
  margin-right: -30px;
  overflow: hidden; }
  .contacts li {
    width: 33.3333%;
    padding: 0 30px 37px 0;
    float: left; }
    .contacts li .icon {
      display: inline-block;
      vertical-align: middle;
      width: 70px;
      height: 70px;
      line-height: 70px;
      font-size: 36px;
      text-align: center;
      border-radius: 50%;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcc743+0,e0ae3d+100 */
      background: #fcc743;
      /* Old browsers */
      background: -moz-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcc743), color-stop(100%, #e0ae3d));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #fcc743 0%, #e0ae3d 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc743', endColorstr='#e0ae3d',GradientType=0 );
      /* IE6-9 */
      margin: 0 12px 0 0; }
    .contacts li .text-box {
      display: inline-block;
      vertical-align: middle;
      width: 60%;
      line-height: 21px; }
    .contacts li address {
      font-style: normal;
      color: #606364; }
    .contacts li .phone {
      display: block;
      color: #606364; }
  @media all and (max-width: 767px) {
    .contacts {
      margin: 0 0 15px; }
      .contacts li {
        width: 100%;
        padding: 0 0 10px; }
        .contacts li .icon {
          width: 50px;
          height: 50px;
          line-height: 50px;
          font-size: 26px; }
        .contacts li .text-box {
          width: 70%; } }

.faq-list {
  border: 1px solid #e4e4e3;
  border-radius: 2px; }
  .faq-list li {
    padding: 14px;
    overflow: hidden;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fdfdfd+86,f2f2f3+100 */
    background: white;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, #fdfdfd 86%, #f2f2f3 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 0%, #fdfdfd 86%, #f2f2f3 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, white 0%, #fdfdfd 86%, #f2f2f3 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f3',GradientType=0 );
    /* IE6-9 */ }
  .faq-list a.opener {
    display: block;
    padding-left: 56px;
    position: relative; }
    .faq-list a.opener:hover {
      text-decoration: none; }
    .faq-list a.opener:before, .faq-list a.opener:after {
      content: "+";
      width: 40px;
      height: 40px;
      background: #fcc743;
      /* Old browsers */
      background: -moz-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcc743), color-stop(100%, #e0ae3d));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #fcc743 0%, #e0ae3d 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #fcc743 0%, #e0ae3d 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc743', endColorstr='#e0ae3d',GradientType=0 );
      /* IE6-9 */
      position: absolute;
      left: 0;
      top: 0;
      text-align: center;
      line-height: 40px;
      font-weight: 500;
      color: #000;
      font-size: 22px;
      margin: 0 16px 0 0;
      display: none; }
    .faq-list a.opener:after {
      content: "−";
      font-size: 24px;
      display: block; }
    .faq-list a.opener.collapsed:after {
      display: none; }
    .faq-list a.opener.collapsed:before {
      display: block; }
    .faq-list a.opener span {
      line-height: 20px;
      padding: 10px 0;
      display: block;
      overflow: hidden;
      color: #0d5d86;
      font-size: 16px;
      font-weight: 500; }
  .faq-list .holder {
    padding: 12px 0 8px 56px;
    font-size: 15px;
    line-height: 21px; }
  @media all and (max-width: 767px) {
    .faq-list {
      border: 0;
      margin: 0 0 30px; }
      .faq-list li {
        border: 0;
        background: none;
        padding: 15px 0;
        background: #f5f4f3;
        background: -moz-linear-gradient(top, #f5f4f3 0%, #f5f4f3 81%, #eae9e8 100%);
        background: -webkit-linear-gradient(top, #f5f4f3 0%, #f5f4f3 81%, #eae9e8 100%);
        background: linear-gradient(to bottom, #f5f4f3 0%, #f5f4f3 81%, #eae9e8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f3', endColorstr='#eae9e8',GradientType=0 ); }
        .faq-list li:first-child {
          padding-top: 0; }
      .faq-list a.opener span {
        padding: 10px 0 0; } }

.category-list {
  margin: 0 -15px 6px;
  padding-bottom: 1px; }
  .category-list li {
    position: relative;
    height: 245px;
    margin: 0 0 30px; }
  .category-list .holder {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    min-height: 226px;
    border: 1px solid #d7d9d8;
    padding: 0 0 4px;
    background: #fff; }
    .category-list .holder:hover {
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
      z-index: 5; }
      .category-list .holder:hover .brands-info {
        display: block; }
      .category-list .holder:hover h4, .category-list .holder:hover h3 {
        color: #2078b6; }
  .category-list .wrap {
    display: table;
    width: 100%;
    margin-bottom: 12px;
    text-decoration: none !important; }
    .category-list .wrap:hover .title span {
      text-decoration: underline; }
  .category-list .image {
    display: table-cell;
    width: 100%;
    height: 185px;
    vertical-align: middle;
    padding-bottom: 5px; }
    .category-list .image img {
      display: block;
      margin: 0 auto;
      max-height: 100%;
      max-width: 100%;
      width: auto;
      height: auto; }
  .category-list .title {
    display: table-row;
    text-align: center;
    padding: 0 10px;
    font-size: 15px;
    line-height: 20px;
    height: 40px;
    width: 100%;
    white-space: normal; }
    .category-list .title:before {
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      content: "";
      margin: 0 -4px 0 0;
      width: 0; }
    .category-list .title span {
      display: inline-block;
      vertical-align: middle;
      font-size: 15px;
      line-height: 20px; }
      .category-list .title span h4,
      .category-list .title span h3 {
        margin: 0;
        font-size: 15px !important;
        line-height: 20px !important;
        color: #075685; }
  .category-list .brands-info {
    padding: 0 4px 0 14px;
    display: none; }
    .category-list .brands-info .brand {
      display: inline-block;
      vertical-align: top;
      border-radius: 2px;
      margin: 0 6px 10px 0;
      padding: 0 13px;
      height: 26px;
      line-height: 26px;
      font-size: 13px;
      color: #262e3e;
      background: #efeeed;
      /* Old browsers */
      background: -moz-linear-gradient(top, #efeeed 0%, #edeceb 70%, #e0dfdf 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efeeed), color-stop(70%, #edeceb), color-stop(100%, #e0dfdf));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #efeeed 0%, #edeceb 70%, #e0dfdf 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #efeeed 0%, #edeceb 70%, #e0dfdf 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #efeeed 0%, #edeceb 70%, #e0dfdf 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #efeeed 0%, #edeceb 70%, #e0dfdf 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeeed', endColorstr='#e0dfdf',GradientType=0 );
      /* IE6-9 */ }
      .category-list .brands-info .brand:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efeeed+0,efeeed+40,cecece+100 */
        background: #efeeed;
        /* Old browsers */
        background: -moz-linear-gradient(top, #efeeed 0%, #efeeed 40%, #cecece 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #efeeed 0%, #efeeed 40%, #cecece 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #efeeed 0%, #efeeed 40%, #cecece 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeeed', endColorstr='#cecece',GradientType=0 );
        /* IE6-9 */
        text-decoration: none; }
    .category-list .brands-info.expanded .all-opener {
      background: none; }
      .category-list .brands-info.expanded .all-opener:before {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); }
    .category-list .brands-info .all-opener {
      display: block;
      position: relative;
      height: 22px;
      line-height: 35px;
      color: #3fa3d7;
      font-size: 26px;
      margin: 0 -4px -4px -14px;
      clear: both;
      text-decoration: none;
      text-align: center;
      margin-top: -9px;
      background: white;
      /* Old browsers */
      background: -moz-linear-gradient(top, white 0%, #f4f4f4 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, white 0%, #f4f4f4 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, white 0%, #f4f4f4 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
      /* IE6-9 */ }
      .category-list .brands-info .all-opener:before {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        display: block;
        background: url(../images/bg-opener.png) no-repeat;
        content: "";
        width: 23px;
        height: 10px;
        margin: 11px auto 0; }
  @media all and (max-width: 1366px) {
    .category-list {
      margin: 0 -10px; }
      .category-list li {
        margin: 0 0 20px; }
      .category-list .holder {
        left: 10px;
        right: 10px; }
      .category-list .image {
        height: 180px; }
      .category-list .brands-info .brand {
        font-size: 12px; } }
  @media all and (max-width: 767px) {
    .category-list {
      margin: 0 -5px 10px; }
      .category-list li {
        display: inline-block;
        vertical-align: top;
        margin: 0 -4px 0 0;
        padding: 0 5px 10px;
        width: 50%;
        height: auto; }
      .category-list .holder {
        position: static;
        min-height: 140px;
        height: 140px;
        text-align: center;
        border-color: #ededed;
        border-radius: 2px; }
        .category-list .holder:hover {
          box-shadow: none; }
      .category-list .wrap {
        display: block;
        padding-top: 10px; }
        .category-list .wrap:hover .title span {
          text-decoration: none;
          color: #075685; }
      .category-list .image {
        display: block;
        height: 86px; }
        .category-list .image:before {
          display: inline-block;
          vertical-align: middle;
          width: 0;
          height: 100%;
          content: '';
          margin: 0 -4px 0 0; }
        .category-list .image img {
          max-height: 100%;
          max-width: 100%;
          width: auto;
          height: auto;
          display: inline-block;
          vertical-align: middle;
          margin: 0 auto; }
      .category-list .title {
        display: block;
        height: 32px; }
        .category-list .title span {
          font-size: 12px;
          line-height: 16px; }
        .category-list .title:before {
          margin: 0 -4px 0 0;
          vertical-align: bottom; } }

.catalog-map {
  border-bottom: 1px solid #e5e5e5; }
  .catalog-map h2 {
    margin-bottom: 20px; }
  .catalog-map .category-row {
    border-top: 1px solid #e5e5e5;
    padding: 23px 0 8px;
    white-space: nowrap; }
  .catalog-map .row-image {
    padding-bottom: 12px; }
    .catalog-map .row-image img {
      display: block;
      width: 100%;
      height: auto; }
  .catalog-map .category-title {
    position: relative; }
  .catalog-map .sub-category-list li {
    position: relative; }
    .catalog-map .sub-category-list li:after {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+49 */
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
      /* IE6-9 */
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 30px; }

.category-title {
  display: block;
  font-weight: bold;
  margin: 0 0 10px;
  letter-spacing: 1px;
  font-size: 15px;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden; }
  .category-title:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+49 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px; }

.sub-category-list {
  font-size: 14px;
  padding-bottom: 5px;
  white-space: nowrap;
  overflow: hidden; }
  .sub-category-list li {
    display: block;
    margin: 0 0 8px;
    position: relative; }
    .sub-category-list li:after {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+49 */
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 49%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
      /* IE6-9 */
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 30px; }
  .sub-category-list h4 {
    margin: 0; }
  .sub-category-list a {
    font-size: 14px; }

.news-tabs {
  margin-right: -6px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px; }
  .news-tabs.brands-tabs li {
    width: auto; }
  .news-tabs.brands-tabs a {
    padding: 10px 15px; }
  .news-tabs.lk-tabs li {
    width: 20%; }
  .news-tabs.order-tabs {
    margin-right: -20px; }
    .news-tabs.order-tabs:after {
      right: 20px; }
    .news-tabs.order-tabs li {
      width: 50%;
      padding: 0 20px 0 0; }
  .news-tabs li {
    width: 25%;
    float: left;
    padding: 0 6px 0 0; }
  .news-tabs a {
    display: block;
    border-radius: 2px 2px 0 0;
    text-align: center;
    border: 1px solid #d7d9d8;
    border-bottom: 0;
    color: #7e8283;
    font-size: 16px;
    height: 42px;
    line-height: 21px;
    padding: 10px 0;
    background: #f3f2f1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f3f2f1 0%, #f3f2f1 60%, #e5e4e4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f3f2f1 0%, #f3f2f1 60%, #e5e4e4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f3f2f1 0%, #f3f2f1 60%, #e5e4e4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f2f1', endColorstr='#e5e4e4',GradientType=0 );
    /* IE6-9 */ }
    .news-tabs a.active {
      background: #fff !important;
      border-top: 2px solid #fcc743 !important;
      padding-top: 9px;
      color: #262e3e;
      position: relative;
      z-index: 5;
      text-decoration: none; }
    .news-tabs a:hover {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f2f1+0,f3f2f1+50,d6d6d6+100 */
      background: #f3f2f1;
      /* Old browsers */
      background: -moz-linear-gradient(top, #f3f2f1 0%, #f3f2f1 50%, #d6d6d6 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #f3f2f1 0%, #f3f2f1 50%, #d6d6d6 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #f3f2f1 0%, #f3f2f1 50%, #d6d6d6 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f2f1', endColorstr='#d6d6d6',GradientType=0 );
      /* IE6-9 */
      text-decoration: none; }
    .news-tabs a .icon {
      font-size: 22px;
      display: inline-block;
      vertical-align: middle;
      margin-top: -3px;
      margin-right: 8px; }
    .news-tabs a .icon-news_tab2 {
      color: #4564ac; }
    .news-tabs a .icon-news_tab3 {
      color: #78b773; }
    .news-tabs a .icon-news_tab4 {
      color: #ec5648; }
    .news-tabs a .icon-basket {
      color: #424553;
      font-size: 18px; }
  .news-tabs:after {
    position: absolute;
    border-bottom: 1px solid #d7d9d8;
    content: "";
    left: 0;
    right: 6px;
    bottom: 0; }
  .news-tabs h5, .news-tabs h4, .news-tabs h3, .news-tabs h2 {
    margin: 0; }
  @media all and (max-width: 767px) {
    .news-tabs a {
      font-size: 12px;
      height: 33px;
      padding: 5px 0; }
      .news-tabs a.active {
        padding-top: 4px;
        background: #f6f5f4 !important; }
    .news-tabs.order-tabs {
      margin: 0 -10px 9px 0; }
      .news-tabs.order-tabs li {
        padding-right: 10px; }
    .news-tabs.view-tabs, .news-tabs.info-tabs {
      display: table;
      width: 100%;
      margin: 0 0 10px; }
      .news-tabs.view-tabs li, .news-tabs.info-tabs li {
        display: table-cell;
        vertical-align: top;
        width: auto;
        margin: 0;
        float: none;
        padding: 0; }
        .news-tabs.view-tabs li:first-child a, .news-tabs.info-tabs li:first-child a {
          border-left: 1px solid #f6f5f4; }
      .news-tabs.view-tabs a, .news-tabs.info-tabs a {
        border-left: 0;
        position: relative;
        padding-left: 20px;
        text-align: left; }
        .news-tabs.view-tabs a:before, .news-tabs.info-tabs a:before {
          position: absolute;
          top: 5px;
          left: 9px;
          content: "\e605";
          font-family: "icomoon";
          color: #6f7174;
          -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); }
        .news-tabs.view-tabs a.active, .news-tabs.info-tabs a.active {
          background: #fff !important;
          padding-top: 5px; }
          .news-tabs.view-tabs a.active.inverse:before, .news-tabs.info-tabs a.active.inverse:before {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg); }
    .news-tabs.info-tabs {
      margin-bottom: 20px; }
      .news-tabs.info-tabs li:first-child a {
        border-left: 1px solid #d7d9d8; }
      .news-tabs.info-tabs a {
        padding-left: 0;
        text-align: center;
        border-bottom: 1px solid #d7d9d8; }
        .news-tabs.info-tabs a:before {
          display: none; } }

.news-tab-content .indent {
  padding: 0 0 33px; }

.news-tab-content .news-list {
  padding-bottom: 0; }

.paging {
  text-align: center;
  margin-bottom: 39px; }
  .paging .btn-blue,
  .paging .btn-disabled {
    margin: 0;
    height: 38px;
    line-height: 38px;
    font-size: 14px; }
  .paging ul {
    margin: 0 17px;
    display: inline-block;
    vertical-align: top; }
    .paging ul li {
      display: inline-block;
      vertical-align: top;
      margin: 0 3px; }
      .paging ul li:hover a {
        background: #f7f7f6;
        /* Old browsers */
        background: -moz-linear-gradient(top, #f7f7f6 0%, #f3f2f1 60%, #e2e2e2 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f7f7f6 0%, #f3f2f1 60%, #e2e2e2 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #f7f7f6 0%, #f3f2f1 60%, #e2e2e2 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f6', endColorstr='#e2e2e2',GradientType=0 );
        /* IE6-9 */
        padding: 9px 0 0;
        text-decoration: none; }
      .paging ul li.active a {
        border: 0;
        padding: 10px 0 0;
        text-decoration: none;
        color: #fff;
        background: #1e9fd7;
        /* Old browsers */
        background: -moz-linear-gradient(top, #1e9fd7 0%, #209ed5 40%, #5197bf 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e9fd7), color-stop(40%, #209ed5), color-stop(100%, #5197bf));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #1e9fd7 0%, #209ed5 40%, #5197bf 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #1e9fd7 0%, #209ed5 40%, #5197bf 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #1e9fd7 0%, #209ed5 40%, #5197bf 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #1e9fd7 0%, #209ed5 40%, #5197bf 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e9fd7', endColorstr='#5197bf',GradientType=0 );
        /* IE6-9 */ }
    .paging ul a {
      width: 38px;
      height: 38px;
      border-radius: 2px;
      display: block;
      line-height: 20px;
      padding: 9px 0 0;
      text-align: center;
      font-size: 14px;
      font-weight: 500;
      color: #262e3e;
      border: 1px solid #dadbda; }
  @media all and (max-width: 767px) {
    .paging {
      margin: 0 0 20px; }
      .paging ul {
        margin: 0 -10px; }
        .paging ul li {
          margin: 0 4px; }
        .paging ul a {
          background: #fff; } }

.share-list {
  margin: 0 -15px;
  position: relative;
  z-index: 15; }
  .share-list li {
    position: relative;
    margin: 0 0 10px; }
    .share-list li:hover .share-link-wrap {
      opacity: 1;
      bottom: 40px; }
  .share-list a {
    display: block;
    position: relative;
    border: 1px solid #dedfde;
    border-radius: 2px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fdfdfd+60,f0f1f1+100 */
    background: white;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, #fdfdfd 60%, #f0f1f1 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 0%, #fdfdfd 60%, #f0f1f1 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, white 0%, #fdfdfd 60%, #f0f1f1 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f1f1',GradientType=0 );
    /* IE6-9 */
    height: 45px;
    line-height: 43px;
    font-weight: bold;
    text-decoration: none; }
    .share-list a .icon {
      margin: -1px 10px 0 -1px;
      height: 45px;
      border-radius: 2px;
      color: #fff;
      width: 45px;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      line-height: 45px;
      font-size: 32px;
      font-weight: normal; }
  .share-list.share-connect a {
    height: 55px; }
    .share-list.share-connect a .icon {
      width: 55px;
      height: 55px;
      line-height: 55px;
      font-size: 40px;
      float: left; }
    .share-list.share-connect a .text {
      display: block;
      overflow: hidden;
      line-height: 18px;
      padding: 7px 0 2px; }
    .share-list.share-connect a .connect {
      display: inline-block;
      vertical-align: top;
      border-bottom: 1px dashed #105d86;
      color: #0f5d86;
      font-weight: normal;
      line-height: 16px;
      font-size: 13px; }
  .share-list .facebook {
    color: #4d6194; }
    .share-list .facebook .icon {
      background: #5369ae;
      /* Old browsers */
      background: -moz-linear-gradient(top, #5369ae 0%, #5368ad 60%, #4a5d9c 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #5369ae 0%, #5368ad 60%, #4a5d9c 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #5369ae 0%, #5368ad 60%, #4a5d9c 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5369ae', endColorstr='#4a5d9c',GradientType=0 );
      /* IE6-9 */ }
  .share-list .vk {
    color: #4c779a; }
    .share-list .vk .icon {
      background: #5e82a5;
      /* Old browsers */
      background: -moz-linear-gradient(top, #5e82a5 0%, #5e82a4 60%, #557696 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #5e82a5 0%, #5e82a4 60%, #557696 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #5e82a5 0%, #5e82a4 60%, #557696 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e82a5', endColorstr='#557696',GradientType=0 );
      /* IE6-9 */ }
  .share-list .google {
    color: #ee5963; }
    .share-list .google .icon {
      background: #ee5963;
      /* Old browsers */
      background: -moz-linear-gradient(top, #ee5963 0%, #ec5862 60%, #d34e57 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #ee5963 0%, #ec5862 60%, #d34e57 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #ee5963 0%, #ec5862 60%, #d34e57 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5963', endColorstr='#d34e57',GradientType=0 );
      /* IE6-9 */ }
  .share-list .twitter {
    color: #3ec4e3; }
    .share-list .twitter .icon {
      background: #5fccf3;
      /* Old browsers */
      background: -moz-linear-gradient(top, #5fccf3 0%, #5fccf3 60%, #55b5d8 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #5fccf3 0%, #5fccf3 60%, #55b5d8 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #5fccf3 0%, #5fccf3 60%, #55b5d8 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fccf3', endColorstr='#55b5d8',GradientType=0 );
      /* IE6-9 */ }
  .share-list .share-link-wrap {
    position: absolute;
    left: 27px;
    right: 0;
    bottom: 30px;
    text-align: center;
    z-index: 5;
    opacity: 0;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all; }
    .share-list .share-link-wrap .share-link {
      display: inline-block;
      vertical-align: top;
      background: #fff;
      border-radius: 2px;
      -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
      padding: 9px 11px; }
      .share-list .share-link-wrap .share-link:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #ffffff;
        border-width: 9px;
        margin-left: -9px;
        margin-top: -3px; }
    .share-list .share-link-wrap img {
      display: block; }
  @media all and (max-width: 1366px) {
    .share-list {
      margin: 0 -10px; } }

.brand-logo {
  margin: 0 0 30px; }
  .brand-logo img {
    display: block;
    max-width: 100%;
    height: auto;
    width: auto; }

.side-category {
  padding-top: 5px; }
  .side-category > li {
    margin: 0 0 20px; }
    .side-category > li.active a {
      background: #e7eff9;
      border: 1px solid #c9def2;
      border-radius: 0;
      padding: 5px 11px; }
    .side-category > li > a,
    .side-category > li > a > h3,
    .side-category > li > h3 > a {
      display: block;
      font-size: 15px;
      color: #0d5d86;
      background: #efeeed;
      border-radius: 2px;
      padding: 5px 11px;
      line-height: 20px;
      color: #0d5d86; }
  .side-category h3 {
    margin: 0;
    letter-spacing: 0;
    display: inline;
    color: #105d86 !important;
    font-size: 13px !important; }
  .side-category ul {
    padding-top: 4px;
    margin-bottom: -6px; }
    .side-category ul a {
      font-size: 13px;
      display: block;
      padding: 4px 10px;
      line-height: 20px;
      color: #105d86;
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden;
      text-decoration: none; }
    .side-category ul em {
      position: relative;
      display: inline-block;
      vertical-align: top;
      font-style: normal;
      max-width: 90%;
      line-height: 17px;
      overflow: hidden; }
      .side-category ul em:after {
        position: absolute;
        left: 193px;
        top: 0;
        bottom: 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
        /* IE6-9 */
        content: "";
        width: 20px; }
    .side-category ul span {
      color: #676c70; }
  @media all and (max-width: 1366px) {
    .side-category ul em:after {
      left: 165px; } }

.brands-country {
  margin: 0 0 20px; }
  .brands-country .label {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 20px;
    width: 200px; }
  .brands-country .country-list {
    display: inline-block;
    vertical-align: middle; }
    .brands-country .country-list li {
      display: inline-block;
      vertical-align: middle;
      margin: 0 11px 0 0; }
    .brands-country .country-list img {
      display: block; }
  @media all and (max-width: 767px) {
    .brands-country {
      margin: 0 0 8px; }
      .brands-country .label {
        width: 212px; }
      .brands-country .country-list {
        display: inline; }
        .brands-country .country-list li {
          margin: 0 11px 10px 0; } }

.certificate-box {
  background: #f3f2f1;
  padding: 40px 20px 25px; }
  .certificate-box a {
    display: block;
    text-decoration: none;
    text-align: center; }
    .certificate-box a:hover span {
      border-bottom: 1px dashed #075685; }
  .certificate-box .image {
    height: 227px;
    margin: 0 0 10px; }
    .certificate-box .image img {
      display: block;
      margin: 0 auto;
      max-height: 100%;
      max-width: 100%;
      width: auto;
      height: auto; }
  .certificate-box .title {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #0f5d86; }

.review-box {
  border: 1px solid #e3e3e2;
  border-radius: 2px;
  padding: 13px 14px 26px;
  margin: 0 0 30px; }
  .review-box .image {
    float: left;
    margin: 0 20px 0 0; }
    .review-box .image img {
      display: block; }
  .review-box .text-box {
    overflow: hidden; }
    .review-box .text-box h5 {
      margin: 0; }
  .review-box .title {
    display: block;
    font-size: 14px;
    margin: 0 0 3px; }
  .review-box .date {
    display: block;
    color: #8e9192;
    font-size: 13px;
    font-weight: 300;
    margin: 0 0 10px; }
  .review-box .name {
    font-size: 15px;
    color: #262e3e;
    display: block;
    margin: 0 0 13px; }
  .review-box .box {
    border-radius: 3px;
    background: #f6f5f5;
    position: relative;
    padding: 20px 21px 10px; }
    .review-box .box:after {
      bottom: 100%;
      left: 20px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(246, 245, 245, 0);
      border-bottom-color: #f6f5f5;
      border-width: 10px; }
  .review-box .review-head {
    overflow: hidden;
    margin: 0 0 10px; }
    .review-box .review-head .label {
      float: left;
      font-weight: 500;
      color: #262e3e;
      margin: 0 9px 0 0;
      font-size: 13px; }
    .review-box .review-head .text {
      font-size: 13px;
      color: #5c6064;
      float: left; }
  .review-box p {
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 19px;
    color: #262e3e; }
  .review-box .positive {
    display: block;
    padding: 0 0 10px 27px;
    position: relative; }
    .review-box .positive:after {
      position: absolute;
      left: 0;
      top: 1px;
      border-radius: 50%;
      width: 17px;
      height: 17px;
      border: 1px solid #62af62;
      color: #62af62;
      text-align: center;
      line-height: 15px;
      content: "+"; }
  .review-box .negative {
    display: block;
    padding: 0 0 10px 27px;
    position: relative; }
    .review-box .negative:after {
      position: absolute;
      left: 0;
      top: 1px;
      border-radius: 50%;
      width: 17px;
      height: 17px;
      border: 1px solid #ed4242;
      color: #ed4242;
      text-align: center;
      line-height: 15px;
      font-size: 10px;
      content: "—";
      padding-left: 1px; }
  .review-box .star-rating {
    margin-right: 27px; }

.filter-holder {
  position: relative;
  padding-bottom: 14px; }
  .filter-holder .section-title {
    font-size: 16px;
    letter-spacing: 1px;
    color: #2D313F;
    background: #efeeed;
    display: block;
    border-radius: 2px;
    line-height: 20px;
    padding: 10px 13px;
    margin: 0 0 20px;
    font-weight: 500; }
    .filter-holder .section-title span {
      color: #666c70; }
    .filter-holder .section-title h3 {
      margin: 0 !important;
      font-size: 16px !important;
      font-weight: 500 !important; }
  .filter-holder .sub-title {
    font-size: 15px;
    margin: 0 0 15px;
    display: block;
    letter-spacing: 1px;
    color: #2D313F;
    font-weight: 500; }
    .filter-holder .sub-title h3 {
      font-weight: 500 !important;
      display: inline !important; }
    .filter-holder .sub-title .h6 {
      font-weight: 500 !important; }
  .filter-holder .btn-blue {
    margin-bottom: 29px; }
  @media all and (max-width: 1366px) {
    .filter-holder .section-title {
      font-weight: normal;
      letter-spacing: 0.5px; } }

.choosen-param {
  padding-bottom: 4px; }
  .choosen-param li {
    margin: 0 0 14px;
    overflow: hidden; }
  .choosen-param .delete {
    width: 14px;
    height: 14px;
    background: #fcc743;
    text-align: center;
    line-height: 14px;
    float: left;
    margin-top: 1px;
    margin: 0 14px 0 0;
    font-size: 24px;
    color: #252e3d; }
  .choosen-param .title {
    line-height: 16px;
    display: block;
    overflow: hidden;
    font-size: 13px; }

/* Ширина слайдера */
#slider {
  width: 100%; }

/* Контейнер слайдера */
.ui-slider {
  position: relative;
  margin: 0 0 20px; }

/* Ползунок */
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 9px !important;
  /* Задаем нужную ширину */
  height: 17px !important;
  /* и высоту */
  background: url(../images/bg-range.png) no-repeat !important;
  cursor: pointer;
  border: 0 !important;
  margin-left: -3px !important;
  outline: none !important; }

.ui-slider .ui-slider-handle:last-child {
  margin-left: -3px !important; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0;
  display: block;
  border: 0 !important;
  overflow: hidden;
  height: 2px;
  background: #1e9fd7 !important; }

/* горизонтальный слайдер (сама полоса по которой бегает ползунок) */
.ui-slider-horizontal {
  height: 3px;
  /* задаем высоту согласно дизайна */ }

/* позиционируем ползунки */
.ui-slider-horizontal .ui-slider-handle {
  top: -6px;
  margin-left: -6px; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

/* оформление полосы по которой ходит ползунок */
.ui-widget-content {
  background: #e1e1e0;
  border: 0; }

/* оформление активного участка (между двумя ползунками) */
.ui-widget-header {
  background: #f00; }

/* скругление для полосы слайдера */
.ui-corner-all {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

.range-wrap {
  margin-bottom: 25px; }
  .range-wrap .text {
    width: 80px;
    height: 31px;
    text-align: center;
    border-radius: 2px;
    float: left; }
  .range-wrap .separator {
    width: 33px;
    text-align: center;
    color: #696B70;
    font-size: 14px;
    line-height: 31px;
    float: left; }
  .range-wrap .btn-blue {
    font-size: 13px;
    width: 50px;
    margin: 0; }
  @media all and (max-width: 1366px) {
    .range-wrap .text {
      width: 68px; } }

.info-popup-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 13px;
  height: 13px;
  margin: 3px 0 0;
  z-index: 10;
  font-weight: normal; }
  .info-popup-wrap .open {
    display: block;
    width: 13px;
    height: 13px;
    background: #1e9fd7 url(../images/ico-info.png) no-repeat 50% 50%;
    border-radius: 50%;
    font-weight: normal; }
  .info-popup-wrap:hover {
    z-index: 11; }
  .info-popup-wrap.popup-active .popup {
    display: block; }
  .info-popup-wrap .popup {
    position: absolute;
    left: 24px;
    top: -13px;
    border-radius: 2px;
    background: #efeeed;
    border: 1px solid #d9dada;
    width: 263px;
    color: #5c6064;
    font-size: 12px;
    line-height: 17px;
    padding: 11px 13px;
    letter-spacing: 0;
    display: none; }
    .info-popup-wrap .popup span {
      color: #252e3d;
      font-weight: bold; }
    .info-popup-wrap .popup .close {
      position: absolute;
      top: 3px;
      right: 7px;
      font-size: 28px;
      line-height: 18px;
      color: #999;
      text-decoration: none; }
    .info-popup-wrap .popup:after, .info-popup-wrap .popup:before {
      right: 100%;
      top: 18px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .info-popup-wrap .popup:after {
      border-color: rgba(239, 238, 237, 0);
      border-right-color: #efeeed;
      border-width: 7px;
      margin-top: -7px; }
    .info-popup-wrap .popup:before {
      border-color: rgba(217, 218, 218, 0);
      border-right-color: #d9dada;
      border-width: 8px;
      margin-top: -8px; }

.check-scroll {
  height: 150px;
  margin: 0 0 11px;
  overflow: hidden; }
  .check-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #1e9fd7;
    width: 3px;
    border: 0;
    margin: 0 0 0 auto; }
  .check-scroll .mCSB_scrollTools {
    width: 14px; }
    .check-scroll .mCSB_scrollTools .mCSB_draggerContainer {
      width: 14px; }
    .check-scroll .mCSB_scrollTools .mCSB_draggerRail {
      background: #e1e1e0;
      width: 3px;
      margin: 0 0 0 auto; }

.check-list {
  padding: 0 0 12px !important;
  position: relative;
  z-index: 3; }
  .check-list li {
    margin: 0 0 9px; }
  .check-list label,
  .check-list .label {
    color: #105d86;
    font-size: 13px;
    padding-left: 28px;
    cursor: pointer;
    position: relative;
    min-height: 18px;
    display: block; }
    .check-list label span,
    .check-list .label span {
      color: #676c70; }
    .check-list label .holder,
    .check-list .label .holder {
      white-space: nowrap; }
    .check-list label em,
    .check-list .label em {
      font-style: normal;
      max-width: 200px;
      display: inline-block;
      vertical-align: top;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
      color: #105d86; }
      .check-list label em:after,
      .check-list .label em:after {
        position: absolute;
        left: 185px;
        top: 0;
        bottom: 0;
        width: 15px;
        content: "";
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
        /* IE6-9 */ }
    .check-list label .popup-holder,
    .check-list .label .popup-holder {
      position: absolute;
      left: 100%;
      top: -12px;
      display: none; }
    .check-list label .popup,
    .check-list .label .popup {
      width: 180px;
      height: 180px;
      background: #fff;
      -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
      position: relative;
      margin-left: 8px; }
      .check-list label .popup img,
      .check-list .label .popup img {
        max-width: 80%;
        max-height: 80%;
        display: block;
        margin: 0 auto; }
      .check-list label .popup:before,
      .check-list .label .popup:before {
        display: inline-block;
        vertical-align: middle;
        width: 0;
        margin: 0 -4px 0 0;
        content: ""; }
      .check-list label .popup:after,
      .check-list .label .popup:after {
        right: 100%;
        top: 25px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #fff;
        border-width: 8px;
        margin-top: -8px; }
    .check-list label:hover, .check-list label.active,
    .check-list .label:hover,
    .check-list .label.active {
      z-index: 5; }
      .check-list label:hover .holder, .check-list label.active .holder,
      .check-list .label:hover .holder,
      .check-list .label.active .holder {
        background: #fff;
        position: absolute;
        left: 20px;
        top: -6px;
        padding: 6px 8px 7px;
        height: 29px;
        border-radius: 2px;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
        .check-list label:hover .holder em, .check-list label.active .holder em,
        .check-list .label:hover .holder em,
        .check-list .label.active .holder em {
          text-decoration: underline; }
        .check-list label:hover .holder .popup-holder, .check-list label.active .holder .popup-holder,
        .check-list .label:hover .holder .popup-holder,
        .check-list .label.active .holder .popup-holder {
          display: block; }
      .check-list label:hover em, .check-list label.active em,
      .check-list .label:hover em,
      .check-list .label.active em {
        overflow: visible;
        max-width: 500px; }
        .check-list label:hover em:after, .check-list label.active em:after,
        .check-list .label:hover em:after,
        .check-list .label.active em:after {
          display: none; }
  .check-list .label {
    padding-left: 0;
    text-decoration: none; }
    .check-list .label:after {
      display: none; }
    .check-list .label:hover, .check-list .label.active {
      text-decoration: none; }
      .check-list .label:hover .holder, .check-list .label.active .holder {
        background: #fff;
        position: absolute;
        left: -8px;
        top: -6px;
        padding: 6px 8px;
        height: 29px;
        border-radius: 2px;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
  .check-list .checkbox:checked + label:after {
    background: url(../images/bg-checkbox.png) no-repeat 50% 50%;
    margin-top: -8px; }
  .check-list .checkbox:disabled + label {
    color: #676c70;
    cursor: default; }
    .check-list .checkbox:disabled + label em {
      color: #676c70;
      text-decoration: none; }
    .check-list .checkbox:disabled + label:hover .holder, .check-list .checkbox:disabled + label.active .holder {
      background: #fff;
      position: static;
      left: 0;
      top: 0;
      padding: 0;
      height: auto;
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .check-list .checkbox:disabled + label:after {
      background: #e9e9e8;
      border-color: #ced0d0; }
  @media all and (max-width: 1366px) {
    .check-list label em {
      max-width: 160px; } }

.subs-check {
  margin-bottom: 15px; }
  .subs-check li {
    float: left;
    margin-left: 29px; }
    .subs-check li:first-child {
      margin-left: 0; }
  .subs-check .checkbox {
    display: none; }
  .subs-check label {
    font-size: 13px;
    padding-left: 24px;
    cursor: pointer;
    position: relative;
    min-height: 18px;
    line-height: 18px;
    display: block;
    color: #696969; }
    .subs-check label:after {
      position: absolute;
      top: 2px;
      left: 0;
      width: 14px;
      height: 14px;
      border: 1px solid #d7d8d8;
      background: #fff;
      content: ""; }
  .subs-check .checkbox:checked + label:after {
    background: #fcc91a url(../images/bg-checkbox02.png) no-repeat 50% 50%;
    border: 0; }

.mCustomScrollbar .check-list {
  padding: 11px 0 12px !important; }

.show-all {
  text-decoration: none;
  color: #55769b;
  border-bottom: 1px dashed #55769b;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 24px 28px;
  text-decoration: none !important; }

.sort-line {
  margin: 0 0 20px;
  position: relative;
  z-index: 4; }
  .sort-line .label {
    float: left;
    margin: 0 12px 0 0;
    line-height: 34px;
    color: #61666b; }
  .sort-line .view-list {
    float: left; }
    .sort-line .view-list li {
      float: left;
      margin: 0 11px 0 0; }
      .sort-line .view-list li.active a {
        color: #646869; }
        .sort-line .view-list li.active a:hover {
          background: #f2f2f2;
          /* Old browsers */
          background: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 69%, #e0e0e2 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 69%, #e0e0e2 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 69%, #e0e0e2 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e0e0e2',GradientType=0 );
          /* IE6-9 */ }
    .sort-line .view-list.pull-right {
      margin-right: -11px; }
    .sort-line .view-list a {
      display: block;
      border: 1px solid #d7d9d9;
      width: 34px;
      height: 34px;
      font-size: 22px;
      line-height: 32px;
      text-align: center;
      border-radius: 2px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,f2f2f2+69,e0e0e2+100 */
      background: #f2f2f2;
      /* Old browsers */
      background: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 69%, #e0e0e2 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 69%, #e0e0e2 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 69%, #e0e0e2 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e0e0e2',GradientType=0 );
      /* IE6-9 */
      color: #cccccd; }
      .sort-line .view-list a:hover {
        text-decoration: none;
        background: #f2f2f2;
        /* Old browsers */
        background: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 60%, #d1d1d1 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 60%, #d1d1d1 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 60%, #d1d1d1 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d1d1d1',GradientType=0 );
        /* IE6-9 */ }
      .sort-line .view-list a.icon-catalogarrow1, .sort-line .view-list a.icon-catalogarrow2 {
        color: #646869; }
      .sort-line .view-list a.icon-catalogarrow1.disabled, .sort-line .view-list a.icon-catalogarrow2.disabled {
        color: #bec0c0; }
        .sort-line .view-list a.icon-catalogarrow1.disabled:hover, .sort-line .view-list a.icon-catalogarrow2.disabled:hover {
          background: #f2f2f2;
          /* Old browsers */
          background: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 69%, #e0e0e2 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 69%, #e0e0e2 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 69%, #e0e0e2 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e0e0e2',GradientType=0 );
          /* IE6-9 */ }
  @media all and (max-width: 1366px) {
    .sort-line .sort-select {
      margin: 0 32px 0 0; } }

.sort-select {
  float: left;
  width: 210px;
  margin: 0 62px 0 0; }
  .sort-select .dropdown-menu a {
    padding: 7px 18px 0; }
  .sort-select .glyphicon {
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    margin: 0;
    text-align: left;
    padding-left: 2px; }
  .sort-select .icon-news_tab2 {
    color: #4564ac; }
  .sort-select .icon-news_tab3 {
    color: #78b773; }
  .sort-select .icon-news_tab4 {
    color: #ec5648; }
  .sort-select.open .dropdown-toggle {
    background: #fff !important;
    border-radius: 2px 2px 0 0;
    border-bottom: 0;
    z-index: 12;
    position: relative;
    -webkit-box-shadow: 0 6px 0 -1px #fff, 0 -1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 0 -1px #fff, 0 -1px 10px rgba(0, 0, 0, 0.1); }
    .sort-select.open .dropdown-toggle:before {
      position: absolute;
      bottom: 0;
      border-bottom: 1px solid #e1e1e1;
      content: "";
      left: 10px;
      right: 10px; }
  .sort-select.open .dropdown-menu.open {
    border: 1px solid #e3e4e3;
    border-top: 0;
    -webkit-box-shadow: 0 -10px 0 #fff, 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -10px 0 #fff, 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 2px 2px; }
    .sort-select.open .dropdown-menu.open .dropdown-menu.inner {
      padding: 5px 0; }
    .sort-select.open .dropdown-menu.open a {
      color: #2d303f;
      font-size: 13px;
      font-weight: 300;
      padding: 4px 10px;
      line-height: 20px; }
      .sort-select.open .dropdown-menu.open a:hover {
        background: #f7f7f7; }
  .sort-select .dropdown-toggle {
    padding-left: 10px;
    overflow: hidden;
    height: 34px;
    border: 1px solid #e3e4e3;
    color: #979ba6;
    font-size: 14px;
    border-radius: 2px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fdfdfd+73,f3f3f3+100 */
    background: white;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, #fdfdfd 73%, #f3f3f3 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 0%, #fdfdfd 73%, #f3f3f3 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, white 0%, #fdfdfd 73%, #f3f3f3 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
    /* IE6-9 */ }
    .sort-select .dropdown-toggle:hover {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+60,ededed+100 */
      background: white;
      /* Old browsers */
      background: -moz-linear-gradient(top, white 0%, white 60%, #ededed 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, white 0%, white 60%, #ededed 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, white 0%, white 60%, #ededed 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
      /* IE6-9 */ }
    .sort-select .dropdown-toggle:after {
      line-height: 34px;
      top: 0; }
  @media all and (max-width: 1366px) {
    .sort-select {
      margin: 0 32px 0 0; }
      .sort-select .dropdown-menu a {
        padding: 7px 12px 0; } }

.catalog-full {
  padding: 0; }
  .catalog-full > li {
    height: 589px; }
  .catalog-full .stick {
    top: 24px; }

.char-list {
  border-top: 1px solid #f3f2f1;
  margin: 8px -14px 0;
  padding: 11px 14px 0;
  font-size: 13px; }
  .char-list li {
    overflow: hidden;
    margin: 0 0 6px;
    background: url(../images/dotted.gif) repeat-x 0 13px; }
  .char-list p {
    overflow: hidden;
    display: block;
    font-weight: 500;
    color: #262e3e;
    letter-spacing: 0.5px;
    white-space: nowrap;
    position: relative;
    margin: 0;
    font-size: 13px;
    line-height: 18px; }
    .char-list p:before {
      height: 15px;
      content: "";
      background: #f00;
      width: 10px;
      float: right;
      position: relative;
      z-index: 2;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
      /* IE6-9 */ }
    .char-list p em {
      font-style: normal;
      display: inline-block;
      vertical-align: top;
      background: #fff;
      overflow: hidden; }
  .char-list span {
    float: right;
    color: #5c6064;
    background: #fff; }
  @media all and (max-width: 1366px) {
    .char-list {
      margin: 8px -9px 0;
      padding: 11px 9px 0; } }

@media all and (max-width: 767px) {
  .alert.alert-small {
    font-weight: normal; } }

.compare-nav {
  height: 50px;
  margin: 0 0 20px;
  position: relative;
  z-index: 3; }
  .compare-nav .alert {
    clear: both;
    margin: 0;
    display: none; }
  .compare-nav .wrap {
    padding: 9px 10px; }
  .compare-nav .frame {
    border-radius: 2px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    min-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .compare-nav .compare-nav-fixed {
    position: fixed;
    top: 70px;
    left: auto;
    width: 825px;
    z-index: 3; }
  .compare-nav .info-text {
    float: left;
    background: #efeeed;
    border-radius: 2px;
    padding: 0 18px;
    line-height: 32px;
    height: 32px;
    margin: 0 20px 0 0;
    font-size: 13px; }
    .compare-nav .info-text span {
      font-weight: bold; }
  .compare-nav .btn-blue {
    margin: 0 10px 0 0; }
  @media all and (max-width: 1366px) {
    .compare-nav .compare-nav-fixed {
      width: 718px;
      margin-top: -8px; } }

.compare-preview {
  float: right;
  position: relative;
  z-index: 2; }
  .compare-preview li {
    width: 32px;
    height: 32px;
    border: 1px solid #e1e1e0;
    border-radius: 2px;
    margin-left: 10px;
    background: #efedec;
    position: relative;
    float: left; }
    .compare-preview li:hover .popup {
      display: block; }
  .compare-preview .clear {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #e23c52;
    width: 10px;
    height: 10px;
    color: #fff;
    border-radius: 2px;
    font-size: 24px;
    text-align: center;
    line-height: 10px; }
  .compare-preview .item-icon {
    background: #fff;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center; }
    .compare-preview .item-icon:before {
      display: inline-block;
      vertical-align: middle;
      width: 0;
      margin: 0;
      content: "";
      height: 100%; }
  .compare-preview img {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
    border-radius: 2px;
    margin: 0 auto; }
  .compare-preview .popup {
    position: absolute;
    top: 100%;
    left: -69px;
    width: 170px;
    display: none; }
    .compare-preview .popup .holder {
      margin: 10px 0 0;
      background: #fff;
      border-radius: 2px;
      -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
      padding: 0 10px 11px;
      position: relative; }
      .compare-preview .popup .holder:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 9px;
        margin-left: -9px; }
    .compare-preview .popup .image {
      width: 150px;
      height: 158px;
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    .compare-preview .popup .title {
      font-size: 13px;
      display: block;
      margin: 0 0 5px; }
    .compare-preview .popup .price {
      display: inline-block;
      vertical-align: top;
      font-weight: bold;
      font-size: 13px;
      color: #2D313F;
      padding: 0 10px;
      height: 24px;
      line-height: 24px;
      background: #eff3fa;
      border-radius: 3px; }

.results-message {
  background: #eaf2fa;
  border-radius: 2px;
  padding: 9px 13px;
  line-height: 21px;
  color: #262e3e;
  display: block;
  font-weight: 500;
  margin: 0 0 20px; }
  @media all and (max-width: 767px) {
    .results-message {
      font-weight: normal;
      margin: 0 0 10px; } }

.carousel3 {
  margin: 0 -15px;
  position: relative; }
  .carousel3 .gmask {
    position: relative;
    overflow: hidden;
    background: #fff;
    margin: 0 0 20px;
    padding-top: 10px;
    padding-bottom: 10px; }
  .carousel3 .slideset {
    list-style: none;
    width: 99999px;
    float: left;
    padding: 0;
    margin: 0; }
  .carousel3 .slide {
    float: left;
    width: 285px;
    height: 456px;
    padding: 0 30px 0 0;
    margin-bottom: 0;
    position: relative; }
  .carousel3 .pagination ul {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0; }
  .carousel3 .pagination li {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px; }
    .carousel3 .pagination li.active a {
      background: #1e9fd7; }
  .carousel3 .pagination a {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: #e0dfdf;
    border-radius: 2px;
    width: 50px;
    height: 6px; }
  .carousel3 .btn-prev,
  .carousel3 .btn-next {
    position: absolute;
    top: 80px;
    left: -9px;
    text-align: center;
    border: 1px solid #d6d7d7;
    border-radius: 2px;
    z-index: 4;
    width: 49px;
    height: 49px;
    color: #bfc1c1;
    font-size: 28px;
    line-height: 47px;
    background: #f7f7f7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 );
    /* IE6-9 */ }
    .carousel3 .btn-prev:hover,
    .carousel3 .btn-next:hover {
      text-decoration: none;
      color: #646869; }
  .carousel3 .btn-next {
    left: auto;
    right: -9px; }
  @media all and (max-width: 1366px) {
    .carousel3 {
      margin: 0 -10px; }
      .carousel3 .slide {
        width: 246px;
        height: 422px;
        padding: 0 10px; } }

.product-slider {
  width: 350px;
  overflow: hidden;
  position: relative;
  padding-bottom: 50px; }
  .product-slider.fixed-nav .price-holder {
    visibility: visible; }
  .product-slider .price-holder {
    text-align: center;
    padding-top: 10px;
    visibility: hidden; }
    .product-slider .price-holder .price {
      height: 48px;
      line-height: 48px;
      border-radius: 2px;
      background: #e7eff9;
      display: inline-block;
      vertical-align: top;
      padding: 0 11px;
      font-size: 24px;
      letter-spacing: 2px;
      font-weight: 800;
      margin: 0 20px 0 0; }
    .product-slider .price-holder .btn-yellow, .product-slider .price-holder .btn-blue, .product-slider .price-holder .btn-black, .product-slider .price-holder .btn-gray, .product-slider .price-holder .btn-gray2 {
      height: 48px;
      line-height: 48px;
      font-size: 16px;
      display: inline-block;
      vertical-align: top; }
  @media all and (max-width: 1366px) {
    .product-slider {
      width: 308px; }
      .product-slider .price-holder .price {
        padding: 0 9px; } }

#product-slider .flex-direction-nav {
  display: none; }

#product-slider .zoom {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  border-radius: 2px;
  font-size: 24px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background: rgba(45, 48, 53, 0.7); }
  #product-slider .zoom:hover {
    text-decoration: none;
    background: rgba(45, 48, 53, 0.9); }

#carousel .flex-viewport {
  width: 277px;
  margin: 0 auto; }

#carousel .slides {
  padding-left: 1px; }
  #carousel .slides > li {
    border: 1px solid #d9dad9;
    border-radius: 2px;
    cursor: pointer;
    width: 57px !important; }
    #carousel .slides > li.flex-active-slide {
      border: 1px solid #33a2d9; }
  #carousel .slides img {
    display: block; }

@media all and (max-width: 1366px) {
  #carousel .flex-direction-nav .flex-prev {
    left: 0 !important; }
  #carousel .flex-direction-nav .flex-next {
    right: 0 !important; } }

.item-text {
  padding: 0 0 14px; }
  .item-text .info-top {
    margin: 0 0 20px; }
    .item-text .info-top .star-rating {
      margin-top: 5px;
      font-size: 17px; }
  .item-text .article {
    height: 31px;
    line-height: 31px;
    background: #f7f7f7;
    border-radius: 2px;
    font-size: 12px;
    float: left;
    padding: 0 10px;
    color: #a3a6a7;
    margin: 0 19px 0 0; }
  .item-text .print {
    float: right;
    color: #61666b;
    line-height: 31px;
    margin-left: 25px;
    font-family: 'Roboto'; }
    .item-text .print:hover {
      text-decoration: none; }
      .item-text .print:hover:before {
        color: #27638b; }
    .item-text .print:before {
      float: right;
      margin-left: 13px;
      color: #7e8183;
      font-size: 30px;
      font-family: 'icomoon'; }
  .item-text .share-wrap {
    float: right;
    margin: 0; }
    .item-text .share-wrap .label {
      float: left;
      color: #61666b;
      line-height: 31px; }
  .item-text .warranty {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    position: relative;
    padding: 18px 31px;
    margin: 0 0 19px; }
    .item-text .warranty .flag {
      position: absolute;
      top: 0;
      left: 0; }
    .item-text .warranty .brand-logo {
      display: inline-block;
      vertical-align: middle;
      margin: 0 23px 0 0; }
      .item-text .warranty .brand-logo img {
        display: block; }
    .item-text .warranty .text-box {
      display: inline-block;
      vertical-align: middle;
      width: 70%; }
    .item-text .warranty .title {
      display: block;
      font-size: 13px;
      color: #262e3e;
      font-weight: 600; }
      .item-text .warranty .title span {
        background: #fef5e0;
        padding: 3px 7px;
        font-weight: 700;
        display: inline-block;
        vertical-align: middle; }
    .item-text .warranty .info {
      display: block;
      color: #8e9192;
      font-size: 13px; }
  .item-text .price-row {
    margin: 0 0 19px; }
    .item-text .price-row .price {
      height: 48px;
      line-height: 48px;
      border-radius: 2px;
      background: #e7eff9;
      float: left;
      padding: 0 11px;
      font-size: 24px;
      letter-spacing: 2px;
      font-weight: 800;
      margin: 0 20px 0 0; }
      .item-text .price-row .price span {
        font-size: 20px;
        letter-spacing: 1.5px;
        font-weight: 600; }
  .item-text .amount {
    width: auto;
    float: left;
    margin: 0 19px 0 0; }
    .item-text .amount .holder {
      width: 107px;
      height: 48px;
      line-height: 48px; }
    .item-text .amount .minus, .item-text .amount .plus,
    .item-text .amount .plus {
      width: 20px;
      height: 48px;
      line-height: 48px; }
    .item-text .amount .text {
      width: 65px;
      height: 48px; }
  .item-text .presence {
    color: #62ae60;
    line-height: 46px;
    font-family: "Roboto"; }
    .item-text .presence:before {
      margin: 2px 6px 0 0;
      font-size: 32px;
      line-height: 46px;
      display: inline-block;
      vertical-align: top;
      font-family: "icomoon"; }
  .item-text .buy-row {
    margin: 0 0 15px; }
    .item-text .buy-row .btn-yellow, .item-text .buy-row .btn-blue, .item-text .buy-row .btn-black, .item-text .buy-row .btn-gray, .item-text .buy-row .btn-gray2,
    .item-text .buy-row .btn-gray {
      margin: 0 20px 0 0;
      height: 48px;
      line-height: 48px;
      font-size: 16px;
      float: left; }
    .item-text .buy-row .follow-price, .item-text .buy-row .wishlist {
      width: 48px;
      height: 48px;
      border: 1px solid #d7d9d9;
      line-height: 46px;
      margin: 0 6px 0 0;
      text-decoration: none;
      color: #59616f; }
    .item-text .buy-row .notification {
      float: left;
      height: 49px;
      line-height: 51px;
      font-size: 15px;
      margin: 0 20px 0 0;
      padding: 0 20px; }
    .item-text .buy-row .out {
      color: #60676b;
      font-size: 15px;
      line-height: 51px;
      height: 49px;
      display: inline-block;
      vertical-align: top;
      padding: 0 20px;
      background: #ededed;
      border-radius: 2px; }
  .item-text .add-compare {
    margin: 0 0 15px; }
  .item-text .delivery-info, .item-text .payment-info {
    border: 1px solid #eeeded;
    border-radius: 2px;
    margin: 0 0 19px; }
    .item-text .delivery-info .title-top, .item-text .payment-info .title-top {
      border-bottom: 1px solid #eeeded;
      padding: 0 13px;
      line-height: 38px; }
    .item-text .delivery-info .delivery, .item-text .payment-info .delivery {
      float: left;
      font-size: 15px;
      line-height: 38px;
      color: #0f5d86;
      text-decoration: none;
      font-family: "Roboto"; }
      .item-text .delivery-info .delivery:before, .item-text .payment-info .delivery:before {
        color: #27638b;
        font-size: 26px;
        vertical-align: middle;
        margin: 0 8px 0 0;
        line-height: 38px;
        font-family: "icomoon"; }
      .item-text .delivery-info .delivery span, .item-text .payment-info .delivery span {
        border-bottom: 1px dashed #27638b;
        line-height: 20px;
        display: inline-block;
        vertical-align: top;
        margin: 8px 0 0; }
      .item-text .delivery-info .delivery:hover span, .item-text .payment-info .delivery:hover span {
        color: #2078b6;
        border-bottom: 1px dashed #2078b6; }
      .item-text .delivery-info .delivery:hover:before, .item-text .payment-info .delivery:hover:before {
        color: #2078b6; }
    .item-text .delivery-info .your-city, .item-text .payment-info .your-city {
      font-size: 15px;
      line-height: 38px;
      float: right; }
      .item-text .delivery-info .your-city a, .item-text .payment-info .your-city a {
        border-bottom: 1px dashed #27638b;
        line-height: 18px;
        text-decoration: none; }
  .item-text .info-list {
    padding: 16px 16px 10px 14px; }
    .item-text .info-list li {
      background: url(../images/bg-info.gif) repeat-x 0 12px;
      overflow: hidden;
      margin: 0 0 6px; }
    .item-text .info-list .dt {
      float: left;
      background: #fff;
      color: #5c6064;
      font-size: 13px;
      padding: 0 4px 0 0; }
    .item-text .info-list .dd {
      float: right;
      text-align: right;
      background: #fff;
      font-weight: bold;
      font-size: 13px;
      padding-left: 3px; }
  .item-text hr {
    height: 0;
    border: 0;
    border-bottom: 1px solid #dcdddc;
    display: block;
    padding: 0;
    margin: 0 0 26px; }
  @media all and (max-width: 767px) {
    .item-text .warranty {
      background: #fff;
      text-align: center;
      padding: 18px 20px; }
      .item-text .warranty .brand-logo {
        margin: 0 0 15px; }
      .item-text .warranty .title {
        font-weight: normal;
        margin: 0 0 7px; }
        .item-text .warranty .title span {
          background: none;
          font-weight: bold;
          display: inline;
          padding: 0; }
    .item-text .delivery-info, .item-text .payment-info {
      background: #fff; }
    .item-text .payment-info {
      background: #fff; }
    .item-text .delivery-info .delivery span, .item-text .payment-info .delivery span, .item-text .payment-info .delivery span {
      border: 0; }
    .item-text .delivery-info .delivery, .item-text .payment-info .delivery, .item-text .payment-info .delivery {
      line-height: 36px; }
    .item-text .info-list .dd {
      margin-left: -200px;
      position: relative; }
      .item-text .info-list .dd:before {
        position: absolute;
        width: 30px;
        right: 100%;
        top: 0;
        height: 100%;
        content: '';
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } }

.info-anchors-wrap {
  height: 38px;
  position: relative;
  margin: 0 0 28px; }
  .info-anchors-wrap .anchors-list {
    width: 100%;
    border: 1px solid #d7d9d8;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
    .info-anchors-wrap .anchors-list.compare-nav-fixed {
      position: fixed;
      top: 75px;
      width: 730px;
      z-index: 11;
      overflow: hidden; }
    .info-anchors-wrap .anchors-list li {
      float: left; }
      .info-anchors-wrap .anchors-list li:first-child a {
        border-left: 0;
        padding: 0 26px 0 27px; }
      .info-anchors-wrap .anchors-list li:last-child a {
        padding: 0 24px 0 25px;
        margin: 0 -5px 0 0; }
    .info-anchors-wrap .anchors-list a {
      display: block;
      text-align: center;
      color: #5c6064;
      border-left: 1px solid #d7d9d8;
      height: 36px;
      line-height: 36px;
      text-decoration: none;
      padding: 0 24px 0 25px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8e8e8+70,e8e8e8+100 */
      background: white;
      /* Old browsers */
      background: -moz-linear-gradient(top, white 0%, #e8e8e8 70%, #e8e8e8 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, white 0%, #e8e8e8 70%, #e8e8e8 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, white 0%, #e8e8e8 70%, #e8e8e8 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
      /* IE6-9 */ }
      .info-anchors-wrap .anchors-list a:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,efeeed+60,e0e0e0+100 */
        background: #f7f7f7;
        /* Old browsers */
        background: -moz-linear-gradient(top, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e0',GradientType=0 );
        /* IE6-9 */ }
      .info-anchors-wrap .anchors-list a.anchor-active {
        color: #262e3e;
        background: #fff;
        border-top: 3px solid #fcc743;
        margin-top: -1px;
        height: 37px;
        line-height: 32px;
        text-decoration: none; }
  @media all and (max-width: 1366px) {
    .info-anchors-wrap {
      height: 32px; }
      .info-anchors-wrap .anchors-list {
        margin-top: -8px; }
        .info-anchors-wrap .anchors-list li:first-child a {
          padding: 0 16px; }
        .info-anchors-wrap .anchors-list li:last-child a {
          padding: 0 18px; }
        .info-anchors-wrap .anchors-list a {
          padding: 0 17px;
          height: 32px;
          line-height: 32px; }
          .info-anchors-wrap .anchors-list a.anchor-active {
            height: 33px;
            line-height: 28px; }
      .info-anchors-wrap .anchors-list.compare-nav-fixed {
        width: 636px; } }

.share-wrap {
  margin: 0 0 38px;
  float: none; }
  .share-wrap .label {
    float: left;
    color: #61666b;
    line-height: 31px; }
  .share-wrap .social-list {
    float: left;
    margin-left: 13px; }
    .share-wrap .social-list li {
      margin: 0 6px 0 0; }
    .share-wrap .social-list a {
      color: #fff;
      width: 31px;
      height: 31px;
      line-height: 31px; }
      .share-wrap .social-list a.icon-footersoc1 {
        background: #6980a5; }
      .share-wrap .social-list a.icon-footersoc2 {
        background: #625ea4; }
      .share-wrap .social-list a.icon-footersoc3 {
        background: #7ecaf3; }
      .share-wrap .social-list a.icon-footersoc4 {
        background: #e75159; }
      .share-wrap .social-list a.icon-footersoc5 {
        background: #e12b28; }
  @media all and (max-width: 767px) {
    .share-wrap {
      margin: 0 0 20px; } }

.tech-char {
  padding: 0 0 7px;
  overflow: hidden; }
  .tech-char h2 {
    margin: 0 0 3px; }
  .tech-char .sub-title {
    display: block;
    margin: 0 0 20px;
    font-size: 15px;
    color: #5c6064; }
  .tech-char dl {
    overflow: hidden;
    margin: 0 0 30px;
    font-size: 14px;
    line-height: 34px; }
    .tech-char dl dt {
      float: left;
      width: 50%;
      font-weight: 600;
      text-align: right;
      padding: 0 12px 0 0; }
    .tech-char dl dd {
      display: block;
      padding: 0 0 0 12px;
      margin: 0;
      background: #f7f7f7; }
    .tech-char dl dt:hover,
    .tech-char dl dd:hover {
      background: #dddedd; }
    .tech-char dl dt:hover + dd,
    .tech-char dl dd:hover {
      background: #dddedd; }
    .tech-char dl .even {
      background: none; }

.item-description {
  padding: 0 0 29px; }
  .item-description h2 {
    margin: 0 0 3px; }
  .item-description .sub-title {
    display: block;
    margin: 0 0 20px;
    font-size: 15px;
    color: #5c6064; }
  .item-description ul {
    font-size: 15px;
    line-height: 23px;
    padding-bottom: 14px; }
    .item-description ul li {
      position: relative;
      padding: 0 0 0 17px;
      margin: 0 0 8px; }
      .item-description ul li:before {
        position: absolute;
        left: 0;
        top: 9px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #1e9fd7;
        content: ""; }
  .item-description .btn-holder {
    position: relative;
    z-index: 10; }
    .item-description .btn-holder:hover .popup {
      display: block; }
    .item-description .btn-holder .popup {
      position: absolute;
      top: 100%;
      left: 50%;
      width: 170px;
      margin-left: -85px;
      display: none; }
    .item-description .btn-holder .holder {
      background: #fff;
      padding: 13px;
      margin-top: 10px;
      position: relative;
      -webkit-box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.2);
      box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.2); }
      .item-description .btn-holder .holder:after, .item-description .btn-holder .holder:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .item-description .btn-holder .holder:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 5px;
        margin-left: -5px; }
      .item-description .btn-holder .holder:before {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px; }
    .item-description .btn-holder img {
      display: block;
      width: 100%;
      height: auto; }
    .item-description .btn-holder a {
      height: 50px;
      line-height: 48px;
      padding: 0 13px;
      border: 1px solid #edecec;
      display: block;
      border-radius: 2px;
      background: white;
      /* Old browsers */
      background: -moz-linear-gradient(top, white 1%, #fdfdfd 85%, #f2f2f3 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, white 1%, #fdfdfd 85%, #f2f2f3 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, white 1%, #fdfdfd 85%, #f2f2f3 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f3',GradientType=0 );
      /* IE6-9 */
      text-decoration: none;
      font-family: "Roboto"; }
      .item-description .btn-holder a:before {
        margin: 0 9px 0 0;
        font-size: 26px;
        vertical-align: top;
        font-family: "icomoon"; }
      .item-description .btn-holder a.instruction:before {
        color: #ed4758; }
      .item-description .btn-holder a.sert:before {
        color: #f6973d; }
      .item-description .btn-holder a.talon:before {
        color: #61ae61; }

.reviews-holder {
  padding: 0; }

.reviews-title {
  margin: 0 0 20px;
  position: relative;
  z-index: 3; }
  .reviews-title .dropdown-menu.open ul a {
    padding: 7px 18px 0; }
  .reviews-title h2 {
    float: left;
    font-size: 17px;
    line-height: 38px;
    margin: 0 20px 0 0; }
  .reviews-title .btn-blue {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    padding: 0 20px; }
  .reviews-title .sort-form {
    float: right;
    padding: 2px 0 0; }
    .reviews-title .sort-form label {
      color: #61666b;
      line-height: 34px;
      float: left;
      margin: 0 12px 0 0; }
  .reviews-title .sort-select {
    margin: 0; }

.review-info {
  margin: 0 0 10px;
  line-height: 28px; }
  .review-info .name {
    font-weight: 600;
    font-size: 15px;
    float: left;
    margin: 0 14px 0 0; }
  .review-info .date {
    font-size: 13px;
    color: #8e9192;
    float: left;
    padding: 1px 0 0; }
  .review-info .likes-holder {
    float: right;
    padding: 0 5px 0 0; }
    .review-info .likes-holder .label {
      float: left;
      font-size: 13px;
      font-weight: 600; }
    .review-info .likes-holder .like,
    .review-info .likes-holder .dislike {
      float: left;
      font-size: 13px;
      line-height: 26px;
      color: #5c6064;
      margin-left: 17px;
      font-family: "Roboto"; }
      .review-info .likes-holder .like:hover:before,
      .review-info .likes-holder .dislike:hover:before {
        color: #60aa4f; }
      .review-info .likes-holder .like:before,
      .review-info .likes-holder .dislike:before {
        color: #cde0c7;
        font-size: 24px;
        vertical-align: top;
        display: inline-block;
        margin: -2px 7px 0 0;
        font-family: "icomoon"; }
      .review-info .likes-holder .like:hover,
      .review-info .likes-holder .dislike:hover {
        text-decoration: none; }
    .review-info .likes-holder .dislike:hover:before {
      color: #e63230; }
    .review-info .likes-holder .dislike:before {
      color: #fac4b5;
      padding: 4px 0 0;
      margin: 0 7px 0 0; }
  @media all and (max-width: 767px) {
    .review-info {
      margin: 0 0 5px; }
      .review-info:last-child {
        margin: 0; }
      .review-info .name {
        font-weight: normal;
        font-size: 13px; }
      .review-info .date {
        font-size: 11px;
        float: right; }
      .review-info .likes-holder {
        float: none; }
        .review-info .likes-holder .label {
          float: left;
          font-weight: normal;
          font-size: 13px; }
        .review-info .likes-holder .like,
        .review-info .likes-holder .dislike {
          float: right; } }

.reviews-box {
  background: #f7f7f7;
  border-radius: 2px;
  padding: 18px 40px 16px 21px;
  margin: 0 0 30px;
  position: relative; }
  .reviews-box.reviews-box-own {
    background: #e8f0f9; }
    .reviews-box.reviews-box-own:after {
      border-color: rgba(232, 240, 249, 0);
      border-bottom-color: #e8f0f9; }
    .reviews-box.reviews-box-own:before {
      border-color: rgba(232, 240, 249, 0);
      border-bottom-color: #e8f0f9;
      border-width: 10px; }
    .reviews-box.reviews-box-own:after, .reviews-box.reviews-box-own:before {
      display: none; }
  .reviews-box:after, .reviews-box:before {
    bottom: 100%;
    left: 21px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .reviews-box:after {
    border-color: rgba(247, 247, 247, 0);
    border-bottom-color: #f7f7f7;
    border-width: 5px; }
  .reviews-box:before {
    border-color: rgba(247, 247, 247, 0);
    border-bottom-color: #f7f7f7;
    border-width: 10px; }
  .reviews-box .info-line {
    margin: 0 0 12px; }
    .reviews-box .info-line .label {
      float: left;
      font-weight: 600;
      margin: 0 9px 0 0;
      font-size: 13px; }
    .reviews-box .info-line .star-rating {
      margin: 0 33px 0 0; }
    .reviews-box .info-line .term {
      color: #5c6064;
      font-size: 13px;
      float: left; }
  .reviews-box p {
    margin: 0 0 16px;
    line-height: 19px; }
  .reviews-box .positive,
  .reviews-box .negative {
    display: block;
    line-height: 19px;
    padding: 0 0 0 27px;
    position: relative;
    margin: 0 0 10px; }
    .reviews-box .positive:before,
    .reviews-box .negative:before {
      position: absolute;
      top: 0;
      left: 0;
      height: 18px;
      width: 18px;
      border: 1px solid #63af62;
      content: "+";
      border-radius: 50%;
      text-align: center;
      line-height: 16px;
      color: #63af62;
      padding: 0 0 0 1px; }
  .reviews-box .negative:before {
    content: "-";
    border: 1px solid #ee504a;
    color: #ee504a;
    font-size: 20px; }
  .reviews-box .leave-comment {
    font-weight: 500;
    border-bottom: 1px dashed #0f5d86;
    text-decoration: none; }
  @media all and (max-width: 767px) {
    .reviews-box {
      padding: 0;
      margin: 0 0 12px; }
      .reviews-box .leave-comment {
        margin: 0;
        display: inline-block;
        vertical-align: top;
        position: relative; }
        .reviews-box .leave-comment:before {
          content: '';
          position: absolute;
          top: 0;
          left: -15px;
          width: 15px;
          height: 20px;
          background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 82%, white 100%);
          background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 82%, white 100%);
          background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 82%, white 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }
      .reviews-box.expanded .slide {
        display: inline !important; }
      .reviews-box.expanded .opener {
        display: none; } }

.review-comment-wrap {
  padding: 0 0 0 95px; }
  .review-comment-wrap .reviews-box-own:after, .review-comment-wrap .reviews-box-own:before {
    display: block; }
  @media all and (max-width: 767px) {
    .review-comment-wrap {
      padding: 0; } }

.review-form {
  background: #eef4fa;
  padding: 30px 39px 33px 40px;
  margin: 0 0 30px; }
  .review-form h3 {
    margin: 0 0 20px; }
  .review-form .wrap {
    background: #e0ebf7;
    margin: 0 0 10px;
    border-radius: 2px; }
    .review-form .wrap label {
      float: left;
      width: 27%;
      background: #e0ebf7;
      padding: 0 10px 0 13px;
      line-height: 40px;
      height: 40px; }
    .review-form .wrap .star-rating {
      padding: 12px 8px 0 0; }
    .review-form .wrap .status {
      line-height: 40px;
      font-size: 13px;
      color: #8e9192;
      float: left; }
  .review-form .text-wrap {
    overflow: hidden; }
  .review-form .text {
    width: 100%;
    padding: 10px 13px;
    background: #fff;
    border: 1px solid #e1e2e1;
    height: 40px;
    line-height: 20px;
    border-radius: 0 2px 2px 0; }
  .review-form textarea.text {
    height: 100px;
    overflow: auto;
    resize: none; }
    .review-form textarea.text.text-middle {
      height: 70px; }
  .review-form .check-holder label:after {
    background: #fff; }
  @media all and (max-width: 1366px) {
    .review-form .wrap label {
      width: 32%; } }
  @media all and (max-width: 767px) {
    .review-form {
      padding: 20px;
      background: #dbe8f3; }
      .review-form h3 {
        margin: 0 0 10px; }
      .review-form .wrap {
        background: none; }
        .review-form .wrap label {
          display: block;
          background: none;
          width: auto;
          float: none;
          padding: 0 0 2px;
          height: auto;
          line-height: 20px; }
        .review-form .wrap .star-rating {
          padding-top: 3px; }
          .review-form .wrap .star-rating li {
            margin-right: 2px; }
        .review-form .wrap .status {
          line-height: 26px; }
      .review-form .check-holder {
        padding-top: 0; } }

.payment-box .sub-title,
.delivery-box .sub-title {
  display: block;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  margin: 0 0 4px; }

.tabset {
  width: 100%;
  border-bottom: 1px solid #d7d9d8;
  margin: 0 0 20px; }
  .tabset li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1px 0 0; }
  .tabset.tabset-brands {
    margin: 0 0 9px; }
    .tabset.tabset-brands li {
      width: 50%;
      margin: 0 -4px 0 0;
      padding: 0 3px; }
      .tabset.tabset-brands li:first-child {
        padding-left: 0; }
      .tabset.tabset-brands li:last-child {
        padding-right: 0; }
    .tabset.tabset-brands a {
      height: 42px;
      line-height: 42px; }
      .tabset.tabset-brands a.active {
        height: 43px;
        line-height: 38px; }
  .tabset a {
    display: block;
    text-align: center;
    color: #888;
    border: 1px solid #d7d9d8;
    border-bottom: 0;
    height: 36px;
    line-height: 36px;
    background: #f7f7f7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 );
    /* IE6-9 */
    padding: 0 20px;
    font-size: 16px; }
    .tabset a:hover {
      color: #5c6064;
      text-decoration: none;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,efeeed+60,e0e0e0+100 */
      background: #f7f7f7;
      /* Old browsers */
      background: -moz-linear-gradient(top, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #f7f7f7 0%, #efeeed 60%, #e0e0e0 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e0',GradientType=0 );
      /* IE6-9 */ }
    .tabset a.active {
      color: #262e3e;
      background: #fff;
      border-top: 3px solid #fcc743;
      height: 37px;
      line-height: 32px;
      margin-bottom: -1px; }
  @media all and (max-width: 1366px) {
    .tabset a {
      padding: 0 17px; } }

.info-heading {
  margin: 0 0 14px; }
  .info-heading h2 {
    margin: 0 0 3px !important; }
  .info-heading .sub-title {
    display: block;
    font-size: 15px;
    color: #5c6064; }

.same-brand-list {
  margin: 0 -15px; }
  .same-brand-list li {
    margin-bottom: 30px; }
  .same-brand-list a {
    display: block;
    border: 1px solid #e0e1e0;
    border-radius: 2px;
    padding: 15px 14px 15px;
    overflow: hidden;
    text-decoration: none;
    position: relative; }
    .same-brand-list a:before {
      position: absolute;
      right: 0;
      width: 60%;
      bottom: 0;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+71 */
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 71%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 71%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 71%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
      /* IE6-9 */
      content: "";
      height: 20px; }
    .same-brand-list a.disabled .image,
    .same-brand-list a.disabled span {
      opacity: 0.6; }
    .same-brand-list a:hover {
      -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); }
      .same-brand-list a:hover span {
        text-decoration: underline; }
        .same-brand-list a:hover span h3 {
          color: #2078b6; }
    .same-brand-list a .image {
      display: inline-block;
      vertical-align: middle;
      width: 63px;
      height: 63px;
      margin: 0 20px 0 0; }
      .same-brand-list a .image:before {
        display: inline-block;
        vertical-align: middle;
        width: 0;
        margin: 0 -4px 0 0;
        height: 100%;
        content: ""; }
      .same-brand-list a .image img {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%; }
    .same-brand-list a span {
      display: inline-block;
      vertical-align: middle;
      width: 60%;
      max-height: 57px; }
      .same-brand-list a span h3 {
        color: #075685;
        letter-spacing: 0;
        line-height: 19px; }
      .same-brand-list a span .h6 {
        font-size: 14px !important; }
  @media all and (max-width: 1366px) {
    .same-brand-list {
      margin: 0 -10px; }
      .same-brand-list a span {
        width: 55%; } }

.sets-carousel {
  position: relative;
  padding: 15px 0 0; }
  .sets-carousel .gmask {
    position: relative;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    padding: 40px 0 0;
    margin: 0 0 20px; }
  .sets-carousel .slideset {
    list-style: none;
    width: 99999px;
    float: left;
    padding: 0;
    margin: 0; }
  .sets-carousel .slide {
    float: left;
    width: 100%;
    padding: 0 29px 40px;
    position: relative; }
  .sets-carousel .pagination ul {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0; }
  .sets-carousel .pagination li {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px; }
    .sets-carousel .pagination li.active a {
      background: #1e9fd7; }
  .sets-carousel .pagination a {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: #e0dfdf;
    border-radius: 2px;
    width: 50px;
    height: 6px; }
  .sets-carousel .btn-prev,
  .sets-carousel .btn-next {
    position: absolute;
    top: 50%;
    left: -24px;
    text-align: center;
    border: 1px solid #d6d7d7;
    border-radius: 2px;
    z-index: 4;
    width: 49px;
    height: 49px;
    color: #bfc1c1;
    font-size: 28px;
    line-height: 47px;
    margin-top: -35px;
    background: #f7f7f7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 );
    /* IE6-9 */ }
    .sets-carousel .btn-prev:hover,
    .sets-carousel .btn-next:hover {
      text-decoration: none;
      color: #646869; }
  .sets-carousel .btn-next {
    left: auto;
    right: -24px; }
  .sets-carousel .column {
    float: left;
    width: 25%;
    padding: 0 21px; }
    .sets-carousel .column:before {
      position: absolute;
      top: 164px;
      font-size: 24px;
      line-height: 24px;
      z-index: 5;
      margin-top: 0;
      margin-left: -34px;
      color: #c7c9c8; }
  .sets-carousel .twoset .column {
    width: 33.33333%; }
  .sets-carousel .image {
    width: 100%;
    height: 200px;
    text-align: center;
    margin: 0 0 5px;
    position: relative; }
    .sets-carousel .image:before {
      display: inline-block;
      vertical-align: middle;
      width: 0;
      margin: 0 -4px 0 0;
      content: "";
      height: 100%; }
    .sets-carousel .image img {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      height: auto;
      max-height: 98%;
      max-width: 98%; }
  .sets-carousel .price {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #2D313F;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    background: #eff3fa;
    border-radius: 3px;
    margin: 0 0 13px;
    font-family: 'Roboto'; }
    .sets-carousel .price span {
      font-weight: bold;
      font-size: 15px;
      letter-spacing: 1px; }
  .sets-carousel .old-price {
    margin: 0 20px 0 0;
    font-family: "Roboto"; }
  .sets-carousel .title {
    display: block;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 9px;
    font-family: 'Roboto'; }
  .sets-carousel .set-price-wrap {
    padding: 80px 0 0;
    margin: 0 0 10px;
    text-align: center; }
    .sets-carousel .set-price-wrap .old-price {
      font-size: 18px;
      margin: 0 0 8px; }
    .sets-carousel .set-price-wrap .price {
      display: block;
      font-size: 22px;
      line-height: 48px;
      height: 48px;
      max-width: 220px;
      margin: 0 auto 9px; }
    .sets-carousel .set-price-wrap .btn-yellow, .sets-carousel .set-price-wrap .btn-blue, .sets-carousel .set-price-wrap .btn-black, .sets-carousel .set-price-wrap .btn-gray, .sets-carousel .set-price-wrap .btn-gray2 {
      display: block;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 1px;
      font-family: 'Roboto';
      height: 50px;
      line-height: 50px;
      max-width: 220px;
      margin: 0 auto 20px;
      padding: 0; }
    .sets-carousel .set-price-wrap .sale {
      display: block;
      font-size: 15px;
      color: #62ae60;
      font-family: "Roboto"; }
  @media all and (max-width: 1366px) {
    .sets-carousel .old-price {
      margin: 0 5px 0 0; } }

.fixed-wrap2 .fixed-block {
  width: 285px; }

@media all and (max-width: 1366px) {
  .fixed-wrap2 .fixed-block {
    width: 246px; } }

.fixed-wrap {
  position: relative; }
  .fixed-wrap .col-xs-4 {
    position: static; }

.col-static {
  position: static !important; }

.compare-sort {
  margin: 0 0 20px; }
  .compare-sort .label {
    display: block;
    font-size: 15px;
    float: left;
    margin: 0 18px 0 0; }
  .compare-sort .radio-list {
    float: left; }
    .compare-sort .radio-list li {
      float: left;
      margin: 0 26px 0 0; }

.radio-list {
  padding-top: 2px; }
  .radio-list .radio {
    display: none; }
  .radio-list li {
    display: block;
    font-size: 13px;
    margin: 0 0 10px; }
  .radio-list label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 22px; }
    .radio-list label:before {
      position: absolute;
      top: 2px;
      left: 0;
      content: "";
      border: 1px solid #ced0d0;
      width: 13px;
      height: 13px;
      border-radius: 50%; }
    .radio-list label:after {
      position: absolute;
      top: 6px;
      left: 4px;
      content: "";
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #252e3d;
      display: none; }
  .radio-list .radio:checked + label:before {
    border: 1px solid #fcc743;
    background: #fcc743; }
  .radio-list .radio:checked + label:after {
    display: block; }
  .radio-list .delete {
    margin-left: 3px;
    display: inline-block;
    vertical-align: top;
    color: #e23c52;
    font-size: 32px;
    line-height: 18px;
    text-decoration: none; }
    .radio-list .delete:hover {
      text-decoration: none; }

.compare-container {
  border: 1px solid #eae9e9;
  border-radius: 2px;
  overflow: hidden;
  margin: 0 0 80px;
  position: relative; }
  .compare-container .hider-l {
    display: none;
    position: fixed;
    height: 200px;
    background: #f3f2f1;
    width: 1000px;
    top: 0;
    margin-left: -1001px;
    z-index: 4;
    overflow: hidden; }
    .compare-container .hider-l:before {
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      content: "";
      background: #fff;
      width: 60px;
      -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
  .compare-container .hider-r {
    display: none;
    position: fixed;
    height: 200px;
    background: #f3f2f1;
    width: 1000px;
    top: 0;
    margin-right: -1001px;
    margin-left: 1109px;
    z-index: 4;
    overflow: hidden; }
    .compare-container .hider-r:before {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      content: "";
      background: #fff;
      width: 60px;
      -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
  .compare-container .info-col {
    float: left;
    width: 277px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 3; }
  .compare-container .compare-param {
    height: 353px;
    background: #f3f2f1;
    border-bottom: 1px solid #dddedd; }
  .compare-container .char-title {
    height: 64px;
    padding: 30px 0 0 19px; }
    .compare-container .char-title h3 {
      margin: 0; }
  .compare-container .compare-char {
    border-top: 1px solid #d9dada; }
    .compare-container .compare-char li {
      height: 35px;
      line-height: 35px;
      overflow: hidden;
      padding: 0 0 0 20px; }
      .compare-container .compare-char li:nth-child(2n+1) {
        background: #f3f2f1; }
      .compare-container .compare-char li:hover, .compare-container .compare-char li.row-hovered {
        background: #dddedd; }
  .compare-container .info-col .compare-char li {
    font-weight: bold; }
  .compare-container .sliders-col {
    overflow: hidden; }
  .compare-container .compare-item {
    position: relative;
    height: 353px;
    border-bottom: 1px solid #dddedd;
    margin: 0 0 64px; }
  .compare-container .gmask {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left; }
  .compare-container .slideset {
    list-style: none;
    width: 99999px;
    float: left;
    padding: 0;
    margin: 0; }
  .compare-container .slide {
    float: left;
    width: 277px;
    border-left: 2px solid #eae9e9; }
    .compare-container .slide:first-child {
      border-left: 0; }
      .compare-container .slide:first-child .fixed-item-compare.fixed-position {
        width: 277px; }
  .compare-container .navigation-wrap {
    height: 92px; }
  .compare-container .fixed-slide-nav {
    width: 278px;
    height: 92px;
    padding: 15px 20px 0 20px;
    background: #f3f2f1;
    z-index: 10;
    border-left: 1px solid #eae9e9;
    margin-left: -1px; }
    .compare-container .fixed-slide-nav.fixed-position {
      height: 100px;
      padding-top: 20px; }
    .compare-container .fixed-slide-nav .number {
      float: left;
      line-height: 18px;
      color: #61666b; }
      .compare-container .fixed-slide-nav .number span {
        font-weight: 600; }
    .compare-container .fixed-slide-nav .wrap {
      margin: 0 0 14px; }
    .compare-container .fixed-slide-nav.fixed-position {
      border-bottom: 1px solid #d7d9d8; }
    .compare-container .fixed-slide-nav.fixed-slide-nav-hidden .btn-prev,
    .compare-container .fixed-slide-nav.fixed-slide-nav-hidden .btn-next,
    .compare-container .fixed-slide-nav.fixed-slide-nav-hidden .pagination {
      visibility: hidden; }
  .compare-container .btn-prev,
  .compare-container .btn-next {
    float: right;
    text-align: center;
    border: 1px solid #d6d7d7;
    border-radius: 2px;
    z-index: 4;
    width: 35px;
    height: 35px;
    color: #bfc1c1;
    font-size: 28px;
    line-height: 35px;
    margin-top: 2px;
    background: #f7f7f7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7f7f7 0%, #f7f7f7 70%, #e8e8e8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 );
    /* IE6-9 */
    margin: 0 0 0 11px; }
    .compare-container .btn-prev:hover,
    .compare-container .btn-next:hover {
      text-decoration: none;
      color: #646869; }
  .compare-container .btn-next {
    left: auto;
    right: -24px; }
  .compare-container .pagination ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .compare-container .pagination li {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0; }
    .compare-container .pagination li.active a {
      background: #1e9fd7; }
  .compare-container .pagination a {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: #e0dfdf;
    border-radius: 2px;
    width: 43px;
    height: 5px; }
  .compare-container .social-list {
    float: left; }
    .compare-container .social-list li {
      margin: 0 6px 0 0; }
    .compare-container .social-list a {
      color: #fff;
      width: 31px;
      height: 31px;
      line-height: 31px; }
      .compare-container .social-list a.icon-footersoc1 {
        background: #6980a5; }
      .compare-container .social-list a.icon-footersoc2 {
        background: #625ea4; }
      .compare-container .social-list a.icon-footersoc3 {
        background: #7ecaf3; }
      .compare-container .social-list a.icon-footersoc4 {
        background: #e75159; }
      .compare-container .social-list a.icon-footersoc5 {
        background: #e12b28; }
  .compare-container .text-box {
    padding: 0 19px; }
    .compare-container .text-box .title {
      display: block;
      font-size: 15px;
      line-height: 18px;
      margin: 0 0 8px; }
  .compare-container .radio-list {
    padding-bottom: 7px; }
  .compare-container .btn-gray {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e6e5+0,e7e6e5+65,d8d8d7+100 */
    background: #e7e6e5;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e7e6e5 0%, #e7e6e5 65%, #d8d8d7 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e7e6e5 0%, #e7e6e5 65%, #d8d8d7 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e7e6e5 0%, #e7e6e5 65%, #d8d8d7 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e6e5', endColorstr='#d8d8d7',GradientType=0 );
    /* IE6-9 */
    margin: 0 0 19px; }
    .compare-container .btn-gray:hover {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e6e5+0,e7e6e5+50,d8d8d7+100 */
      background: #e7e6e5;
      /* Old browsers */
      background: -moz-linear-gradient(top, #e7e6e5 0%, #e7e6e5 50%, #d8d8d7 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #e7e6e5 0%, #e7e6e5 50%, #d8d8d7 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #e7e6e5 0%, #e7e6e5 50%, #d8d8d7 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e6e5', endColorstr='#d8d8d7',GradientType=0 );
      /* IE6-9 */ }
  .compare-container .print {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    font-family: "Roboto";
    margin: 0 0 14px; }
    .compare-container .print:before {
      font-family: "icomoon";
      font-size: 16px;
      line-height: 22px;
      display: inline-block;
      vertical-align: middle;
      margin: 0 6px 0 0; }
  .compare-container .fixed-item-compare {
    padding: 13px 19px 0; }
    .compare-container .fixed-item-compare .image {
      display: table;
      width: 100%;
      height: 119px;
      margin-bottom: 13px;
      position: relative; }
      .compare-container .fixed-item-compare .image a {
        display: table-cell;
        vertical-align: middle;
        height: 119px; }
      .compare-container .fixed-item-compare .image img {
        display: block;
        margin: 0 auto;
        width: auto;
        height: auto;
        max-width: 90%;
        max-height: 100%; }
    .compare-container .fixed-item-compare .rating-wrap {
      margin: 0 0 6px; }
    .compare-container .fixed-item-compare .comments {
      font-size: 13px;
      letter-spacing: 1px;
      line-height: 18px;
      font-family: 'Roboto';
      float: left;
      padding-left: 1px; }
      .compare-container .fixed-item-compare .comments:before {
        font-size: 24px;
        margin-right: 5px;
        margin-top: 2px;
        display: inline-block;
        vertical-align: top;
        font-family: 'icomoon'; }
    .compare-container .fixed-item-compare .title {
      display: block;
      font-size: 17px;
      line-height: 23px;
      letter-spacing: 1px;
      margin: 0 0 8px;
      height: 69px;
      overflow: hidden;
      position: relative;
      color: #075685; }
      .compare-container .fixed-item-compare .title:hover {
        color: #2078b6;
        text-decoration: underline; }
      .compare-container .fixed-item-compare .title:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 10px;
        content: "";
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        /* IE6-9 */ }
    .compare-container .fixed-item-compare .price {
      display: inline-block;
      vertical-align: top;
      font-weight: bold;
      font-size: 18px;
      letter-spacing: 1.5px;
      color: #2D313F;
      padding: 0 10px;
      height: 35px;
      line-height: 35px;
      background: #eff3fa;
      border-radius: 3px;
      margin: 0 0 13px; }
      .compare-container .fixed-item-compare .price span {
        font-weight: bold;
        font-size: 15px;
        letter-spacing: 1px; }
    .compare-container .fixed-item-compare .btns-wrap {
      margin-bottom: 10px; }
    .compare-container .fixed-item-compare .delete {
      position: absolute;
      top: 9px;
      right: 10px;
      width: 18px;
      height: 18px;
      background: #e23c52;
      color: #fff;
      border-radius: 50%;
      text-align: center;
      line-height: 18px;
      font-size: 24px; }
  .compare-container .fixed-item-compare.fixed-position {
    left: auto !important;
    width: 275px;
    height: 100px;
    background: #fff;
    border-bottom: 1px solid #d7d9d8;
    padding-top: 12px;
    overflow: hidden; }
    .compare-container .fixed-item-compare.fixed-position:hover {
      height: 161px; }
    .compare-container .fixed-item-compare.fixed-position .image {
      float: left;
      width: 80px;
      padding: 0 19px 0 0;
      height: 72px; }
      .compare-container .fixed-item-compare.fixed-position .image a {
        height: 72px; }
    .compare-container .fixed-item-compare.fixed-position .rating-wrap {
      display: none; }
    .compare-container .fixed-item-compare.fixed-position .title {
      font-size: 13px;
      line-height: 16px;
      height: 47px;
      margin: 0 0 6px;
      letter-spacing: 0;
      padding: 0 10px 0 0; }
    .compare-container .fixed-item-compare.fixed-position .price {
      height: 23px;
      line-height: 23px;
      font-size: 12px;
      padding: 0 6px;
      font-weight: bold;
      letter-spacing: 0;
      display: inline-block;
      vertical-align: top; }
      .compare-container .fixed-item-compare.fixed-position .price span {
        font-size: 11px;
        font-weight: normal; }
  @media all and (max-width: 1366px) {
    .compare-container .hider-r {
      margin-left: 963px; }
      .compare-container .hider-r:before {
        width: 55px; }
    .compare-container .hider-l:before {
      width: 55px; }
    .compare-container .slide {
      width: 228px;
      border-left: 1px solid #eae9e9; }
      .compare-container .slide:first-child {
        width: 229px;
        border: 0; }
        .compare-container .slide:first-child .fixed-item-compare.fixed-position {
          width: 229px; }
      .compare-container .slide .btn-yellow, .compare-container .slide .btn-blue, .compare-container .slide .btn-black, .compare-container .slide .btn-gray, .compare-container .slide .btn-gray2 {
        padding: 0 16px; }
      .compare-container .slide .fixed-item-compare.fixed-position {
        width: 227px;
        padding: 13px 28px 0 16px; }
        .compare-container .slide .fixed-item-compare.fixed-position .image {
          padding: 0 16px 0 0;
          width: 76px; }
    .compare-container .fixed-item-compare .delete {
      top: 7px;
      right: 7px; } }

.table-alert {
  color: #e23c52;
  font-size: 13px;
  display: block;
  padding: 13px 0 0; }

.modal-product {
  width: 850px;
  padding: 0; }
  .modal-product .holder {
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0; }
  .modal-product .title-row {
    background: #f3f2f1;
    padding: 15px 55px 15px 30px;
    background: #f3f2f1;
    border-radius: 3px 3px 0 0;
    overflow: hidden; }
    .modal-product .title-row .btn-yellow, .modal-product .title-row .btn-blue, .modal-product .title-row .btn-black, .modal-product .title-row .btn-gray, .modal-product .title-row .btn-gray2 {
      margin-left: 24px; }
    .modal-product .title-row .price {
      float: right;
      font-size: 17px;
      line-height: 41px;
      font-weight: bold; }
      .modal-product .title-row .price span {
        font-weight: normal;
        font-size: 15px; }
  .modal-product .product-name {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    display: block;
    overflow: hidden;
    padding: 8px 20px 8px 0;
    font-weight: 500; }
  .modal-product .product-preview {
    padding: 20px 20px 20px 90px;
    overflow: hidden;
    text-indent: -9999px; }

#ninja-slider {
  width: 600px;
  padding: 0px;
  float: left;
  overflow: hidden;
  box-sizing: border-box; }

#ninja-slider.fullscreen {
  background: black; }

#ninja-slider div.fs-icon {
  top: 10px;
  right: 6px;
  width: 60px;
  height: 26px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  color: white;
  text-align: center;
  font: bold 11px/26px arial;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  opacity: 0;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s; }

#ninja-slider .slider-inner:hover div.fs-icon,
#ninja-slider.fullscreen div.fs-icon {
  opacity: 1; }

#ninja-slider .slider-inner {
  margin: 0 auto;
  /*center-aligned */
  font-size: 0px;
  position: relative;
  box-sizing: border-box; }

#ninja-slider.fullscreen .slider-inner {
  width: 100%;
  max-width: 950px; }

#ninja-slider ul {
  /*width:100%;*/
  /*overflow:hidden;*/
  position: relative;
  list-style: none;
  padding: 0 !important;
  box-sizing: border-box;
  touch-action: pan-y;
  height: 500px !important; }

#ninja-slider li {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  font-size: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  box-sizing: border-box; }

#ninja-slider li.ns-show {
  opacity: 1; }

/* --------- slider image ------- */
#ninja-slider .ns-img {
  background-size: contain;
  /*Note: If transitionType is zoom, it will be overridden to cover.*/
  cursor: default;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center; }

/* ---------If there are videos ------- */
#ninja-slider .video {
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute; }

#ninja-slider .video iframe {
  display: block;
  margin: 80px auto 0;
  position: relative; }

/* And if you have added the HTML: <div class="video-playbutton-layer"></div> */
.video-playbutton-layer {
  background: transparent url(../css-img/video.png) no-repeat center center; }

/* And if you have YouTube or Vimeo */
#ninja-slider div.stopVideoIcon {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  right: 0px;
  margin: 0 0 6px 6px;
  background: rgba(0, 0, 0, 0.7);
  border-bottom-left-radius: 4px;
  cursor: pointer; }

#ninja-slider div.stopVideoIcon::before {
  content: "+";
  color: white;
  font: bold 30px/30px arial;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block; }

/* ---------Arrow buttons ------- */
/* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */
#ninja-slider-pause-play {
  display: none; }

#ninja-slider-prev, #ninja-slider-next {
  position: absolute;
  width: 42px;
  height: 85px;
  line-height: 85px;
  top: 50%;
  margin-top: -42px;
  color: #d9dad9;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  z-index: 10;
  cursor: pointer;
  font-family: "icomoon";
  font-size: 85px;
  text-indent: 0; }

#ninja-slider-prev div, #ninja-slider-next div {
  display: none; }

#ninja-slider-prev {
  left: 0; }

#ninja-slider-prev:before {
  content: "\e636"; }

#ninja-slider-next {
  right: 0; }

#ninja-slider-next:before {
  content: "\e637"; }

#ninja-slider-pager {
  display: none; }

/*---------------------------- Thumbnails ----------------------------*/
#thumbnail-slider {
  height: 308px;
  display: inline-block;
  padding: 0;
  /*Increse its value if want to move the arrows out of the div.inner */
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  float: right;
  width: 61px;
  margin-top: 44px; }

#thumbnail-slider div.inner {
  /*the followings should not be changed */
  height: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin: 0; }

#thumbnail-slider div.inner ul {
  /*the followings should not be changed */
  position: relative;
  left: 0;
  top: 0;
  list-style: none;
  font-size: 0;
  padding: 0;
  margin: 0;
  float: left !important;
  width: auto !important;
  height: auto !important; }

#thumbnail-slider ul li {
  opacity: 1;
  display: block;
  margin: 0 0 16px;
  /* Spacing between thumbs*/
  transition: all 0.5s;
  text-align: center;
  padding: 0;
  position: relative;
  list-style: none;
  backface-visibility: hidden;
  border: 1px solid #e0e1e0;
  border-radius: 2px; }

#thumbnail-slider ul li.active {
  border: 1px solid #69b1df; }

#thumbnail-slider li:hover {
  border: 1px solid #69b1df; }

#thumbnail-slider .thumb {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  position: absolute;
  font-size: 0; }

/* --------- navigation controls ------- */
/* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */
#thumbnail-slider-pause-play {
  display: none; }

/*.pause*/
#thumbnail-slider-prev, #thumbnail-slider-next {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0;
  color: white;
  z-index: 10;
  cursor: pointer;
  transition: opacity 0.6s;
  *background-color: #ccc;
  /*IE7 hack*/
  backface-visibility: hidden;
  display: none; }

#thumbnail-slider-prev {
  top: 0; }

#thumbnail-slider-next {
  bottom: 0; }

#thumbnail-slider-next.disabled, #thumbnail-slider-prev.disabled {
  opacity: 0.1;
  cursor: default; }

/* arrows */
#thumbnail-slider-prev::before, #thumbnail-slider-next::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  border-left: 4px solid white;
  border-top: 4px solid white; }

#thumbnail-slider-prev::before {
  top: 12px;
  -ms-transform: rotate(-45deg);
  /*IE9*/
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

#thumbnail-slider-next::before {
  bottom: 12px;
  -ms-transform: rotate(135deg);
  /*IE9*/
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.brands-sort {
  margin: 0 0 18px;
  position: relative;
  z-index: 3; }
  .brands-sort .sort-select {
    width: 100%; }
  @media all and (max-width: 767px) {
    .brands-sort .submit {
      width: 100%;
      margin: 0; }
    .brands-sort .sort-select:last-child .dropdown-toggle {
      margin: 0; }
    .brands-sort .sort-select .dropdown-toggle {
      height: 40px;
      margin: 0 0 10px; }
      .brands-sort .sort-select .dropdown-toggle:after {
        line-height: 40px; } }

.brands-nav {
  position: relative;
  z-index: 2; }
  .brands-nav li:hover, .brands-nav li.active {
    z-index: 3;
    position: relative; }
  .brands-nav li.active a {
    overflow: visible; }
    .brands-nav li.active a:before {
      background: -moz-linear-gradient(left, rgba(230, 238, 248, 0) 0%, #e6eef8 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(230, 238, 248, 0) 0%, #e6eef8 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(230, 238, 248, 0) 0%, #e6eef8 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e6eef8', endColorstr='#e6eef8',GradientType=1 );
      /* IE6-9 */
      right: 1px;
      top: 1px;
      bottom: 1px; }
    .brands-nav li.active a div {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      border: 1px solid #c9def2;
      background: #e6eef8;
      color: #262e3e;
      padding: 0 10px;
      overflow: hidden; }
    .brands-nav li.active a:hover div {
      overflow: visible;
      right: auto;
      background: #e6eef8;
      z-index: 3; }
  .brands-nav li h2 {
    margin: 0; }
  .brands-nav li a {
    display: block;
    height: 34px;
    padding: 0 0 0 10px;
    font-size: 14px;
    line-height: 32px;
    text-decoration: none;
    border: 1px solid rgba(201, 222, 242, 0);
    position: relative;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden; }
    .brands-nav li a:before {
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 2;
      position: absolute;
      content: "";
      width: 20px;
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
      /* IE6-9 */ }
    .brands-nav li a:hover {
      overflow: visible; }
      .brands-nav li a:hover:before {
        display: none; }
      .brands-nav li a:hover div {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        overflow: visible;
        padding: 0 10px; }
  .brands-nav li span {
    color: #676c70; }

.lk-nav {
  border: 1px solid #d9dbda; }
  .lk-nav li {
    border-top: 1px solid #d9dbda; }
    .lk-nav li:first-child {
      border: 0; }
    .lk-nav li.active a {
      background: #fff;
      color: #252e3d;
      border-left: 2px solid #f9c84e;
      margin-left: -1px;
      padding-left: 13px; }
      .lk-nav li.active a:before {
        color: #0c5d87; }
  .lk-nav a {
    display: block;
    height: 52px;
    padding: 10px 0 10px 14px;
    color: #7d8182;
    line-height: 32px;
    font-family: "Roboto";
    background: #f3f2f1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f3f2f1 0%, #f3f2f1 70%, #dfdfde 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f3f2f1 0%, #f3f2f1 70%, #dfdfde 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f3f2f1 0%, #f3f2f1 70%, #dfdfde 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f2f1', endColorstr='#dfdfde',GradientType=0 );
    /* IE6-9 */ }
    .lk-nav a:hover {
      text-decoration: none;
      background: #f7f7f6;
      /* Old browsers */
      background: -moz-linear-gradient(top, #f7f7f6 0%, #f3f2f1 20%, #e2e2e2 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #f7f7f6 0%, #f3f2f1 20%, #e2e2e2 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #f7f7f6 0%, #f3f2f1 20%, #e2e2e2 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f6', endColorstr='#e2e2e2',GradientType=0 );
      /* IE6-9 */ }
    .lk-nav a:before {
      font-family: "icomoon";
      font-size: 30px;
      width: 32px;
      display: inline-block;
      vertical-align: middle;
      margin: -2px 11px 0 0;
      color: #6e7273; }
  @media all and (max-width: 1366px) {
    .lk-nav a {
      font-size: 13px; }
      .lk-nav a:before {
        width: 23px;
        margin: -4px 6px 0 0;
        font-size: 22px; } }
  @media all and (max-width: 767px) {
    .lk-nav {
      margin: 0 0 30px; }
      .lk-nav a:before {
        color: #777778; } }

.lk-form {
  float: none !important;
  width: auto !important;
  margin: 0 !important; }
  .lk-form .form-row label {
    width: 190px;
    font-weight: 500; }
  .lk-form .text-wrap {
    overflow: hidden; }
    .lk-form .text-wrap .text {
      width: 100%; }
  .lk-form .change-pass {
    text-decoration: none;
    border-bottom: 1px dashed #0f5d86;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 16px; }
  .lk-form .btns-wrap .btn-yellow, .lk-form .btns-wrap .btn-blue, .lk-form .btns-wrap .btn-black, .lk-form .btns-wrap .btn-gray, .lk-form .btns-wrap .btn-gray2 {
    margin: 0 16px 0 0; }

.social-info p {
  color: #5c6064;
  line-height: 21px;
  margin: 0 0 14px; }

.settings-list li {
  margin: 0 0 18px; }

.settings-list .check-holder {
  padding: 0; }
  .settings-list .check-holder label {
    padding: 0 0 0 32px; }
    .settings-list .check-holder label:after {
      width: 20px;
      height: 20px;
      top: 0;
      margin: 0; }
    .settings-list .check-holder label p {
      display: block;
      font-size: 15px;
      line-height: 18px;
      color: #262e3e;
      font-weight: 500;
      letter-spacing: 1px;
      margin: 0; }
    .settings-list .check-holder label span {
      display: block;
      color: #7c8082;
      font-size: 13px; }
  .settings-list .check-holder .checkbox:checked + label:after {
    background: #fcc743 url(../images/bg-check03.png) no-repeat 50% 50%;
    border: 1px solid #fcc743; }

.check-holder {
  padding-top: 8px;
  padding-bottom: 17px; }
  .check-holder .checkbox {
    display: none; }
  .check-holder label {
    display: block;
    font-size: 13px;
    color: #343b41;
    position: relative;
    padding: 0 0 0 23px; }
    .check-holder label:after {
      position: absolute;
      left: 0;
      top: 50%;
      width: 14px;
      height: 14px;
      margin-top: -7px;
      border: 1px solid #dcdddc;
      content: ""; }
  .check-holder .checkbox:checked + label:after {
    background: url(../images/bg-checkbox.png) no-repeat 50% 50%; }

.comment-box {
  border: 1px solid #dcdddc;
  padding: 13px;
  margin: 0 0 20px;
  border-radius: 2px;
  position: relative; }
  .comment-box .image {
    float: left;
    width: 50px;
    margin: 0 21px 0 0; }
    .comment-box .image img {
      width: 100%;
      height: auto;
      display: block; }
  .comment-box .text-box {
    overflow: hidden; }
  .comment-box .item-title {
    display: block;
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 4px; }
  .comment-box .comment-date {
    display: block;
    color: #8e9192;
    font-size: 13px;
    margin: 0 0 11px; }
  .comment-box .short-comment {
    display: block;
    margin: 0 0 7px;
    position: relative;
    max-height: 40px;
    overflow: hidden; }
    .comment-box .short-comment:before {
      position: absolute;
      right: 0;
      width: 115px;
      height: 17px;
      bottom: 0;
      content: "";
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+37,ffffff+100&0+0,1+37,1+100 */
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 37%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 37%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 37%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
      /* IE6-9 */ }
  .comment-box .link {
    background: url(../images/ico-link.png) no-repeat 0 2px;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 17px;
    display: none; }
  .comment-box .open-wrap .opener {
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px dashed #0f5d86;
    margin: 0 19px 0 0; }
    .comment-box .open-wrap .opener em {
      display: none;
      font-style: normal; }
    .comment-box .open-wrap .opener:hover {
      text-decoration: none; }
  .comment-box.expanded .opener em {
    display: block; }
  .comment-box.expanded .opener span {
    display: none; }
  .comment-box.expanded .short-comment {
    display: none; }
  .comment-box.expanded .link {
    display: inline-block; }
  .comment-box .stick {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 66px;
    height: 66px;
    text-align: center;
    padding-left: 23px;
    line-height: 36px;
    font-size: 18px; }
    .comment-box .stick.icon-basket {
      background: url(../images/bg-stick04.png) no-repeat; }
    .comment-box .stick.icon-news_tab2 {
      background: url(../images/bg-stick05.png) no-repeat;
      color: #fff;
      font-size: 22px; }
    .comment-box .stick.icon-news_tab3 {
      background: url(../images/bg-stick06.png) no-repeat;
      color: #fff;
      font-size: 22px; }
    .comment-box .stick.icon-news_tab4 {
      background: url(../images/bg-stick07.png) no-repeat;
      color: #fff;
      font-size: 22px; }

.history-table {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%; }
  .history-table thead td {
    line-height: 22px;
    padding: 10px 13px;
    background: #1e9fd7;
    border-left: 1px solid #45a5da;
    color: #fff;
    font-size: 13px; }
    .history-table thead td:first-child {
      border-left: 1px solid #1e9fd7; }
    .history-table thead td:last-child {
      border-right: 1px solid #1e9fd7; }
  .history-table tbody:first-child > tr:first-child td {
    border-top: 0; }
  .history-table tbody:first-child > tr:first-child td {
    border-top: 0; }
  .history-table tbody:last-child > tr td {
    border-bottom: 1px solid #d7d9d8; }
  .history-table tbody td {
    border: 1px solid #d7d9d8;
    border-bottom: 0;
    padding: 10px 13px;
    line-height: 17px;
    font-size: 13px; }
  .history-table tbody.expanded > tr > td {
    background: #f3f2f1; }
    .history-table tbody.expanded > tr > td.slide {
      background: none; }
  .history-table .article {
    color: #909393; }
  .history-table .time {
    color: #5c6064; }
    .history-table .time span {
      color: #909393;
      margin-left: 8px; }
  .history-table .price span {
    font-size: 10px;
    font-weight: normal; }
  .history-table .status-wrap {
    width: 33%; }
    .history-table .status-wrap .status {
      float: left; }
      .history-table .status-wrap .status.status-done {
        color: #62ae60; }
      .history-table .status-wrap .status.status-canceled {
        color: #ec4242; }
    .history-table .status-wrap .pay {
      color: #f27d39;
      border-bottom: 1px dashed #f27d39;
      text-decoration: none; }
    .history-table .status-wrap .opener {
      float: right;
      border-bottom: 1px dashed #0c5d87; }
      .history-table .status-wrap .opener em {
        display: none;
        font-style: normal; }
      .history-table .status-wrap .opener:hover {
        text-decoration: none; }
  .history-table .expanded .opener em {
    display: block; }
  .history-table .expanded .opener span {
    display: none; }
  .history-table .slide {
    padding: 0 19px; }
  .history-table table {
    width: 100%; }
    .history-table table td {
      border: 0 !important;
      border-top: 1px solid #e4e4e3 !important;
      padding: 11px 0;
      background: none !important; }
    .history-table table tr:first-child td {
      border: 0 !important; }
    .history-table table .image {
      width: 58px;
      height: 73px; }
    .history-table table .title-wrap {
      padding-left: 16px;
      font-size: 14px;
      line-height: 19px; }
    .history-table table .amount {
      font-size: 12px; }
    .history-table table .item-price {
      font-size: 17px;
      font-weight: 600;
      width: 100px;
      padding-right: 0; }
      .history-table table .item-price span {
        font-family: 14px; }

.back-to-shop {
  float: left;
  font-family: "Roboto";
  font-size: 15px;
  line-height: 18px; }
  .back-to-shop:before {
    font-family: "icomoon";
    font-size: 20px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
    margin: 0 7px 0 0; }

.btn-alert-wrap {
  position: relative; }
  .btn-alert-wrap .btn-alert-message {
    float: right;
    background: url(../images/bg-message.png) no-repeat;
    width: 399px;
    height: 55px;
    color: #fff;
    padding: 10px 27px 0 12px;
    font-size: 13px;
    line-height: 17px;
    margin: -2px 0 0 -400px;
    font-weight: 500; }

.your-order {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  padding: 9px 0 20px;
  border-radius: 2px;
  margin: 0 0 100px; }
  .your-order .btn-yellow, .your-order .btn-blue, .your-order .btn-black, .your-order .btn-gray, .your-order .btn-gray2 {
    font-size: 16px;
    padding: 0 48px;
    line-height: 50px;
    height: 50px; }
  .your-order .order-title {
    padding: 0 19px 7px;
    border-bottom: 1px solid #e6e6e6; }
    .your-order .order-title h3 {
      margin: 0;
      line-height: 30px; }
  .your-order .ordered-amount {
    display: block;
    font-size: 12px;
    text-align: center; }
  .your-order.ordered {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .your-order.ordered thead td {
      background: #f3f2f1;
      font-size: 13px;
      color: #5c6064;
      font-weight: 500;
      padding-left: 25px; }
      .your-order.ordered thead td.amount {
        padding-left: 0; }
      .your-order.ordered thead td.single-price-wrap {
        padding-left: 0; }
      .your-order.ordered thead td.item-name {
        padding-left: 15px; }
    .your-order.ordered .short-cart .image {
      width: 58px;
      padding-left: 0; }
    .your-order.ordered .short-cart .text-info {
      width: auto; }
    .your-order.ordered .short-cart .amount {
      text-align: center; }
    .your-order.ordered .short-cart .price-wrap {
      width: 140px;
      padding-right: 0;
      font-size: 16px;
      text-align: left; }
      .your-order.ordered .short-cart .price-wrap span {
        font-size: 14px; }
    .your-order.ordered .single-price-wrap {
      width: 130px; }
    .your-order.ordered .sum-holder {
      padding-right: 0; }
  .your-order .promo-opener {
    float: right;
    font-size: 12px;
    color: #939393;
    border: 1px solid #edecec;
    border-radius: 2px;
    padding: 0 33px;
    height: 30px;
    line-height: 28px;
    background: white;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, white 60%, #f2f2f3 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 0%, white 60%, #f2f2f3 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, white 0%, white 60%, #f2f2f3 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f3',GradientType=0 );
    /* IE6-9 */ }
    .your-order .promo-opener:hover {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,eaeaea+100 */
      background: white;
      /* Old browsers */
      background: -moz-linear-gradient(top, white 0%, white 50%, #eaeaea 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, white 0%, white 50%, #eaeaea 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, white 0%, white 50%, #eaeaea 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
      /* IE6-9 */
      text-decoration: none; }
    .your-order .promo-opener.promo-code-accepted {
      color: #62ae60;
      font-family: "Roboto";
      font-weight: 500; }
      .your-order .promo-opener.promo-code-accepted:before {
        font-family: "icomoon";
        font-size: 28px;
        display: inline-block;
        vertical-align: top;
        margin: 0 4px 0 0; }
  .your-order .sum-holder {
    padding: 15px 19px 0; }
  .your-order .image-wrap {
    position: relative; }
  .your-order .delete-row {
    position: absolute;
    top: -4px;
    right: -5px;
    width: 19px;
    height: 19px;
    line-height: 20px;
    text-align: center;
    background: #e2e2e2;
    border-radius: 50%;
    color: #5a616f;
    font-size: 26px; }
    .your-order .delete-row:hover {
      background: #e02d43;
      color: #fff;
      text-decoration: none; }

.order-total {
  display: block;
  width: 400px;
  margin: 0 0 20px auto;
  color: #262e3e; }
  .order-total dt {
    float: left;
    clear: left;
    width: 245px;
    text-align: right;
    font-weight: 500;
    line-height: 33px; }
  .order-total dd {
    margin: 0 0 0 18px;
    width: 137px;
    float: left;
    font-weight: 600;
    height: 33px;
    line-height: 33px;
    background: #fff9ea;
    font-size: 15px;
    padding: 0 8px; }
    .order-total dd span {
      font-size: 13px;
      font-weight: 500; }
  .order-total .sum {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 35px; }
  .order-total dd.sum {
    font-size: 17px;
    background: #e8f0f9;
    border-radius: 2px;
    height: 35px; }
    .order-total dd.sum span {
      font-size: 15px; }

.steps-list {
  background: #f3f2f1;
  border-radius: 2px;
  height: 45px;
  margin: 0 0 29px; }
  .steps-list li {
    float: left;
    width: 33.33333%;
    font-size: 15px;
    color: #767681;
    text-align: center;
    height: 45px;
    line-height: 45px;
    position: relative;
    padding-left: 9px; }
    .steps-list li:before {
      position: absolute;
      top: 0;
      right: -18px;
      background: url(../images/separator02.png) no-repeat 100% 0;
      width: 18px;
      height: 45px;
      content: ""; }
    .steps-list li:last-child:before {
      display: none; }
    .steps-list li.active {
      background: #fff;
      color: #262e3e;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
      .steps-list li.active:first-child {
        border-left: 2px solid #fcc743;
        padding-left: 7px; }
        .steps-list li.active:first-child:before {
          background: url(../images/bg-step-a.png) no-repeat;
          width: 26px;
          height: 57px;
          top: -6px;
          right: -22px; }
      .steps-list li.active:nth-child(2):before {
        background: url(../images/bg-step-a.png) no-repeat;
        width: 26px;
        height: 57px;
        top: -6px;
        right: -22px; }
      .steps-list li.active:nth-child(2):after {
        position: absolute;
        background: url(../images/bg-step-a02.png) no-repeat;
        width: 23px;
        height: 57px;
        top: -6px;
        left: -10px;
        content: ""; }
      .steps-list li.active:last-child:before {
        display: none; }
      .steps-list li.active:last-child:after {
        position: absolute;
        background: url(../images/bg-step-a02.png) no-repeat;
        width: 23px;
        height: 57px;
        top: -6px;
        left: -10px;
        content: ""; }
  @media all and (max-width: 767px) {
    .steps-list {
      background: #fff;
      margin: 0 0 20px; }
      .steps-list li {
        padding-left: 17px; }
        .steps-list li:first-child {
          padding-left: 6px; }
        .steps-list li:before {
          background: url(../images/separator02-m.png) no-repeat 100% 0; }
        .steps-list li.active:first-child {
          padding-left: 3px; }
          .steps-list li.active:first-child:before {
            background: url(../images/bg-step-a-m.png) no-repeat; }
        .steps-list li.active:nth-child(2):before {
          background: url(../images/bg-step-a-m.png) no-repeat;
          width: 26px;
          height: 57px;
          top: -6px;
          right: -22px; }
        .steps-list li.active:nth-child(2):after {
          position: absolute;
          background: url(../images/bg-step-a02-m.png) no-repeat; }
        .steps-list li.active:last-child:after {
          background: url(../images/bg-step-a02-m.png) no-repeat; } }

.order-form {
  margin: 0 0 100px;
  position: relative; }
  .order-form .loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(255, 255, 255, 0.8) url(../images/ring.gif) no-repeat 50% 50%;
    z-index: 10; }
  .order-form .form-row {
    margin: 0 0 9px;
    position: relative; }
  .order-form .select-wrap {
    width: 400px;
    float: left; }
  .order-form .email-validation {
    position: absolute;
    top: 52px;
    right: 0;
    width: 407px;
    border-radius: 2px;
    background: #fff;
    z-index: 10;
    -webkit-box-shadow: 0 -1px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -1px 18px rgba(0, 0, 0, 0.2);
    padding: 17px 20px 21px; }
    .order-form .email-validation .close {
      color: #000;
      position: absolute;
      top: 5px;
      right: 10px;
      font-size: 36px;
      line-height: 18px;
      text-decoration: none; }
    .order-form .email-validation p {
      margin: 0 0 10px;
      font-size: 13px !important;
      line-height: 18px !important; }
    .order-form .email-validation:after {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #fff;
      border-width: 8px;
      margin-left: -8px; }
    .order-form .email-validation .next {
      float: right;
      width: 153px;
      background-size: 100% 42px !important;
      height: 42px;
      line-height: 42px; }
  .order-form .sort-select {
    width: 100%; }
    .order-form .sort-select .dropdown-toggle {
      height: 40px;
      line-height: 38px;
      color: #73777a; }
      .order-form .sort-select .dropdown-toggle.disabled {
        color: #bbbbbc;
        cursor: default; }
      .order-form .sort-select .dropdown-toggle:after {
        top: 3px; }
  .order-form .label-wrap {
    float: left;
    width: 140px;
    background: #eef4fa;
    height: 40px;
    border-radius: 2px 0 0 2px;
    padding: 0 0 0 13px;
    position: relative; }
    .order-form .label-wrap label {
      display: block;
      line-height: 20px;
      font-weight: 500;
      padding: 10px 0 0; }
      .order-form .label-wrap label span {
        color: #e23c52;
        font-size: 14px;
        line-height: 14px;
        display: inline-block;
        vertical-align: top; }
  .order-form .text-wrap {
    float: left;
    width: 400px;
    border-radius: 2px;
    border: 1px solid #dadbdb;
    height: 40px;
    position: relative; }
    .order-form .text-wrap.field-error {
      border: 1px solid #fff;
      -webkit-box-shadow: 0 0 6px rgba(227, 11, 19, 0.3) !important;
      box-shadow: 0 0 6px rgba(227, 11, 19, 0.3) !important;
      outline: none; }
      .order-form .text-wrap.field-error .text {
        color: #dd2e2f; }
    .order-form .text-wrap .error-text {
      position: absolute;
      left: 100%;
      top: 0;
      background: #df3e40;
      padding: 7px 14px;
      line-height: 21px;
      color: #fff;
      white-space: nowrap;
      border-radius: 0 2px 2px 0;
      margin: 0 0 0 24px;
      z-index: 10; }
      .order-form .text-wrap .error-text:after {
        position: absolute;
        top: 0;
        left: -16px;
        bottom: 0;
        background: url(../images/bg-arrow.png) no-repeat 0 0/100% 100%;
        width: 16px;
        content: ""; }
  .order-form .valid-check {
    float: right;
    background: #f4f4f4;
    border-radius: 0 2px 2px 0;
    height: 38px;
    width: 39px;
    font-size: 36px;
    line-height: 38px;
    color: #e5e5e5;
    text-align: center; }
    .order-form .valid-check.valid-done {
      color: #61ae61; }
    .order-form .valid-check:before {
      font-family: "icomoon"; }
  .order-form .input-wrap {
    overflow: hidden;
    position: relative; }
  .order-form .text {
    border: 0;
    width: 100%;
    height: 38px;
    line-height: 18px;
    padding: 10px 30px 10px 13px; }
  .order-form .form-note {
    display: block;
    color: #737679;
    font-size: 13px;
    margin: 0 0 20px; }
    .order-form .form-note span {
      color: #e23c52;
      font-size: 14px;
      line-height: 14px;
      display: inline-block;
      vertical-align: top;
      margin: 0 4px 0 0; }
  .order-form .info-wrap {
    position: absolute;
    top: 12px;
    right: 7px; }
    .order-form .info-wrap.popup-active {
      z-index: 11; }
      .order-form .info-wrap.popup-active .opener {
        color: #fff;
        background: #1e9fd7; }
    .order-form .info-wrap .opener {
      display: block;
      border: 1px solid #1e9fd7;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      color: #1e9fd7;
      line-height: 13px;
      text-align: center;
      font-size: 24px;
      text-decoration: none; }
    .order-form .info-wrap .popup {
      position: absolute;
      left: 24px;
      top: -13px;
      border-radius: 2px;
      background: #efeeed;
      border: 1px solid #d9dada;
      width: 263px;
      color: #5c6064;
      font-size: 12px;
      line-height: 17px;
      padding: 11px 13px;
      letter-spacing: 0;
      display: none; }
      .order-form .info-wrap .popup span {
        color: #252e3d;
        font-weight: bold; }
      .order-form .info-wrap .popup .close {
        position: absolute;
        top: 3px;
        right: 7px;
        font-size: 28px;
        line-height: 18px;
        color: #999; }
      .order-form .info-wrap .popup:after, .order-form .info-wrap .popup:before {
        right: 100%;
        top: 18px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .order-form .info-wrap .popup:after {
        border-color: rgba(239, 238, 237, 0);
        border-right-color: #efeeed;
        border-width: 7px;
        margin-top: -7px; }
      .order-form .info-wrap .popup:before {
        border-color: rgba(217, 218, 218, 0);
        border-right-color: #d9dada;
        border-width: 8px;
        margin-top: -8px; }
  .order-form .next,
  .order-form .next-yellow {
    float: right;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: url(../images/btn-next-step.png) no-repeat;
    width: 175px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0 14px 0 0;
    text-decoration: none; }
    .order-form .next.active,
    .order-form .next-yellow.active {
      background: url(../images/btn-next-step-a.png) no-repeat; }
      .order-form .next.active:hover,
      .order-form .next-yellow.active:hover {
        background: url(../images/btn-next-step-h.png) no-repeat; }
  .order-form .next-yellow {
    background: url(../images/btn-yellow.png) no-repeat 100% 0;
    width: 170px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 14px 0 0;
    color: #2d303f;
    font-size: 13px; }
    .order-form .next-yellow.active {
      background: url(../images/btn-yellow.png) no-repeat; }
      .order-form .next-yellow.active:hover {
        background: url(../images/btn-yellow.png) no-repeat; }
  .order-form .prev {
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #59616f;
    background: url(../images/btn-step-prev.png) no-repeat;
    width: 176px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0 0 0 14px; }
    .order-form .prev:hover {
      text-decoration: none;
      background: url(../images/btn-step-prev-h.png) no-repeat; }
  .order-form .current-lang {
    line-height: 40px; }
  .order-form .password-input {
    padding-right: 60px; }
  .order-form .submit {
    margin-top: 10px;
    width: 88px;
    padding: 0;
    font-size: 14px;
    height: 42px; }
  .order-form .forgot {
    text-decoration: none;
    border-bottom: 1px dashed #0f5d86;
    display: inline-block;
    vertical-align: middle;
    margin: 9px 0 0 12px;
    font-size: 14px; }
    .order-form .forgot.remembered {
      margin: 6px 0 17px; }
  .order-form .social-wrap {
    padding-top: 20px; }
    .order-form .social-wrap .social-label {
      float: left;
      font-size: 13px;
      line-height: 19px;
      margin: 0 20px 0 0;
      font-weight: 500; }
  .order-form .social-list li {
    margin: 0 6px 0 0; }
  .order-form .social-list a {
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px; }
    .order-form .social-list a.icon-footersoc1 {
      background: #6980a5; }
    .order-form .social-list a.icon-footersoc2 {
      background: #625ea4; }
    .order-form .social-list a.icon-footersoc3 {
      background: #7ecaf3; }
    .order-form .social-list a.icon-footersoc4 {
      background: #e75159; }
    .order-form .social-list a.icon-footersoc5 {
      background: #e12b28; }
  @media all and (max-width: 1366px) {
    .order-form .select-wrap {
      width: 332px; }
    .order-form .text-wrap {
      width: 332px; } }
  @media all and (max-width: 767px) {
    .order-form {
      margin: 0;
      padding-bottom: 20px; }
      .order-form .label-wrap {
        padding: 0 0 5px;
        background: none;
        float: none;
        width: auto;
        height: auto; }
        .order-form .label-wrap label {
          padding-top: 0; }
      .order-form .text-wrap {
        width: 100%;
        float: none; }
      .order-form .social-wrap {
        padding-top: 0; }
        .order-form .social-wrap .social-label {
          float: none;
          display: block;
          margin: 0 0 11px; }
      .order-form .select-wrap {
        width: auto;
        float: none; }
      .order-form .prev {
        width: 110px;
        font-size: 13px;
        line-height: 40px;
        background-size: 100% 40px; }
      .order-form .next {
        width: 110px;
        background-position: 100% 0;
        font-size: 13px;
        line-height: 40px;
        background-size: 100% 40px; } }

#modal-code .modal-form .text {
  width: 100%; }

.delivery-section {
  position: relative;
  padding: 18px 0 19px; }
  .delivery-section.disabled:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(255, 255, 255, 0.5);
    z-index: 4; }
  @media all and (max-width: 767px) {
    .delivery-section {
      padding-top: 10px; } }

.delivery-list {
  border: 1px solid #e5e5e4;
  border-radius: 2px; }
  .delivery-list.payment-method label {
    font-weight: 500;
    color: #252d3d;
    padding-right: 50px; }
  .delivery-list .info-wrap {
    top: 15px;
    right: 14px; }
  .delivery-list p {
    margin: 0 30px 0 20px;
    font-size: 13px;
    line-height: 18px;
    color: #73777a; }
  .delivery-list > li {
    position: relative;
    padding: 13px 14px;
    min-height: 44px; }
    .delivery-list > li:before {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 15px;
      content: "";
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,f0f1f1+100 */
      background: #fdfdfd;
      /* Old browsers */
      background: -moz-linear-gradient(top, #fdfdfd 0%, #f0f1f1 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #fdfdfd 0%, #f0f1f1 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #fdfdfd 0%, #f0f1f1 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f0f1f1',GradientType=0 );
      /* IE6-9 */ }
  .delivery-list .radio {
    display: none; }
  .delivery-list label {
    padding: 0 0 0 20px;
    position: relative;
    font-size: 14px;
    color: #000;
    float: left;
    margin: 0 15px 0 0;
    cursor: pointer; }
    .delivery-list label:before {
      position: absolute;
      top: 3px;
      left: 0;
      width: 12px;
      height: 12px;
      border: 1px solid #d5d6d6;
      border-radius: 50%;
      content: ""; }
    .delivery-list label:hover {
      color: #4a4a4a; }
      .delivery-list label:hover:before {
        border-color: #fcc743; }
  .delivery-list .radio:checked + label {
    color: #262e3e; }
    .delivery-list .radio:checked + label:before {
      border: 1px solid #fcc743 !important;
      background: #fcc743; }
    .delivery-list .radio:checked + label:after {
      position: absolute;
      top: 7px;
      left: 4px;
      width: 4px;
      height: 4px;
      border-radius: 3px;
      background: #252e3d;
      content: ""; }
  .delivery-list .delivery-price {
    float: right;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 19px; }
    .delivery-list .delivery-price span {
      font-size: 14px; }
  .delivery-list .show-map {
    float: left;
    text-decoration: none;
    border-bottom: 1px dashed #105d86;
    line-height: 16px;
    margin-top: 1px; }
  .delivery-list .wrap {
    margin: 10px 0 7px; }
  @media all and (max-width: 767px) {
    .delivery-list {
      background: #ffffff; }
      .delivery-list > li {
        padding: 10px; }
      .delivery-list label {
        color: #696c6d;
        font-size: 12px; } }

.add-order-comment {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  margin: 8px 0 29px;
  border-bottom: 1px dashed #0f5d86; }
  @media all and (max-width: 767px) {
    .add-order-comment {
      margin-bottom: 20px; } }

#modal-map {
  width: 1040px;
  padding: 0; }
  #modal-map .delivery-map {
    overflow: hidden;
    height: 500px; }
  #modal-map .address-holder {
    float: left;
    width: 290px;
    padding: 22px 4px 15px 19px; }
  #modal-map .delivery-logo {
    display: block;
    margin: 0 0 20px; }
    #modal-map .delivery-logo img {
      display: block; }
  #modal-map .scrollable {
    height: 401px;
    overflow: auto; }
  @media all and (max-width: 1366px) {
    #modal-map {
      width: 960px; } }

.address-scroll .mCSB_scrollTools .mCSB_draggerRail {
  background: #e1e1e0;
  border-radius: 2px; }

.address-list {
  list-style: none;
  counter-reset: newCounter;
  padding: 0;
  margin: 0; }
  .address-list li {
    overflow: hidden;
    margin: 0 0 19px; }
    .address-list li.active a {
      color: #000; }
    .address-list li.active:before {
      border: 0;
      line-height: 41px;
      color: #252e3d;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcc743+0,deac3c+100 */
      background: #fcc743;
      /* Old browsers */
      background: -moz-linear-gradient(top, #fcc743 0%, #deac3c 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #fcc743 0%, #deac3c 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #fcc743 0%, #deac3c 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc743', endColorstr='#deac3c',GradientType=0 );
      /* IE6-9 */ }
  .address-list li::before {
    counter-increment: newCounter;
    content: counters(newCounter, "") " ";
    width: 41px;
    height: 41px;
    border: 1px solid #d7d9d8;
    font-size: 18px;
    font-weight: bold;
    color: #676b70;
    float: left;
    text-align: center;
    line-height: 39px;
    border-radius: 50%;
    margin: 0 15px 0 0; }
  .address-list a {
    display: block;
    overflow: hidden;
    color: #0e5c87;
    font-weight: 500;
    line-height: 19px;
    padding: 2px 0 0; }

.wishes-line {
  background: #2297d1;
  color: #fff;
  margin: 0 -60px;
  padding: 19px 60px; }
  .wishes-line h2 {
    font-size: 17px;
    line-height: 30px;
    font-weight: bold;
    margin: 0;
    letter-spacing: 1px; }
  .wishes-line .print {
    float: right;
    color: #fff;
    line-height: 30px;
    font-family: "Roboto"; }
    .wishes-line .print:before {
      font-family: "icomoon";
      float: right;
      font-size: 30px;
      margin: 0 0 0 12px; }
  @media all and (max-width: 1366px) {
    .wishes-line {
      margin: 0 -55px;
      padding: 19px 55px; } }

.order-info .box {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  padding: 20px 20px 5px;
  min-height: 270px;
  margin: 0 0 40px; }

.order-info h2 {
  margin: 0 0 18px; }

.order-info dl {
  margin: 0;
  overflow: hidden;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500; }
  .order-info dl dt {
    float: left;
    clear: left;
    width: 80px;
    border-radius: 2px;
    background: #e7eff9;
    margin: 0 10px 7px 0;
    padding: 5px 7px; }
  .order-info dl dd {
    overflow: hidden;
    margin: 0 0 7px;
    padding: 5px 0; }

.order-info .payment-info-title {
  display: inline-block;
  vertical-align: top;
  background: #e7eff9;
  line-height: 20px;
  font-size: 16px;
  padding: 5px 11px;
  margin: 0 0 12px; }

.order-info .payment-info-image {
  padding: 15px 0 0; }
  .order-info .payment-info-image img {
    display: block;
    margin: 0 auto; }

.order-info p {
  font-size: 13px;
  line-height: 19px;
  margin: 0;
  color: #73777a; }

@media all and (max-width: 767px) {
  .order-info {
    padding-bottom: 8px; }
    .order-info .box {
      background: #fff;
      min-height: 100px;
      margin: 0 0 10px;
      padding-bottom: 15px; }
    .order-info dl dt:last-of-type,
    .order-info dl dd:last-of-type {
      margin-bottom: 0; } }

.action-holder {
  position: absolute;
  bottom: 155px;
  right: 50px;
  width: 250px;
  height: 80px;
  background: rgba(230, 50, 48, 0.9);
  border-radius: 2px;
  color: #fff;
  text-align: center;
  padding: 7px 0 0; }
  .action-holder .title {
    display: block;
    font-size: 13px;
    margin: 0 0 6px; }

#defaultCountdown {
  width: 200px;
  height: 45px;
  margin: 0 auto; }

.items-preview li {
  border: 1px solid #e7e8e8;
  border-radius: 2px;
  margin: 0 0 10px;
  padding: 9px 10px 8px 8px; }

.items-preview a {
  display: block;
  overflow: hidden; }

.items-preview .image {
  float: left;
  margin: 0 9px 0 0;
  width: 62px; }
  .items-preview .image img {
    display: block;
    width: 100%;
    height: auto; }

.items-preview .title {
  display: block;
  font-size: 13px;
  margin: 0 0 8px; }

.items-preview .price {
  color: #2e3642;
  background: #e7eff9;
  font-size: 15px;
  line-height: 26px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
  border-radius: 2px;
  font-weight: bold;
  padding: 0 6px;
  text-decoration: none; }
  .items-preview .price span {
    font-size: 11px;
    font-weight: 500; }

.short-cart-scroll {
  max-height: 260px; }

.sort-cols {
  overflow: hidden;
  padding: 19px 0 0; }
  .sort-cols .title {
    display: block;
    font-size: 15px;
    margin: 0 0 13px;
    font-weight: 500; }

.sort-cols .column {
  width: 33.33333%;
  float: left; }

.alphabet-sort li {
  margin: 0 0 5px; }

.alphabet-sort a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 2px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,ececec+70,dfdfe0+100 */
  background: #ececec;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ececec 0%, #ececec 70%, #dfdfe0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ececec 0%, #ececec 70%, #dfdfe0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ececec 0%, #ececec 70%, #dfdfe0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#dfdfe0',GradientType=0 );
  /* IE6-9 */ }
  .alphabet-sort a.active, .alphabet-sort a:hover {
    border: 1px solid #bce2f2;
    line-height: 28px;
    background: #e8f6fc;
    color: #000;
    text-decoration: none; }

.lk-ico {
  position: relative; }
  .lk-ico span {
    font-family: 'Roboto';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    color: #878788;
    line-height: 20px;
    margin-top: -10px; }
  .lk-ico:before {
    font-size: 355px;
    color: #f7f7f6;
    display: block;
    text-align: center; }

.category-search-title {
  background: #efeeed;
  padding: 10px 15px;
  margin: 0 0 21px; }
  .category-search-title h2 {
    margin: 0;
    text-transform: none;
    font-weight: 500;
    line-height: 20px; }

.category-search-list .slide {
  padding-left: 28px; }
  .category-search-list .slide li {
    margin-top: 12px; }

.category-search-list li {
  margin: 0 0 11px; }

.category-search-list a {
  font-size: 13px;
  color: #0f5d86;
  border-bottom: 1px dashed #0f5d86;
  text-decoration: none; }
  .category-search-list a span {
    color: #676c70; }
  .category-search-list a.opener {
    border: 0;
    display: block;
    position: relative;
    color: #262e3e;
    padding-left: 28px; }
    .category-search-list a.opener:before {
      position: absolute;
      left: 0;
      top: 1px;
      content: "";
      width: 14px;
      height: 14px;
      border-radius: 2px;
      border: 1px solid #e3e3e2;
      background: #f0eeed;
      color: #97999b;
      font-family: 'icomoon';
      content: "\e61b";
      font-size: 16px;
      line-height: 12px;
      text-align: center;
      font-weight: bold; }

.category-search-list .expanded > .opener:before {
  content: "\e61c"; }

#circularG {
  position: relative;
  width: 21px;
  height: 21px;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0; }

.circularG {
  position: absolute;
  background-color: white;
  width: 5px;
  height: 5px;
  border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  animation-name: bounce_circularG;
  -o-animation-name: bounce_circularG;
  -ms-animation-name: bounce_circularG;
  -webkit-animation-name: bounce_circularG;
  -moz-animation-name: bounce_circularG;
  animation-duration: 0.908s;
  -o-animation-duration: 0.908s;
  -ms-animation-duration: 0.908s;
  -webkit-animation-duration: 0.908s;
  -moz-animation-duration: 0.908s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal; }

#circularG_1 {
  left: 0;
  top: 8px;
  animation-delay: 0.338s;
  -o-animation-delay: 0.338s;
  -ms-animation-delay: 0.338s;
  -webkit-animation-delay: 0.338s;
  -moz-animation-delay: 0.338s; }

#circularG_2 {
  left: 2px;
  top: 2px;
  animation-delay: 0.454s;
  -o-animation-delay: 0.454s;
  -ms-animation-delay: 0.454s;
  -webkit-animation-delay: 0.454s;
  -moz-animation-delay: 0.454s; }

#circularG_3 {
  top: 0;
  left: 8px;
  animation-delay: 0.57s;
  -o-animation-delay: 0.57s;
  -ms-animation-delay: 0.57s;
  -webkit-animation-delay: 0.57s;
  -moz-animation-delay: 0.57s; }

#circularG_4 {
  right: 2px;
  top: 2px;
  animation-delay: 0.686s;
  -o-animation-delay: 0.686s;
  -ms-animation-delay: 0.686s;
  -webkit-animation-delay: 0.686s;
  -moz-animation-delay: 0.686s; }

#circularG_5 {
  right: 0;
  top: 8px;
  animation-delay: 0.802s;
  -o-animation-delay: 0.802s;
  -ms-animation-delay: 0.802s;
  -webkit-animation-delay: 0.802s;
  -moz-animation-delay: 0.802s; }

#circularG_6 {
  right: 2px;
  bottom: 2px;
  animation-delay: 0.908s;
  -o-animation-delay: 0.908s;
  -ms-animation-delay: 0.908s;
  -webkit-animation-delay: 0.908s;
  -moz-animation-delay: 0.908s; }

#circularG_7 {
  left: 8px;
  bottom: 0;
  animation-delay: 1.024s;
  -o-animation-delay: 1.024s;
  -ms-animation-delay: 1.024s;
  -webkit-animation-delay: 1.024s;
  -moz-animation-delay: 1.024s; }

#circularG_8 {
  left: 2px;
  bottom: 2px;
  animation-delay: 1.14s;
  -o-animation-delay: 1.14s;
  -ms-animation-delay: 1.14s;
  -webkit-animation-delay: 1.14s;
  -moz-animation-delay: 1.14s; }

.bx_ordercart textarea {
  margin: 0 0 20px; }

@keyframes bounce_circularG {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0.3); } }

@-o-keyframes bounce_circularG {
  0% {
    -o-transform: scale(1); }
  100% {
    -o-transform: scale(0.3); } }

@-ms-keyframes bounce_circularG {
  0% {
    -ms-transform: scale(1); }
  100% {
    -ms-transform: scale(0.3); } }

@-webkit-keyframes bounce_circularG {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(0.3); } }

@-moz-keyframes bounce_circularG {
  0% {
    -moz-transform: scale(1); }
  100% {
    -moz-transform: scale(0.3); } }

.item-bill dl {
  margin: 0 0 5px;
  overflow: hidden; }
  .item-bill dl dt {
    float: left;
    clear: left;
    font-weight: bold;
    width: 200px; }
  .item-bill dl dd {
    display: block;
    overflow: hidden;
    margin: 0 0 7px; }
    .item-bill dl dd span {
      display: block;
      padding: 0 0 3px; }

.item-bill .title-center {
  display: block;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  margin: 0 0 5px; }
  .item-bill .title-center span {
    display: block; }

.item-bill .total-sum-box {
  margin: 0 0 15px; }
  .item-bill .total-sum-box .label {
    display: block;
    margin: 0 0 5px; }
  .item-bill .total-sum-box .letter-sum {
    display: block;
    font-weight: bold; }

.item-bill .consultant {
  margin: 0 0 15px; }

.item-bill .title-left {
  display: block;
  font-weight: bold;
  font-size: 15px;
  margin: 0; }

.item-bill p {
  margin: 0;
  font-size: 14px;
  line-height: 18px; }

.item-bill .list-title {
  display: block;
  font-size: 15px;
  margin: 0;
  font-weight: bold; }

.item-bill ul {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 10px; }
  .item-bill ul li {
    padding: 0 0 0 10px;
    position: relative; }
    .item-bill ul li:before {
      position: absolute;
      top: 0;
      left: 0;
      content: "-"; }

.item-bill .text-wrap {
  margin: 0 0 10px; }

.bill-table {
  border-collapse: collapse;
  margin: 0 0 10px;
  padding: 0;
  width: 100%; }
  .bill-table td {
    border: 1px solid #000;
    padding: 0 8px; }
  .bill-table thead td {
    font-weight: bold;
    font-size: 15px;
    text-align: center; }
  .bill-table .amount {
    text-align: center; }
  .bill-table .price {
    text-align: right; }
  .bill-table .sum {
    text-align: right; }
  .bill-table .number {
    text-align: center;
    font-weight: bold;
    padding: 0 5px;
    width: 20px; }
  .bill-table .total-label {
    border: 0;
    text-align: right;
    font-weight: bold; }
  .bill-table .total-sum {
    font-weight: bold;
    text-align: right; }

.lk-sort {
  margin: 0 0 30px; }
  .lk-sort .label {
    float: left;
    color: #696b70;
    height: 34px;
    line-height: 34px;
    margin: 0 12px 0 0; }
  .lk-sort ul {
    float: left; }
  .lk-sort li {
    float: left; }
  .lk-sort .checkbox {
    display: none; }
  .lk-sort label {
    border: 1px solid #e7e7e8;
    border-radius: 2px;
    color: #a2a2af;
    line-height: 33px;
    height: 34px;
    padding: 0 10px;
    margin: 0 10px 0 0;
    display: block;
    cursor: pointer; }
    .lk-sort label:hover {
      border-color: #1a94d2;
      color: #696b70; }
  .lk-sort .checkbox:checked + label {
    border-color: #1a94d2;
    color: #696b70; }

.empty-card {
  border-bottom: 1px solid #dedfde;
  margin: 0 0 20px;
  text-align: center;
  padding-bottom: 16px; }
  .empty-card .text {
    display: inline-block;
    vertical-align: middle;
    color: #878788;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 7px; }
  .empty-card .ico {
    color: #cecece;
    font-size: 50px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0; }

.order-delivery-disabled-li {
  opacity: 0.5; }

#order_ajax_loader {
  background: rgba(255, 255, 255, 0.4) url(../images/ajax-loader.gif) no-repeat 50% 50%; }

.mobile-menu-wrap {
  background: #1c92d0;
  background: -moz-linear-gradient(top, #1c92d0 0%, #1c92d0 79%, #1c8cc7 100%);
  background: -webkit-linear-gradient(top, #1c92d0 0%, #1c92d0 79%, #1c8cc7 100%);
  background: linear-gradient(to bottom, #1c92d0 0%, #1c92d0 79%, #1c8cc7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c92d0', endColorstr='#1c8cc7',GradientType=0 );
  height: 64px;
  margin: 0 -16px 0 -15px;
  position: absolute;
  top: 79px;
  transition: transform 0.2s ease-in-out;
  width: 101%;
  transform: translateY(0);
  z-index: 30; }
  .mobile-menu-wrap.mobile-fixed-nav {
    top: 0;
    position: fixed; }
  .mobile-menu-wrap.nav-up {
    transform: translateY(-64px); }
  .mobile-menu-wrap .mobile-menu-opener {
    width: 20%;
    height: 100%;
    position: relative;
    float: left;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    padding: 44px 0 0;
    color: #484b54;
    background: #fac719;
    background: -moz-linear-gradient(top, #fac719 0%, #fac719 68%, #daac19 100%);
    background: -webkit-linear-gradient(top, #fac719 0%, #fac719 68%, #daac19 100%);
    background: linear-gradient(to bottom, #fac719 0%, #fac719 68%, #daac19 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac719', endColorstr='#daac19',GradientType=0 ); }
    .mobile-menu-wrap .mobile-menu-opener:before {
      position: absolute;
      top: 17px;
      left: 50%;
      height: 3px;
      width: 24px;
      margin-left: -12px;
      border-radius: 4px;
      background: #2d303f;
      content: '';
      box-shadow: 0 8px 0 #2d303f, 0 16px 0 #2d303f; }
    .mobile-menu-wrap .mobile-menu-opener:hover {
      text-decoration: none; }
  .mobile-menu-wrap .contacts-link,
  .mobile-menu-wrap .search-link,
  .mobile-menu-wrap .login-link {
    width: 20%;
    height: 100%;
    float: left;
    border-right: 1px solid #49a8d9;
    text-align: center;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    padding: 16px 0 0; }
    .mobile-menu-wrap .contacts-link:hover,
    .mobile-menu-wrap .search-link:hover,
    .mobile-menu-wrap .login-link:hover {
      text-decoration: none; }
    .mobile-menu-wrap .contacts-link .ico,
    .mobile-menu-wrap .search-link .ico,
    .mobile-menu-wrap .login-link .ico {
      color: #fff;
      display: block;
      height: 28px;
      font-size: 32px;
      line-height: 20px; }
  .mobile-menu-wrap .login-link .ico {
    font-size: 38px; }
  .mobile-menu-wrap .basket-link {
    width: 20%;
    height: 100%;
    float: left;
    border-right: 1px solid #49a8d9;
    text-align: center;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    padding: 9px 0 0; }
    .mobile-menu-wrap .basket-link .ico {
      color: #2d303f;
      display: block;
      width: 34px;
      height: 34px;
      margin: 0 auto 1px;
      border-radius: 50%;
      background: #fac719;
      background: -moz-linear-gradient(top, #fac719 0%, #fac719 50%, #daac19 100%);
      background: -webkit-linear-gradient(top, #fac719 0%, #fac719 50%, #daac19 100%);
      background: linear-gradient(to bottom, #fac719 0%, #fac719 50%, #daac19 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac719', endColorstr='#daac19',GradientType=0 );
      font-size: 21px;
      line-height: 34px;
      font-weight: bold; }
    .mobile-menu-wrap .basket-link:hover {
      text-decoration: none; }
  .mobile-menu-wrap .login-link .ico {
    font-size: 38px; }
  @media all and (min-width: 768px) {
    .mobile-menu-wrap {
      position: static;
      margin: 0 -15px 22px;
      width: auto; } }

.h_mb10 {
  margin-bottom: 10px; }

@media all and (max-width: 767px) {
  .btn-all {
    display: block;
    font-size: 14px; } }

.items-slider {
  margin: 0 0 17px; }
  .items-slider .slick-slide {
    border: 1px solid #eee;
    width: 145px;
    background: #fff;
    margin: 0 -1px 0 0; }
    .items-slider .slick-slide:first-child {
      border-radius: 3px 0 0 3px; }
    .items-slider .slick-slide:last-child {
      border-radius: 0 3px 3px 0; }
  .items-slider .slick-list {
    overflow: visible; }
  .items-slider .slick-prev {
    left: -14px;
    background: #fff;
    z-index: 3;
    width: 35px;
    height: 35px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-top: -20px; }
    .items-slider .slick-prev:before {
      background: url(../images/btn-prev.png) no-repeat 45% 50%;
      width: 100%;
      height: 100%;
      border: 0;
      padding: 0;
      content: '';
      display: block;
      text-indent: -9999px;
      overflow: hidden; }
  .items-slider .slick-next {
    right: -14px;
    background: #fff;
    z-index: 3;
    width: 35px;
    height: 35px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-top: -20px; }
    .items-slider .slick-next:before {
      background: url(../images/btn-next.png) no-repeat 55% 50%;
      width: 100%;
      height: 100%;
      border: 0;
      padding: 0;
      content: '';
      display: block;
      text-indent: -9999px;
      overflow: hidden; }

.manufacturers-slider {
  margin: 0 0 20px; }
  .manufacturers-slider .slick-slide {
    outline: none; }
  .manufacturers-slider .slick-list {
    overflow: visible; }
  .manufacturers-slider .holder {
    display: block;
    background: #fff;
    border: 1px solid #ededec;
    width: 159px;
    height: 87px;
    text-align: center; }
    .manufacturers-slider .holder:before {
      display: inline-block;
      vertical-align: middle;
      width: 0;
      height: 100%;
      content: ''; }
    .manufacturers-slider .holder img {
      display: inline-block;
      vertical-align: middle;
      max-width: 110px;
      max-height: 95%;
      width: auto;
      height: auto; }
  .manufacturers-slider .slick-prev {
    left: -14px;
    background: #fff;
    z-index: 3;
    width: 35px;
    height: 35px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    opacity: 1; }
    .manufacturers-slider .slick-prev:before {
      background: url(../images/btn-prev.png) no-repeat 45% 50%;
      width: 100%;
      height: 100%;
      border: 0;
      padding: 0;
      content: '';
      display: block;
      text-indent: -9999px;
      overflow: hidden; }
  .manufacturers-slider .slick-next {
    right: -14px;
    background: #fff;
    z-index: 3;
    width: 35px;
    height: 35px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    opacity: 1; }
    .manufacturers-slider .slick-next:before {
      background: url(../images/btn-next.png) no-repeat 55% 50%;
      width: 100%;
      height: 100%;
      border: 0;
      padding: 0;
      content: '';
      display: block;
      text-indent: -9999px;
      overflow: hidden; }

.mobile-item {
  position: relative;
  padding: 9px; }
  .mobile-item .image {
    margin: 0 0 8px;
    height: 100px;
    text-align: center; }
    .mobile-item .image:before {
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      content: '';
      width: 0; }
    .mobile-item .image img {
      max-height: 100%;
      max-width: 95%;
      width: auto;
      height: auto;
      display: inline-block;
      vertical-align: middle; }
  .mobile-item .title {
    display: block;
    color: #0b5583;
    font-size: 12px;
    height: 64px;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 6px; }
    .mobile-item .title:hover {
      text-decoration: none; }
  .mobile-item .price {
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    font-size: 14px;
    background: #fef5d6;
    padding: 0 6px;
    height: 22px;
    line-height: 22px;
    font-weight: 500; }
    .mobile-item .price span {
      font-size: 11px; }

.mm-menu {
  z-index: 200 !important;
  background: #404048 !important;
  transition: transform 0.4s;
  transform: translateX(-100%);
  display: block !important; }
  .mm-menu.mm-opened {
    transform: translateX(0); }

.mm-panel {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .mm-panel:first-child {
    padding-top: 0 !important; }
    .mm-panel:first-child > .mm-navbar {
      display: none !important; }

.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
  display: none !important; }

.mm-listview {
  margin: 0 !important;
  border-bottom: 1px solid #54545a !important; }

.mm-listview a {
  color: #fff !important;
  padding: 9px 0 9px 10px !important;
  border-top: 1px solid #54545a !important;
  font-size: 14px !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
  tap-highlight-color: rgba(255, 255, 255, 0) !important; }
  .mm-listview a:active {
    background: none !important; }

.mm-listview > li:not(.mm-divider):after {
  display: none !important; }

.mm-listview .mm-next:before {
  display: none !important; }

.mm-listview .mm-next:after {
  border-color: #6e6e72 !important;
  width: 6px !important;
  height: 6px !important;
  right: 15px !important; }

.mm-navbar {
  padding: 0 10px 0 0 !important;
  background: #ffca00 !important; }
  .mm-navbar .mm-title {
    color: #000 !important;
    left: -10px;
    position: relative; }

.mm-prev:before,
.mm-prev:after {
  border-color: #000 !important;
  left: 11px !important;
  width: 5px !important;
  height: 5px !important;
  border-width: 1px 0 0 1px !important; }

.mm-btn {
  width: 23px !important;
  overflow: hidden; }

.mm-slideout {
  background: rgba(0, 0, 0, 0.2) !important;
  transition: all 0.4s; }

.search-modal {
  display: none;
  height: 43px;
  border-radius: 2px;
  width: 280px; }
  .search-modal .search-modal {
    float: none;
    margin: 0;
    height: 43px;
    border-radius: 2px; }
  .search-modal .search-modal-close {
    position: fixed;
    top: 7px;
    right: 7px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 24px;
    text-align: center;
    background: #f6c342;
    color: #272f3e;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none !important; }
  .search-modal .search-modal-close:before {
    font-family: 'icomoon';
    content: "\e638"; }
  .search-modal .text {
    font-size: 16px !important; }

.custom .fancybox-inner {
  height: auto !important; }

.custom .fancybox-skin {
  background: none; }

.pages {
  height: 100%; }
  .pages thead td {
    font-size: 12px;
    font-weight: bold; }
  .pages .page {
    height: 100%;
    overflow: visible; }
  .pages .wrapper {
    padding: 20px 20px; }
  .pages table {
    border-collapse: collapse;
    padding: 0;
    margin: 0; }
    .pages table td {
      padding: 10px 20px 10px 0; }
      .pages table td:last-child {
        padding-right: 0; }

.mobile-content {
  background: #f6f5f4;
  padding: 20px 0 30px; }

.prev-page {
  background: #ecebeb;
  padding: 10px 15px;
  margin: -22px -15px 19px;
  line-height: 20px; }
  .prev-page a {
    color: #979798;
    font-size: 13px; }
    .prev-page a .ico {
      display: inline-block;
      vertical-align: top;
      font-size: 18px;
      margin: 1px 6px 0 0;
      color: #cecece; }

.brand-category {
  background: #fff;
  border: 1px solid #ededec;
  margin: 0 0 34px; }
  .brand-category li {
    border-top: 1px solid #ededec; }
    .brand-category li:first-child {
      border-top: 0; }
    .brand-category li.active > .opener:before {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
  .brand-category a {
    display: block;
    padding: 10px 7px; }
  .brand-category.mobile-catalog > li > a {
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 24px 10px 12px; }
  .brand-category.mobile-catalog .image {
    margin: 0 12px 0 0;
    width: 60px;
    height: 60px; }
  .brand-category.mobile-catalog .text-box {
    height: 60px; }
  .brand-category ul {
    border-top: 1px solid #ededec; }
    .brand-category ul > li > a {
      padding: 10px 24px 10px 16px;
      line-height: 20px; }
    .brand-category ul ul {
      padding: 5px 0; }
      .brand-category ul ul li {
        border-top: 0; }
      .brand-category ul ul a {
        padding: 5px 25px; }
  .brand-category .opener {
    position: relative; }
    .brand-category .opener:before {
      position: absolute;
      top: 50%;
      right: 20px;
      color: #d6d5d5;
      content: "\e606";
      font-family: 'icomoon';
      font-weight: bold;
      font-size: 18px;
      line-height: 20px;
      margin-top: -10px; }
    .brand-category .opener:hover {
      text-decoration: none; }
  .brand-category .image {
    float: left;
    width: 44px;
    height: 38px;
    margin: 0 9px 0 0;
    text-align: center; }
    .brand-category .image:before {
      display: inline-block;
      vertical-align: middle;
      width: 0;
      height: 100%;
      content: '';
      margin: 0 -4px 0 0; }
    .brand-category .image img {
      display: inline-block;
      vertical-align: middle;
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto; }
  .brand-category .text-box {
    overflow: hidden;
    height: 38px; }
    .brand-category .text-box:before {
      display: inline-block;
      vertical-align: middle;
      content: '';
      width: 0;
      height: 100%;
      margin: 0 -4px 0 0; }
    .brand-category .text-box span {
      display: inline-block;
      vertical-align: middle; }

.mobile-review {
  background: #fff;
  padding: 8px 11px;
  margin: 0 0 20px; }
  .mobile-review .reviews-box {
    background: none;
    font-size: 12px;
    line-height: 16px; }
    .mobile-review .reviews-box:before {
      display: none; }
    .mobile-review .reviews-box p {
      line-height: 16px; }
    .mobile-review .reviews-box .positive,
    .mobile-review .reviews-box .negative {
      line-height: 16px; }
    .mobile-review .reviews-box .info-line .star-rating {
      margin-bottom: 4px; }

.mobile-review-footer {
  background: #ececec;
  margin: 0 -11px -8px;
  padding: 10px;
  position: relative; }
  .mobile-review-footer .leave-comment {
    font-weight: 500;
    border-bottom: 1px dashed #0f5d86;
    text-decoration: none; }

.answers-box {
  float: right; }
  .answers-box .opener .ico {
    display: inline-block;
    vertical-align: top;
    color: #075583;
    font-size: 18px;
    margin: 1px 4px 0 0; }
  .answers-box .opener .text {
    border-bottom: 1px dashed #0f5d86; }
  .answers-box .opener:hover {
    text-decoration: none; }
  .answers-box .answer-popup {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 10;
    display: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); }
    .answers-box .answer-popup ul li {
      border-top: 1px solid #ededec;
      padding: 8px 10px; }
    .answers-box .answer-popup .review-info {
      margin: 0; }
  .answers-box.popup-active .opener .ico {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.cart-row {
  border-top: 1px solid #dddedd;
  padding: 15px 0 10px; }
  .cart-row .image {
    float: left;
    position: relative;
    width: 50px;
    margin: 0 10px 0 0; }
    .cart-row .image img {
      width: 100%;
      height: auto;
      display: block; }
  .cart-row .delete {
    position: absolute;
    top: -4px;
    right: -4px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    background: url(../images/btn-delete.png) no-repeat;
    width: 19px;
    height: 19px;
    margin-left: 1px;
    margin-bottom: 1px; }
    .cart-row .delete:hover {
      width: 20px;
      height: 20px;
      background-size: 20px 20px;
      margin: 0; }
  .cart-row .text-info {
    overflow: hidden;
    padding: 8px 0 0; }
  .cart-row .wrap {
    margin: 0 0 8px; }
  .cart-row .price-row {
    overflow: hidden; }
  .cart-row .price {
    float: left;
    font-size: 11px;
    line-height: 30px;
    width: 80px;
    font-weight: 500; }
  .cart-row .separator {
    float: left;
    background: url(../images/separator.png) no-repeat 0 50%;
    width: 11px;
    height: 30px;
    margin: 0 6px 0 0; }
  .cart-row .text-field {
    border: 1px solid #dedede;
    border-radius: 2px;
    margin: 0 5px 0 0;
    width: 35px;
    height: 30px;
    background: #fff;
    text-align: center;
    padding: 0;
    float: left; }
  .cart-row .field-value {
    float: left;
    line-height: 30px; }
  .cart-row .row-sum {
    float: right;
    background: #fef4d1;
    border-radius: 2px;
    padding: 0 8px;
    height: 30px;
    line-height: 30px;
    font-weight: 500;
    font-size: 15px;
    min-width: 75px; }
    .cart-row .row-sum span {
      font-size: 12px; }
  .cart-row .separator2 {
    display: block;
    background: url(../images/separator2.png) no-repeat 50% 50%;
    width: 10px;
    height: 30px;
    overflow: hidden;
    margin: 0 auto; }

.cart-total {
  border-top: 1px solid #dddedd;
  text-align: right;
  padding: 10px 0 0; }
  .cart-total .label {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 17px;
    margin-right: 10px; }
  .cart-total .price {
    display: inline-block;
    vertical-align: middle;
    background: #fef4d1;
    border-radius: 2px;
    padding: 0 8px;
    height: 35px;
    line-height: 35px;
    font-weight: 500;
    font-size: 18px;
    min-width: 75px; }
    .cart-total .price span {
      font-size: 15px; }
  .cart-total.cart-sub-total {
    border-top: 0;
    padding-top: 0; }
    .cart-total.cart-sub-total .price {
      background: #fffaed; }
    .cart-total.cart-sub-total .label {
      max-width: 145px; }

.cart-total-wrap {
  padding: 10px 0 0;
  border-top: 1px solid #dddedd; }
  .cart-total-wrap .price {
    width: 120px;
    text-align: left; }
  .cart-total-wrap .label {
    font-size: 13px; }
  .cart-total-wrap .cart-total {
    border-top: 0; }

.mobile-cart {
  margin: 0 0 20px; }

.catalog-mobile {
  background: #fff;
  border: 1px solid #ededec;
  margin: 0 0 10px; }
  .catalog-mobile > li {
    padding: 7px 10px 10px 15px;
    border-top: 1px solid #ededec; }
    .catalog-mobile > li:first-child {
      border-top: 0; }
    .catalog-mobile > li.item-disabled .image img {
      opacity: 0.5; }
    .catalog-mobile > li.item-disabled .price {
      background: #f2f2f2;
      color: #a0a0a0;
      font-size: 12px;
      font-weight: normal; }
  .catalog-mobile .image {
    float: left;
    padding-top: 2px;
    width: 90px;
    margin: 0 15px 0 0; }
    .catalog-mobile .image img {
      max-width: 100%;
      width: auto;
      height: auto;
      display: block; }
  .catalog-mobile .delete {
    position: absolute;
    top: -4px;
    right: -4px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    background: url(../images/btn-delete.png) no-repeat;
    width: 19px;
    height: 19px;
    margin-left: 1px;
    margin-bottom: 1px; }
    .catalog-mobile .delete:hover {
      width: 20px;
      height: 20px;
      background-size: 20px 20px;
      margin: 0; }
  .catalog-mobile .text-box {
    padding-top: 2px;
    overflow: hidden; }
  .catalog-mobile .title {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    height: 42px;
    overflow: hidden;
    margin: 0 0 5px; }
  .catalog-mobile .wrap {
    margin: 0 0 8px; }
    .catalog-mobile .wrap:last-child {
      margin-bottom: 0 !important; }
  .catalog-mobile .price {
    float: left;
    font-weight: 500;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
    background: #fef4d1; }
    .catalog-mobile .price span {
      font-size: 11px; }
  .catalog-mobile .star-rating {
    margin: 0 0 4px;
    clear: both;
    float: right; }
    .catalog-mobile .star-rating img {
      width: 9px;
      height: 8px;
      display: block; }
  .catalog-mobile .comments {
    display: block;
    font-size: 9px;
    clear: both; }
  .catalog-mobile .icons li {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 12px; }
    .catalog-mobile .icons li:first-child {
      margin-left: 0; }
  .catalog-mobile .icons a {
    font-weight: bold;
    font-size: 20px;
    display: block;
    color: #afb1b9; }
    .catalog-mobile .icons a.active {
      color: #f9b01c; }
    .catalog-mobile .icons a:hover {
      text-decoration: none; }
  .catalog-mobile .old-price {
    color: #646669;
    font-size: 13px;
    font-weight: 500;
    float: left;
    line-height: 22px;
    margin: 0 9px 0 0; }
    .catalog-mobile .old-price span {
      font-size: 10px; }
    .catalog-mobile .old-price:after {
      border-top: 1px solid #e63230;
      -webkit-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
      -o-transform: rotate(-7deg);
      transform: rotate(-7deg); }
  .catalog-mobile.catalog-mobile_compare .image {
    width: 70px;
    position: relative; }

.mobile-sort-holder {
  float: right;
  margin-top: -5px; }
  .mobile-sort-holder .opener {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.09);
    background: #fff url(../images/ico-sort.png) no-repeat 50% 50%; }

.compare-header {
  background: #e9e9e9;
  padding: 0 10px;
  line-height: 30px; }
  .compare-header .compare-cetegory {
    display: block;
    font-size: 15px;
    float: left; }
    .compare-header .compare-cetegory span {
      color: #707276; }
  .compare-header .clear {
    float: right;
    color: #005486;
    font-size: 13px; }

.compare-footer {
  margin: 0 0 20px; }
  .compare-footer .add {
    float: right;
    line-height: 30px; }
  .compare-footer .btn-small {
    font-size: 13px; }

.compare-slider-nav {
  float: right;
  padding-top: 7px; }
  .compare-slider-nav .slick-list {
    transform: none; }
  .compare-slider-nav .slick-track {
    transform: none !important;
    width: auto !important; }
  .compare-slider-nav .slick-slide {
    margin-left: 4px;
    width: 16px;
    height: 5px;
    background: #eaeaeb;
    border-radius: 1px;
    text-indent: -9999px;
    overflow: hidden;
    outline: none; }
    .compare-slider-nav .slick-slide.slick-active {
      background: #1d9cd8; }

.compare-slider-wrap {
  background: #fff;
  border: 1px solid #dfdfdf;
  margin: 0 0 20px; }

.slider-header {
  padding: 10px;
  border-bottom: 1px solid #dfdfdf; }
  .slider-header .compare-number {
    float: left;
    color: #696b70;
    font-size: 13px; }

.compare-slider {
  position: relative; }
  .compare-slider:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 10px;
    content: '';
    background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.88) 40%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.88) 40%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.88) 40%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    z-index: 2; }
  .compare-slider:after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 10px;
    content: '';
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 60%, white 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 60%, white 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 60%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }
  .compare-slider .slick-slide {
    outline: none;
    width: 145px;
    position: relative; }
    .compare-slider .slick-slide.slick-current .char-row .char-heading {
      display: block; }
  .compare-slider .slick-dots li.slick-active {
    color: #f00; }
  .compare-slider .char-row {
    min-height: 58px;
    border-bottom: 1px solid #dfdfdf;
    padding: 32px 0 10px;
    position: relative;
    width: 100%;
    text-align: center; }
    .compare-slider .char-row.char-row_three-line {
      height: 94px; }
      .compare-slider .char-row.char-row_three-line .char-title {
        min-height: 54px; }
    .compare-slider .char-row.char-row_four-line {
      height: 148px; }
      .compare-slider .char-row.char-row_four-line .char-title {
        height: 130px; }
    .compare-slider .char-row.char-row_five-line {
      height: 148px; }
      .compare-slider .char-row.char-row_five-line .char-title {
        height: 90px; }
    .compare-slider .char-row:last-child {
      border-bottom: 0; }
    .compare-slider .char-row:before {
      position: absolute;
      border-right: 1px solid #dfdfdf;
      bottom: 10px;
      top: 31px;
      right: 0;
      content: ''; }
    .compare-slider .char-row .char-title {
      display: block;
      font-size: 13px;
      line-height: 18px;
      overflow: hidden;
      min-height: 18px;
      color: #646669;
      padding: 0 5px; }
    .compare-slider .char-row .char-heading {
      position: absolute;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      margin-top: -24px;
      display: none;
      transition: all 0.4s;
      font-size: 13px;
      left: 0%;
      width: 200%; }
  .compare-slider .slick-prev {
    left: -14px;
    background: #fff;
    z-index: 3;
    width: 35px;
    height: 35px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    opacity: 1;
    transform: none;
    top: 32px; }
    .compare-slider .slick-prev:before {
      background: url(../images/btn-prev.png) no-repeat 45% 50%;
      width: 100%;
      height: 100%;
      border: 0;
      padding: 0;
      content: '';
      display: block;
      text-indent: -9999px;
      overflow: hidden; }
  .compare-slider .slick-next {
    right: -14px;
    background: #fff;
    z-index: 3;
    width: 35px;
    height: 35px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    opacity: 1;
    transform: none;
    top: 32px; }
    .compare-slider .slick-next:before {
      background: url(../images/btn-next.png) no-repeat 55% 50%;
      width: 100%;
      height: 100%;
      border: 0;
      padding: 0;
      content: '';
      display: block;
      text-indent: -9999px;
      overflow: hidden; }

.compare-slider__item {
  position: relative;
  padding: 9px 10px;
  height: 174px;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf; }
  .compare-slider__item .delete {
    position: absolute;
    top: 0px;
    right: 0px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    background: url(../images/btn-delete.png) no-repeat;
    width: 19px;
    height: 19px;
    margin-left: 1px;
    margin-bottom: 1px; }
    .compare-slider__item .delete:hover {
      width: 20px;
      height: 20px;
      background-size: 20px 20px;
      margin: 0; }
  .compare-slider__item .image {
    position: relative;
    height: 75px;
    margin: 0 0 9px; }
    .compare-slider__item .image img {
      max-width: 100%;
      max-height: 100%;
      margin: 0 auto;
      display: block; }
  .compare-slider__item .title {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    height: 42px;
    overflow: hidden;
    margin: 0 0 5px; }
  .compare-slider__item .wrap {
    margin: 0 0 8px; }
    .compare-slider__item .wrap:last-child {
      margin-bottom: 0 !important; }
  .compare-slider__item .price {
    float: left;
    font-weight: 500;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
    background: #fef4d1; }
    .compare-slider__item .price span {
      font-size: 11px; }

.item-article {
  display: block;
  color: #aeaeae;
  font-size: 12px; }

.product-slider-mobile {
  background: #fff;
  margin: 0 -15px 20px;
  padding: 0 40px;
  position: relative;
  height: 280px;
  overflow: hidden; }
  .product-slider-mobile .slick-slide {
    outline: none; }
  .product-slider-mobile:before {
    position: absolute;
    top: 0;
    left: 39px;
    height: 100%;
    width: 10px;
    content: '';
    background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.88) 40%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.88) 40%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.88) 40%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    z-index: 2; }
  .product-slider-mobile:after {
    position: absolute;
    top: 0;
    right: 39px;
    height: 100%;
    width: 10px;
    content: '';
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 60%, white 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 60%, white 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 60%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }
  .product-slider-mobile .image {
    height: 280px;
    text-align: center; }
    .product-slider-mobile .image:before {
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      width: 0;
      content: ''; }
    .product-slider-mobile .image img {
      display: inline-block;
      vertical-align: middle;
      max-width: 95%;
      max-height: 95%;
      width: auto;
      height: auto; }
  .product-slider-mobile .slick-prev {
    left: 10px;
    background: #fff;
    z-index: 3;
    width: 35px;
    height: 35px;
    opacity: 1;
    transform: none;
    top: 50%;
    margin-top: -16px; }
    .product-slider-mobile .slick-prev:before {
      background: url(../images/btn-prev02.png) no-repeat 45% 50%/12px 21px;
      width: 100%;
      height: 100%;
      border: 0;
      padding: 0;
      content: '';
      display: block;
      text-indent: -9999px;
      overflow: hidden;
      background-size: 13px 23px; }
  .product-slider-mobile .slick-next {
    right: 10px;
    background: #fff;
    z-index: 3;
    width: 35px;
    height: 35px;
    opacity: 1;
    transform: none;
    top: 50%;
    margin-top: -16px; }
    .product-slider-mobile .slick-next:before {
      background: url(../images/btn-next02.png) no-repeat 55% 50%/12px 21px;
      width: 100%;
      height: 100%;
      border: 0;
      padding: 0;
      content: '';
      display: block;
      text-indent: -9999px;
      overflow: hidden; }

.char-table {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  border: 1px solid #ededec;
  background: #fff;
  font-size: 13px;
  width: 100%; }
  .char-table td {
    border-top: 1px solid #ededec;
    padding: 6px;
    width: 50%;
    vertical-align: top; }
    .char-table td:first-child {
      text-align: right; }
    .char-table td:last-child {
      color: #646669;
      font-weight: 300; }
  .char-table tr:first-child td {
    border-top: 0; }

.mobile-tab {
  margin: 0 0 20px; }

.btns-list .btn-holder {
  position: relative;
  z-index: 10; }
  .btns-list .btn-holder img {
    display: block;
    width: 100%;
    height: auto; }
  .btns-list .btn-holder a {
    height: 50px;
    line-height: 48px;
    padding: 0 13px;
    border: 1px solid #edecec;
    display: block;
    border-radius: 2px;
    background: white;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 1%, #fdfdfd 85%, #f2f2f3 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 1%, #fdfdfd 85%, #f2f2f3 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, white 1%, #fdfdfd 85%, #f2f2f3 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f3',GradientType=0 );
    /* IE6-9 */
    text-decoration: none;
    font-family: "Roboto"; }
    .btns-list .btn-holder a:before {
      margin: 0 9px 0 0;
      font-size: 26px;
      vertical-align: top;
      font-family: "icomoon"; }
    .btns-list .btn-holder a.instruction:before {
      color: #ed4758; }
    .btns-list .btn-holder a.sert:before {
      color: #f6973d; }
    .btns-list .btn-holder a.talon:before {
      color: #61ae61; }

.mobile-price-row {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 390px;
  background: #424249;
  z-index: 100;
  transform: translateY(350px);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  .mobile-price-row:before {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 1000px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    content: '';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
  .mobile-price-row .step {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    overflow: hidden; }
  .mobile-price-row .step1 {
    width: 100%;
    padding: 0 0 0 15px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-110%);
    opacity: 0; }
    .mobile-price-row .step1 .icons {
      float: right; }
  .mobile-price-row .step-not-aviable {
    padding: 0 15px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(-110%);
    opacity: 0; }
  .mobile-price-row .step-not-aviable2 {
    padding: 20px 15px 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(110%);
    opacity: 0; }
  .mobile-price-row .step2,
  .mobile-price-row .step3_1,
  .mobile-price-row .step3_2 {
    padding: 20px 15px 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(110%);
    opacity: 0; }
  .mobile-price-row .step4_1 {
    padding: 40px 15px 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(110%);
    opacity: 0; }
    .mobile-price-row .step4_1 .step-title {
      margin-right: 0;
      text-align: center; }
  .mobile-price-row .step4_2 {
    padding: 40px 15px 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(110%);
    opacity: 0; }
    .mobile-price-row .step4_2 .step-title {
      margin-right: 0;
      text-align: center; }
  .mobile-price-row .price {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    float: left; }
    .mobile-price-row .price span {
      font-size: 13px; }
  .mobile-price-row .buy {
    float: right;
    background: #fbc81a;
    height: 40px;
    line-height: 40px;
    color: #2d303f;
    font-size: 13px;
    font-weight: 500;
    padding: 0 14px 0 10px;
    margin-left: 15px; }
    .mobile-price-row .buy .ico {
      margin: 0 10px 0 0;
      font-size: 21px;
      line-height: 40px;
      font-weight: bold;
      display: inline-block;
      vertical-align: top; }
    .mobile-price-row .buy:hover {
      text-decoration: none; }
  .mobile-price-row .notification {
    color: #fff;
    float: right;
    background: none;
    padding: 0;
    font-size: 13px;
    line-height: 40px; }
  .mobile-price-row .out {
    float: right;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin: 5px 0 0;
    padding: 0 10px;
    font-size: 13px;
    border-radius: 2px;
    background: #54545a; }
  .mobile-price-row .icons {
    float: left; }
    .mobile-price-row .icons li {
      display: inline-block;
      vertical-align: bottom;
      margin-left: 12px;
      position: relative; }
      .mobile-price-row .icons li:first-child {
        margin-left: 0; }
      .mobile-price-row .icons li.active:before {
        position: absolute;
        top: 6px;
        right: -7px;
        background: #fbc81a url(../images/ico-arrow02.png) no-repeat 50% 50%;
        content: '';
        width: 14px;
        height: 14px;
        border-radius: 50%; }
    .mobile-price-row .icons a {
      font-weight: bold;
      font-size: 20px;
      line-height: 40px;
      display: block;
      color: #afb1b9; }
      .mobile-price-row .icons a:hover {
        text-decoration: none;
        color: #fff; }
  .mobile-price-row.step1-active {
    transform: translateY(350px); }
    .mobile-price-row.step1-active .step1 {
      transform: translateX(0%);
      opacity: 1; }
    .mobile-price-row.step1-active:before {
      opacity: 0;
      visibility: hidden; }
    .mobile-price-row.step1-active .step-not-aviable {
      transform: translateX(0%);
      opacity: 1; }
  .mobile-price-row.step2-active {
    transform: translateY(90px); }
    .mobile-price-row.step2-active .step2 {
      transform: translateX(0%);
      opacity: 1; }
    .mobile-price-row.step2-active:before {
      opacity: 1;
      visibility: visible; }
  .mobile-price-row.step2_1-active {
    transform: translateY(90px); }
    .mobile-price-row.step2_1-active .step-not-aviable2 {
      transform: translateX(0%);
      opacity: 1; }
    .mobile-price-row.step2_1-active .step-not-aviable {
      transform: translateX(-110%);
      opacity: 0; }
    .mobile-price-row.step2_1-active:before {
      opacity: 1;
      visibility: visible; }
  .mobile-price-row.step3_1-active {
    transform: translateY(90px); }
    .mobile-price-row.step3_1-active .step2 {
      transform: translateX(-110%);
      opacity: 0; }
    .mobile-price-row.step3_1-active .step3_1 {
      transform: translateX(0%);
      opacity: 1; }
    .mobile-price-row.step3_1-active:before {
      opacity: 1;
      visibility: visible; }
  .mobile-price-row.step4_1-active {
    transform: translateY(90px); }
    .mobile-price-row.step4_1-active .step3_1 {
      transform: translateX(-110%);
      opacity: 0; }
    .mobile-price-row.step4_1-active .step4_1 {
      transform: translateX(0%);
      opacity: 1; }
    .mobile-price-row.step4_1-active:before {
      opacity: 1;
      visibility: visible; }
  .mobile-price-row.step3_2-active {
    transform: translateY(0); }
    .mobile-price-row.step3_2-active .step2 {
      transform: translateX(-110%);
      opacity: 0; }
    .mobile-price-row.step3_2-active .step3_2 {
      transform: translateX(0%);
      opacity: 1; }
    .mobile-price-row.step3_2-active:before {
      opacity: 1;
      visibility: visible; }
  .mobile-price-row.step4_2-active {
    transform: translateY(90px); }
    .mobile-price-row.step4_2-active .step3_2 {
      transform: translateX(-110%);
      opacity: 0; }
    .mobile-price-row.step4_2-active .step4_2 {
      transform: translateX(0%);
      opacity: 1; }
    .mobile-price-row.step4_2-active:before {
      opacity: 1;
      visibility: visible; }
  .mobile-price-row .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 24px;
    text-align: center;
    background: #f6c342;
    color: #272f3e;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none !important; }
  .mobile-price-row .close:before {
    font-family: 'icomoon';
    content: "\e638"; }
  .mobile-price-row .step-title {
    display: block;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    margin: 0 30px 19px 0; }
  .mobile-price-row .btn-yellow, .mobile-price-row .btn-blue, .mobile-price-row .btn-black, .mobile-price-row .btn-gray, .mobile-price-row .btn-gray2,
  .mobile-price-row .btn-blue {
    display: block;
    text-align: center;
    margin: 0 0 20px;
    width: 100%; }
    .mobile-price-row .btn-yellow .icon, .mobile-price-row .btn-blue .icon, .mobile-price-row .btn-black .icon, .mobile-price-row .btn-gray .icon, .mobile-price-row .btn-gray2 .icon,
    .mobile-price-row .btn-blue .icon {
      margin: 0 12px 0 0;
      font-size: 21px;
      display: inline-block;
      vertical-align: top;
      line-height: 41px;
      font-weight: bold; }
      .mobile-price-row .btn-yellow .icon.icon-top1, .mobile-price-row .btn-blue .icon.icon-top1, .mobile-price-row .btn-black .icon.icon-top1, .mobile-price-row .btn-gray .icon.icon-top1, .mobile-price-row .btn-gray2 .icon.icon-top1,
      .mobile-price-row .btn-blue .icon.icon-top1 {
        font-size: 28px; }
  .mobile-price-row .price-wrap {
    padding-bottom: 10px; }
    .mobile-price-row .price-wrap .price {
      font-size: 24px; }
      .mobile-price-row .price-wrap .price span {
        font-size: 21px; }
  .mobile-price-row .presence {
    color: #62ae60;
    line-height: 34px;
    font-family: "Roboto";
    float: right; }
    .mobile-price-row .presence:before {
      margin: 2px 6px 0 0;
      font-size: 32px;
      line-height: 32px;
      display: inline-block;
      vertical-align: top;
      font-family: "icomoon"; }
  .mobile-price-row .phones {
    background: #4b4b52;
    padding: 0 15px;
    border-radius: 2px;
    text-align: center;
    margin: 0 0 18px; }
    .mobile-price-row .phones li {
      border-top: 1px solid #5d5d64;
      padding: 13px 0;
      position: relative; }
      .mobile-price-row .phones li:first-child {
        border-top: 0; }
    .mobile-price-row .phones .phone {
      color: #fff;
      font-size: 18px; }
    .mobile-price-row .phones .ico {
      display: inline-block;
      vertical-align: top;
      font-size: 24px;
      line-height: 24px;
      margin: 0 6px 0 0;
      width: 22px; }
      .mobile-price-row .phones .ico.icon-top1 {
        color: #919292; }
      .mobile-price-row .phones .ico.icon-top2 {
        color: #199ad6; }
      .mobile-price-row .phones .ico.icon-top3 {
        color: #dd0330; }
  .mobile-price-row label {
    display: block;
    color: #fff;
    padding: 0 0 6px; }
  .mobile-price-row .text-field {
    height: 40px;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #edeceb;
    margin: 0 0 20px; }
  .mobile-price-row p {
    color: #fff;
    font-size: 13px;
    margin: 0 0 18px;
    text-align: center; }

.amount-mobile {
  margin: 0 0 24px; }
  .amount-mobile .minus, .amount-mobile .amount .plus, .amount .amount-mobile .plus,
  .amount-mobile .plus {
    float: left;
    width: 87px;
    height: 70px;
    background: #54545a;
    border-radius: 2px 0 0 2px;
    position: relative; }
    .amount-mobile .minus:before, .amount-mobile .amount .plus:before, .amount .amount-mobile .plus:before,
    .amount-mobile .plus:before {
      position: absolute;
      top: 33px;
      left: 34px;
      background: #e0e0e0;
      content: '';
      width: 18px;
      height: 4px; }
  .amount-mobile .plus {
    float: right;
    border-radius: 0 2px 2px 0; }
    .amount-mobile .plus:after {
      position: absolute;
      left: 41px;
      top: 26px;
      content: '';
      background: #e0e0e0;
      width: 4px;
      height: 18px; }
  .amount-mobile .text-wrap {
    overflow: hidden; }
  .amount-mobile .text {
    height: 70px;
    border: 1px solid #dedede;
    background: #fff;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 32px; }

#container, #container2 {
  display: block;
  margin: 0 auto 15px;
  width: 60px;
  height: 60px;
  position: relative; }
  #container:before, #container2:before {
    position: absolute;
    top: 22px;
    left: 20px;
    height: 3px;
    background: #fff;
    content: '';
    background: url(../images/ico-arrow.png) no-repeat;
    height: 18px; }
  #container .fixed, #container2 .fixed {
    width: 100%;
    transform: rotate(135deg);
    opacity: 0; }
  #container .halfclip, #container2 .halfclip {
    width: 50%;
    height: 100%;
    right: 0px;
    position: absolute;
    overflow: hidden;
    transform-origin: left center; }
    #container .halfclip .halfcircle, #container2 .halfclip .halfcircle {
      right: 1px; }
  #container .halfcircle, #container2 .halfcircle {
    box-sizing: border-box;
    height: 100%;
    right: 0px;
    position: absolute;
    border: solid 3px transparent;
    border-top-color: #fbc81a;
    border-left-color: #fbc81a;
    border-radius: 50%; }
  #container .clipped, #container2 .clipped {
    width: 200%;
    transform: rotate(-45deg); }

@keyframes arrowWidth {
  0% {
    width: 0; }
  100% {
    width: 20px; } }

@keyframes cliprotate {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(0deg); }
  50.01% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(180deg); } }

@-webkit-keyframes Rotate {
  0% {
    -webkit-transform: rotate(0deg); }
  4% {
    -webkit-transform: rotate(-45deg); }
  8% {
    -webkit-transform: rotate(0deg); }
  12% {
    -webkit-transform: rotate(-45deg); }
  16% {
    -webkit-transform: rotate(0deg); }
  20% {
    -webkit-transform: rotate(-45deg); }
  24% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

@keyframes Rotate {
  0% {
    transform: rotate(0deg); }
  4% {
    transform: rotate(-45deg); }
  8% {
    transform: rotate(0deg); }
  12% {
    transform: rotate(-45deg); }
  16% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(-45deg); }
  24% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(0deg); } }

.step4_1-active #container:before, .step4_1-active #container2:before {
  animation: arrowWidth 0.5s 1;
  animation-fill-mode: forwards;
  animation-delay: 1s; }

.step4_1-active #container .halfclip, .step4_1-active #container2 .halfclip {
  animation: cliprotate 0.8s 1;
  transform: rotate(180deg); }

.step4_1-active #container .clipped, .step4_1-active #container2 .clipped {
  transform: rotate(135deg);
  animation: rotate 0.4s linear 2; }

.step4_1-active #container .fixed, .step4_1-active #container2 .fixed {
  opacity: 1;
  animation: showfixed 0.8s 1; }

.step4_2-active #container2:before {
  -webkit-animation: Rotate 2000ms linear 2000ms 2;
  animation: Rotate 2000ms linear 2000ms 2; }

.step4_2-active #container2 .halfclip {
  animation: cliprotate 0.8s 1;
  transform: rotate(180deg); }

.step4_2-active #container2 .clipped {
  transform: rotate(135deg);
  animation: rotate 0.4s linear 2; }

.step4_2-active #container2 .fixed {
  opacity: 1;
  animation: showfixed 0.8s 1; }

@keyframes rotate {
  0% {
    transform: rotate(-45deg); }
  100% {
    transform: rotate(135deg); } }

@keyframes showfixed {
  0% {
    opacity: 0; }
  49.99% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

#container2 .halfcircle {
  border-top-color: #209ad9;
  border-left-color: #209ad9; }

#container2:before {
  background: url(../images/ico-phone-t.png) no-repeat;
  width: 28px;
  height: 12px;
  left: 17px;
  top: 17px; }

#container2:after {
  background: url(../images/ico-phone-b.png) no-repeat;
  width: 18px;
  height: 17px;
  position: absolute;
  top: 28px;
  left: 22px;
  content: ''; }

.product-page .page {
  padding: 0 0 40px; }

/*# sourceMappingURL=all.css.map */