/* Start:/local/templates/webdoka/styles/pages/cart.css?17504351908095*/
@charset "UTF-8";

.cart.cart-content .cart-content__wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  margin-bottom: 80px;
}

.cart .product-list-swiper {
  grid-column: span 3;
}

.cart.cart-steps {
  margin-bottom: 80px;
}

.cart.cart-steps .cart-steps__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.cart.cart-steps .cart-steps__item {
  text-align: center;
  padding: 12px;
  background-color: var(--grey-light);
  border: 1px solid var(--grey-light);
  overflow: hidden;
  /* Скрываем текст, который выходит за пределы контейнера */
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}

.cart.cart-steps .cart-steps__item.active {
  border: 1px solid var(--black-main);
  background-color: var(--white);
}

.cart .cart-list {
  grid-column: span 3;
  margin-bottom: 80px;
}

.cart .cart-list__header {
  display: flex;
  gap: 80px;
  margin-bottom: 25px;
}

.cart .cart-list__del-btn {
  color: var(--Neutral-ghost);
}

.cart .cart-list__wrap {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.cart .cart-list__unavailble .cart-card__img-wrap {
  opacity: 0.6;
}

.cart .cart-list__unavailble .cart-card__info {
  opacity: 0.6;
}

.cart .cart-list__unavailble .cart-card__controls {
  opacity: 0.6;
}

.cart .cart-info-bar {
  grid-column: span 1;
  grid-row: span 2;
}

.cart .cart-info {
  position: sticky;
  top: 100px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cart .cart-info__cost {
  display: flex;
  justify-content: space-between;
}

.cart .cart-info__cost-elem {
  display: flex;
  gap: 4px;
}

.cart .cart-info__amount {
  display: flex;
  gap: 4px;
}

.cart .cart-info__promo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.cart .cart-info__promo-box {
  flex-grow: 1;
  display: flex;
}

.cart .cart-info__promo-input {
  flex-grow: 1;
  padding: 11px;
  border: 1px solid var(--grey-dark-stroke);
}

.cart .cart-info__promo-btn {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  background-color: var(--black-main);
  border: 1px solid var(--black-main);
  color: var(--white);
  transition: var(--transition-primary);
}

.cart .cart-info__promo-btn:hover {
  background-color: var(--white);
  color: var(--black-main);
}

.cart .cart-info__descr {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px;
  border: 1px solid var(--black-main);
}

.cart .cart-info__descr-title {
  margin-bottom: 16px;
}

.cart .cart-info__descr-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cart .cart-info__descr-item {
  display: flex;
  justify-content: space-between;
}

.cart .cart-info__descr-name {
  color: var(--Neutral-ghost);
}

.cart .cart-info__descr-elem {
  display: flex;
  gap: 4px;
}

.cart .cart-info__total {
  display: flex;
  justify-content: space-between;
}

.cart .cart-info__total-title {
  font-size: 24px;
}

.cart .cart-info__total-price {
  display: flex;
  gap: 4px;
  font-size: 24px;
}

.cart .cart-info__submit-btn {
  padding: 12px;
  background-color: var(--black-main);
  border: 1px solid var(--black-main);
  color: var(--white);
  transition: var(--transition-primary);
}

.cart .cart-info__submit-btn:hover {
  background-color: var(--white);
  color: var(--black-main);
}

.cart .cart-card {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  padding: 24px 8px 24px 0;
  border-bottom: 1px solid var(--grey-dark-stroke);
}

.cart .cart-card:first-child {
  border-top: 1px solid var(--grey-dark-stroke);
}

.cart .cart-card__descr {
  display: flex;
  align-items: center;
  gap: 20px;
}

.cart .cart-card__preview {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cart .cart-card__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
}

.cart .cart-card__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cart .cart-card__article {
  display: flex;
  gap: 4px;
  color: var(--Neutral-ghost);
}

.cart .cart-card__option {
  display: flex;
  gap: 4px;
  color: var(--Neutral-ghost);
}

.cart .cart-card__option-value {
  color: var(--text-black);
}

.cart .cart-card__status {
  display: flex;
  gap: 4px;
  color: var(--Neutral-ghost);
}

.cart .cart-card__status-value {
  color: var(--text-black);
}

.cart .cart-card__controls {
  flex-shrink: 0;
  display: flex;
  gap: 20px;
}

.cart .cart-card__counter-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 4px;
}

.cart .cart-card__counter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}

.cart .cart-card__counter-value {
  width: 32px;
  text-align: center;
}

.cart .cart-card__cost {
  display: flex;
  gap: 4px;
  padding-left: 12px;
}

.cart .cart-card__price {
  display: flex;
  gap: 20px;
}

.cart .cart-card__price-box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  padding-top: 10px;
  width: 130px;
}

.cart .cart-card__price-prev {
  color: var(--Neutral-ghost);
  text-decoration: line-through;
}

.cart .cart-card__price-elem {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.cart .cart-card__price-info {
  color: var(--green);
}

.cart .cart-card__price-current {
  display: flex;
  gap: 4px;
  font-size: 20px;
}

.cart .cart-card__del-btn {
  flex-shrink: 0;
}

.cart-price-bar {
  position: fixed;
  bottom: 77px;
  z-index: 90;
  display: none;
  width: 100%;
  background-color: var(--white);
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16);
  transform: translateY(100%);
  transition: var(--transition-primary);
}

.cart-price-bar.active {
  transform: translateY(0%);
}

.cart-price-bar__wrap {
  padding: 16px 24px;
}

.cart-price-bar__box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.cart-price-bar__title {
  font-size: 24px;
}

.cart-price-bar__elem {
  display: flex;
  gap: 4px;
  font-size: 24px;
}

.cart-price-bar__submit {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 12px;
  background-color: var(--black-main);
  border: 1px solid var(--black-main);
  color: var(--white);
  transition: var(--transition-primary);
}

.cart-price-bar__submit:hover {
  background-color: var(--white);
  color: var(--black-main);
}

@media screen and (max-width: 1539px) {
  .cart.cart-content .cart-content__wrap {
    gap: 10px;
    margin-bottom: 55px;
  }

  .cart .cart-list {
    padding-right: 30px;
  }

  .cart .cart-card {
    gap: 20px;
    padding: 24px 0;
  }
}

@media screen and (max-width: 1199px) {
  .cart.cart-content .cart-content__wrap {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 32px;
  }

  .cart .product-list-swiper {
    grid-column: span 2;
  }

  .cart.cart-steps {
    margin-bottom: 24px;
  }

  .cart.cart-steps .cart-steps__list {
    grid-template-columns: repeat(2, 1fr);
  }

  .cart .cart-list {
    grid-column: span 2;
    padding-right: 0px;
  }

  .cart .cart-list__header {
    gap: 0;
    justify-content: space-between;
  }

  .cart .cart-list__wrap {
    gap: 55px;
  }

  .cart .cart-info-bar {
    grid-column: span 2;
    grid-row: span 1;
    margin-bottom: 55px;
  }

  .cart .cart-card__price-box {
    padding-top: 12px;
  }

  .cart-price-bar {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .cart .cart-list__wrap {
    gap: 32px;
  }

  .cart .cart-card {
    flex-direction: column;
  }

  .cart .cart-card__descr {
    align-items: flex-start;
    gap: 12px;
  }

  .cart .cart-card__preview {
    flex-direction: column;
    align-items: flex-start;
  }

  .cart .cart-card__img-wrap {
    width: 80px;
    height: 80px;
  }

  .cart .cart-card__controls {
    justify-content: space-between;
  }

  .cart-price-bar {
    bottom: 57px;
  }

  .cart-price-bar__wrap {
    padding: 12px;
  }
}
/* End */


/* Start:/local/templates/webdoka/styles/gv_legacy.css?1750679484148652*/
/* font-family: "MyriadProRegular"; */
@font-face {
    font-family: "MyriadProRegular";
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProRegular/MyriadProRegular.eot");
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProRegular/MyriadProRegular.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "MyriadProBold"; */
@font-face {
    font-family: "MyriadProBold";
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBold/MyriadProBold.eot");
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBold/MyriadProBold.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBold/MyriadProBold.woff") format("woff"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBold/MyriadProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "MyriadProItalic"; */
@font-face {
    font-family: "MyriadProItalic";
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProItalic/MyriadProItalic.eot");
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProItalic/MyriadProItalic.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProItalic/MyriadProItalic.woff") format("woff"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProItalic/MyriadProItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "MyriadProSemiBold"; */
@font-face {
    font-family: "MyriadProSemiBold";
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBold/MyriadProSemiBold.eot");
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBold/MyriadProSemiBold.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBold/MyriadProSemiBold.woff") format("woff"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBold/MyriadProSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "MyriadProBoldItalic"; */
@font-face {
    font-family: "MyriadProBoldItalic";
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot");
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBoldItalic/MyriadProBoldItalic.woff") format("woff"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProBoldItalic/MyriadProBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "MyriadProSemiBoldItalic"; */
@font-face {
    font-family: "MyriadProSemiBoldItalic";
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot");
    src: url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.woff") format("woff"),
    url("/local/templates/webdoka/assets/legacy_fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/*
body {
    padding: 0;
    margin: 0;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    letter-spacing: 0px;
    color: #40404b;
    overflow-x: hidden;
}
*/

body.lg-on {
    overflow: hidden;
}

/*
a {
    color: #8d8d8d;
}

a:hover,
a:focus,
a:active {
    color: #40404B;
}
*/

h2 {
    font-size: 24px;
    font-size: 1.714285714285714em;
	font-weight: 300;
}

h3 {
    font-size: 18px;
    font-size: 1.285714285714286em;
    font-weight: 300;
}

h4 {
    font-size: 15px;
    font-size: 1.0714285714285714285714285714286em;
    font-weight: 300;
}

h5 {
    font-size: 13px;
    font-size: 0.9285714285714286;
    font-weight: 300;
}

ol {
    counter-reset: item;
    padding-left: 0;
}

ol li {
    display: block;
}

ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #929292;
}

ul li span.ul-dot {
    width: 20px;
    height: 6px;
    display: inline-block;
    background: url(/local/templates/webdoka/assets/images/ul-li-dot.png) no-repeat;
}

.propose_buy_list .propose_img img, .propose_buy .propose_img img {
    margin: 0 auto 40px auto;
}

.quantity_squear {
    margin-top: 4px !important;
    margin-bottom: 5px !important;
}

.store_name {
    text-decoration: none;
    cursor: auto !important;
}

.cabinet_btn_login_url {
    line-height: 34px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    text-decoration: none;
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent;
}

.btn-link {
    font-weight: 300;
    color: #929292;
    border-radius: 0;
    text-decoration: underline;
}

.btn {
    border-radius: 0;
    display: inline-block;
    white-space: normal;
}


@media screen and (max-width: 768px) {
    h1, .h1 {
        font-size: 30px;
    }

    h2, .h2 {
        font-size: 24px;
    }

    h3, .h3 {
        font-size: 20px;
    }

    h4, .h4 {
        font-size: 16px;
    }
}


.footer_center_item {
    padding-left: 45px;
}

.make_order {
    display: none;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 500;
    padding: 100px 0;
}

.order_mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ccc;
    background: rgba(0, 0, 0, .8);
    z-index: -1;
}

.wait_text {
    position: relative;
    margin-top: 100px;
    z-index: 1;
    text-align: center;
    color: #FFF;
}

.errortext {
    color: #ba3c3c;
}

.dnone {
    display: none;
}

.fullwidth {
    width: 100%;
}

.mb15 {
    margin-bottom: 15px;
}

.seo_text_catalog h2 {
    font-size: 2.142857142857143em;
}

.t_gray {
    color: #8d8d8d;   
}

.radius50 {
    border-radius: 50%;
    display: block;
}

.bike_shop .dyn_color, .bike_shop .dyn_color * {
    color: #84bc30;
}

.xc_ski_shop .dyn_color, .xc_ski_shop .dyn_color * {
    color: #4cbbda;
}

.alpine_ski_shop .dyn_color, .alpine_ski_shop .dyn_color * {
    color: #505199;
}


.dyn_color.red {
    color: red !important;
}

.fa.fa-check.no {
    color: red;
}

#waitlist_form input, #waitlist_form textarea {
    position: relative;
}

#waitlist_form input:focus, #waitlist_form textarea:focus, #waitlist_form input[data-valid="focus"], #waitlist_form textarea[data-valid="focus"] {
    -webkit-box-shadow: inset 0px 0px 0px 3px var(--brand-color);
    -moz-box-shadow: inset 0px 0px 0px 3px var(--brand-color);
    box-shadow: inset 0px 0px 0px 3px var(--brand-color);
    border: 1px solid var(--brand-color);
}

#waitlist_form input[data-valid="error"], #waitlist_form textarea[data-valid="error"] {
    -webkit-box-shadow: inset 0px 0px 0px 3px #ba3c3c;
    -moz-box-shadow: inset 0px 0px 0px 3px #ba3c3c;
    box-shadow: inset 0px 0px 0px 3px #ba3c3c;
    border: 1px solid #ba3c3c;
    padding: 10px 40px 10px 10px;
    background: url(/bitrix/templates/main/images/input-error.png) no-repeat 100% 50% #fff;
}

#waitlist_form input[data-valid="ok"], #waitlist_form textarea[data-valid="ok"] {
    -webkit-box-shadow: inset 0px 0px 0px 3px #d8d8d8;
    -moz-box-shadow: inset 0px 0px 0px 3px #d8d8d8;
    box-shadow: inset 0px 0px 0px 3px #d8d8d8;
    border: 1px solid #d8d8d8;
    padding: 10px 40px 10px 10px;
    background: url(/bitrix/templates/main/images/input-ok.png) no-repeat 100% 50% #fff;
}

#waitlist_form textarea {
    width: 100%;
    border: 1px solid #d7d7d7;
    padding: 10px;
    height: 199px;
    background: #fff;
    -webkit-box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
}

.gv_modal_order .btn {
    margin-bottom: 10px;
}

.youtube_iframe {
    width: 100%;
    height: 483px;
    max-height: 50 hw;
}

.youtube_img_l {
    position: relative;
}

.youtube_img_l .play_l {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube_img_l .fa {
    color: #cc181e;
    font-size: 56px;
}

.youtube_popup {
    cursor: pointer;
}

.youtube_popap_l {
    display: none;
}

.youtube_popap_l.o {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
}

.youtube_popap_l .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
}

.youtube_popap_l .video_l {
    position: relative;
    width: 90%;
    max-width: 1000px;
    background: #fff;
    padding: 10px;
}

.youtube_popap_l .head {
    background: #40404b;
    padding: 5px 115px 5px 15px;
    font-size: 30px;
    font-size: 2.142857142857143em;
    color: #fff;
}

.youtube_popap_l .head span {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: block;
}

.youtube_popap_l .y_close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 108px;
    height: 52px;
    cursor: pointer;
    color: #fff;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.youtube_popap_l .y_close .fa {
    font-size: 18px;
}

.youtube_popap_l .y_close span {
    padding-right: 10px;
}

.c_review_l {
    padding: 30px 15px;
    background: #fff;
}

.c_review_l .img-responsive {
    width: 100%;
}

.c_review_l .text_l a.title {
    font-size: 16px;
    text-decoration: underline;
    color: #000;
}

.c_review_l .text_l p {
    color: #8d8d8d;
}

/* адаптивный you tube */
.video-block {
    position: relative;
    padding-bottom: 56.25%; /* для 4:3  надо ставить 75%  */
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

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

/* конец адаптивного you tube*/

.btn {
    transition: all .2s;
}

.btn-default {
    background: #40404b;
    color: #fff;
    /*text-transform: uppercase;*/
    padding: 15px;
    border: none;
}

.btn-default:hover {
    background: #FF9600;
    color: #fff;
}

.btn-gray,
.btn-gray:hover {
    padding: 15px;
    color: #fff;
    background: #848484;
    border: none;
}

.btn-block {
    display: block;
    width: 100%;
    text-align: center;
}

.btn-transparent {
    color: #40404b;
    border: 3px solid #40404b;
    padding: 15px;
}

.btn-transparent-no-border {
    color: #40404b;
    border: 0px solid #40404b;
    padding: 15px;
}

.btn-main {
    border: none;
    background: var(--brand-color);
    color: #fff;
    padding: 15px;
}

.btn-baner {
    border: none;
    background: var(--brand-color);
    color: #fff;
    padding: 10px;
    z-index: 10000;
}

.btn-link {
    color: #929292;
    font-weight: bold;
    text-decoration: underline;
}

.btn-velo {
    background: #84bc30;
    color: #fff;
    padding: 15px;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
}

.btn-xcski {
    background: #4cbbda;
    color: #fff;
    padding: 15px;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
}

.btn-winter {
    background: #505199;
    color: #fff;
    padding: 15px;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
}

.seo_text_catalog > h2,
.main_title {
    border-bottom: 1px solid #8c8c91;
    border-bottom: 1px solid rgba(64, 64, 75, .5);
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: block;
}

.btn.width_main_title {
    display: none;
}

.hidden_from_992px {
    display: block;
}

@media screen and (min-width: 992px) {
    .main_title.width_btn {
        width: calc(100% - 255px);
        float: left;
    }

    .btn.width_main_title {
        width: 240px;
        float: left;
        text-align: center;
        margin-left: 15px;
        margin-top: 13px;
        display: block;
    }

    .hidden_from_992px {
        display: none;
    }
}

.sic_prop_name {
    color: #929292;
}

.si_gallery {
    padding: 15px 20px;
    border-top: 2px solid #929292;
    border-bottom: 2px solid #929292;
}

.slider_style .owl-prev {
    left: 0;
}

.slider_style .owl-next {
    right: 0;
}

.owl-carousel .owl-item {
    padding: 0 25px;
}

.slider_style .owl-dots {
    text-align: center;
    padding-top: 15px;
}

.slider_style .owl-dots .owl-dot {
    display: inline-block;
    padding: 5px;
}

.slider_style .owl-dots span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #666676;
}

.slider_style .owl-dots .active span {
    border: 2px solid #666676;
}

.spn_span {
    width: 120px;
    display: inline-block;
}

/*-----------footer-----------*/
.footer_top {
    padding: 15px 0;
    background: #40404b;
    color: #fff;
}

.footer_top ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer_top_item header {
    margin-bottom: 15px;
    font-size: 15px;
    font-size: 1.0714285714285714285714285714286em;
}

.footer_top_item header span {
    display: inline-block;
    padding-left: 5px;
}

.footer_top_item_menu {
    padding-left: 45px;
}

.footer_top_item strong {
    font-size: 15px;
    font-size: 1.0714285714285714285714285714286em;
    margin-bottom: 8px;
    display: block;
}

.footer_top_item a, .footer_top_item span {
    padding: 8px 0;
    display: block;
    color: #fff;
}

.footer_top_item a:hover,
.footer_top_item li.selected a
.footer_top_item li a.selected,
.footer_top_item li.bottom_menu_selected a, .footer_top_item li.bottom_menu_selected span {
    color: #4ea700;
}

.xc_ski_shop .footer_top_item a:hover,
.xc_ski_shop .footer_top_item li.selected a
.xc_ski_shop .footer_top_item li a.selected,
.xc_ski_shop .footer_top_item li.bottom_menu_selected a, .xc_ski_shop .footer_top_item li.bottom_menu_selected span {
    color: #4cbbda;
}

.alpine_ski_shop .footer_top_item a:hover,
.alpine_ski_shop .footer_top_item li.selected a
.alpine_ski_shop .footer_top_item li a.selected,
.alpine_ski_shop .footer_top_item li.bottom_menu_selected a, .alpine_ski_shop .footer_top_item li.bottom_menu_selected span {
    color: #505199;
}

.footer_top_item_brends a {
    /*text-transform: uppercase;*/
}

.footer_center {
    background: #dadada;
    padding: 15px 0;
}

@media (min-width: 1600px) {
    .footer_bottom_b1 {
        width: 16.66666667%;
    }

    .footer_bottom_b2 {
        width: 50%;
    }

    .footer_bottom_b3 {
        width: 33.33333333%;
    }

    .footer_phone_b1 {
        width: 50%;
    }

    .footer_phone_b2 {
        width: 50%;
    }

    .footer_social_b1 {
        width: 50%;
    }

    .footer_social_b2 {
        width: 50%;
    }
}

.ab-sidebar {
    margin: 0 !important;
}

.footer_bottom {
    padding: 40px 0 15px 0;
}

.footer_phone a {
    font-size: 24px;
    font-size: 1.714285714285714em;
    color: #40404b;
    padding-right: 10px;
    display: inline-block;
}

.coop {
    color: #b0b0b6;
    font-size: 11px;
    font-size: 0.7857142857142857em;
}

/*------------ part_header ------------*/
.part_header {
    padding: 15px 0;
}

/*.part_header .sidebar_inner{

}*/
.part_header footer {
    background: #fff;
}

.part_header footer img {
    margin: auto;
}

.part_header .sidebar nav {
    text-transform: uppercase;
    margin-bottom: 2px;
    background: #fff;
}

.part_header .sidebar nav header {
    color: #fff;
    background: #40404b;
    padding: 15px 30px;
    cursor: pointer;
}

.part_header .sidebar nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.part_header .section_nav a {
    display: block;
    padding: 10px 15px 10px 45px;
    color: #666676;
    font-size: 15px;
    font-size: 1.0714285714285714285714285714286em;
}

.section_second_nav a {
    display: block;
    color: #40404b;
    padding: 10px 15px 10px 30px;
}

/*------------ bikes_section ------------*/
#bikes_section {
    background: #4ea700 url(/images/bikes_bg.jpg) no-repeat top center;
    background-size: auto 100%;
    min-height: 400px;
}

.buy_bike {
    background: #d8d8d8;
    color: #40404b;
    padding: 30px 0;
}

/*------------ catalog_list ------------*/
.catalog_list .params {
    background: #fff;
    margin-bottom: 15px;
    padding: 15px;
    letter-spacing: 0px;
}

.section_sidebar .yandex a, .ce_yandex a {
    display: block;
}

.section_sidebar .yandex a, .ce_yandex a {
    display: block;
    background: #fff;
}

.section_sidebar .yandex img, .ce_yandex img {
    margin: auto;
}

@media screen and (max-width: 767px) {
    .section_sidebar {
        display: none;
    }
}

.main_section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.viewed_catalog_section {
    margin-top: 30px;
}

.bike_sec {
    background: #4ea700 url(/local/templates/webdoka/assets/images/velo_bg.jpg) no-repeat center top;
    background-size: cover;
}

.mount_sec {
    background: #9e9ec0 url(/local/templates/webdoka/assets/images/mount_bg.jpg) no-repeat center top;
    background-size: cover;
}

.ski_sec {
    background: #4cbbda url(/local/templates/webdoka/assets/images/ski_bg.jpg) no-repeat center top;
    background-size: cover;
}

.footer_logo {
    margin-bottom: 25px;
    display: block;
}

.footer_company {
    font-size: 13px;
    font-size: 0.9285714285714286em;
    color: #40404b;
    margin-bottom: 110px;
    max-width: 217px
}

.fc_adress {
    font-size: 13px;
    font-size: 0.9285714285714286em;
}

.footer_bottom .header_callback_btn {
    margin-bottom: 25px;
    margin-top: 10px;
}

.i_fa {
    position: relative;
}

.i_fa:before {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-family: FontAwesome;
}


@media screen and (max-width: 991px) {
    .hl1_sect_1, .hl1_sect_3, .header_l_0, .hl1_sect_2 #smartfilter > ul, .hl2_sect_1, .hl2_sect_2, .hl2_sect_3, .header_l_1 .container.d-1200 {
        display: none;
    }
}

/*для того чтобы работал фильтр, css костыль - end*/

.main_banner_item {
    position: relative;
    overflow: hidden;
}

.main_banner_item .url_list {
    display: none;
}

.main_banner_velo {
    background: url(/local/templates/webdoka/assets/images/main_banner_1.jpg) no-repeat 50% 50% / cover #3b7905;
}

.main_banner_sky {
    background: url(/local/templates/webdoka/assets/images/main_banner_2.jpg) no-repeat 50% 50% / cover #3b7905;
}

.main_banner_msky {
    background: url(/local/templates/webdoka/assets/images/main_banner_3.jpg) no-repeat 50% 50% / cover #3b7905;
}

.main_banner_item .icon {
    display: inline-block;
    height: 60px;
    width: 60px;
    margin: 15px;
}

.main_banner_item .title {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0px;
    width: 200px;
    text-align: center;
}

.main_banner_item .url .title {
    width: auto;
    text-align: left;
}

.main_banner_item:hover .title {
    text-decoration: underline;
}

.main_banner_item .icon.i1 {
    background: url(/local/templates/webdoka/assets/images/banner_icon_1.png) no-repeat 50% 50% / cover;
}

.main_banner_item .icon.i2 {
    background: url(/local/templates/webdoka/assets/images/banner_icon_2.png) no-repeat 50% 50% / cover;
}

.main_banner_item .icon.i3 {
    background: url(/local/templates/webdoka/assets/images/banner_icon_3.png) no-repeat 50% 50% / cover;
}

.main_banner_item.active .url_list { /*display:block;*/
}

.main_banner_item .url_list .btn, .main_banner_item .i_mask_1 {
    cursor: pointer;
}

.main_banner_item .i_mask_1 {
    flex-direction: row;
    -webkit-flex-direction: row;
}

.main_banner_item .url {
    display: none;
}

.main_banner_item .url .title {
    display: none;
    font-size: 20px;
}


.filtren #del_filter {
    margin-top: 5px;
}

@media screen and (min-width: 768px) {
    .main_banner_item .i_mask_1 {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .main_banner_item .icon {
        display: inline-block;
        height: 70px;
        width: 70px;
        margin: 30px;
    }

    .main_banner_item .title {
        font-size: 30px;
        color: #fff;
        margin-bottom: 30px;
    }

    .main_banner_item {
        height: 515px;
    }

    .main_banner_item .url_list {
        display: block !important;
        padding-top: 15px;
    }

    .main_banner_item .i_mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: all .2s;
    }

    .main_banner_item .i_mask_1, .main_banner_item.active .i_mask_2 {
        opacity: 1;
        pointer-events: auto;
    }

    .main_banner_item .i_mask_2, .main_banner_item.active .i_mask_1 {
        opacity: 0;
        pointer-events: none;
    }

    .main_banner_item .i_mask_2 {
        display: block;
        overflow-y: auto;
    }

    .main_banner_item .url {
        display: inline-block;
        height: 60px;
        margin: 15px auto 0 auto;
        padding-left: 90px;
        position: relative;
        width: 300px;
        max-width: 100%;
    }

    .main_banner_item .url:hover {
        text-decoration: none;
    }

    .main_banner_item .url .icon {
        padding: 0;
        position: absolute;
        width: 60px;
        height: 60px;
        top: 0;
        left: 15px;
        margin: 0;
    }

    .main_banner_item .url .title {
        margin: 0;
        padding: 10px 0;
        display: block;
        font-size: 20px;
    }
}

@media screen and (min-width: 992px) {

}

@media screen and (min-width: 1200px) {
    .main_banner_item .title {
        width: 100%;
    }

    .main_banner_item .i_mask_2 {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column; /* works with row or column */
        flex-direction: column;
        -webkit-align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        white-space: normal;
    }

    .main_banner_item .url_list .btn {
        height: 50px;
        -ms-flex-direction: row;
    }
}

@media screen and (max-width: 991px) {
    .main_banner_item .url_list .btn {
        display: block;
    }
}


.сustomer_reviews_l .item .b50 {
    float: left;
    width: 50%;
}

.сustomer_reviews_l .item .b30 {
    float: left;
    width: 30%;
}

.сustomer_reviews_l .item .b70 {
    float: left;
    width: 70%;
}

.сustomer_reviews_l .item .b2 .b50 {
    width: 100%;
}

@media screen and (min-width: 1600px) {
    .сustomer_reviews_l .item .b2 .b50 {
        width: 50%;
    }

    .сustomer_reviews_l .item .star_text {
        text-align: right;
    }
}

.сustomer_reviews_l .item .star {
    color: var(--brand-color);
}

.сustomer_reviews_l .item .head img {
    padding-right: 15px;
}

.сustomer_reviews_l .item .url {
    color: #000;
}

.сustomer_reviews_l .item .head img.userimg {
    padding: 0px;
}

.section_white {
    background: #fff;
}

.section_gray {
    background: #d8d8d8;
}

.section_gray2 {
    background: #666676;
    color: #fff;
}

.about_company_l img {
    margin: 0 auto;
}

.our_team_l .item img {
    display: block;
    max-width: 100%;
    margin: 0 auto 15px auto;
    border-radius: 50%;
}

.our_team_l .item i {
    font-family: "Roboto";
}

.slick-prev, .slick-next {
    width: 10px;
    height: 40px;
    z-index: 10;
}

.slick-prev {
    left: 0px;
}

.slick-next {
    right: 0px;
}

.slick-next:before, .slick-prev:before {
    font-family: FontAwesome;
    font-size: 28px;
    color: #000;
}

.slick-next:before {
    content: "\f105";
}

.slick-prev:before {
    content: "\f104";
}

.main_page_obzory {
    background: #fff;
}

.main_page_obzory .slider_review {
    padding: 15px 0px;
}

.main_page_obzory .text_l .title {
    overflow: hidden;
    height: 44px;
    display: block;
}

.main_page_obzory .text_l .text {
    overflow: hidden;
    height: 40px;
    display: block;
}

.main_page_obzory .slider_review {
    height: 400px;
}

@media screen and (min-width: 992px) {
    .slick-prev, .slick-next {
        width: 20px;
    }

    .slick-next:before, .slick-prev:before {
        font-size: 40px;
    }

    .slick-prev {
        left: -20px;
    }

    .slick-next {
        right: -20px;
    }

}

.csl_bottom_nav {
    padding: 15px;
    margin-bottom: 35px;
    background: #fff;
}

.csl_bottom_nav a,
.csl_bottom_nav .row > div > span {
    display: block;
    border: 3px solid #666676;
    padding: 10px;
    color: #40404B;
    text-transform: uppercase;
    text-align: center;
}

.csl_left {
    margin-bottom: 15px;
}

.csl_bottom_nav .row > div > span {
    color: #bbb;
    border-color: #bbb;
}

.csl_bottom_nav a .fa,
.csl_bottom_nav .row > div > span .fa {
    font-size: 24px;
    font-size: 1.714285714285714em;
    padding: 0 10px;
    vertical-align: sub;
}

@media screen and (min-width: 1200px) {
    .csl_bottom_nav a,
    .csl_bottom_nav .row > div > span {
        padding: 10px 50px;
        display: inline-block;
        text-align: left;
    }

    .csl_left {
        margin: 0;
    }

    .csl_left a,
    .csl_left span {
        text-align: right;
    }
}

.relative {
    position: relative;
}

.m_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: rgb(238, 238, 238);
    z-index: 900;
    box-shadow: 0px 2px 2px 0px rgba(64, 64, 75, 0.35);
}

.m_header_fake {
    height: 50px;
}

.m_header .g_menu {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 34px;
    height: 34px;
    background: #d8d8d8;
    cursor: pointer;
}

.m_header .g_menu:before {
    content: "\f0c9";
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 20px;
}

.m_header .logo {
    background: url(/local/templates/webdoka/assets/images/MP_logo_vertical.svg) no-repeat scroll 50% 50% / contain;
    position: absolute;
    top: 5px;
    left: 8px;
    width: 120px;
    height: 40px;
    display: block;
    background-size: 75%;
}

.m_header .icons {
    position: absolute;
    right: 48px;
    top: 0;
    padding: 8px;
    text-align: center;
    font-size: 0;
    letter-spacing: 0;
}

.m_header .icons > a, .m_header .m_search .m_search_close, .m_header .m_search button {
    width: 34px;
    height: 34px;
    background: #d8d8d8;
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
    border: none;
    font-size: 0px;
}

.m_header .icons > a:before, .m_header .m_search .m_search_close:before, .m_header .m_search button:before {
    content: "\f0c9";
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 20px;
    color: #000;
}

.m_header .m_search button:before {
    background-color: var(--brand-color);
    color: #fff;
}

.m_header .icons > a .count {
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--brand-color);
    color: #fff;
    border-radius: 50%;
    bottom: -3px;
    right: 0;
    display: block;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
}

.m_header .icons > a .title {
    position: absolute;
    top: 60px;
    right: 0;
    color: #000;
    background: rgb(238, 238, 238);
    box-shadow: 0px 2px 2px 0px rgba(64, 64, 75, 0.35);
    z-index: 100;
    border-radius: 0px;
    white-space: nowrap;
    padding: 10px;
    opacity: 0;
    pointer-events: none;
    transition: all .2s;
    display: block;
    font-size: 14px;
}

.m_header .icons > a:hover .title {
    opacity: 1;
    top: 45px;
    pointer-events: auto;
}

.m_header .icons > a .title .i_clear {
    padding-left: 5px;
    font-size: 16px;
}

.m_header .icons > a .title:before {
    display: block;
    position: absolute;
    top: -13px;
    right: 10px;
    border: 7px solid transparent;
    border-bottom: 7px solid rgb(238, 238, 238);
    content: '';
}

.m_header .icons > a.i1:before {
    content: "\f002";
}

.m_header .icons > a.i2:before {
    content: "\f095";
}

.m_header .icons > a.i3:before {
    content: "\f07a";
}

.m_header .icons > a.i4:before {
    content: "\f124";
}

.m_header .icons > a.i4 {
    display: none;
}

.m_header .m_search {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 8px;
    z-index: 100;
    background: #fff;
    transition: all .2s;
}

.m_header .m_search.open {
    top: 0px;
}

.m_header .m_search input[type='text'] {
    width: 100%;
    height: 34px;
    display: block;
    line-height: 34px;
    padding: 0 5px;
}

.m_header .m_search .m_search_close {
    position: absolute;
    top: 8px;
    right: 8px;
}

.m_header .m_search .m_search_close:before {
    content: "\f00d";
}

.m_header .m_search button {
    display: none;
}

.m_header .icons .i3,
.m_header .icons .i2,
.m_header .icons .i4 {
    display: none !important;
}

.m_main_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateX(-100%);
    height: 100dvh;
    overflow-y: auto;
    background: rgb(238, 238, 238);
    z-index: 1100;
    box-shadow: 0px 2px 2px 0px rgba(64, 64, 75, 0.35);
    transition: all 0.2s;
}

.m_main_menu .main_menu ul {
    padding: 0;
    margin: 0;
}

.m_main_menu .main_menu ul li a, .m_main_menu .main_menu ul.section_white li span, .m_main_menu .main_menu ul li span.root-item-selected {
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    display: block;
    padding: 10px;
    color: #8d8d8d;
    cursor: pointer;
}

.m_main_menu .main_menu ul li span.root-item-selected {
    color: #000;
}

.m_main_menu .main_menu ul li a:hover, .m_main_menu .main_menu ul.section_white li span:hover {
    text-decoration: underline;
}

.m_main_menu .main_menu ul.m_menu_icon_list li a {
    color: #fff;
}

.m_main_menu_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    pointer-events: none;
    opacity: 0;
    z-index: 1010;
    transition: all .2s;
}

.m_main_menu_open .m_main_menu_mask {
    pointer-events: auto;
    opacity: 1;
}

.m_main_menu_open .m_main_menu {
    transform: translateX(0);
}

.m_user_card .header_location_city {
    padding: 10px;
    display: block;
    color: #fff;
}

.m_user_card .header_location_city .fa {
    margin-left: 8px;
}

.m_user_card .head {
    position: relative;
    padding: 10px;
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2);

}

.m_user_card .head .user_i {
    position: absolute;
    top: 10px;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    box-shadow: inset 0px 0px 0px 2px #52525e;
}

.m_user_card .head .user_i:before {
    content: "\f2be";
    line-height: 50px;
    width: 50px;
    color: #52525e;
    font-size: 50px;
}

.m_user_card .head .name {
    padding: 5px 40px 5px 60px;
    display: block;
    color: #fff;
}

.m_user_card .head .st {
    position: absolute;
    top: 18px;
    right: 10px;
    width: 34px;
    height: 34px;
    background: rgba(0, 0, 0, 0.2);
}

.m_user_card .head .st:before {
    content: "\f107";
    line-height: 34px;
    width: 34px;
    font-size: 18px;
    transition: all .2s;
}

.m_user_card.open .head .st:before {
    transform: rotate(180deg);
}

.m_user_card .body {
    display: none;
}

.m_menu_icon_list {
    margin: 0;
    padding: 0;
}

.m_menu_icon_list li a {
    font-weight: 300;
    color: #fff;
    display: block;
    padding: 10px 10px 10px 50px !important;
    position: relative;
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
}

.m_menu_icon_list li a > i {
    font-size: 18px;
    position: absolute;
    top: 4px;
    left: 10px;
    height: 34px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    display: block;
}

.m_user_card .body .header_cabinet_logout {
    display: block;
    padding: 10px 15px;
    color: #f4f3f3;
    background: rgba(0, 0, 0, 0.2);
    text-align: center;
}

.m_menu_icon_list .count {
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--brand-color);
    color: #fff;
    border-radius: 50%;
    bottom: -3px;
    right: 0;
    display: block;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
}

.m_user_card .header_user {
    color: #fff;
}

.why_slider_item .why_title {
    width: 100%;
    height: 52px;
    overflow: hidden;
}

.why_slider_item .why_body {
    width: 100%;
    height: 101px;
    overflow: hidden;
}

.catalog_page_list_item {
    margin-bottom: 15px;
    margin-top: 0px;
}

@media screen and (min-width: 350px) {
    .m_header .icons > a.i4 {
        display: inline-block;
    }

    .m_header .m_search button {
        position: absolute;
        top: 8px;
        right: 50px;
        display: inline-block;
    }

    .m_header .m_search button:before {
        content: "\f002";
    }

    .m_header .m_search input[type='text'] {
        width: calc(100% - 84px);
    }
}

@media screen and (min-width: 500px) {
    .m_header .m_search {
        position: absolute;
        top: 0px;
        left: 130px;
        width: calc(100% - 178px);
        height: 50px;
        padding: 8px;
        z-index: 100;
        background: transparent;
        transition: all 0.2s;
    }

    .m_header .m_search button {
        position: absolute;
        top: 8px;
        right: 0;
        display: inline-block;
    }

    .m_header .m_search button:before {
        content: '\f002';
    }

    .m_header .m_search .m_search_close {
        display: none;
    }

    .m_header .m_search input[type='text'] {
        width: 100%;
    }

    /*

	.m_header .m_search .m_search_close {position:absolute; top:8px; right:8px;}
	.m_header .m_search .m_search_close:before{content:"\f00d";}
*/
}

@media screen and (min-width: 768px) {
    .catalog_page_list_item a {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        height: 50px;
        -ms-flex-direction: row;
        white-space: normal;
    }
}

@media screen and (min-width: 992px) {
    .m_header, .m_main_menu, .m_header_fake, .m_main_menu_mask {
        display: none;
    }

    .header, .search_l {
        display: block;
    }

    .hl1, .d-1600 {
        display: none;
    }

    .d-1200 {
        display: block;
    }

    .header_l_1 {
        box-shadow: 0px 2px 2px 0px rgba(64, 64, 75, 0.35);
        position: fixed;
        top: 0;
        left: 0;
        height: 100px;
        width: 100%;
        z-index: 100;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,fdfdfd+37 */
        background: rgb(238, 238, 238); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 37%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(37%, rgba(253, 253, 253, 1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 37%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 37%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 37%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 37%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#fdfdfd', GradientType=0); /* IE6-8 */
    }

    .header_l_2 {
        height: 42px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,fdfdfd+100 */
        background: rgb(238, 238, 238); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(253, 253, 253, 1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(253, 253, 253, 1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#fdfdfd', GradientType=0); /* IE6-8 */
        pointer-events: none;
    }

    .header_l_1_fake {
        /*height: 100px;*/
    }

    .header_catalog_menu {
        margin-top: 5px;
    }

    .header_catalog_menu ul {
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    .header_catalog_menu ul > li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        float: left;
    }

    .header_catalog_menu .hmm_open {
        padding: 15px 5px;
        display: block;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 300;
        cursor: pointer;
        border: 1px solid #e4e4e4;
        transition: all .2s;
    }

    .header_catalog_menu .hmm_open:hover {
        background: #40404b;
        color: #fff;
    }

    .header_l_1 .phone {
        color: #8d8d8d;
        font-size: 24px;
    }

    .header_l_1 .time {
        color: #8d8d8d;
        font-size: 18px;
        line-height: 34px;
    }

    .text1 {
        color: #8d8d8d;
        font-size: 18px;
        line-height: 58px;
    }

    .h_basked {
        line-height: 40px;
        height: 40px;
        text-align: center;
        background: #848484;
        color: #fff;
        display: block;
        margin-top: 8px;
        padding-left: 50px;
        position: relative;
        text-transform: uppercase;
        z-index: 201;
    }

    .h_basked .hb_min_basket_open {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        box-shadow: 2px 0px 0px 0px #fff;
        display: block;
    }

    .h_basked .hb_min_basket_open:before {
        content: "\f07a";
        width: 50px;
        height: 40px;
        line-height: 40px;
        display: block;
    }

    .h_basked:hover {
        color: #fff;
        text-decoration: none;
    }

    .h_basked .num {
        display: none;
    }

    .h_basked.active {
        background: var(--brand-color);
    }

    .h_basked.active .hb_min_basket_open:before {
        text-align: left;
        padding-left: 7px;
    }

    .h_basked.active .num {
        display: block;
        position: absolute;
        top: 0;
        left: 26px;
        height: 40px;
        width: 20px;
        text-align: center;
    }

    .h_basked .hb_url {
        color: #fff;
        text-decoration: none;
    }

    .header_basked .min_basket_list {
        opacity: 0;
        pointer-events: none;
        position: fixed;
        display: block;
        background: #40404b;
        transition: opacity .2s;
        z-index: 220;
        width: 263px;
        max-height: 100vh;
        overflow-y: auto;
        top: 100vh;
        color: #fff;
    }

    .min_basket_list_open .header_basked .min_basket_list {
        opacity: 1;
        pointer-events: auto;
        top: 8px;
    }

    .min_basket_list_open .header_user {
        pointer-events: none;
        opacity: 0;
    }

    .header_basked .min_basket_list .items_list {
        padding: 15px;
    }

    .header_basked .min_basket_list .item {
        margin-bottom: 10px;
        color: #fff;
        text-decoration: none;
    }

    .header_basked .min_basket_list .item .img {
        width: 100%;
        height: 70px;
        background: #fff;
        margin-bottom: 5px;
    }

    .header_basked .min_basket_list .mbl_btn {
        text-align: center;
        line-height: 40px;
        height: 40px;
        color: #fff;
        background: var(--brand-color);
        display: block;
    }

    .hl1_sect_3_b_1 {
        display: none;
    }
    .header_location_city {
        line-height: 42px;
        display: inline-block;
        text-align: center;
        width: 100%;
        margin: 0;
        white-space: nowrap;
        pointer-events: all;
    }

    .logo.d-1200 img {
        padding: 15px 0;
        position: absolute;
        top: 0;
        left: 15px;
    }

    .header_user {
        line-height: 34px;
        z-index: 201;
        position: relative;
        cursor: pointer;
        color: #8d8d8d;
    }

    .search_l {
        height: 60px;
        background: #41414c;
        color: #fff;
        width: 100%;
    }

    .search_l .sl_sect_1 {
        height: 60px;
        -ms-flex-direction: row;
    }

    .search_input_l {
        margin: 13px 0;
    }

    .search_input_l input[type=text] {
        display: block;
        position: relative;
        width: calc(100% - 90px);
        padding: 0 7px;
        background: #fff;
        color: #000;
        float: left;
        height: 34px;
        line-height: 34px;
        border: none;
    }

    .search_input_l input[type=submit], .search_input_l button {
        display: block;
        width: 90px;
        height: 34px;
        line-height: 34px;
        border: none;
        background: var(--brand-color);
        padding: 0;
    }

    .fast_icon_l {
        margin: 13px 0 0 0;
    }

    .fast_icon_l .fast_i {
        display: block;
        width: 30px;
        height: 34px;
        line-height: 34px;
        display: inline-block;
        cursor: pointer;
    }

    .fast_icon_l > div {
        display: block;
        width: 30px;
        height: 34px;
        line-height: 34px;
        display: inline-block;
        cursor: pointer;
    }

    .fast_icon_l .fast_i .fil_url {
        display: block;
        width: 34px;
        height: 34px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .fast_icon_l .fast_i:before {
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;

        color: #fff;
        font-size: 20px;
    }

    .fast_icon_l .fast_i.i1:before {
        content: "\f124";
    }

    .fast_icon_l .fast_i.i2:before {
        content: "\f095";
    }

    .fast_icon_l .fast_i.i3:before {
        content: "\f003";
    }

    .fast_icon_l .fast_i.i4:before {
        content: "\f080";
    }

    .fast_icon_l .fast_i.i5:before {
        content: "\f08a";
    }

    .fast_icon_l .fast_i.i6:before {
        content: "\f06e";
    }

    .fast_icon_l .fast_i .count {
        position: absolute;
        width: 18px;
        height: 18px;
        background: var(--brand-color);
        color: #fff;
        border-radius: 50%;
        bottom: -3px;
        right: 0;
        display: block;
        line-height: 18px;
        text-align: center;
        font-size: 12px;
        pointer-events: none;
    }

    .fast_icon_l .fast_i .title {
        position: absolute;
        top: 60px;
        right: 0;
        color: #000;
        background: rgb(238, 238, 238);
        box-shadow: 0px 2px 2px 0px rgba(64, 64, 75, 0.35);
        z-index: 100;
        border-radius: 0px;
        white-space: nowrap;
        padding: 3px 10px;
        opacity: 0;
        pointer-events: none;
        transition: all .2s;
    }

    .fast_icon_l .fast_i .title:before {
        display: block;
        position: absolute;
        top: -13px;
        right: 10px;
        border: 7px solid transparent;
        border-bottom: 7px solid rgb(238, 238, 238);
        content: '';
    }

    .fast_icon_l .fast_i .title .i_clear {
        padding-left: 5px;
        font-size: 16px;
        color: #000;
    }

    .fast_icon_l .fast_i:hover .title {
        opacity: 1;
        top: 45px;
        pointer-events: auto;
    }

    .cabine_wrap {
        position: absolute;
        top: -300px;
        right: 0;
        width: 242px;
        height: auto;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
        background: #40404b;
        z-index: 200;
        transition: all 0.2s;
        opacity: 0;
        visibility: hidden;
    }

    .cabine_wrap.active {
        top: 58px;
        opacity: 1;
        visibility: visible;
    }

    .cw_inner {
        padding: 56px 0 0 0;
    }

    .header_l_0 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }

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

    .cw_inner ul a {
        font-weight: 300;
        color: #fff;
        display: inline-block;
        padding: 8px 15px 8px 54px;
        position: relative;
    }

    .cw_inner ul a > i {
        font-size: 18px;
        position: absolute;
        top: 0;
        left: 10px;
        height: 36px;
        width: 36px;
        line-height: 36px;
        text-align: center;
        display: block;
    }

    .cw_inner a:hover {
        color: #fff;
    }

    .cw_inner .header_cabinet_logout {
        display: block;
        padding: 10px 15px;
        color: #f4f3f3;
        background: #666676;
        text-align: center;
    }

    .cw_inner .header_cabinet_logout i {
        font-size: 16px;
        padding-left: 10px;
    }

    .user_menu_open i.fa-angle-down {
        transition: all .2s;
    }

    .user_menu_open.active i.fa-angle-down {
        transform: rotate(180deg);
    }

    .hl2_sect_2 {
        pointer-events: all;
    }

    .hl2_sect_3 {
        pointer-events: all;
    }
}

@media screen and (min-width: 1200px) {
    .fast_icon_l .fast_i {
        width: 34px;
    }

    fast_icon_l > div {
        width: 34px;
    }

    .cabine_wrap {
        width: 293px;
    }

    .header_catalog_menu .hmm_open {
        padding: 15px 15px;
    }

    .header_menu ul > li {
        padding: 11px 10px;
    }

}

@media screen and (min-width: 1600px) {
    .header_basked .min_basket_list {
        width: 231.66px;
    }

    .header_l_0 {
        position: relative;
    }

    .header_l_0.fix {
        position: fixed;
    }

    .cabine_wrap {
        width: 262px;
    }

    .d-1600 {
        display: block;
    }

    .d-1200 {
        display: none;
    }

    .hl1 {
        width: 16.66666667%;
        display: block
    }

    .hl2 {
        width: 83.33333333%;
    }

    .header_fake {
        height: 142px;
    }

    .header_l_1_fake {
        display: none;
    }

    .header_l_1 {
        height: 58px;
        position: relative;
        z-index: 0;
    }

    .header_catalog_menu .hmm_open {
        padding: 15px 25px;
    }

    .header_l_1 .phone {
        line-height: 58px;
    }

    .hl1_sect_3_b_1, .hl1_sect_3_b_2 {
        width: 50%;
        display: block;
    }

    .header_basked {
        width: 100%;
    }

    .logo.d-1600 a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 98px;
        z-index: 100;
    }

    .logo.d-1600 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .hl2_sect_2 {
        width: 49%;
        pointer-events: all;
    }

    .hl2_sect_3 {
        width: 16.66666667%;
        pointer-events: all;
    }

    .header_user {
        line-height: 42px;
    }

    .header_user i {
        font-size: 16px;
    }

    .sl_sect_1 {
        width: 16.66666667%;
        font-size: 12px;
    }

    .sl_sect_2 {
        width: 66.66666667%;
    }

    .sl_sect_3 {
        width: 16.66666667%;
    }

    .catalog_page_list_item {
        width: 50%;
    }

    .tovar_list_sidebar, .catalog-detail-right, .d_1600_20p {
        width: 20%;
    }

    .catalog_list, .catalog-detail-left, .d_1600_80p {
        width: 80%;
    }

}


.gv_dropdown {
    display: inline-block;
    position: relative;
    margin: 0 6px;
}

.params_sort .gv_dropdown {
    margin: 0 6px 0 0;
}

.gv_dropdown:after {
    content: "\f107";
    position: absolute;
    right: 0;
    top: 0;
    font-family: FontAwesome;
    font-size: 18px;
    padding: 4px 10px;
    z-index: 0;
}

.gv_dropdown select {
    position: relative;
    z-index: 1;
    background: none;
    border: 1px solid #40404B;
    border-radius: 4px;
    padding: 3px 5px;
    padding-right: 24px;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/

    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/
    cursor: pointer;
    /*My custom style for fonts*/

    color: #40404B;

    -webkit-box-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, .25);

}

.gv_dropdown select::-ms-expand {
    display: none;
}

#pozvonim-wrapper .pozvonim-wrapper-opening {
    display: none !important;
}

.page_contant {
    background: #fff;
    margin-bottom: 15px;
}

.gv_attention {
    border: 3px solid #40404b;
    font-size: 24px;
    font-size: 1.714285714285714em;
    padding: 30px 38px;
    margin-bottom: 15px;
}

.gv_attention_small {
    border: 2px solid #40404b;
    font-size: 1.42857143em;
    padding: 20px 20px;
    margin-bottom: 15px;
}

.gv_table {
    width: 100%;
    margin-bottom: 15px;
}

.gv_table th {
    color: #929292;
    border-top: 1px solid #9f9fa5;
    border-bottom: 2px solid #9f9fa5;
    padding: 12px 0 19px 0;
}

.gv_table td {
    border-bottom: 1px solid #9f9fa5;
    padding: 15px 0;
}

.section_gray {
    background: #d8d8d8;
}

.unsubscribe_content {
    padding: 15px 30px;
    background: #fff;
    margin: 15px 0;
}

#bx-composite-banner {
    margin-top: 15px;
}

a:hover,
a:focus,
a:active {
    color: #8d8d8d
}

.flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column; /* works with row or column */
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    white-space: normal;
}

.notifybar_top {
    z-index: 100 !important;
}
.notifybar_top .notifybar_btn_close, .notifybar_top .notifybar_btn_close:visited {
    z-index: 10000 !important;
}

.img-responsive-recom {
    display: block;
    max-wight: 40%;
    height: auto;
}

.btn-share, .btn-share-info {
    cursor: pointer;
    margin-top: 15px;
    display: block;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    width: 185px;
}

.btn-share:hover, .btn-share-info:hover {
    text-decoration: none;
}

.my-share {
    margin-top: 15px;
    display: block;
}

.clear {
    clear: both;
}

.slick-slider { /*display:none;*/
}

.slick-initialized.slick-slider {
    display: block;
}

/*product_item_new*/

.product_item_new .hint {
    position: static;
}

.product_item_new .text_hint {
    width: 240px;
    left: 5px;
    bottom: 5px;
    width: calc(100% - 10px);
    height: auto;
    top: auto;
}

.product_item_new .text_hint {
    display: none !important;
}

.product_item_new:hover [rel="open"] .text_hint {
    display: inline !important;
}

.product_item_new {
    height: 440px;
    position: relative;
}

.product_item_new .action_container {
    position: absolute;
    left: -4px;
    top: -4px;
    height: 111px;
    width: 111px;
    z-index: 1;
    pointer-events: none;
}

.product_item_new .action_container {
    background: url(/local/templates/webdoka/assets/images/action_green.png) no-repeat;
}

main.xc_ski_shop .product_item_new .action_container {
    background: url(/local/templates/webdoka/assets/images/sale_ski.png) no-repeat;
}

main.alpine_ski_shop .product_item_new .action_container, .catalog_detail_wrapper .action_container {
    /*background: url(/local/templates/webdoka/assets/images/sale_mount.png) no-repeat;*/
}

.ac_sale_green {
    background: url(/local/templates/webdoka/assets/images/action_green.png) no-repeat !important;
}

.ac_sale_purple {
    background: url(/local/templates/webdoka/assets/images/sale_mount.png) no-repeat !important;
}

.ac_sale_blue {
    background: url(/local/templates/webdoka/assets/images/sale_ski.png) no-repeat !important;
}


.product_item_new .pin_l {
    position: absolute;
    top: 0;
    left: 0;
    height: 440px;
    width: 100%;
    padding: 10px;
    transition: all .2s;
    overflow: hidden;
    background: #fff;
}

.product_item_new:hover {
}

.product_item_new:hover .pin_l {
    box-shadow: inset 5px 0px 0px 0px var(--brand-color), inset -5px 0px 0px 0px var(--brand-color), inset 0px 5px 0px 0px var(--brand-color);
    z-index: 4;
}

.product_item_new.no_slide:hover .pin_l {
    box-shadow: inset 0px 0px 0px 5px var(--brand-color);
}

.product_item_new:hover .btn.buy_btn {
    background: var(--brand-color);
}

.product_item_new:hover .action_container {
    z-index: 5;
}

.product_item_new.open_propose_buy:hover .action_container {
    z-index: 0;
}

.product_item_new .img {
    height: 174px;
    max-width: 240px;
    width: 100%;
    margin: 0 auto;
}
/*
.product_item_new .img img {
    max-width: 100%;
    display: block;
}
*/

.product_item_new .clip_name {
    color: #929292;
    display: block;
    text-align: left;
    height: 20px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 300;
}

.product_item_new .name {
    display: block;
    /*margin-bottom: 10px;*/
 	margin-bottom: 5px;
    color: #40404b;
    font-weight: 300;
    /*font-size: 18px;*/
	font-size: 14px;
    text-decoration: none;
    text-align: left;
 	/*height: 70px;*/
    height: 64px;
    overflow: hidden;
}

.product_item_new .name:hover {
    text-decoration: underline;
}

.product_item_new .old_price {
    color: #929292;
    text-decoration: line-through;
    padding-left: 5px;
}

.product_item_new .price {
    font-size: 32px;
    font-weight: 300;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 5px;
	text-align:right;
}

.product_item_new .price .fa {
    font-weight: 300;
    font-size: 0.666em;
}

.product_item_new .line {
    background: #929292;
    height: 1px;
    margin: 10px 0;
}

.product_item_new .icon_l {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
}

.product_item_new .icon_l .i {
    display: block;
    cursor: pointer;
}

.product_item_new .icon_l .fa {
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
}

.product_item_new .icon_l .fa:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 16px;
    color: #929292;
    transition: all .2s;
    border-radius: 50%;
}

.product_item_new .icon_l .i.active .fa:before, .product_item_new .icon_l .i:hover .fa:before, .product_item_new .icon_l .i .fa.active:before {
    background: var(--brand-color);
    color: #fff;
    border-radius: 0%;
}

.product_item_new .t_gray b {
    color: #40404b;
}

.product_item_new .price_l {
    height: 60px;
}

.product_item_new .action_text {
    font-weight: 600;
    font-size: 13px;
    padding-left: 5px;
    white-space: nowrap;
}

.product_item_new .icon_l .i .catalog-item-add .fa:before {
    background: var(--brand-color);
    color: #fff;
    border-radius: 50%;
}

.product_item_new .icon_l .i .catalog-item-compared .fa:before {
    background: var(--brand-color);
    color: #fff;
    border-radius: 50%;
}

/*.product_item_new .in_stock>span{*/
.product_item_new .in_stock .options {
    text-decoration: underline;
    padding-left: 5px;
}

.product_item_new .sale_block {
    white-space: nowrap;
    overflow: hidden;
    min-height: 20px;
}

.product_item_new .hidden_l {
    position: absolute;
    top: 0%;
    background: #fff;
    width: 100%;
    padding: 15px;
    opacity: 0;
    pointer-events: none;
    transition: none;
}

.product_item_new.no_slide .hidden_l {
    display: none;
}

.product_item_new:hover .hidden_l {
    z-index: 3;
    opacity: 1;
    pointer-events: auto;
    top: 100%;
    box-shadow: inset 5px 0px 0px 0px var(--brand-color), inset -5px 0px 0px 0px var(--brand-color), inset 0px -5px 0px 0px var(--brand-color);
    transition: all .2s;
}

.product_item_new .crl_stars .fa {
    color: var(--brand-color);
}

/*product_item_new - end*/
.catalog_pagination_down {
    padding: 15px 15px 0 15px;
    background: #fff;
}

.white-slider .slick-next:before, .white-slider .slick-prev:before, .white-slider .slick-dots li button:before {
    color: #fff;
}

.ifsc_item {
    padding: 15px;
    background: #f1f1f2;
    transition: all .2s;
}

.ifsc_item .img {
    height: 135px;
    margin-bottom: 15px;
}

.ifsc_item .title {
    text-transform: uppercase;
    color: #40404b;
    font-weight: 300;
}

.ifsc_item:hover {
    box-shadow: inset 0px 0px 0px 5px var(--brand-color);
}

.yandex {
    background: #fff;
}

.yandex .img-responsive {
    margin: 0 auto;
}

.offer_stores .store_name {
    font-size: 14px;
}


@media screen and (min-width: 1600px) {
    .ifsc_item_l, .product_item_new_l_d_1600_25p, .rv_box {
        width: 25%;
    }

    .seo_text_catalog .page_contant {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;

    }
}

.product_item_new:has(span.fa-check.red)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.5;
    pointer-events: none;
}


/*Новые контентные страницы*/
.nc .bold {
    font-family: "Roboto";
}

.nc p {
    font-size: 16px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb15 {
    margin-bottom: 15px;
}

.nc_main_ban_content {
    height: 460px;
}

.nc_main_ban_content_1 {
    color: #fff;
}

.nc_main_ban_content_1 .title {
    font-size: 40px;
    padding: 20px 30px 0 30px;
    text-transform: uppercase;
    margin: 0;
    font-family: "Roboto";
}

.nc_main_ban_content_1 .sub_title {
    padding: 0 30px;
    text-transform: uppercase;
    font-size: 20px;
    text-shadow: 0px 0px 25px rgba(255, 255, 255, 1);
    color: #85b916;
    text-align: right;
    font-family: "Roboto";
}

.nc_main_ban_content_1 .desc {
    padding: 0 30px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    font-size: 18px;
}

.nc_block_style_1 {
    padding: 0 0 0 70px;
    position: relative;
}

.nc_block_style_1:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 30px;
    background: url(/local/templates/webdoka/assets/images/nc/li.png) no-repeat 50% 50% / 20px 20px;
    top: 0;
    left: 30px;
}

.slider_ban .bg {
    height: 260px;
}

.slider_ban .owl-nav div {
    display: block;
    position: absolute;
    top: calc(50% - 35px);
    width: 70px;
    height: 70px;
    background: rgba(0, 0, 0, 0.65);
}

.slider_ban .owl-nav .owl-prev {
    left: 0;
    background: url(/local/templates/webdoka/assets/images/nc/stp.png) no-repeat 50% 50% / 70px 70px rgba(0, 0, 0, 0.65);
}

.slider_ban .owl-nav .owl-next {
    right: 0;
    background: url(/local/templates/webdoka/assets/images/nc/stn.png) no-repeat 50% 50% / 70px 70px rgba(0, 0, 0, 0.65);
}

.slider_ban .owl-dots {
    margin: -40px auto 0 auto;
    display: block;
    text-align: center;
}

.slider_ban .owl-dot {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/local/templates/webdoka/assets/images/nc/dot.png) no-repeat 50% 50% / 40px 40px;
    position: relative;
    z-index: 10;
    opacity: 0.8;
}

.slider_ban .owl-dot.active {
    opacity: 1;
}

.slider_ban.owl-carousel .owl-item {
    padding: 0;
}

.nc_block_style_2 .item {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.nc_block_style_2 img {
    border-radius: 50%;
    width: 100%;
    max-width: 130px;
    margin: 0 auto;
    display: block;
}

.nc_block_style_2 .title {
    font-size: 18px;
    color: #252764;
    text-transform: uppercase;
}

.ntn_ns_s1 {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    width: 240px;
    max-width: 100%;
    background: #252764;
    padding: 7px;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s;
}

.ntn_ns_s1:hover {
    text-decoration: none;
    color: #fff;
    background: var(--brand-color);
}

.nc_block_style_3 img {
    display: block;
    max-height: 60px;
    margin-bottom: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.nc_block_style_3 .title {
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
}

.nc_block_style_3 .item {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.nc_block_style_13 img {
    display: block;
    max-height: 150px;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.nc_block_style_13 .title {
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
}

.nc_block_style_13 .item {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.nc_block_style_4 .item {
    height: 390px;
    position: relative;
}

.nc_block_style_4 .item_s1 {
    background: url(/local/templates/webdoka/assets/images/nc/a1.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_4 .item_s2 {
    background: url(/local/templates/webdoka/assets/images/nc/a2.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_4 .item_s3 {
    background: url(/local/templates/webdoka/assets/images/nc/a3.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_4 .url_l {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
}

.ntn_ns_s2 {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    width: 200px;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.45);
    padding: 20px;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s;
}

.ntn_ns_s2:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(0, 0, 0, 0.65);
}

.nc .float_left {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.nc_how_to_l .header {
    min-height: 110px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    z-index: auto;
    box-shadow: none;
    -ms-flex-direction: row;
}

.nc_how_to_l .header .bg {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.nc_how_to_l .header .title {
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 110px 0 30px;

    color: #2d2d2d;
    font-size: 20px;

    z-index: 2;
}

.nc_how_to_l .header:before {
    background: rgba(42, 43, 98, 0.7);
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: background .2s;
    top: 0;
    left: 0;
}

.nc_how_to_l .header:after {
    position: absolute;
    display: block;
    content: '';
    width: 74px;
    height: 74px;
    z-index: 2;
    top: 18px;
    right: 18px;
    background: url(/local/templates/webdoka/assets/images/nc/harrow.png) no-repeat 50% 50% / 74px 74px;
    transition: transform .2s;
    transform: rotate(180deg);
}

.nc_how_to_l .body {
    padding-top: 30px;
    display: none;
}

.nc_how_to_l .body img {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    width: 100%;
    margin: 0 0 30px 0;
}

.nc_how_to_l .active .header:before {
    background: rgba(148, 193, 78, 0.7);
}

.nc_how_to_l .active .header:after {
    transform: rotate(0deg);
}

.nc_how_to_l_gl .header {
    min-height: 110px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    z-index: auto;
    box-shadow: none;
    -ms-flex-direction: row;
}

.nc_how_to_l_gl .header .bg {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.nc_how_to_l_gl .header .title {
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 110px 0 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;

    z-index: 2;
}

.nc_how_to_l_gl .header:before {
    background: rgba(80, 81, 153, 1);
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: background .2s;
    top: 0;
    left: 0;
}

.nc_how_to_l_gl .header:after {
    position: absolute;
    display: block;
    content: '';
    width: 74px;
    height: 74px;
    z-index: 2;
    top: 18px;
    right: 18px;
    background: url(/local/templates/webdoka/assets/images/nc/harrow.png) no-repeat 50% 50% / 74px 74px;
    transition: transform .2s;
    transform: rotate(180deg);
}

.nc_how_to_l_gl .body {
    padding-top: 30px;
    display: none;
}

.nc_how_to_l_gl .body img {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    width: 100%;
    margin: 0 0 30px 0;
}

.nc_how_to_l_gl .active .header:before {
    background: rgba(148, 193, 78, 0.7);
}

.nc_how_to_l_gl .active .header:after {
    transform: rotate(0deg);
}

.nc_how_to_l_bl .header {
    min-height: 110px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    z-index: auto;
    box-shadow: none;
    -ms-flex-direction: row;
}

.nc_how_to_l_bl .header .bg {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.nc_how_to_l_bl .header .title {
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 110px 0 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;

    z-index: 2;
}

.nc_how_to_l_bl .header:before {
    background: rgba(76, 187, 218, 1);
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: background .2s;
    top: 0;
    left: 0;
}

.nc_how_to_l_bl .header:after {
    position: absolute;
    display: block;
    content: '';
    width: 74px;
    height: 74px;
    z-index: 2;
    top: 18px;
    right: 18px;
    background: url(/local/templates/webdoka/assets/images/nc/harrow.png) no-repeat 50% 50% / 74px 74px;
    transition: transform .2s;
    transform: rotate(180deg);
}

.nc_how_to_l_bl .body {
    padding-top: 30px;
    display: none;
}

.nc_how_to_l_bl .body img {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    width: 100%;
    margin: 0 0 30px 0;
}

.nc_how_to_l_bl .active .header:before {
    background: rgba(148, 193, 78, 0.7);
}

.nc_how_to_l_bl .active .header:after {
    transform: rotate(0deg);
}

.nc_how_to_l_v .header {
    min-height: 110px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    z-index: auto;
    box-shadow: none;
    -ms-flex-direction: row;
}

.nc_how_to_l_v .header .bg {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.nc_how_to_l_v .header .title {
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 110px 0 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;

    z-index: 2;
}

.nc_how_to_l_v .header:before {
    background: rgba(132, 188, 48, 1);
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: background .2s;
    top: 0;
    left: 0;
}

.nc_how_to_l_v .header:after {
    position: absolute;
    display: block;
    content: '';
    width: 74px;
    height: 74px;
    z-index: 2;
    top: 18px;
    right: 18px;
    background: url(/local/templates/webdoka/assets/images/nc/harrow.png) no-repeat 50% 50% / 74px 74px;
    transition: transform .2s;
    transform: rotate(180deg);
}

.nc_how_to_l_v .body {
    padding-top: 30px;
    display: none;
}

.nc_how_to_l_v .body img {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    width: 100%;
    margin: 0 0 30px 0;
}

.nc_how_to_l_v .active .header:before {
    background: rgba(148, 193, 78, 0.7);
}

.nc_how_to_l_v .active .header:after {
    transform: rotate(0deg);
}


.frequently_asked_questions {
    padding: 15px;
    background: #fff;
    margin-top: 65px;
}

.frequently_asked_questions .faq_title {
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #bbbdbf;
    padding: 15px 0;
    font-size: 20px;
}

.nc_how_to_l_min.nc_how_to_l .item {
    margin-bottom: 2px;
}

.nc_how_to_l_min.nc_how_to_l .header {
    min-height: 46px;
    height: 46px;
    border: 1px solid #969696;
}

.nc_how_to_l_min.nc_how_to_l .header .bg {
    display: none;
}

.nc_how_to_l_min.nc_how_to_l .header .title {
    font-size: 14px;
    padding: 0 64px 0 15px;
}

.nc_how_to_l_min.nc_how_to_l .header:after {
    background: url(/local/templates/webdoka/assets/images/nc/harrow.png) no-repeat 50% 50% / 32px 32px;
    width: 32px;
    height: 32px;
    top: 6px;
    right: 6px;
}

.nc_how_to_l_min.nc_how_to_l .header:before {
    background: #fff;
}

.nc_how_to_l_min.nc_how_to_l .active .header:before {
    background: #fff;
}

.nc_how_to_l_min.nc_how_to_l .body {
    padding: 15px 0;
}

.nc_how_to_l_min .nc_block_style_8 {
    padding-left: 50px;
    min-height: 40px;
}

.nc_how_to_l_min .nc_block_style_8:before {
    width: 40px;
    height: 40px;
    background-size: contain;
}

.nc_how_to_l_min .nc_block_style_8 h3 {
    font-size: 16px;
}

.nc_how_to_l_min .ntn_ns_s1 {
    background: #bbbdbf;
    margin-bottom: 15px;
}


.nc_main_ban_content_2 {
    color: #fff;
}

.nc_main_ban_content_2 .title, .nc_main_ban_content_2 .sub_title {
    font-size: 18px;
    padding: 30px;
    text-transform: uppercase;
    line-height: 1.2;
}

.nc_main_ban_content_2 .sub_title {
    text-align: right;
}

.nc_main_ban_content_2 .title span, .nc_main_ban_content_2 .sub_title span {
    color: #84a9a7;
}

.nc_main_ban_content_2 .sub_title span {
    font-size: 20px;
}

.nc_block_style_6 {
    padding-left: 80px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 70px;
}

.nc_block_style_6 h3 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.nc_block_style_6 p {
    width: 100%;
    padding: 0;
    margin: 0;
}

.nc_block_style_6:before {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
}

.nc_block_style_6.di1:before {
    background: url(/local/templates/webdoka/assets/images/nc/di1.png) no-repeat 50% 50%;
}

.nc_block_style_6.di2:before {
    background: url(/local/templates/webdoka/assets/images/nc/di2.png) no-repeat 50% 50%;
}

.nc_block_style_6.di3:before {
    background: url(/local/templates/webdoka/assets/images/nc/di3.png) no-repeat 50% 50%;
}

.nc_block_style_6.di4:before {
    background: url(/local/templates/webdoka/assets/images/nc/di4.png) no-repeat 50% 50%;
}

.nc_block_style_6.di5:before {
    background: url(/local/templates/webdoka/assets/images/nc/di5.png) no-repeat 50% 50%;
}

.nc_block_style_6.di6:before {
    background: url(/local/templates/webdoka/assets/images/nc/di6.png) no-repeat 50% 50%;
}

.nc_block_style_6.din1:before {
    background: url(/local/templates/webdoka/assets/images/nc/din1.png) no-repeat 50% 50%;
}

.nc_block_style_6.din2:before {
    background: url(/local/templates/webdoka/assets/images/nc/din2.png) no-repeat 50% 50%;
}

.nc_block_style_6.din3:before {
    background: url(/local/templates/webdoka/assets/images/nc/din3.png) no-repeat 50% 50%;
}

.nc_main_ban_content_3 .title {
    color: #fff;
    font-size: 28px;
    padding: 30px;
    text-transform: uppercase;
}

.nc_main_ban_content_3 .title span {
    color: #85b916;
}

.nc_main_ban_content_3 .desc {
    color: #fff;
    font-size: 16px;
    padding: 0 30px;
}

.nc_we_work_l {
    position: relative;
    margin-bottom: 115px;
}

.nc_we_work_l .item {
    height: 170px;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-top: 30px;
}

.nc_we_work_l .item:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(/local/templates/webdoka/assets/images/nc/wws.png) no-repeat 50% 50%;
    position: absolute;
    top: 0;
    left: calc(50% - 12px);
    transform: rotate(90deg);
}

.nc_we_work_l .item.first-child:before {
    display: none;
}

.nc_we_work_l .item img {
    display: block;
    margin: 15px auto;
    max-width: 100%;
}

.nc_we_work_l .item span {
    display: block;
    height: 20px;
    line-height: 20px;
}

.nc_we_work_int_l {
    position: relative;
}

.nc_we_work_int_l .shape, .nc_we_work_l .iphone {
    display: none;
}

.nc_we_work_l .g_line {
    background: #7dc242;
    text-align: right;
    padding: 15px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.nc_we_work_l .g_line .title {
    font-size: 22px;
    margin-bottom: 5px;
    padding: 0;
    max-width: 600px;
}

.nc_we_work_l .g_line .li {
    margin-bottom: 5px;
    padding-right: 30px;
    position: relative;
    max-width: 600px;
}

.nc_we_work_l .g_line .li:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: url(/local/templates/webdoka/assets/images/nc/wwli.png) no-repeat 50% 50%;
    right: 0;
    top: 0;
}

.nc_akcia_ban {
    background: url(/local/templates/webdoka/assets/images/nc/aban.jpg) no-repeat 50% 50% / cover;
    padding: 15px 30px 30px 30px;
    color: #fff;
}

.nc_akcia_ban .title {
    display: block;
    font-size: 56px;
    position: relative;
    padding: 15px 0;
    text-transform: uppercase;
    line-height: 1;
}

.nc_akcia_ban p {
    margin: 0;
}

.nc_akcia_ban p span {
    color: #7dc242;
}

.nc_block_style_7 .item {
    height: 280px;
    position: relative;
    padding-top: 15px;
}

.nc_block_style_7 .item.i1 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg1.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i2 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg2.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i3 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg3.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i4 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg4.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i5 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg5.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i6 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg6.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i7 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg7.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i8 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg8.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i9 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg9.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item.i10 {
    background: url(/local/templates/webdoka/assets/images/nc/zimg10.jpg) no-repeat 50% 50% / cover;
}

.nc_block_style_7 .item .i {
    width: 370px;
    max-width: 100%;
    background: #252764;
    color: #fff;
    min-height: 80px;
    padding: 3px 3px 3px 80px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

.nc_block_style_7 .item p {
    margin: 0;
    width: 100%;
}

.nc_block_style_7 .item .i:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    content: '';
    display: block;
}

.nc_block_style_7 .item.i1 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/1.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i2 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/2.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i3 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/3.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i4 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/4.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i5 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/5.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i6 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/6.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i7 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/7.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i8 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/8.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i9 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/9.png) no-repeat 50% 50%;
}

.nc_block_style_7 .item.i10 .i:before {
    background: url(/local/templates/webdoka/assets/images/nc/10.png) no-repeat 50% 50%;
}

.nc_block_style_8 {
    padding-left: 80px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 70px;
}

.nc_block_style_8 h3 {
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: #252764;
    font-weight: 300;
}

.nc_block_style_8 p {
    width: 100%;
    padding: 0;
    margin: 0;
}

.nc_block_style_8:before {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
}

.nc_block_style_8.di1:before {
    background: url(/local/templates/webdoka/assets/images/nc/dimg1.png) no-repeat 50% 50% / contain;
}

.nc_block_style_8.di2:before {
    background: url(/local/templates/webdoka/assets/images/nc/dimg2.png) no-repeat 50% 50%	/ contain;
}

.nc_block_style_8.di3:before {
    background: url(/local/templates/webdoka/assets/images/nc/dimg3.png) no-repeat 50% 50%	/ contain;
}

.nc_block_style_8.di4:before {
    background: url(/local/templates/webdoka/assets/images/nc/dimg4.png) no-repeat 50% 50%	/ contain;
}

.nc_block_style_8.di5:before {
    background: url(/local/templates/webdoka/assets/images/nc/dimg5.png) no-repeat 50% 50%	/ contain;
}

.nc_block_style_8.di6:before {
    background: url(/local/templates/webdoka/assets/images/nc/dimg6.png) no-repeat 50% 50%	/ contain;
}

.nc_dop .more {
    display: none;
}


@media screen and (min-width: 768px) {
    .nc_main_ban_content_1 .title {
        font-size: 50px;
        padding: 50px 30px 0 30px;
    }

    .nc_main_ban_content_1 .sub_title {
        font-size: 35px;
    }

    .nc_main_ban_content_1 .desc {
        font-size: 20px;
    }

    .nc_how_to_l .body img {
        margin: 0 30px 30px 0;
        width: auto;
        max-width: 100%;
    }

    .nc .float_left {
        width: auto;
        margin-top: 10px;
    }

    .nc_how_to_l .header .title {
        font-size: 30px;
    }

    .nc_main_ban_content_2 .title, .nc_main_ban_content_2 .sub_title {
        font-size: 25px;
    }

    .nc_main_ban_content_2 .sub_title span {
        font-size: 36px;
    }

    .nc_main_ban_content_3 .title {
        font-size: 44px;
        padding: 70px 30px 40px 30px;
    }

    .nc_main_ban_content_3 .desc {
        font-size: 18px;
    }

    .nc_we_work_l .item {
        padding-top: 0;
    }

    .nc_we_work_l .item:before {
        top: calc(50% - 12px);
        left: 0;
        transform: rotate(0deg);
    }

    .nc_we_work_int_l {
        padding: 0 60px;
        max-width: 660px;
        margin: 0 auto;
    }

    .nc_we_work_int_l .shape {
        position: absolute;
        top: 154px;
        left: 39px;
        display: block;
        z-index: 1;
    }

    .nc_we_work_l .g_line:before {
        position: absolute;
        content: '';
        width: 210px;
        height: 226px;
        top: -45px;
        left: -37px;
        background: url(/local/templates/webdoka/assets/images/nc/wwstripes.png) no-repeat 50% 50%;
    }

    .nc_akcia_ban .title:before {
        background: url(/local/templates/webdoka/assets/images/nc/abani.png) no-repeat 50% 50% / cover;
        width: 64px;
        height: 64px;
        position: absolute;
        content: '';
        top: 14px;
        left: 0;
    }

    .nc_akcia_ban .title {
        font-size: 90px;
        padding: 0 0 15px 80px;
    }
}

@media screen and (min-width: 992px) {
    .nc_main_ban_content_1 .title {
        font-size: 65px;
    }

    .nc_main_ban_content_1 .sub_title {
        font-size: 35px;
        text-align: left;
        margin-left: 300px;
    }

    .nc_block_style_2 .item, .nc_block_style_3 .item {
        text-align: left;
    }

    .nc_block_style_3 img {
        margin-left: 0;
        margin-right: 0;
    }

    .nc_block_style_3 .item {
        text-align: left;
    }

    .nc_block_style_3 img {
        margin-left: 0;
        margin-right: 0;
    }

    .nc_block_style_13 .item {
        text-align: left;
    }

    .nc_block_style_13 img {
        margin-left: 0;
        margin-right: 0;
    }

    .nc_main_ban_content_2 .title {
        font-size: 22px;
        padding: 150px 0 0 200px;
    }

    .nc_main_ban_content_2 .sub_title {
        font-size: 22px;
        padding: 90px 130px 0 0;
        text-align: right;
    }

    .nc_main_ban_content_2 .sub_title span {
        font-size: 46px;
    }

    .nc_block_style_6 {
        padding-left: 145px;
    }

    .nc_block_style_6:before {
        left: 60px;
    }

    .nc_main_ban_content_3 .title {
        font-size: 44px;
        padding: 30px 30px 30px 30px;
    }

    .nc_we_work_l .iphone {
        position: absolute;
        top: 0;
        right: -60px;
        display: block;
        z-index: 1;
    }

    .nc_we_work_l .g_line {
        padding-right: 300px;
    }
}

@media screen and (min-width: 1600px) {
    .nc_we_work_int_l {
        margin-left: 384px;
    }
}

/*Новые контентные страницы*/

@media screen and (max-width: 991px) {
    .main_catalog_title {
        width: 100%;
        text-align: center;
    }

    .main_catalog_title img {
        display: block;
        margin: 0 auto;
        float: none;
    }

}


.gv_modal .container {
    max-width: 1170px !important;
    margin: 0 auto !important;
}

.gv_modal .container .gv_modal_col {
    margin: 0 auto !important;
    float: none !important;

}

.gv_modal_inner {
    max-height: calc(100vh - 100px) !important;
    overflow-y: auto !important;
}

.gv_modal {
    z-index: 10000 !important;
}

/*фикс всплывающих окон с торговыми предложениями >=1600 - start*/

@media screen and (min-width: 1600px) {
    .propose_table_prop .offer_name {
        width: 35%;
    }

    .propose_table_prop .offer_value {
        width: 65%;
    }

    .propose_table_prop .offer_stores {
        width: 33.33333333%;
    }

    .propose_table_prop .tovar_modal_price, .propose_table_prop .catalog_links_propose {
        width: 25%;
    }
}

@media screen and (min-width: 768px) {
    .propose_table_prop .avalible_title, .propose_table_prop .offer_stores_title {
        display: none;
    }

    .propose_table_prop .tovar_exist {
        text-align: left;
    }
}

.propose_table_prop .fa-check.no {
    /*display:none;*/
}

.propose_table_prop .avail_date .fa, .rv_tovar_exist .fa {
    padding-left: 5px;
    font-size: 15px;
}

.propose_table_prop .propose_table_footer > div {
    border-bottom: 2px solid #9f9fa5;
    padding-bottom: 15px;
}

.propose_table_prop .prop_row {
    border-bottom: none;
}

.propose_table_prop .store_name {
    margin-bottom: 0px !important;
}

.propose_table_prop .offer_old_price {
    padding-right: 10px;
    display: inline;
}

.propose_table_prop .top_old_price_discount {
    padding-left: 0px;
    display: inline;
}

.propose_table_prop .propose_prop_item {
    margin-bottom: 0px;
}


/*фикс всплывающих окон с торговыми предложениями >=1600 - end*/


/* ----------------------  Pozvonim begin ----------------------------------- */
#pzv-button div {
    background: transparent none repeat scroll 0 0;
}

@keyframes pzv-inner-animation {
    0% {
        transform: scale(1);
    }
    40% {
        opacity: 0.9;
        transform: scale(1.2);
    }
    100% {
        transform: scale(1.5);
    }
}

@keyframes pzv-outer-animation {
    0%, 100% {
        transform: scale(1.5);
    }
    40% {
        transform: scale(1);
    }
}

@keyframes pzv-phone-animation {
    0%, 50%, 100% {
        transform: rotate(0deg);
    }
    10%, 30% {
        transform: rotate(-25deg);
    }
    20%, 40% {
        transform: rotate(25deg);
    }
}

@-webkit-keyframes pzv-inner-animation {
    0% {
        -webkit-transform: scale(1);
    }
    40% {
        opacity: 0.9;
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1.5);
    }
}

@-webkit-keyframes pzv-outer-animation {
    0%, 100% {
        -webkit-transform: scale(1.5);
    }
    40% {
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes pzv-phone-animation {
    0%, 50%, 100% {
        -webkit-transform: rotate(0deg);
    }
    10%, 30% {
        -webkit-transform: rotate(-25deg);
    }
    20%, 40% {
        -webkit-transform: rotate(25deg);
    }
}

@-moz-keyframes pzv-inner-animation {
    0% {
        -moz-transform: scale(1);
    }
    40% {
        opacity: 0.9;
        -moz-transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1.5);
    }
}

@-moz-keyframes pzv-outer-animation {
    0%, 100% {
        -moz-transform: scale(1.5);
    }
    40% {
        -moz-transform: scale(1);
    }
}

@-moz-keyframes pzv-phone-animation {
    0%, 50%, 100% {
        -moz-transform: rotate(0deg);
    }
    10%, 30% {
        -moz-transform: rotate(-25deg);
    }
    20%, 40% {
        -moz-transform: rotate(25deg);
    }
}

#pzv-button *, #pzv-button *::before, #pzv-button *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#pzv-button {
    transform-origin: center center 0 !important;
    width: auto !important;
    height: auto !important;
    cursor: pointer !important;
    position: fixed;
    bottom: 25%;
    left: 7%;
    display: none;
    overflow: visible;
    z-index: 10000000 !important;
    background: transparent none repeat scroll 0 0 !important;
}

#pzv-button * {
    transform-origin: center center 0 !important;
    overflow: visible;
}

#pzv-button .pzv-button-phone {
    -webkit-animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    -moz-animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    -o-animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    position: absolute !important;
    background-color: #4BC2CE !important;
    background-color: rgba(29, 179, 194, 0.8) !important;
    background-color: rgba(98, 98, 98, 0.8) !important;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100% !important;
    height: 70px !important;
    width: 70px !important;
    left: 44px !important;
    top: 44px !important;
    z-index: 10000000 !important;
}

#pzv-button .pzv-button-border-inner {
    -webkit-animation: 2.3s ease-in-out 0s normal none infinite running pzv-outer-animation;
    -moz-animation: 2.3s ease-in-out 0s normal none infinite running pzv-outer-animation;
    -o-animation: 2.3s ease-in-out 0s normal none infinite running pzv-outer-animation;
    animation: 2.3s ease-in-out 0s normal none infinite running pzv-outer-animation;
    border: 1px solid #68cafa !important;
    border: 1px solid rgb(0, 0, 0) !important;
    border-radius: 100% !important;
    opacity: 0.5 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
    height: 70px !important;
    left: 44px !important;
    top: 44px !important;
    width: 70px !important;
    position: absolute !important;
    z-index: 10000000 !important;
    display: block !important;
}

#pzv-button .pzv-button-border-outer {
    -webkit-animation: 2.3s ease-in-out 0s normal none infinite running pzv-inner-animation;
    -moz-animation: 2.3s ease-in-out 0s normal none infinite running pzv-inner-animation;
    -o-animation: 2.3s ease-in-out 0s normal none infinite running pzv-inner-animation;
    animation: 2.3s ease-in-out 0s normal none infinite running pzv-inner-animation;
    border: 1px solid #9abfd3 !important;
    border: 1px solid rgb(0, 0, 0) !important;
    border-radius: 100% !important;
    width: 100px !important;
    height: 100px !important;
    left: 30px !important;
    top: 30px !important;
    position: absolute !important;
    z-index: 10000000 !important;
    display: block !important;
}

#pzv-button.pzv-hovered .pzv-button-phone, #pzv-button:hover .pzv-button-phone {
    background-color: #79D000 !important;
    background-color: rgba(121, 208, 0, 0.8) !important;
    background-color: rgba(255, 156, 0, 0.99) !important;
}

#pzv-button.pzv-hovered .pzv-button-border-inner, #pzv-button:hover .pzv-button-border-inner {
    border: 1px solid #b7de69 !important;
    border: 1px solid rgb(235, 148, 17) !important;
}

#pzv-button.pzv-hovered .pzv-button-border-outer, #pzv-button:hover .pzv-button-border-outer {
    border: 1px solid #b7de69 !important;
    border: 1px solid rgb(235, 148, 17) !important;
}

#pzv-button .pzv-button-wrapper {
    padding: 0 !important;
    display: block !important;
    width: 0px !important;
    height: 0px !important;
    overflow: visible;
}

.pzv-animated {
    -o-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

#pzv-button.pzv-hovered .pzv-button-phone, #pzv-button:hover .pzv-button-phone {
    display: none !important;
}

#pzv-button.pzv-hovered .pzv-button-border-inner, #pzv-button:hover .pzv-button-border-inner {
    height: 90px !important;
    left: 33px !important;
    top: 33px !important;
    width: 90px !important;
}

#pzv-button.pzv-hovered .pzv-button-border-outer, #pzv-button:hover .pzv-button-border-outer {
    height: 100px !important;
    left: 28px !important;
    top: 28px !important;
    width: 100px !important;
}

#pzv-button.pzv-hovered .pzv-button-text, #pzv-button:hover .pzv-button-text {
    display: block !important;
}

#pzv-button .pzv-button-text {
    padding: 1px !important;
    background-color: rgba(255, 156, 0, 0.99) !important;
    color: #ffffff !important;
    border-radius: 100% !important;
    display: none !important;
    width: 90px !important;
    height: 90px !important;
    left: 33px !important;
    top: 33px !important;
    margin: 0 !important;
    position: absolute;
    text-align: center !important;
    font-size: 14px !important;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", arial, sans-serif !important;
    font-weight: 300 !important;
    line-height: 19px !important;
    overflow: visible;
}

#pzv-button .pzv-button-center-text {
    vertical-align: middle;
    text-align: center;
    color: #ffffff !important;
    display: table-cell !important;
    height: 90px !important;
    width: 90px !important;
    word-break: break-all !important;
    line-height: 14px !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", arial, sans-serif !important;
    white-space: pre-wrap !important;
    overflow: visible;
}

#pzv-button .button-icon {
    padding: 15px;
}

#pzv-mobile-button *, #pzv-mobile-button *::before, #pzv-mobile-button *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#pzv-mobile-button {
    height: 56px;
    width: 56px;
    position: fixed;
    bottom: 5%;
    left: 7%;
    display: block;
    z-index: 10000000 !important;
    background: transparent none repeat scroll 0 0 !important;
}

#pzv-mobile-button div {
    background: transparent none repeat scroll 0 0;
}

#pzv-mobile-button * {
    transform-origin: center center 0 !important;
    margin: 0 !important;
}

#pzv-mobile-button .pzv-mobile-button-phone {
    -webkit-animation: 2.2s ease-in-out 0s infinite pzv-phone-animation;
    -moz-animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    -o-animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    position: absolute !important;
    background-color: #4BC2CE !important;
    background-color: rgba(29, 179, 194, 0.8) !important;
    background-color: rgba(98, 98, 98, 0.8) !important;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100% !important;
    height: 70% !important;
    width: 70% !important;
    padding: 15% !important;
    z-index: 10000000 !important;
    background-size: cover;
}

#pzv-mobile-button .pzv-mobile-button-phone svg {
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 768px) {
    #pzv-button {
        display: block;
    }

    #pzv-mobile-button {
        display: none;
    }
}

/* ----------------------  Pozvonim end ----------------------------------- */

.сustomer_reviews_l .success_comment {
    color: #84bc30;
}

.policy {
    font-size: 10px;
    display: block;
    margin-bottom: 10px;
}

.policy a {
    font-size: 10px;
    padding: 0;
}

.offers_loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(64, 64, 75, 0.2);
    border-right: 1.1em solid rgba(64, 64, 75, 0.2);
    border-bottom: 1.1em solid rgba(64, 64, 75, 0.2);
    border-left: 1.1em solid #40404b;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.offers_loader,
.offers_loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.pb-2 {
    padding-bottom: 2em;
}

.fw-600 {
    font-weight: 600;
}

.fw-900 {
    font-weight: 900;
}

.c-40404b {
    color: #40404b;
}

.fs-italic {
    font-style: italic;
}

.u-span {
    text-decoration: underline;
}


.bg_bike_shop {
    background-color: #4ea700;
}

.bg_xc_ski_shop {
    background-color: #009fcb;
}

.bg_alpine_ski_shop {
    background-color: #4a4b8e;
}

.bg_bike_shop span:hover, .bg_xc_ski_shop span:hover, .bg_alpine_ski_shop span:hover {
    background-color: #40404b;
    text-decoration: none !important;
}

.bg_bike_shop span, .bg_xc_ski_shop span, .bg_alpine_ski_shop span {
    color: #fff !important;
}

.main_menu__static {
    padding: 9px 0 9px 10px;
}


/* --------------- map and edost points begin --------------------------- */
#points_text {
    margin-top: 15px;
    font-size: 16px;
}

/* --------------- map and edost points end --------------------------- */

.mb-10 {
    margin-bottom: 10px;
}


/*.bx-component-debug {display:none;}*/


.text-col-lg-2 {
    column-count: 2;
    column-gap: 40px;
}

.text-col-md-2 {
    column-count: 2;
    column-gap: 40px;
}

.text-col-sm-2 {
    column-count: 2;
    column-gap: 40px;
}

.text-col-xs-2 {
    column-count: 2;
    column-gap: 40px;
}

.fsz-16 {
    font-size: 16px;
}
/*
.news-list .action_item .action_title {
    margin-bottom: 20px;
}

.news-list .action_item {
    margin-bottom: 20px;
}
*/
.mt-15 {
    margin-top: 15px !important;
}

header.main_title a {
    color: #40404b;
}

.mr-0 {
    margin-left: 0;
}

.ml-0 {
    margin-right: 0;
}

.tovar_detail_cvar_img {
    display: inline-block;
    margin-left: 5px;
    padding: 1px;
}

span.tovar_detail_cvar_img {
    border: 2px solid #009fcb;
}

.tovar_detail_cvar_img img {
    max-width: 50px;
}

.tovar_detail_article {
    position: absolute;
    left: 120px;
}

.tovar_detail_brand {
    display: block;
    position: absolute;
    right: 20px;
    top: 0px;
}

.tovar_detail_brand img {
    max-width: 70px;
}

.grecaptcha-badge {
    opacity: 0 !important;
}

a.tovar_title:hover {
    color: var(--brand-color);
}


#loadingscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 99999999;
    display: none;
}

#loadingscreen .fa-spinner {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    font-size: 50px;
    line-height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(50vh - 25px);
}


main.bike_shop .full, .bike_shop .top_old_price_discount {
    background: #84bc30;
}

main.xc_ski_shop .full, .bike_shop .top_old_price_discount {
    background: #4cbbda;
}

main.alpine_ski_shop .full, .bike_shop .top_old_price_discount {
    background: #505199;
}


main.bike_shop .top_old_price_discount {
    color: #84bc30;
}

main.xc_ski_shop .top_old_price_discount {
    color: #4cbbda;
}

main.alpine_ski_shop .top_old_price_discount {
    color: #505199;
}

.propose_buy_wrapper .top_old_price_discount {
    background: none;
}


.table.OrderSummary > thead > tr > th {
    vertical-align: bottom;
    border-bottom: none;
}

.table.OrderSummary > thead > tr > th, .table.OrderSummary > tbody > tr > th, .table.OrderSummary > tfoot > tr > th, .table.OrderSummary > thead > tr > td, .table.OrderSummary > tbody > tr > td, .table.OrderSummary > tfoot > tr > td {
    border-top: none;
}


.OrderSummary thead th {
    color: #827d79;
    font-size: 22px;
}

.OrderSummary .summary-cart-item-name a {
    color: #414045;
    text-decoration: underline;
}

.OrderSummary .summary-cart-item-name a:hover {
    text-decoration: none;
}

.OrderSummary .summary-cart-item-name .cin_params {
    color: #8d8d8d;
}

.OrderSummary .summary-cart-item-discount-price .cidp_old_price {
    text-decoration: line-through;

}

.OrderSummary .summary-cart-item-discount-price .cidp_persent {
    color: #84BC30;
}

.OrderSummary .summary-cart-item-discount-price .cidp_new_price {
    font-size: 20px;
}

.OrderSummary .summary-cart-item-discount-price .cidp_new_price .fa-rub {
    font-size: 19px;
}

.OrderSummary .summary-cart-item-quantity {
    font-size: 25px;
    font-weight: 300;
}

.OrderSummary .summary-cart-item-total-price {
    color: #414045;
    font-size: 25px;
    font-weight: 300;
}

.OrderSummary .summary-cart-item-total-price span {
    font-size: 22px;
}

#one_click_form input.submit_oneclick {
    width: auto;
    display: inline-block;
}


/**
* +++ оформление для ЕДОСТ +++
*/
main #order_form_div input[type="text"],
main #order_form_div input[type="tel"],
main #order_form_div input[type="email"],
main #order_form_div input[type="password"],
main #order_form_div textarea,
main #order_form_div select,
main #edost_window input[type="text"],
main #edost_window input[type="tel"],
main #edost_window input[type="email"],
main .bitrix_location .bx-ui-sls-input-block {
    /*box-shadow: inset 0px 0px 0px 3px #d8d8d8;*/
    border: 1px solid #2d2d2d;
    padding: 10px 40px 10px 10px;
    background: url(/bitrix/templates/main/images/input-ok.png) no-repeat 100% 50% #fff;

}

main #order_form_div select {
    background: none;
}

main .edost_props_normal div.edost_prop_head {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    color: #40404b;
    font-size: 14px;
}

main .edost_template_bright div.edost_main h4 {
    display: block;

    padding: 10px 0px;
    font-size: 1.285714285714286em;
    font-weight: 300;
    color: #40404b;
}

main #order_form_main {
    background: #fff;
}

main .edost_template_bright div.edost_main {
    border: none;
    box-shadow: none;
}

main #order_save_button, #order_form_total #order_save_button2 {
    border: none;
    background: var(--brand-color);
    color: #fff;
    padding: 15px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    text-transform: uppercase;
    box-sizing: border-box;
    border-radius: 0;
    width: 100%;
}

main #order_save_button span, #order_form_total #order_save_button2 span {
    display: inherit;
    font-size: 14px;
    line-height: normal;
    padding-top: 0;
    font-weight: 300;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

main div.edost_main, div.edost_office_window, div.edost_main table {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    line-height: normal;
}

main div.edost_button_big2 {
    border-radius: 0;
}

main div.edost_button_big2 span {
    font-size: 12px !important;
    text-transform: uppercase;
}

main div.edost_button_cod_disable {
    background: #4ea700;
    border-radius: 0;
}


#edost-prop-wrapper_48, /* Адрес доставки в 1С */
#edost-prop-wrapper_49, /* Служба доставки в 1С */

#edost-prop-wrapper_59, /* EXP */
#edost-prop-wrapper_61, /* EXP */
#edost-prop-wrapper_62, /* EXP */
#edost-prop-wrapper_63, /* EXP */
#edost-prop-wrapper_64, /* EXP */
#edost-prop-wrapper_65, /* EXP */
#edost-prop-wrapper_66, /* EXP */
#edost-prop-wrapper_67, /* EXP */
    /*
    #edost-prop-wrapper_68,
    #edost-prop-wrapper_69,
    #edost-prop-wrapper_70,
    #edost-prop-wrapper_71,
    */
#edost-prop-wrapper_72,
#edost-prop-wrapper_73,
#edost-prop-wrapper_74,
#edost-prop-wrapper_75,
#edost-prop-wrapper_51,
#edost-prop-wrapper_76,
#edost-prop-wrapper_24,
#edost-prop-wrapper_25,
#edost-prop-wrapper_36,
#edost-prop-wrapper_40,
#edost-prop-wrapper_38,
#edost-prop-wrapper_32,
#edost-prop-wrapper_34,
#edost-prop-wrapper_56,
#edost-prop-wrapper_57,
#edost-prop-wrapper_58,
#edost-prop-wrapper_50,
#edost-prop-wrapper_54,
#edost-prop-wrapper_47,
#edost-prop-wrapper_20 {
    display: none;
}


.edost-paysystem-user-budget {
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    margin-bottom: 20px;
}

.order_step {
    display: block;
    overflow: hidden;
    background: #40404b;
    margin-bottom: 15px;
}

.os_item {
    float: left;
    width: 24%;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.os_item a, .os_item a:hover {
    color: #FFF;
}

.os_item + .os_item {
    background: url(/local/templates/gv/components/bitrix/sale.order.ajax/tpl_order/images/cart_arr_2.jpg) no-repeat left center;
}

.os_item:nth-child(3) {
    width: 28%;
}

.os_item.active {
    color: #40404b;
    background: #fff url(/local/templates/gv/components/bitrix/sale.order.ajax/tpl_order/images/cart_arr_3.jpg) no-repeat left center;
}

.os_item.active + .os_item {
    background: url(/local/templates/gv/components/bitrix/sale.order.ajax/tpl_order/images/cart_arr_1.jpg) no-repeat left center;
}

#order_form_div {
    width: 100%;
    max-width: 100%;
}

#order_form_total_div {
    margin-left: 25px;
}

#order_form_total_div {
    top: 100px !important;
}

.SaleOrderConfirmWrapper {

}

.SaleOrderConfirmWrapper .complete_box {
    background: #fff;
    padding: 20px 30px;
    margin-bottom: 15px;
}

.SaleOrderConfirmWrapper .complete_text {
    font-size: 18px;
    font-size: 1.285714285714286em;
    font-weight: 300;
    margin-bottom: 10px;
}

.SaleOrderConfirmWrapper .order_num {
    margin-bottom: 15px;
}

.SaleOrderConfirmWrapper .complete_btns {
    margin-bottom: 10px;
}

.SaleOrderConfirmWrapper .confirm_link.btn-link {
    color: #767373;
    font-weight: 300;
    text-decoration: underline;
}

.SaleOrderConfirmWrapper .future_sale {
    border-top: 1px solid #dadada;
    padding-top: 20px;
    margin-top: 30px;
}

.SaleOrderConfirmWrapper .future_sale_text {
    font-size: 16px;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
}

.order-item {
    background: #fff;
    padding: 15px;
    padding-bottom: 15px;
}

.order_text {
    padding-bottom: 0px !important;
}

.order_text .order-title {
    margin-bottom: 0px;
}

.order-title {
    font-size: 18px;
    font-size: 1.285714285714286em;
    font-weight: 300;
    color: #40404b;
    margin-bottom: 15px;
}

.edit_prof_header {
    display: block;
    float: left;
    padding: 10px 0px;
}

.btn-auth {
    background: #848484;
    color: #fff;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    width: 25%;
    margin: 0 15px 0 0;
}

/*
Бренды
*/
.brands_wrap {
    width: 100%;
}

.brands_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
}

.brands_item {
    width: calc(20% - 27px);
    min-width: calc(20% - 30px);
    margin-right: 30px;
    margin-bottom: 35px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    height: 210px;
    background: white;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.brands_item:nth-child(5n) {
    margin-right: 0px;
}

.brands_item-img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.brands_item-img-inner {
    max-width: 100%;
    max-height: 100%;
}

.brands_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.brands_top-h1 {
    margin-right: 75px;
}

.brands_top-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    /*background: white;*/
    height: 35px;
    margin-top: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.brands_top-side a {
    text-decoration: none;
}

.brands_top-side a:hover {
    background: var(--brand-color);
}

.brands_top-letters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.brands_top-letters_nums {
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.brands_top-letters_en {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.brands_top-letters_ru {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px;
}

a.nums-brands {
    margin: 0 10px;
    background: white;
    width: 50px;
    text-align: center;
    padding: 5px;
}

a.en-letters-brands {
    background: white;
    text-align: center;
    padding: 5px;
    display: block;
    width: 4%;
    margin-right: 3px;
}

a.ru-letters-brands {
    margin: 0 10px;
    background: white;
    width: 50px;
    text-align: center;
    padding: 5px;
}

a.en-letters-brands:last-child {
    margin-right: 0px;
}

a.nums-brands,
a.en-letters-brands,
a.ru-letters-brands {
    font-weight: 300;
    color: #2d2d2d;
}

.brands_top-search {
    margin-right: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.brands_top-search > img {
    position: absolute;
    right: 5px;
}

.brands-search-input {
    width: 235px;
    border: 0;
    outline: none;
    height: 30px;
    padding-left: 10px;
}

.brands-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*background: white;*/
    padding: 0 0px;
}

.brands-total_line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 120px;
    border-bottom: 1px solid #8080805e;
    background: white;
    margin-bottom: 20px;
    padding: 0 30px;
}

.brands-total_line-left {
    width: 19%;
    font-size: 60px;
    color: #2d2d2d;
}

.brands-total_line-left a {
    font-size: 42px;
    color: #2d2d2d;
    font-weight: 300;
}

.brands-total_line-left a:hover {
    text-decoration: none;
}

.brands-total_line-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.brands-total_item {
    width: 25%;
    padding: 26px;
    font-weight: 300;
    font-size: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.brand-wrap {
    margin-top: 20px;
}

.brand-name {
    margin-top: 0 !important;
}

.brand-description {
    display: flex;
    /*justify-content: space-around;*/
    align-items: flex-start;
    margin-bottom: 15px;
    background: white;
    padding: 10px;
}

.brand-logo {
    width: 100px;
    margin-right: 10px;
}

.brand-text {
    /*font-size: 12px;*/
    width: 100%;
    column-count: 2;

    /*height: 51px;*/

}

.brand_text_wrap {
    width: calc(100% - 100px);
}

.show_all_brands {
    width: 150px;
    margin: 10px auto;
    text-align: center;
    background: var(--brand-color);
    padding: 10px;
    color: white;
    cursor: pointer;
}

.brand_top_banner {
    width: 100%;
    height: 435px;
    margin-bottom: 20px;
}

.brand_top_banner img {
    width: 100% !important;
    height: 100% !important;
}

/*
.rv_box.cust_bran {
    padding: 0 15px !important;
}
    */

.brands_item:hover {
    border: 3px solid var(--brand-color);
}

.image_list.flex.brand_sect {
    height: 100%;
}

.section_item .tovar_prop.brand_sect {
    height: 100%;
    position: relative;
    top: 15px;
}

.inner_sections.brand_sect {
    min-height: 325px;
}

/*.news_brands_gallery {*/
/*    display: flex;*/
/*}*/
/*.brand-logo,br {*/
/*    height: 100%;*/
/*}*/
/**
* --- оформление для ЕДОСТ ---
*/


/*------------------------------------ md ------------------------------------*/
@media (min-width: 1199px) and (max-width: 1600px) {
    a.en-letters-brands {
        margin: 0 1px;
    }

    .brands-search-input {
        width: 203px;

    }

    .brands_top-h1 {
        margin-right: 36px;
    }

    .brand_top_banner {
        height: 304px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .text-col-lg-2 {
        column-count: 1;
        column-gap: 0;
    }

    .text-col-md-2 {
        column-count: 2;
        column-gap: 40px;
    }

    .text-col-sm-2 {
        column-count: 2;
        column-gap: 40px;
    }

    .text-col-xs-2 {
        column-count: 2;
        column-gap: 40px;
    }

    #order_form_total_div {
        top: 100 !important;
    }

    .brands_item {
        width: calc(25% - 15px);
        min-width: calc(25% - 15px);
        margin-right: 15px;
        margin-bottom: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 159px;
        background: white;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

    }

    a.en-letters-brands {
        margin: 0px 1px;
    }

    .brands-search-input {
        width: 180px;
    }

    .brands_item:nth-child(5n) {
        margin-right: 15px;
    }

    .brands_top {
        flex-direction: column;
    }

    .brands_top-side {
        margin-bottom: 10px;
    }

    .brands_top-h1 {
        margin-right: 75px;
        width: 100%;
        margin-left: 80px;
    }

    .brand-description {
        flex-direction: column;
    }

    .brand-text {
        font-size: 10px;
        width: 100%;
    }

    .brand_top_banner {
        height: 221px;
    }
}


/*------------------------------------ sm ------------------------------------*/


@media (min-width: 768px) and (max-width: 991px) {

    .text-col-lg-2 {
        column-count: 1;
        column-gap: 0;
    }

    .text-col-md-2 {
        column-count: 1;
        column-gap: 0;
    }

    .text-col-sm-2 {
        column-count: 2;
        column-gap: 40px;
    }

    .text-col-xs-2 {
        column-count: 2;
        column-gap: 40px;
    }


    .OrderSummary thead th {
        font-size: 16px;
    }

    .OrderSummary .summary-cart-item-discount-price {
        width: 130px;
    }

    .OrderSummary .summary-cart-item-discount-price .cidp_new_price .fa-rub {
        font-size: 17px;
    }

    .OrderSummary .summary-cart-item-total-price {
        width: 120px;
    }

    #order_form_total_div {
        top: 50px !important;
    }

    .brands_item {
        width: calc(33% - 15px);
        min-width: calc(25% - 15px);
        margin-right: 15px;
        margin-bottom: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 162px;
        background: white;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

    }

    .brands_item:nth-child(5n) {
        margin-right: 15px;
    }

    .brands_item:nth-child(4n) {
        margin-right: 15px;
    }

    .brands_item:nth-child(3n) {
        margin-right: 0px;
    }

    .brands_top-letters_en {
        display: none;
    }

    .brands_top-h1 {
        margin-right: 166px;
    }

    .brands_top-letters_nums {
        margin-right: 0px;
    }

    .brand-description {
        flex-direction: column;
    }

    .brand-text {
        font-size: 10px;
        width: 100%;
    }

    .brand-text {
        font-size: 12px;
        /*width: 39%;*/
        column-count: 1;
    }

    .brand_top_banner {
        height: 145px;
    }
}


/*------------------------------------ xs ------------------------------------*/

@media (max-width: 767px) {

    .text-col-lg-2 {
        column-count: 1;
        column-gap: 0;
    }

    .text-col-md-2 {
        column-count: 1;
        column-gap: 0;
    }

    .text-col-sm-2 {
        column-count: 1;
        column-gap: 0;
    }

    .text-col-xs-2 {
        column-count: 2;
        column-gap: 40px;
    }


    .OrderSummary thead th {
        font-size: 16px;
    }

    .OrderSummary .summary-cart-item-discount-price {
        width: 130px;
    }

    .OrderSummary .summary-cart-item-discount-price .cidp_new_price .fa-rub {
        font-size: 17px;
    }

    .OrderSummary .summary-cart-item-total-price {
        width: 120px;
    }

    #order_form_total_div {
        top: unset;
    }

    .SaleOrderConfirmWrapper .tmg {
        width: 100%;
    }

    .SaleOrderConfirmWrapper .tmg {
        width: 100%;
    }

    .SaleOrderConfirmWrapper .tmg .tmg_ps_paysys_desc {
        float: none;
    }

    .SaleOrderConfirmWrapper .tmg .tmg_ps_paysys {
        position: relative;
    }

    .brands_item {
        width: calc(33% - 15px);
        min-width: calc(25% - 15px);
        margin-right: 15px;
        margin-bottom: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 156px;
        background: white;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

    }

    .brands_top-letters_en {
        display: none;
    }

    .brands_top-letters_ru {
        display: none;
    }

    .brands_top-letters_nums {
        display: none;
    }

    .brands-search-input {
        width: 100%;
    }

    .brands_top-search {
        width: 100%;
    }

    .brand-description {
        flex-direction: column;
    }

    .brand-text {
        font-size: 12px;
        /*width: 39%;*/
        column-count: 1;
    }

    .brands_item:nth-child(5n) {
        margin-right: 15px;
    }

    .brands-total_item {
        font-size: 12px;

    }

    .brands-total_line {
        padding: 0 4px;

    }

    .brands-total_line-left {
        width: 6%;
    }

    .brand-name {
        margin-top: 20px !important;
    }

    .brand_top_banner {
        height: 133px;
    }

}


@media (min-width: 320px) and (max-width: 429px) {

    #edost_catalogdelivery_window {
        left: calc(50% - 180px) !important;
    }
}

.mobile-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #fff;
    z-index: 90;
    box-shadow: 0px -2px 2px 0px rgba(64, 64, 75, 0.35);
}

.mobile-nav__icons {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
}

.mobile-nav__icons .fast_i {
    display: block;
    width: 30px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    cursor: pointer;
}

.mobile-nav__icons > div {
    display: block;
    width: 30px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    cursor: pointer;
}

.mobile-nav__icons .fast_i .fil_url {
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 0;
}

.mobile-nav__icons .fast_i:before {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #333;
    font-size: 26px;
}

.mobile-nav__icons .fast_i.i1:before {
    content: '\f124';
}

.mobile-nav__icons .fast_i.i2:before {
    content: '\f095';
}

.mobile-nav__icons .fast_i.i3:before {
    content: '\f003';
}

.mobile-nav__icons .fast_i.i4:before {
    content: '\f080';
}

.mobile-nav__icons .fast_i.i5:before {
    content: '\f004';
}

.mobile-nav__icons .fast_i.i6:before {
    content: '\f06e';
}

.mobile-nav__icons .fast_i .count,
.mobile-nav__icons #basket_num {
    position: absolute;
    width: 18px;
    height: 18px;
    background: var(--brand-color);
    color: #fff;
    border-radius: 50%;
    bottom: unset;
    top: -2px;
    right: -8px;
    display: block;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    pointer-events: none;
}

.mobile-nav__icons #basket_num:empty {
    background: transparent;
}

.mobile-nav__icons #basket_num {
    right: -36px;
}

.mobile-nav__icons .fast_i .title {
    display: none;
}

.mobile-nav__icons .h_basked .hb_min_basket_open:before {
    content: '\f07a';
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: block;
    color: #333;
    font-size: 26px;
    text-align: unset;
    padding-left: 0;
}

.mobile-nav__icons .min_basket_list {
    display: none;
}

.mobile-nav__icons .h_basked .hb_url {
    opacity: 0;
    position: absolute;
}

.fa-house:before {
    content: "\f015";
}

.header-catalog-menu.is-open {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    background-color: #fff;
}

.header-catalog-menu__inner {
    overflow: hidden;
    height: 100%;
}

:root {
    --brand-color: #2d2d2d;
    --menu-height: 100%;
}

.header-catalog-menu__header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 30px;
    background-color: #d8d8d8;
    position: relative;
    z-index: 10;
    box-shadow: 0px 2px 5px 0px #00000059;
}

.header-catalog-menu__header-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.header-catalog-menu__body {

    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.header-catalog-menu__list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 5;
    height: 100%;


}

.header-catalog-menu__list:not(.header-catalog-menu__sub-list) > .header-catalog-menu__list-item > .header-catalog-menu__link {
    font-weight: 300;
    text-transform: uppercase;
}

.header-catalog-menu__list:not(.header-catalog-menu__sub-list) > .header-catalog-menu__list-item > .header-catalog-menu__link-wrap > .header-catalog-menu__link {
    font-weight: 300;
    text-transform: uppercase;
}

.header-catalog-menu__sub-list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 5;

    transform: translateX(-100%);
}

.header-catalog-menu__list-item.is-open > .header-catalog-menu__sub-list {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    display: block;
}

.header-catalog-menu__list-item {
    color: #333;
    padding: 12px 0;
    margin: 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}

.header-catalog-menu__btn.is-active svg path {
    stroke: var(--brand-color);
}

.header-catalog-menu__link {
    color: #333;
}

.header-catalog-menu__link:hover,
.header-catalog-menu__btn:hover path,
.header-catalog-menu__list-item:has(.is-active) > .header-catalog-menu__link,
.header-catalog-menu__list-item:has(.is-active) > .header-catalog-menu__link-wrap > .header-catalog-menu__link,
.header-catalog-menu__list-item:has(.is-active) > .header-catalog-menu__btn svg path,
.header-catalog-menu__list-item:has(.is-active) > .header-catalog-menu__link-wrap > .header-catalog-menu__btn svg path {
    color: var(--brand-color);
    stroke: var(--brand-color);
}

.header-catalog-menu__list-wraps {
    height: 100%;
}

.header-catalog-menu__list-item + .header-catalog-menu__list-item {
    border-top: 2px solid #D9D9D9;
}

.header-catalog-menu__btn {
    visibility: hidden;
    border: none;
    background-color: transparent;
    width: 22px;
    height: 22px;
    margin-left: auto;
}

.header-catalog-menu__list-item:has(.header-catalog-menu__sub-list) > .header-catalog-menu__btn {
    visibility: visible;
}

.header-catalog-menu__link-wrap {
    display: flex;
    width: 100%;
    align-items: center;
}

.header-catalog-menu__list-item:has(.header-catalog-menu__sub-list) > .header-catalog-menu__link-wrap > .header-catalog-menu__btn {
    visibility: visible;
}

.header-catalog-menu__btn svg,
.mobile-catalog__btn svg {
    transform: scale(1.5) translateX(1px);
}

.header-catalog-menu__btn:hover {
    border: 1px solid var(--brand-color);
    border-radius: 50%;
}

.header-catalog-menu__sub-list:has(~li:nth-child(5)) {
    overflow-y: auto;
}

.close-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    right: 15px;
    top: 6px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
}

.back-btn {
    position: relative;
    width: 30px;
    height: 20px;
    background-color: transparent;
    border: none;
    display: none;
    align-items: center;
    justify-content: center;
}

.back-btn svg {
    position: absolute;
    width: 30px;
    height: 26px;
    top: 50%;
    transform: translateY(-50%);
}

.header-catalog-menu__close-btn {
    position: relative;
    width: 30px;
    height: 20px;
    right: unset;
    top: unset;
    margin-left: auto;
}

html:has(.mobile-catalog-wrap.is-open) {
    overflow: hidden;
}

.mobile-catalog-wrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translateY(-100%);
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    max-height: 100vh;
    z-index: 1200;
    overflow: auto;
}

.mobile-catalog-wrap.is-open {
    transform: translateY(0%);
}

.mobile-catalog__body {
    overflow: hidden;
    transition: height 0.3s ease;
}

.mobile-catalog {
    height: auto;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.mobile-catalog__title {
    margin-bottom: 20px
}

.mobile-catalog__header {
    color: #fff;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 16px 12px 20px;
    background-color: #333333;
    align-items: center;
    box-shadow: 0px 2px 5px 0px #00000059;
    margin-bottom: 20px;
}

.mobile-catalog__header:hover,
.mobile-catalog__header:active {
    color: var(--brand-color);
}

.mobile-catalog__close-btn {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-catalog__btn {
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    /*width: 30px;*/
    width: 150px;
    padding: 5px 0 5px 124px;

}

.mobile-catalog__main-list:not(.mobile-catalog__main-list--sub) > .mobile-catalog__item > .mobile-catalog__header {
    font-weight: 700;
    text-transform: uppercase;
}

.mobile-catalog__header--main {
    background-color: transparent;
    color: #333;
    padding: 0;
    box-shadow: none;
    margin-bottom: 0;
}

.mobile-catalog__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 8px 0;
    margin: 0 20px;
    color: #333;
}

.mobile-catalog__link-back-title {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.mobile-catalog__link-back-title > svg {
    flex-shrink: 0;
}

.mobile-catalog__item.is-opened > .mobile-catalog__main-list--sub,
.mobile-catalog__main-list {
    background-color: #fff;
    padding: 0;
    margin: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.mobile-catalog__item + .mobile-catalog__item {
    border-top: 2px solid #D9D9D9;
}

.mobile-catalog__main-list.sub-menu-opened {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mobile-catalog__main-list--sub {
    background-color: #fff;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(240%);
    -ms-transform: translateX(240%);
    transform: translateX(240%);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    width: 100%;
    z-index: 10
}

.mobile-catalog__link-back {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 16px 12px 20px;
    background-color: #d8d8d8;
    align-items: center;
    box-shadow: 0px 2px 5px 0px #00000059;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 20px;
}

.mobile-catalog__link-all {
    color: #fff
}

.mobile-banner-action {
    display: none;
    min-height: 90px;
    align-items: center;
    text-transform: uppercase;
    font-size: 20px;
    background-color: #41414c;
    color: #fff;
    padding-left: 35px;
    padding-right: 15px;
}

.mobile-banner-action a {
    color: #fff;
}

.contacts-list__item {
    padding: 2px 10px;
    color: #8d8d8d;
    display: flex;
    align-items: center;
    gap: 15px;
}

.contacts-list .i_fa:before {
    position: static;
    font-size: 25px;
}

.contacts-list__item .i_fa {
    width: 20px;
}

.m_main_menu .contacts-list .contacts-list__item a {
    box-shadow: none;
    padding: 0;
}

.contacts-list__item + .contacts-list__item {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.smart-filter__options-box-title {
    display: none;
    padding: 10px 15px;
    border-radius: 50px;
    background: #40404b;
    -webkit-box-shadow: inset 1px 3px 7px 0px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: inset 1px 3px 7px 0px rgba(0, 0, 0, 0.34);
    box-shadow: inset 1px 3px 7px 0px rgba(0, 0, 0, 0.34);
}

.hmmi_price_wrap {
    padding-left: 9px;
}

.header-catalog-menu {
    display: none;
}

.filters-close-btn svg path {
    fill: #333;
}

@media screen and (min-width: 767px) {
    .filters-close-btn {
        display: none;
    }
}

.filters-open-btn {
    display: none;
    align-items: center;
    gap: 8px;
    border: none;
    background-color: transparent;
    padding: 5px 10px;
    margin-left: auto;
}

.filters-open-btn__count {
    padding: 0 8px;
    background-color: var(--brand-color);
    color: #fff;
    border-radius: 10px;
}

.filters-open-btn__icon {
    font-size: 24px;
}

.filters-open-btn__icon.i_fa:before {
    position: static;
}

@media screen and (min-width: 992px) {
    .m_header_fake {
        display: none;
    }

    .mobile-banner-action {
        display: none;
    }

    .header-catalog-menu .back-btn {
        display: none;
    }

    .mobile-nav {
        display: none;
    }


    .ml-auto {
        margin-left: auto;
    }

    .header__inner {
        display: flex;
        flex-direction: column;
    }

    .header__row {
        background-color: #fff;
    }

    .header__row-block {
        display: flex;
        align-items: center;
        gap: 20px;
        margin: 0 -15px;
    }

    .header__row--dark-bg {
        background-color: #41414c;
        color: #fff;
    }

    .header__info {
        display: flex;
        align-items: center;
        gap: 15px;
        color: #8d8d8d;
    }

    .header__logo {
        height: 60px;
    }

    .header__logo img {
        max-width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 15px;
    }

    .header__search {
        flex-grow: 1;
    }

    .header__search .search_input_l {
        margin: 0;
    }

    .search_input_l input[type='text'] {
        border: 1px solid #8d8d8d;
        width: 100%;
        padding-right: 40px;
    }

    .header__icons .fast_icon_l .fast_i:before {
        color: #333;
    }

    .header .fast_icon_l {
        margin: 0;
    }

    #header_search_form {
        position: relative;
    }

    .header #search_submit {
        position: absolute;
        right: 0;
    }

    .header .h_basked .hb_url {
        display: none;
    }

    .header .h_basked {
        line-height: 34px;
        height: 34px;
        text-align: center;
        background: #848484;
        color: #fff;
        display: block;
        margin-top: 0;
        padding-left: 0;
        position: relative;
        text-transform: uppercase;
        z-index: 201;
        background: transparent;
    }

    .header .h_basked .hb_min_basket_open:before {
        content: '\f07a';
        width: 32px;
        height: 32px;
        line-height: 32px;
        display: block;
        color: #333;
        font-size: 20px;
        text-align: unset;
        padding-left: 0;
    }

    .header .h_basked .hb_min_basket_open {
        width: 32px;
        height: 32px;
        line-height: 32px;
        box-shadow: none;
    }

    .header .fast_icon_l .fast_i .count {
        bottom: unset;
        top: -2px;
    }

    .header .h_basked.active .num {
        position: absolute;
        width: 18px;
        height: 18px;
        background: var(--brand-color);
        color: #fff;
        border-radius: 50%;
        bottom: unset;
        right: 0;
        top: -2px;
        display: block;
        line-height: 18px;
        text-align: center;
        font-size: 12px;
        pointer-events: none;
    }

    .header .h_basked.active .num {
        left: unset;
    }

    .header #smartfilter ul {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
    }

    .header #smartfilter {
        margin: 0 auto;
    }

    #smartfilter ul li span,
    #smartfilter ul li a {
        padding: 10px 40px;
        display: inline-block;
        cursor: pointer;
        color: #fff;
        text-transform: uppercase;
    }

    #smartfilter ul li span.hmm-close {
        padding: 0;
    }

    #smartfilter ul li {
        border-left: 1px solid #fff;
    }

    #smartfilter ul li:last-child {
        border-right: 1px solid #fff;
    }

    .headroom {
        will-change: transform;
        transition: transform 200ms linear;
    }

    .headroom--pinned {
        transform: translateY(0%);
    }

    .headroom--not-top.headroom--pinned {
        transform: translateY(-42px);
    }

    .headroom--unpinned {
        transform: translateY(-100%);
    }

    html:has(.smartfilter-open) {
        overflow: hidden;
    }

    #header.smartfilter-open {
        height: 100vh;
    }

    #smartfilter ul li span.active {
        color: #40404b;
    }

    .select_box {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .select_box_toggle {
        padding: 10px 0;
    }

    .hmmi_wrapper {
        height: calc(100dvh - 180px);
    }

    #smartfilter .hmm_link span {
        color: #FF9600;
        padding: 0;
    }

    #smartfilter .hmm_link:hover span {
        text-decoration: underline;
    }

    #smartfilter .hmm_link {
        margin-bottom: 0;
    }

    .smart-filter__title-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .smart-filter__options {
        display: flex;
    }

    .smart-filter__options-box {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: calc(100vh - 400px);
        scrollbar-width: thin
    }

    .smart-filter__options-left {
        width: 80%;
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    }

    .smart-filter__options-right {
        width: 20%;
        padding-left: 20px;
    }

    #smartfilter ul li .ui-slider-handle {
        padding: 0;
    }

    .show-catalog-btn:hover {
        background-color: #40404b;
    }

    :root {
        --menu-height: 72vh;
    }


    .header-catalog-menu.is-open {
        transform: translateY(0) translateX(-50%);
        visibility: visible;
        opacity: 1;
    }

    .header-catalog-menu__inner {
        overflow: hidden;
        height: auto;
    }

    .header-catalog-menu__sub-list {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        display: none;
    }

    .header-catalog-menu__list {
        max-width: 250px;
        z-index: 5;
        box-shadow: 2px 0px 5px 0px #00000040;
    }

    .header-catalog-menu__sub-list {
        transform: translateX(0);
    }

    .header-catalog-menu__list-item.is-open > .header-catalog-menu__sub-list {
        transform: translateX(100%);
        display: block;
    }

    .header-catalog-menu__body {
        height: var(--menu-height);
    }

}

@media screen and (max-width: 991px) {
    .header-catalog-menu:has(.header-catalog-menu__list-item.is-open) .back-btn {
        display: flex;
    }

    .header-catalog-menu__header {
        justify-content: left;
    }

    jdiv[class*="wrap__"] {
        bottom: 60px !important;
    }

    .show-catalog-btn,
    .show-brands {
        color: #fff !important;
        background-color: #666676;
        text-decoration: none;
    }

    .main_menu .main_menu__static {
        display: none;
    }

    html:has(.header-catalog-menu.is-open) {
        overflow: hidden;
    }

    .header-catalog-menu__list {
        position: absolute;
        left: 0;
        right: 0;
        overflow: auto;
    }
}

@media screen and (max-width: 767px) {
    .catalog-menu {
        margin: 0 0 20px 0;
    }

    #why {
        display: none;
    }

    .mobile-banner-action {
        display: flex;
    }

    .main_banner_item {
        min-height: 90px;
    }

    .main_banner_item .icon {
        display: none;
    }

    .main_banner_item .title {
        width: 100%;
        text-align: start;
        padding-left: 20px;
    }

    .i_mask.flex {
        height: 100%;
        align-items: center;
        justify-content: flex-start;
        text-align: start;
        text-transform: uppercase;
        min-height: 90px;
    }

    .m_menu_icon_list li .fa {
        margin-right: 15px;
    }

    .m_menu_icon_list .count {
        left: 215px;
        right: unset;
        bottom: -2px;
    }

    footer {
        padding-bottom: 60px;
    }

    .hmm_link {
        margin-bottom: 5px;
    }

    .smart-filter__title-wrap {
        text-align: center;
    }

    .header_main_menu_item fieldset.hmmi_bottob {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #333;
        margin: 0;
        padding: 15px;
        z-index: 5;
    }

    .smart-filter__options-box-title {
        display: block;
        font-weight: 300;
        font-size: 16px;
        position: relative;
    }

    .header_main_menu_item form .smart-filter__options-left .title {
        display: none;
    }

    .smart-filter__options-box-title + fieldset {
        display: none;
        padding: 10px 20px;
        margin-bottom: 0;
    }

    .smart-filter__options {
        padding: 0 15px;
    }

    .smart-filter__options-box + .smart-filter__options-box {
        margin-top: 15px;
    }

    .smart-filter__options-box-title::after {
        position: absolute;
        content: '';
        right: 15px;
        top: 20px;
        margin: auto;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
    }

    .header_main_menu_item .select_arr {
        right: 45px;
        top: 3px;
    }

    .tovar_list_sidebar {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        transform: translateX(-100%);
        transition: all 0.3s ease-in;
        background-color: #fff;
        z-index: 1000;
        height: 100dvh;
        overflow: auto;
        padding-top: 40px;
    }

    .tovar_list_sidebar.is-open {
        transform: translateX(0%);
    }

    .tovar_list_sidebar .catalog-menu {
        display: none;
    }

    .filters-mobile-wrap {
        display: flex;
        align-items: center;
    }

    .filters-open-btn {
        display: inline-flex;
    }
}

.smart-filter__options-box:empty {
    display: none;
}

.header_main_menu_item form .title {
    text-align: center;
}

.filter-buttons-wrap {
    display: flex;
    gap: 15px;
    padding-bottom: 0;
}

.filter-buttons-wrap > input {
    flex-basis: 50%;
}

form.smartfilter {
    position: relative;
}

.formfilter-buttons-row {
    position: sticky;
    bottom: 0;
    background-color: #fff;
    z-index: 500;
    padding: 15px 0;
}
#top-arrFilterSmart_9937_MIN {
    width: 100% !important;
}
#smartfilter ul li span.plus_minus {
    padding: 0 10px 0 0;
}
.gv_modal .container:has(.video-buttons__wrap) {
    max-width: unset !important;
}
.top_check {
    width: 91% !important;
}


@media (max-width: 767px) {
    #modef {
        display: none !important;
    }
}

.product_item_new .pin_l{box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.2);}

main{
    background: url(/local/templates/webdoka/styles/images/bg.jpg) no-repeat fixed 50% 50% / cover !important;
}
.compare_header{
    border-bottom: 1px solid #9f9fa5;
    position: relative;
}
.compare_item_title{
    padding: 15px;
}
.compare_item_title a{
    display: block;
    display: block;
    height: 3.2em;
    overflow: hidden;
}
.compare_item_name{
    font-weight: bold;
    font-size: 18px;
    font-size: 1.285714285714286em;
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9db;
    margin-bottom: 15px;
    color: #40404B;
}
.comp_row,
.title_row{
    padding-left: 305px;
    position: relative;    
}
.comp_row{
    border-bottom: 1px dotted #57585b;	
}
.comp_row:hover{
    background: rgba(0,0,0,0.1);	
}
.cit_price_row{
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}
.cit_price_row>div{
    padding: 0 5px;
}
.cit_price_row .btn{
    padding: 10px;
}
.cit_price{
    font-size: 20px;
    font-size: 1.428571428571429em;
    font-weight: bold;
}
.cit_price .fa{
    font-size: .8em;
    padding-left: 5px;
}
.comp_row>div{
    padding-top: 5px;
    padding-bottom: 5px;    
}
.ci_img_a{
    padding-top: 100%;
    margin-bottom: 15px;
    position: relative;
}
.ci_img_a img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}
.compare_header_filter{
    background: #d9d9db;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.compare-list-result {
    background: #FFF;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 15px;
}
.compare-grid .row{
    margin: 0;
}
.compare-property{
    background: #d9d9db;  
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    margin: 0;
    font-weight: bold;
}

div.compare-props { 
    border:1px solid #69c028; 
    padding: 1em; 
    margin: 0 0 2em;
}
div.compare-buttons { margin-top: 1em; text-align: right;}
div.compare-buttons input { padding-left: 0.5em; padding-right: 0.5em; overflow: visible;}
table.compare-props { width: 100%; }
table.compare-props td { width: 33.33%; vertical-align: top;}
table.compare-props a { text-decoration: none; }
table.compare-props input { float: left; margin-right: -23px;}
table.compare-props label { margin-left: 23px; display: block; padding-top: 2px;}

table.compare-grid td { 
    padding: 5px 5px 5px 5px;
    vertical-align: top;
}
table.compare-grid td>div{
    border-bottom: 1px dashed #ccc;
}
table.compare-grid thead td {
}
table.compare-grid .alt {
}
.compare_name {
    color: #000;
    text-decoration: none;
}
.inline-filter, .compare-filter {
    margin-bottom: 15px;
    margin-top: 5px;
}
.compare-filter span,
.compare-filter a{
    display: block;
    margin-bottom: 7px;
    padding-left: 25px;
    position: relative;
    color: #40404B;
    text-decoration: none;
}
.compare-filter span:before,
.compare-filter a:before{
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 13px;
    height: 13px;
    background: #eee;
    border-radius: 50px;
    border: 1px solid #cdcdcd;
    -webkit-box-shadow: inset 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    inset 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         inset 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
}
.compare-filter span:before{
    border: 3px solid #40404b;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
     box-shadow: none;
}
.notetext {
    margin-top: 15px;
}
.select_sec {
    padding: 15px 0;
}
.select_sec ul{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;    
}
.ss_items{
    background: #fff;
    border-radius: 5px;
    border: 1px solid #40404B;
    -webkit-box-shadow: inset 0 4px 7px 0 rgba(0,0,0,.25);
    -moz-box-shadow: inset 0 4px 7px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 4px 7px 0 rgba(0,0,0,.25);
    position: relative;
}
.ss_items:after{
    content: "\f107";
    position: absolute;
    right: 10px;
    top: 4px;
    font-family: FontAwesome;
    z-index: 1;
    font-size: 18px;
    font-size: 1.285714285714286em;
}
.select_sec ul li{
    display: none;
    padding: 5px 10px;
    cursor: pointer;
}
.select_sec ul.open li,
.select_sec ul li.active{
    display: block;
}
a.compare-delete-item{
    
}
a.compare-delete-item .fa{
    padding-left: 5px;
}
.currency{
    font-size: 20px;
    font-size: 1.428571428571429em;
    font-weight: bold;
}
.currency .fa{
    font-size: .8em;
}

.compare-property, .compare_header_filter{
    width:305px;
    padding: 15px;
}
.product_item_new_list_item{
    padding: 0 15px 15px 15px;
}
.compare-property-val{
    padding: 15px;
}

/* End */


/* Start:/local/templates/webdoka/styles/bootstrap.min.css?175068433548651*/
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=0b95d85f7ed8e7326271138025b51c9f)
 * Config saved to config.json and https://gist.github.com/0b95d85f7ed8e7326271138025b51c9f
 */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

button[disabled],
html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

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

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Roboto";
    font-weight: 300;
    line-height: 1.1;
    color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: 300;
    line-height: 1;
    color: #777
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%
}

h1,
.h1 {
    font-size: 36px
}

h2,
.h2 {
    font-size: 30px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 18px
}

h5,
.h5 {
    font-size: 14px
}

h6,
.h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

small,
.small {
    font-size: 85%
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover,
a.text-primary:focus {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover,
a.text-info:focus {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover,
a.text-warning:focus {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul,
ol {
    margin-top: 0;
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt,
dd {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.row {
    /*margin-left: -15px;
    margin-right: -15px*/
}

.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 {
    position: relative;
    min-height: 1px;
    /*
    padding-left: 15px;
    padding-right: 15px
    */
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .header_l_2 .col-lg-4 {
        width: 33.336%
    }

    .col-lg-4 {
        width: 33.3333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px
    }

    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 30px
    }

    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}
/* End */


/* Start:/local/templates/webdoka/components/gv/system.auth.form/auth/style.css?174619036421783*/
#order_form_div {
    margin-top: 15px;
}
.hide_window {
    position: absolute;
    width: 985px;
    left: 0px;
}
.left {
    width: 192px;
    height: 50px;
}
.left_menu_personal, .left_menu, .left_menu velo, .left_banner, .top_menu, .yandex, .right_banner {
    display: none;
}
table.sale_order_full
{
	width:100%;
	background-color:#F9FAFB;
	border-collapse:collapse;
}

/*Table head*/
table.sale_order_full th
{
	background-image:url(/local/templates/webdoka/components/gv/system.auth.form/auth/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}

/* Table cells and heads*/
table.sale_order_full th, table.sale_order_full td
{
	border:1px solid #ADC3D5;
	padding: 3px 5px;
	vertical-align:top;
}

table.sale_order_full_table
{
	width:100%;
	background-color:#FFFFFF;
	border-collapse:collapse;
	font-size:12px;
	border:1px solid #ADC3D5;
        height: 271px;
}

/* Table cells and heads*/
table.sale_order_full_table td
{
	padding: 3px 5px;
	vertical-align:top;
}

.sof-req{color:red;}
.sof-ok{color:green; font-weight:bold;}

.cart-items thead tr {
    background: #69C028 url('/local/templates/webdoka/components/gv/system.auth.form/auth/images/search_bg1.gif') left bottom repeat-x;
    height: 23px;
    color: #FFF;
    font-size: 14px;
}
.cart-items {
    margin-top: 15px;
    margin-bottom:10px;
}
.cart-item-name-top {
    width: 320px;
    padding-left: 7px;
}
.cart-item-name {
    width: 320px;
    padding: 5px 10px 5px 7px;
    border-bottom: 1px dotted #69C028;
    border-left: 1px dotted #69C028;
}
.cart-item-name a {
    color: #000;
    text-decoration: none;
}
.cart-item-name-bottom {
    font-size: 18px;
    color: #69C028;
    padding: 8px 0 8px 15px;
    border-bottom: 1px dotted #69C028;
    border-left: 1px dotted #69C028;
}
.cart-item-price-top {
    width: 100px;
}
.cart-item-price {
    font-size: 14px;
    border-bottom: 1px dotted #69C028;
    padding-right: 5px;
}
.cart-item-price-bottom {
    font-size: 16px;
    font-weight: bold;
    color: #69C028;
    border-bottom: 1px dotted #69C028;
}
.cart-item-quantity-top {
    width: 50px;
    padding-right: 7px;
}
.cart-item-quantity {
    border-right: 1px dotted #69C028;
    border-bottom: 1px dotted #69C028;
}
.message, .errortext {
    border: 1px solid #40404b;
    padding: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    background: #fff;
}
.errortext ul {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #DD495A;
    font-weight: bold;
}
#whiteBlock{
    display:none; 
    text-align:center; 
    position:absolute; 
    background-color:#FFF; 
    width:160px; 
    height:40px;
}
#loaderImg{
    margin-top:3px;
}
#reloadCaptcha {
    cursor: pointer;
    padding-bottom: 10px;
}
#yes, #not {
    display: none;
    padding-top: 3px;
}
#yes {
    color: #69C028;
}
#not {
    color: #FF0000;
}
.complete {
    font-size: 30px;
    font-size: 2.142857142857143em;
    margin-bottom: 10px;
}
.complete_box{
    background: #fff;
    padding: 20px 30px;
    margin-bottom: 15px;
}
.complete_text{
    font-size: 18px;
    font-size: 1.285714285714286em;
    font-weight: bold;
    margin-bottom: 10px;
}
.complete_btns{
    margin-bottom: 10px;
}
.order_num{
    margin-bottom: 15px;
}
.complete_error{
    margin-bottom: 35px;
}
.future_sale{
    border-top: 1px solid #dadada;
    padding-top: 20px;
    margin-top: 30px;
}
.future_sale_title{
    font-size: 18px;
    font-size: 1.285714285714286em;
    font-weight: bold;
    margin-bottom: 10px;
}
a.fsl_item{
    display: inline-block;
    padding: 10px;
    color: #40404b;   
    text-decoration: none;
}
a.fsl_item .fa{
    color: #999999;
}
.order_text {
    margin-bottom: 15px;
}
.order_text span {
    color: #FF0000;
}
#dialog-confirm {
    display: none;
}
.order-title{
    font-size: 18px;
    font-size: 1.285714285714286em;
    font-weight: bold;
    color: #40404b;
    margin-bottom: 15px;
}

.order_make {
    font-size: 16px;
    font-weight: bold;
    color: #69C028;
    padding-bottom: 5px;
}
.order_step {
    display: none;
}
#one_step_button {
    text-align: center;
    margin-top: 30px;
}
input[type=submit], #one_step_button span {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    
    background: #40404b;
    color: #fff;
    text-transform: uppercase;
    padding: 15px;
    border: none;
}

#dialog-error, #dialog-register {
    display: none;
    height: 50px;
    overflow: hidden;
}
.ui-dialog {
    background: #FFF;
    width: 500px;
}
.confirm_link.btn-link {
    color: #767373;
    font-weight: bold;
    text-decoration: underline;
}
.prof_edit_table, .prof_new_table {
    display: none;
}
span.red {
    color: #FF0000;
}
.order-buttons {
    margin-bottom: 15px;
    background: #fff;
    padding: 15px;
    padding-top: 0;
    
}
.about_store {
    font-size: 11px;
    font-style: italic;
    text-decoration: underline;
    cursor: pointer;
}
.store_wrapper {
    position: relative;
}
.store_descript {
    display: none;
    position: absolute;
    background: #FFF;
    border: 1px solid #ababab;
    border-radius: 5px;
    z-index: 100;
    padding: 10px;
    top: 30px;
    left: 400px;
}
.store_close {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    background: url('/local/templates/webdoka/components/gv/system.auth.form/auth/images/help_close.png') center center no-repeat;
    cursor: pointer;
    z-index: 200;
}
.error_input {
    border: 2px solid #FF0000;
}
.order-item{
    background: #fff;
    padding: 15px;
}

.pc_btns .btn{
    color: #a7a7a7;
}
.pc_btns .prof_edit{
    padding-left: 0;
}
.user_info_item{
    margin-bottom: 5px;
}
.order_info_map{
    margin-top: -15px;
}
.paymant_list input[type="radio"]{
    display: none;
}
.paymant_list label{
    font-weight: normal;
    display: block;
    padding-left: 25px;
    position: relative;
}
.paymant_list input[type="radio"]+label:before{
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 13px;
    height: 13px;
    background: #eee;
    border-radius: 50px;
    border: 1px solid #cdcdcd;
    -webkit-box-shadow: inset 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    inset 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         inset 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
.paymant_list input[type="radio"]:checked+label:before{
    border: 3px solid #40404b;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
     box-shadow: none;
}
.deliv_price{
    font-size: 18px;
    font-size: 1.285714285714286em;
    font-weight: bold;
    color: #40404b;
    margin-bottom: 7px;
}
.total_price{
    font-size: 24px;
    font-size: 1.714285714285714em;
    color: #40404b;
    font-weight: bold;
}
.also{
    margin-top: 40px;
}
.also input[type="checkbox"]{
    display: none;
}
.also_item{
    position: relative;
    display: inline-block;
}
.also_item label{
    padding-left: 18px;
    cursor: pointer;
}
.also input[type="checkbox"]+label:before{
    content: '';
    width: 13px;
    height: 13px;
    border-radius: 2px;
    border: 1px solid #cdcdcd;
    position: absolute;
    left: 0;
    top: 3px;
    background: rgb(205,205,205);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(205,205,205,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,205,205,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(205,205,205,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(205,205,205,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(205,205,205,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(205,205,205,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#ffffff',GradientType=0 );
    z-index: 1;
    cursor: pointer;
}
.also input[type="checkbox"]:checked+label:before{
    background: #40404b;    
    border: 1px solid #40404b;
}
.also input[type="checkbox"]:checked+label:after{
    position: absolute;
    display: block;
    z-index: 2;
    left: 2px;
    top: 4px;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    color: #fff;
    font-size: 11px;
}
.new_prof_table table{
    width: 100%;
}
.new_prof_table td{
    padding: 5px 10px;
    vertical-align: middle;
    width: 50%;
}

.new_prof_table td input{
    border: 1px solid #d7d7d7;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7d7d7+0,ffffff+10 */
    background: rgb(215,215,215); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(215,215,215,1) 0%, rgba(255,255,255,1) 10%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,215,215,1)), color-stop(10%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(255,255,255,1) 10%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(255,255,255,1) 10%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(255,255,255,1) 10%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(215,215,215,1) 0%,rgba(255,255,255,1) 10%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}
.new_prof_table td input,
.new_prof_table td select,
.new_prof_table td textarea{
    width: 100%;
    padding: 8px;
}

.auth_1{
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

@media screen and (min-width:992px){
    .new_prof_table td{ 
	width: auto;
    }
    .new_prof_table td:first-child{
	width: 240px;    
    }
    .order_step {
	display: block;
	overflow: hidden;
	background: #40404b;
	margin-bottom: 15px;
    }
    .os_item{
	float: left;
	width: 24%;
	color: #fff;
	padding: 10px;
	text-align: center;
	
    }
    
    .os_item:nth-child(3){
	width: 28%
    }
    
    .os_item+.os_item{
	background: url(/local/templates/webdoka/components/gv/system.auth.form/auth/images/cart_arr_2.jpg) no-repeat left center;
    }
    .os_item.active{
	color: #40404b;
	background: #fff url(/local/templates/webdoka/components/gv/system.auth.form/auth/images/cart_arr_3.jpg) no-repeat left center;
    }
    .os_item.active+.os_item{
	background: url(/local/templates/webdoka/components/gv/system.auth.form/auth/images/cart_arr_1.jpg) no-repeat left center;
    }
    .auth_1 {
        border-right: 2px solid #ebebeb;
        border-bottom: none;
    }
}
.auth_help_text{
    font-size: 18px;
    font-size: 1.285714285714286em;
    margin-bottom: 20px;
}
.auth_new{
    padding-bottom: 15px;
}
.no_reg{
    padding-top: 15px;
}
.no_reg{
    border-top: 2px solid #ebebeb;
}
.auth_form_title{
    font-size: 22px;
    /*font-size: 1.285714285714286em;*/
    text-align: center;
    margin-bottom: 30px;
}
.auth_form_title a {
    font-size: 14px;
}
.auth_form_title_small{
    font-size: 16px;
}
.auth_form input[type="text"],
.auth_form input[type="password"]{
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #d7d7d7;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dadada+1,ffffff+10,ffffff+100 */
    background: rgb(218,218,218); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2RhZGFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(218,218,218,1) 1%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(218,218,218,1)), color-stop(10%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(218,218,218,1) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(218,218,218,1) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(218,218,218,1) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(218,218,218,1) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.auth_form input[type="text"].colored,
.auth_form input[type="password"].colored{
	-webkit-box-shadow:inset 0px 0px 0px 3px #ff9600;
	-moz-box-shadow:inset 0px 0px 0px 3px #ff9600;
	box-shadow:inset 0px 0px 0px 3px #ff9600;
	border: 1px solid #ff9600;
}
.auth_form input[type="submit"].colored{
	background:#ff9600;
}
.auth_form label{
    font-weight: normal;
    padding-left: 17px;
    position: relative;
    cursor: pointer;
}
.auth_form label:before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 2px;
  border: 1px solid #cdcdcd;
  position: absolute;
  left: 0;
  top: 3px;
  background: #cdcdcd;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkY2RjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#cdcdcd 0,#fff 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#cdcdcd),color-stop(100%,#fff));
  background: -webkit-linear-gradient(top,#cdcdcd 0,#fff 100%);
  background: -o-linear-gradient(top,#cdcdcd 0,#fff 100%);
  background: -ms-linear-gradient(top,#cdcdcd 0,#fff 100%);
  background: linear-gradient(to bottom,#cdcdcd 0,#fff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#ffffff',GradientType=0 );
  z-index: 1;
}
.auth_form input:checked+label:before {
  background: #40404b;
  border: 1px solid #40404b;
}

.auth_form input:checked+label:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f00c";
  position: absolute;
  left: 2px;
  top: 4px;
  z-index: 2;
  color: #fff;
  font-size: 11px;
}
.auth_form input[type="checkbox"]{
    display: none;
}
.user_remember_inp{
    display: inline-block;
    margin-right: -4px;
    width: 55%;
}
.user_remember{
    display: inline-block;
    width: 45%;
    text-align: left;
    margin-bottom: 15px;
}
.user_remember a{
    color: #40404b;
    text-decoration: underline;
}
#register-error{
    padding-top: 15px;
    color:red;
}
.sl_item, .addr_for_edost {
    display: none;
}
.sl_item.active {
    display: block;
}
.deliv_choise{
    display: inline-block;
    padding: 10px 15px;
}
.deliv_choise label,
.sl_item label{
    font-weight: normal;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}
.deliv_choise label:after,
.sl_item label:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #cdcdcd;
    background: #cdcdcd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#cdcdcd 0,#fff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#cdcdcd),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#cdcdcd 0,#fff 100%);
    background: -o-linear-gradient(top,#cdcdcd 0,#fff 100%);
    background: -ms-linear-gradient(top,#cdcdcd 0,#fff 100%);
    background: linear-gradient(to bottom,#cdcdcd 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#ffffff',GradientType=0 );
}
.deliv_choise input[type="radio"],
.sl_item input[type=radio]{
    display: none;
}
.deliv_choise input:checked + label:after,
.sl_item input:checked + label:after{
    background: #fff;
    border: 4px solid #40404b;
}
.oi_profiles{
    padding: 15px 80px;
}
.profile_change label{
    font-weight: normal;
    display: block;
    position: relative;
    color: #40404b;
    border: 1px solid #ebebeb;
    padding: 0;
    margin-bottom: 10px;
}
.user_info_item{
    padding: 7px 15px;
}
.user_info_title{
    background: #ebebeb;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.285714285714286em;
    padding: 10px;
}
.user_info_name{
    padding-left: 40px;
}
.profile_change input[type="radio"]+label:before{
    content: '';
    display: block;
    position: absolute;
    left: 14px;
    top: 16px;
    width: 13px;
    height: 13px;
    background: #eee;
    border-radius: 50px;
    border: 1px solid #cdcdcd;
    -webkit-box-shadow: inset 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    inset 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         inset 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
.profile_change input[type="radio"]:checked+label:before{
    border: 3px solid #40404b;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
     box-shadow: none;
}
.profile_change input[type="radio"]{
    display: none;
}
.uii_name{
    color: #929292;
}
.uii_val{
    font-size: 16px;
    font-size: 1.142857142857143em;
}
.use_info_edits{
    text-align: right;
}
.uie_item{
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding-left: 15px;
}
.uie_item .fa{
    font-size: 18px;
    font-size: 1.285714285714286em;
    vertical-align: top;
}
.uie_item span{
    text-decoration: underline;
    vertical-align: top;
}
.btn-add-new_prof{
    background: #848484;
    color: #fff;  
}
#reg_form{
    /*padding-top: 4px;*/
}

.order-item input[type="submit"],.order-item button{width:200px;}
.order-item input,.order-item textarea{position:relative;}
.order-item input:focus,.order-item textarea:focus,.order-item input[data-valid="focus"],.order-item textarea[data-valid="focus"]{-webkit-box-shadow: inset 0px 0px 0px 3px #ff9600;-moz-box-shadow: inset 0px 0px 0px 3px #ff9600;box-shadow: inset 0px 0px 0px 3px #ff9600; border: 1px solid #ff9600;}
.order-item input[data-valid="error"],.order-item textarea[data-valid="error"]{-webkit-box-shadow: inset 0px 0px 0px 3px #ba3c3c;-moz-box-shadow: inset 0px 0px 0px 3px #ba3c3c;box-shadow: inset 0px 0px 0px 3px #ba3c3c; border: 1px solid #ba3c3c;  padding: 10px 40px 10px 10px; background: url(/bitrix/templates/main/images/input-error.png) no-repeat 100% 50% #fff;}
.order-item input[data-valid="ok"],.order-item textarea[data-valid="ok"]{-webkit-box-shadow: inset 0px 0px 0px 3px #d8d8d8;-moz-box-shadow: inset 0px 0px 0px 3px #d8d8d8;box-shadow: inset 0px 0px 0px 3px #d8d8d8; border: 1px solid #d8d8d8; padding: 10px 40px 10px 10px; background: url(/bitrix/templates/main/images/input-ok.png) no-repeat 100% 50% #fff;}

.sonet_close:hover{
    color: #FFF;
    text-decoration: none;
}
#sonet img {
    padding-bottom: 5px;
}
#sonet .gv_modal_inner p {
    text-align: center;
}
#sonet_link header {
    font-size: 20px;
}
#sonet_link p, #sonet_add p {
    margin-top: 0px;
}
.sonet_buttons {
    text-align: center;
}
.sonet_buttons span {
    margin: 0 15px 20px 0;
}
.gv_modal_close:hover {
    color: #fff;
}

.sms-auth input[type=submit] {
    background-color: #ff9600;

}
.sms-auth input[type=submit].disabled {
    background-color: #40404b;
    opacity: 0.7;
}
/* End */


/* Start:/local/templates/webdoka/components/gv/main.register/register/style.css?15662048183537*/
.clr{clear:both;}
#login_block .gv_modal_close.confirm_close:hover{color:#fff; text-decoration:none;}
#login_block .gv_modal_confirm_wrapper form input{display:block; width:100%; height:40px; margin: 0 auto 15px auto; line-height:40px; padding: 0 10px;}
#login_block .gv_modal_confirm_wrapper form label{font-weight:400; font-size:12px;}
#login_block .gv_modal_confirm_wrapper form button.btn{width:100%; height:40px; margin: 0 auto 15px auto; line-height:40px; padding:0;}
#login_block .gv_modal_inner {text-align:left;}
.gv_modal_inner .errortext{border: none;padding: 0px;margin-bottom: 0px;background: transparent;}
.gv_modal.flex{
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column; /* works with row or column */
   flex-direction: column;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}

.gv_modal{
    display: none;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 500;
}
.gv_modal.open{
    display: block;
}
.gv_modal .mask{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ccc;
    background: rgba(0,0,0,.8);
    z-index: -1;
}
.gv_modal_confirm_wrapper{
    position: absolute;
    z-index: 1;
    background: #fff; 
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    left: 15px;
    right: 15px;
}
.gv_modal_close{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 15px 20px;
    color: #fff;
}
.gv_modal_close .fa{
    margin-left: 5px;
}
.gv_modal header{
    background: #40404b;
    padding: 5px 15px;
    font-size: 30px;
    font-size: 2.142857142857143em;
    color: #fff;
}
.gv_modal_inner{
    padding: 15px;
}
.gv_modal_confirm .btn-default{
    background: #848484;
}
.gv_modal_confirm .btn{
    padding: 15px 20px;
    margin-right: 10px;
}
.gv_modal_inner p{
    margin: 25px 0;
}
.gv_modal_col{
    height: 100vh;
}

.gv_modal_wrap{
    background: #fff;
    max-width: 500px;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.gv_modal_wrap input{
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
}
.gv_modal_wrap .btn{
    padding: 15px 25px;
    margin-left: 10px;
}

div.bx-auth-reg input.bx-auth-input {vertical-align:middle;}
div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/webdoka/components/gv/main.register/register/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/webdoka/components/gv/main.register/register/images/sec-unlocked.png);}

#whiteBlock{
    display:none; 
    text-align:center; 
    position:absolute; 
    background-color:#FFF; 
    width:180px; 
    height:40px;
}
#loaderImg{
    margin-top:3px;
}
#reloadCaptcha {
    cursor: pointer;
}
#confirm {
    float: left;
}
#yes, #not {
    display: none;
    padding-top: 3px;
}
#yes {
    color: #69C028;
}
#not, .starrequired {
    color: #FF0000;
}
.errortext {
    /*color: #FF0000;*/
    margin: 10px 0;
    font-weight: normal;
}
.bx-auth-reg {
    background-color: #FFFFFF;
    font-size: 12px;
    border: 1px solid #ADC3D5;
    padding: 5px;
    margin: 10px 0 0 0;
}
.error_input {
    border: 2px solid #FF0000;
}
/* End */
/* /local/templates/webdoka/styles/pages/cart.css?17504351908095 */
/* /local/templates/webdoka/styles/gv_legacy.css?1750679484148652 */
/* /local/templates/webdoka/styles/bootstrap.min.css?175068433548651 */
/* /local/templates/webdoka/components/gv/system.auth.form/auth/style.css?174619036421783 */
/* /local/templates/webdoka/components/gv/main.register/register/style.css?15662048183537 */